/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/rot_hinter.jpg);
	background-repeat: repeat-x;
	background-position: left 50px;
	font-size: 13px;
	padding:0;
	color: #333;
	line-height: 19px;
	height: 100%;
}

div#lang {
	position: absolute;
	width: 200px;
	text-align: right;
	left: 770px;
	top: 15px;
}
div#lang a {
	color: #AAA;
	text-decoration: none;
}
div#lang a:hover {
	color: #333;
}

#container {
	 width: 950px;
	 height: 100%;
	 margin:0;
	 padding:0;
}

#leftnav{
	margin: 0;
	position: absolute;
	top: 0;
	left: 20px;
	float: left;
	height: 895px;
	width: 210px;
	background-image:  url(../img/grau_leftnav.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#leftnav img.logo{
	margin-top: 50px;
	margin-left: 12px;
}
	
#kapitel{
	width: 180px !important;
	width: 138px;
	margin-left: 12px;
	margin-top: 15px;
	background-color: white;
	height: auto;
	min-height: 150px;
	padding: 10px 10px 10px 12px;
	line-height:1.2em;
}
	
		#kapitel h1 {
		font-size: 13px;
		line-height: 120%;
		color: #cc0033;
		margin-bottom: 10px;
		margin-top: 0;
		padding-bottom: 7px;
		border-bottom: 2px solid #e9e9e9;
		}
		
		#kapitel ul {margin: 0; padding: 0 0 5px 0 !important; padding: 0; list-style: none; }
		
		#kapitel li {margin-top: 5px; margin-bottom: 1px;}
		
		#kapitel a {
			background-image: url(../img/li_grau.gif);
			background-repeat: no-repeat;
			background-position: left 11px !important;
			background-position: left 10px;
			text-decoration: none;
			color: #333;
			padding: 5px 0px 0px 15px !important;
			padding: 2px 0px 0px 15px;
			display: block;
			height: auto !important;
			height: 15px;
		}
		
		#kapitel a:hover {
			background-image: url(../img/li_rot.gif);
			background-repeat: no-repeat;
			background-position: left 4px !important;
			background-position: left 3px;
			text-decoration: none;
			color: #cc0033;
			padding: 5px 0px 0px 15px !important;
			padding: 2px 0px 0px 15px;
			display: block;
			height: 15px;
		}
		
		#kapitel a.hierlinks {background-image: url(../img/li_rot.gif);
		background-repeat: no-repeat;
		background-position: left 4px !important;
		background-position: left 3px;
		text-decoration: none;
		color: #cc0033;
		font-weight: bold;}
		
		#kapitel ul.sub {margin: 0px 0px 0px 10px; padding: 0; list-style: none; }
		#kapitel li.sub {margin-top: 1px;}
		
		#kapitel a.sub {
		background-image:url(../img/sub.jpg);
		height: 15px;
		color: #666666;
		padding: 0px 0px 2px 15px;
		background-repeat: no-repeat;
		background-position: left 9px !important;
		background-position: left 4px;
		}
		
		#kapitel a.sub:hover {
		padding: 0px 0px 2px 15px;
		background-image:url(../img/subrot.jpg);
		background-repeat: no-repeat;
		background-position: left 9px !important;
		background-position: left 4px;
		}
		
		#kapitel a.subhierlinks {
		padding: 0px 0px 2px 15px;
		background-image:url(../img/subrot.jpg);
		background-repeat: no-repeat;
		background-position: left 9px !important;
		background-position: left 4px;
		color: #cc0033; }
		
		#kapitel a.subhierlinks:hover {padding: 0px 0px 2px 15px;
		background-image:url(../img/subrot.jpg);
		background-repeat: no-repeat;
		background-position: left 9px !important;
		background-position: left 4px;}
		
		#menu_re {
			width: 280px;
			height: 300px;
			position: absolute;
			left: 885px;
			top: 155px;
		}
		
		#presse {
			width: 600px;
			height: 300px;
		}
		
		div.box {
			padding: 10px 10px 0px 12px;
			margin: 0 0 10px 0;
			background-color: #f8f8f8;
		}
		
		#presse div.box {
			padding: 10px 10px 0px 12px;
			margin: 0 0 10px 0;
			background-color: #FFF;
		}
		
		div.box a b {
			margin: 0 0 5px 0;
			display: block;
		}
		
		div.box a img {
			border: 0px solid #e9e9e9;
			float: left;
			margin: 0 5px 5px 0;
		}
		
		div.clear {
			clear: both;
			height: 1px;
			border-top: 1px dotted #e9e9e9;
		}
		
		
		div.box a{
			text-decoration: none;
			color: #333;
		}
		
		div.box a:hover {
			text-decoration: none;
			color: #cc0033;
		}
		
		div.box h1 {
			font-size: 13px;
			line-height: 120%;
			color: #cc0033;
			margin-bottom: 10px;
			margin-top: 0;
			padding-bottom: 7px;
			border-bottom: 2px solid #e9e9e9;
		}
		
		#topnav {
			position: relative;
			left: 240px;
			bottom: -10px;
			
			border: thin #00FF66;
			height: 48px;
			text-align: left;
			
			margin-top: 100px;
		}
	
		#topnav ul{ list-style: none; margin: 0; padding: 0; }
		#topnav li {float: left; margin:0px 0px 0px 3px; padding:0px;}
		
		#topnav a {
			text-decoration: none;
			color: white;
			display: block;
			font-weight: bold;
			padding: 7px 7px 6px 7px;
		}
		
		#topnav a:hover {
			background-color: white;
			display: block;
			color: #CC0033;
			padding: 5px 7px 6px 7px;
			border-top: 2px solid #990033;
		}
		
		#topnav a.hier {
			background-color: white;
			color: #CC0033;
			padding: 5px 7px 6px 7px;
			display: block;
			border-top: 2px solid #990033;
		}
	
	#drucker {
		border-top: 2px solid #990033;
		position: absolute;
		top: 109px;
		left: 844px;
		width: 47px;
		height: 42px;
		background-color: #fff;
		text-align: center;
		vertical-align: 20%;
	}
	#content {
		position: absolute;
		top: 140px;
		left: 240px;
		width: 632px !important;
		width: 673px;
		padding-top: 5px !important;
	   	padding-top: 20px;
	    padding-right: 30px;
		padding-left: 10px;
		padding-bottom: 30px;
	
	}
	
		#content h1 {
		color:#cc0033;
		font-size: 18px;
		font-weight: lighter;
		clear: both;
		line-height: 1.5em;
		margin-bottom: 10px;
		text-transform: uppercase;
		}
				
		#content h2 {
		font-size: 13px;
		margin-top: 6px;
		margin-bottom: 4px;
		line-height: 1.3em;
		}
		
		#content h3 {
			color:#cc0033;
			font-size: 13px;
			margin-bottom: 3px;
		}
		
		#content h4 {
		font-size: 13px;
		margin-top: 2px;
		margin-bottom: 4px;
		clear: both;
		}
		
		#content h4.rot {
		font-size: 13px;
		margin-top: 2px;
		margin-bottom: 4px;
		clear: both;
		color: #cc0033;
		}
		
		#content h5 {
		font-size: 13px;
		margin-top: 5px;
		margin-bottom: 7px;
		background-color: #BC0432;
		padding: 3px;
		color: #fff;
		clear: both;
		}
		
		
		#content p {margin-top: 3px; margin-bottom: 10px; line-height: 1.4em;}
		#content ul {margin-bottom: 8px; list-style: square; margin-top:2px;}
		#content ul.listerechts {margin-left: 235px; padding-left: 20px;}
		#content li {margin-bottom: 0.8em; margin-top: 1em; line-height: 1.2em;}
		#content li.subsub_sales {margin-bottom: 1.8em !important; margin-bottom: 0.8em; margin-top: 1.5em !important; margin-top: 0.9em; line-height: 1.3em;}
		#content ul.subsub {list-style: none; margin: 0px 0px 30px 0px; padding: 0; }
		#content ul.subsub_os {list-style: none; margin: 0px 0px 30px 0px; padding: 0; }
		#content img.gross {margin-left: 8px; margin-right: -2px; margin-top: -6px; margin-bottom: 5px; float: right;}
		#content img.top {margin:0;}
		
		#content table {font-size: 13px; margin-left: -3px; float: left; margin-right: 10px; margin-bottom: 10px;}
		#content table.index{width: 43%;}
		#content table.referenzen{
			background-image:url(../img/referenzen.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			width: 610px;
			height: 360px;
		}
		#content td {padding: 0 5px 0 5px; vertical-align: top; }
		#content td.graeu {padding: 0 5px 0 5px; vertical-align: top; background-image: url(../img/td.gif); }
		#content th { text-align: left;  padding: 5px; vertical-align: top; background-image: url(../img/th.jpg);
		background-repeat: no-repeat;}
		#content th.red{
		background-color: #CC0033;
		color: white;
		background-image: url(../img/rot_hinter_klein.jpg);
		background-repeat: repeat-x;
		}
		#content a{color: #666; margin-bottom: 10px;}
		#content a:visited {color: #666;}
		#content a:hover {text-decoration: none; color: #cc0033;}
		
		#content a.subsub{
		background-image: url(../img/subsub.jpg);
		background-repeat: no-repeat;
		background-position: left 4px;
		text-decoration: none;
		color: #333;
		padding: 0px 0px 0px 15px;
		display:block;
		height: 1.2em;
		}
		
		
		#content a.subsub:hover {background-image: url(../img/subsubrot.jpg);
		background-repeat: no-repeat;
		background-position: left 4px;
		text-decoration: none;
		color: #cc0033;
		}
		
		.schmal {width: 360px; float: left;}
		.grossbuchstabe {text-transform: uppercase;}
		.modul {border: 2px solid #eee; padding: 5px; margin: 5px 3px 5px -3px; clear: both;}
		.right {margin-left: 15px;  margin-top: -10px; margin-right: -18px; float: right;}
		.bild_neues_bei_motiv{margin-bottom: 8px;}
		.bild_neues_nebeneinander {margin-right: 5px;}
		.kleiner_kasten{width: 255px; height: 170px; padding: 5px; float: right; margin-left: 15px; margin-bottom:5px; border: 1px solid #BC0432;}

		.chart_quer { 
		margin: 3px 20px 3px 0px; 
		float: left;
}

#imageMouseover {
	display: none; 
	position:absolute; 
	left:0px; 
	top: 100px; 
	z-index: 999; 
	background-color:#FFF; 
	border: 1px solid #A0161E;
}


#content span.h4 {
	font-weight: bold;
	font-size: 13px;
	margin-top: 2px;
	margin-bottom: 4px;
	clear: both;
	padding-right: 10px;
	padding-top: 10px;
}

