/* @override 
	http://www.reinhart-ruesken.itsrv.de/files/css/main.css
	http://www.rechtsanwalt-ruesken.de/files/css/main.css */


* {
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: normal;
	 -webkit-text-size-adjust: 100%;
}

#container {
	min-height: 422px;
	background: url('../../files/assets/bg_cont.jpg') 258px top no-repeat;
}

a#logomobil {
	display: none;	
}

nav.mod_navigation.mobil {
	 display: none;
}

h1 {
	font-size: 14px;
	font-weight: 600;
	margin-top: -3px;
	margin-bottom: 48px;
}

#left img {
	max-width: 206px;
	height: auto;
	 width: inherit;  /* Make images fill their parent's space. Solves IE8. */
}

#header {
	height: 375px;	
}

strong {
	font-weight: 600;	
}

.ce_text {
	font-size: 14px;
	line-height: 18px;
}

ul {
	list-style: none;
	padding: 0 0 0 1px;
}

#left ul {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
}

#left ul li * {
	font-weight: 600;
	text-decoration: none;
	color: black;
	display: block;
}
#left ul li span {
	color: #41759b;
}
#left ul li {
	border-bottom: 1px solid #888;
	width: 210px;
	padding-bottom: 20px;
	margin-bottom: 19px;
}
li {
	margin-bottom: 10px;
}

.author .ce_text li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 11px;
}

#main .inside {
	padding-left: 130px;
}

.home #main .inside {
	padding-left: 0;
}

#top {
	background: url('../../files/assets/blbg.png') repeat-x;	
}
/*
#top {
	transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
}*/

#top.home {
	background: url('../../files/assets/blbg2.png') repeat-x;
}



#wrapper {
    margin: 0 auto;
    width: 1200px;
}

#shownav {
	display: none;
	-moz-backface-visibility: hidden;
	-moz-transform: translateZ(0) scale(1.0, 1.0);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.home #shownav {
	width: 36px;
	height: 19px;
	display: block;
	background: url('../../files/assets/menu8-b.png') 0 0 no-repeat;
	background: url('../../files/assets/menu.png') 0 0 / 100% 100% no-repeat;
	float: right;
	cursor: pointer;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.home #logonorm {
	display: none;
}

.home #container {
	background: none;
}

#logo {
	/*background: url('../../files/assets/logo_ruesken_frame.png') center center no-repeat #f5f5f5;*/
	display: none;
	width: 100%;
	height: 100%;
	/*background-size: 100% 100%;*/
	overflow: hidden;
	background-color: red;
	float: left;
}

.home #logo {
	display: block;
	
}

#logo img {
	position: absolute;
}

a#logonorm img {
	width: 454px !important;
	height: 68px !important;
	position: relative;
	top: 73px;
	left: 372px;
}

#logo h1,h2 {
	font-weight: 700;
	letter-spacing: 7px;
	text-transform: uppercase;
	color: #41759c;
	text-align: center;
	margin: 0;
}

#logo h2 {
	font-size: 16px;
	color: black;
	font-weight: 400;
	margin-bottom: 5px;
	letter-spacing: 6px;
}

#space {
	height: 35px;
}

.home #space {
	width: 100%;
	height: 55px;
	
	display: block;
}

img.fader {
	display: none;
}

.home img.fader {
	display: block;
	 width: inherit;  /* Make images fill their parent's space. Solves IE8. */
}

.home img {
	
	 width: inherit;  /* Make images fill their parent's space. Solves IE8. */
}

#desk.mod_navigation {
	position: relative;
	float: left;
	margin-bottom: 20px;
	width: 1200px;
	min-height: 33px;
}

#desk.mod_navigation ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: block;
	width: 737px;
	display: block;
}

.home #desk.mod_navigation ul {
	display: none;
	height: 0;
}

#desk.mod_navigation li,
#desk.mod_navigation li a,
#desk.mod_navigation li span {
	padding: 0 10px;
	float: left;
	display: inline-block;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin: 0;
	font-size: 15px;
	color: white!important;
}

.home #desk.mod_navigation li,
.home #desk.mod_navigation li a,
.home #desk.mod_navigation li span {
	color: black!important;
}

#desk.mod_navigation li {

	/*border-right: 1px solid black;*/
}

#desk.mod_navigation li a,
#desk.mod_navigation li span {
	text-decoration: none;
	color: white;
	font-weight: 500;
	border-bottom: 1px solid black;
	padding: 0 0 10px;
	margin: 0;
	width: 96%;
}

.home #desk.mod_navigation li a,
.home #desk.mod_navigation li span {
	color: black;
	border-bottom: 1px solid white;
}

#desk.mod_navigation li a.vita,
#desk.mod_navigation li span.vita {
	width: 90%;
}

.ce_text a {
	text-decoration: none;
	color: #41759c;
	font-weight: 600;
}

.ce_text a:hover {
	color: black;
}

#desk.mod_navigation li a:hover, 
#desk.mod_navigation li .active,
#desk.mod_navigation li .trail {
	text-decoration: none;
	color: black;
	font-weight: 500;
	border-bottom: 1px solid white;
	padding: 0 0 6px;
	margin: 0;
	width: 96%;
}

.home #desk.mod_navigation li a:hover, 
.home #desk.mod_navigation li .active {
	border-bottom: 1px solid black;
}

/*#desk.mod_navigation li a::first-letter {
	color: yellow;
}*/


.pipe,
.pipe2.last {
	width: 1px;
	height: 14px;
	display: inline-block;
	background-color: white;
	float: left;
	position: relative;
	top: 4px;
	margin-right: 22px;
	margin-left: 15px;
}

