@charset "utf-8";

/* CSS Document */



/*SUCHE*/

#suche{

	margin: 104px 0px 0px 762px;

}

#suche form{

	margin: 0px;

	padding: 0px;

}

#suche table{

	font-size: 50%;

	text-transform: uppercase;

	font-weight: bold;

	color:#FFFFFF;

}

#suche input.text{

	font-size: 9px;

	height: 16px;

	width: 192px;

	border: 1px solid #8de1ff;

	margin: 0px 6px 0px 0px; 

}

/*ENDE*/



/*Rootline*/

#rootline{

	border-bottom: 1px solid #989898;

	height: 20px;

	padding: 12px 0px 0px 0px;

	color: #989898;

	font-size: 60%;

}

#rootline a{

	text-decoration: none;

	color: #989898;

}

#rootline a img{

	border: none;

	margin-left: 6px;

}

#rootline a:hover{

	color: #006699;

}

#rootline .rootlink_left{

	float: left;

	margin-top: 6px;

}

#rootline .rootlink_right{

	float: right;

}

/*ENDE*/





/*DIE ZWEI SPALTEN IN DER MITTE*/

#content_container{

	font-size: 60%;

	color: #555555;

}



#content_container ul{

	padding: 0px 0px 0px 30px;

	list-style: square;

}



#content_container li{

	line-height: 16px;

}

#content_container dd.csc-textpic-caption{

	font-size: 90%;

}



/*Tabelle*/

#content_container table{

	font-size: 100%;

	width: 100%;

	color: #555555;

	margin: 10px 0px 18px 0px;

}

#content_container table caption{

	text-align: left;

	font-weight: bold;

	margin-bottom: 6px;

}

#content_container table th{

	font-weight: bold;

	background-color: #e7f0f6;

	vertical-align: top;

}

#content_container td{

	vertical-align: top;

}

#content_container td p{

	text-align: left;

}

#content_container table tr.oddRow{

	font-weight: 100;

	background-color: #e7f0f6;

}

#content_container table tr.evenRow{

	font-weight: 100;

	background-color: #a1c3dd;

}

#content_container table td, #content_container table th{

	padding: 4px;

}

#content_container table td.align-left, #content_container table th.align-left{

	text-align: left;

}

#content_container table td.align-center, #content_container table th.align-center{

	text-align: center;

}

#content_container table td.align-right, #content_container table th.align-right{

	text-align: right;

}



#left{

	float: left;

	width: 160px;

	overflow: hidden;

	padding: 6px 20px 20px 0px;

}



#left p{

	text-align: left;

	padding-bottom: 6px;

	line-height: 14px;

}



#left .csc-textpic{

	margin: 14px 0px 0px 0px;

}



#left h1{

	font-size: 120%;

	color: #006699;

	margin: 14px 0px 4px 0px;

}



#left h2{

	font-size: 100%;

	color: #777777;

	border-bottom: 1px solid #cbcbcb;

	margin: 14px 0px 4px 0px;

}



#left h3{

	font-size: 100%;

	color: #777777;

	margin: 14px 0px 4px 0px;

}

#left a.download{

	background: url(../images/PDF-Icon.jpg) left no-repeat;

	padding: 4px 0px 4px 26px;

	margin-bottom: 5px;

	display: block;

}



#left a.internal-link{

	background: url(../images/Link-Icon.gif) left no-repeat;

	padding: 4px 0px 4px 26px;

	margin-bottom: 5px;

	display: block;

}



#right{

	float: left;

	width: 456px;

	overflow: hidden;

	padding: 0px 0px 20px 20px;

}

#right p{

	text-align: justify;

	line-height: 16px;

	padding-bottom: 10px;

}

#right h1{

	font-size: 160%;

	color: #7acd00;

	margin: 18px 0px 12px 0px;

}



#right h2{

	font-size: 120%;

	color: #777777;

	border-bottom: 1px solid #cbcbcb;

	margin: 18px 0px 6px 0px;

}



#right h3{

	font-size: 110%;

	color: #006699;

	margin: 18px 0px 6px 0px;

}

/*ENDE*/





/*RECHTS*/

#boxen{

	margin: 0px 0px 0px 70px;

	width: 214px;

	position: relative;

	z-index: 50;

}



#boxen .headline{

	width: 214px;

	background-repeat: no-repeat;

	padding: 12px 0px 0px 0px;

}

#boxen .headline p{

	color: #09569c;

	font-size: 12px;

	font-weight: bold;

	text-align: right;

	padding: 0px 4px 4px 0px;

}

#boxen #wetter .headline p, #boxen #webcam .headline p{

	background-color: #82b537;

}



#boxen #news .headline p{

	background-color: #ecb522;

}



#boxen #infos .headline p{

	background-color: #ecb522;

}



#boxen .body{

	width: 198px;

	* width: 214px;

	background-color: #FFFFFF;

	font-size: 11px;

	padding: 8px 8px 12px 8px;;

	margin-bottom: 12px;

}



/*Wetter*/

#boxen #wetter .headline{

	background-image: url(../images/box_wetter_head.gif);

}



/*Webcam*/

#boxen #webcam .headline{

	background-image: url(../images/box_webcam_head_2.gif);

}



#boxen #webcam .body{

	background-color: #cadced;

}



#boxen #webcam .body table{

	font-size: 10px;

}



#boxen #webcam .body table td{

	vertical-align: top;

	padding: 1px;

}



#boxen #webcam img{

	padding: 1px;

	border: 1px solid #eaf1f8;

}



#boxen #webcam a{

	/*color: 555555;*/

}



/*News*/

#boxen #news .headline{

	background-image: url(../images/box_news_head.gif);

}



/*Infos*/

#boxen #infos .headline{

	background-image: url(../images/box_downloads_head.gif);

}



#boxen #infos a.download{

	color: #555555;

	font-size: 90%;

	line-height: 14px;

	background: url(../images/box_downloads_pdf_icon.gif) left top no-repeat;

	padding: 0px 0px 4px 26px;

	display: inline-block;

}



/*Baustellenkompass*/

.tx-rggooglemap-pi1{

	padding: 0px 0px 12px 0px;

}



.tx-rggooglemap-pi1 div.tx-rgpopup-left{

	padding: 5px;

	border: 1px solid #000000

}



.tx-rggooglemap-pi1 div.markerTooltip {

	background: #fff;

	color:#000;

	padding: 3px 6px;

	white-space: nowrap;

	border: #333 solid 1px;

	-moz-border-radius:10%;

	-moz-opacity: 85%;

	opacity: 0.85;

	z-index:4;

}



.tx-rggooglemap-pi1 div.poi-content {

	clear:both;

	height:auto;

	overflow:auto;

}



/*Popup auf der Startseite*/

#popup{

	position: absolute;

	left:30%;

	top: 20px;

	margin: 0px 0px 0px -240px;

	border:1px solid #82b537;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	background-color: #006699;

	width: 746px;

	z-index: 100;

}



#popup .headline{

	height: 28px;

	color: #fff;

	font-size: 80%;

	font-weight: bold;

}



#popup .headline p.left{

	float: left;

	padding: 5px 0px 0px 8px;

	

}



#popup .headline p.right{

	float: right;

	padding-left: 20px;

}



#popup .headline p.right a{

	padding: 0px 4px 0px 4px;

}



#popup .body{

	/*padding: 8px;*/

	font-size: 60%;

	line-height: 140%;

	color: #fff;

}



#popup a{

	color: #fff;

}