#content div.float {
	float: left ;
	width: 200px;
}

#content ul.small li {
	margin-bottom: 0.3em; 
	margin-top: 0.3em; 
	margin-left: -10px;
}

#content span.iw_pi {
	color: #0000FF;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	top: -5px;
}

#content span.iw_is {
	color: #00b64d;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	top: -5px;
}

#content span.iw_k {
	color: #cc0033;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	top: -5px;
}

input, textarea {
	width: 200px;
}
div.video_teaser_outer {
	position: relative;	
	text-align: left;
	float: left;
	margin: 0 0px 10px 0px;
	width: 350px;
}
div.video_teaser {
	position: relative;	
	text-align: center;
	clear: both;
	
}
div.video_teaser img {
	z-index: 1;
	position: relative;	
	left: 0px;
	top: 0px;
}
div.video_teaser img.play {
	position: absolute;	
	z-index: 2;
	left: 125px;
	top: 50px;
}
div.video_teaser span.info {
	position: absolute;	
	z-index: 3;
	left: 10px;
	bottom: 15px;
	color: #FEFEFE;
	font-weight: bold;
}
div.video_teaser img.play2 {
	position: absolute;	
	z-index: 2;
	left: 260px;
	top: 60px;
}
div.video_teaser span.info2 {
	position: absolute;	
	z-index: 3;
	left: 55px;
	bottom: 8px;
	color: #FFF;
	font-weight: bold;
	background-color: #444;
	padding: 3px;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
div#youtube_video_home{ 
	position: absolute;
	display: none;
	top: 100px;
	left: 100px;
}