.home .pipe,
.home .pipe2.last {
	background-color: black;
}

.pipe2.last  {
	margin-left: 10px;
	margin-right: 0;
}







@media (max-width: 1400px)  {
	
	
	a#logonorm img {
		width: 363px !important;
		height: 54px !important;
		position: relative;
		top: 47px;
		left: 297px;
	}
	
	#left ul {
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: 600;
	}
	
	#left ul li {
		width: 181px;
	}
	
	#header {
		height: 300px;	
	}
	
	#wrapper {
	    margin: 0 auto;
	    width: 960px;
	}
	#main .inside {
		padding-left: 58px;
	}
	
	.home #main .inside {
		padding-left: 0;
	}

	#left img {
		max-width: 165px;
	}

	#logo {
				/*background: url('../../files/assets/logo_ruesken_frame.png') center center no-repeat #f5f5f5;*/
		display: none;
	/*	width: 960px;
		height: 291px;*/
		float: left;
	}

	

	.home #logo {
		display: block;
	}
	

	#desk.mod_navigation {
		position: relative;
		float: left;
		margin-bottom: 20px;
		width: 960px;
		min-height: 29px;
	}
	
	#desk.mod_navigation ul {
		width: 560px;
	}
	
	#desk.mod_navigation li,
	#desk.mod_navigation li a,
	#desk.mod_navigation li span {
		font-size: 12px;
	}
	
	.pipe,
	.pipe2.last {
		height: 11px;
		margin-right: 9px;
		margin-left: 5px;
	}
	
	.pipe2.last  {
		margin-left: 4px;
		margin-right: 0;
	}
	
	.home #shownav {
		width: 25px;
		height: 12px;
		background: url('../../files/assets/menu8-m.png') 0 0 no-repeat;
		background: url('../../files/assets/menu.png') 0 0 / 100% 100% no-repeat;
	}
	
	.ce_text  {
		font-size: 13px;
	}
	
	h1 {
		font-size: 14px;
	}
	
	#container {
		min-height: 422px;
		background: url('../../files/assets/bg_cont.jpg') 211px top no-repeat;
	}
	
	.home #container {
		background: none;
	}
	
}

@media (max-width: 768px)  {

	#space {
		display: none;
	}
	
	#wrapper {
	    margin: 0;
	    width: 100%!important;
	}
	
	
	#logo {
		/*background: url('../../files/assets/logo_ruesken_frame.png') center center no-repeat #f5f5f5;*/
		display: none;
		width: 100%;
		height: 100%;
		background-size: 100% auto;
	}
	
	.home #logo {
		display: none;
	}
	
	#header {
		display: none;
	}
	
	#container {
		min-height: auto;
		background: none;
		padding-bottom: 80px;
	}
	
	#top {
		background: none!important;	
	}

	nav.mod_navigation.mobil {
		background-color: black;
		display: block;
	}

	

	nav.mod_navigation.mobil a {
		text-decoration: none;
		color: black;
	}
	nav.mod_navigation.mobil a,
	nav.mod_navigation.mobil span,
	nav.mod_navigation.mobil li {
		display: block;
		float: left;
		width: 100%;
		padding: 5px 0 5px 20px;
		color: white;
	}
	
	nav.mod_navigation.mobil ul ul a,
	nav.mod_navigation.mobil ul ul span,
	nav.mod_navigation.mobil ul ul li {
		padding: 5px 0 5px 1px;
		
	}
	
	nav.mod_navigation.mobil li {
		padding: 0px;
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.77);
	}
	
	nav.mod_navigation.mobil li.last {
		border: none;	
	}
	
	nav.mod_navigation.mobil a:hover,
	nav.mod_navigation.mobil span.trail,
	nav.mod_navigation.mobil span.active {
		
		color: #8bb7d8;
	}
	
	nav.mod_navigation.mobil ul {
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		letter-spacing:5px;
	}

	nav.mod_navigation.mobil ul ul {
		padding-left: 20px;
		padding-bottom: 10px;
		float: left;
		width: 100%;
		margin-top: 1px;
		text-transform: capitalize;
		letter-spacing: 0;
		background-color: rgba(255, 255, 255, 0.17);
		padding-top: 10px;
	}
	
	nav.mod_navigation.mobil ul ul li {
		padding: 0;
		margin: 0;
	}
	
	nav.mod_navigation.mobil ul ul a,
	nav.mod_navigation.mobil ul ul span {
		
	}
	
	#main .inside {
		padding-left: 0px;
	}
	
	.mod_article {
		padding-left: 20px;
		padding-top: 60px;
		padding-right: 20px;
	}
	
	#left .mod_article {
		padding-top: 40px;
	}
	
	#left .mod_navigation {
		display: none;
	}
	
	a#logomobil {
		display: block;
		padding: 50px 20px;
	}
	a#logomobil img {
	 width: inherit;  /* Make images fill their parent's space. Solves IE8. */
	 }
	#desk.mod_navigation {
		display: none;
	}
	
	
	
	#wrapper {
	    margin: 0;
	    width: auto;
	}
	#container {
	    padding-left: 0;
	    padding-right: 0;
	}
	#main, #left, #right {
	    float: none;
	    width: auto;
	}
	#left {
	    margin-left: 0;
	    right: 0;
	}
	#right {
	    margin-right: 0;
	}
	#left img {
		max-width: 240px;
	}
	
}


@media (min-width: 759px) {
/*	#main,#left,#header {
	    transition-duration: 0.3s;
	}*/
	
}


hr {
	border: none;
	border-bottom: 1px solid #888;
	margin-top: 26px;
	margin-bottom: 25px;
}