
/* *{ margin:0px; padding:0px; } */

a { color:#003399; text-decoration:none; border-bottom:#003399 dotted 1px;}
a:hover { color:#6699ff; text-decoration:none; }
a.blank { text-decoration:none; border:0px; }
a.blank:hover { text-decoration:none; }



body { margin:0px; padding:0px; text-align:left; font-style:normal; font-variant:normal; font-weight:normal; font-family:Arial, Verdana, sans-serif; font-size:12px; background-color:#dddddd; }

#page { position:relative; margin:0 auto; padding:0; width:960px; background-color:#ffffff; border-left:#000000 solid 1px; border-right:#000000 solid 1px; border-bottom:#000000 solid 1px; }

#main { clear:both; width:auto; height:1000px; background-color:#ffffff; }



div.top_line { margin:0; padding:0 0 0 10px; vertical-align:top; width:950px; height:24px; font-size:10px; color:#dddddd; background:url(images/top_line.jpg) repeat-x #003366; }
div.top_line a { padding: 0 4px; background-color:#ffdd55; border:1px solid #666666; text-align:center; font-size:11px; color:#000000; }

div.header_image { margin:0; width:960px; background-color:#eeeeee; }
div.header_line { clear:both; margin:0; padding:0; width:960px; height:10px; overflow:hidden; background:url(images/header_line.gif) repeat-x #eeeeee; }

#wrapper { float:right; width:779px; border-left:#aaaaaa solid 1px; }

#content_line { float:left; width:auto; background:#ffffff url(images/main_back.jpg) repeat-x; }
div.content { position:relative; margin:0; padding:6px; width:767px;  }

#content_center_line { float:left; width:auto; border-right:#aaaaaa solid 1px; background:#ffffff url(images/main_back.jpg) repeat-x; }
div.content_center { position:relative; margin:0; padding:6px; width:586px;  }


#info_line { float:right; width:180px; margin:0; }
div.info { position:relative; margin:0; padding:0; width:180px; height:800px; background-color:#ffffff; }
div.info_header { margin:0; padding:4px; width:172px; color:#993300; text-align:center; border-bottom:#aaaaaa solid 1px; background:#ffffff url(images/info_header_back.jpg) repeat-x; }
div.info_body { margin:0; padding:4px; width:172px; font-size:11px; color:#003399; border-bottom:#aaaaaa solid 1px; background:#ffffff url(images/info_back.jpg) repeat-x; }



#menu_line { float:left; width:180px; }
div.menu { position:relative; margin:0; padding:0; width:180px; height:800px; background:url(images/side_back.jpg) #ffffff repeat-x; }
div.menu ul { margin:0; padding:0; width:180px; height:300px; list-style:none; background:#ffee88 url(images/menu_back.jpg) no-repeat; }
div.menu li { margin:0; padding:6px 2px 6px 30px; width:147px; height:18px; }
div.menu li.normal { background:url(images/menu.gif) no-repeat; }
div.menu li.active { background:url(images/menu_active.gif) no-repeat; }
div.menu li.deactive { background:url(images/menu.gif) no-repeat; font-size:12px; color:#cccccc; text-decoration:none; }

a.menu { font-size:12px; color:#888888; text-decoration:none; font-weight:bold; border-bottom:0px; }
a.menu:hover { color:#003399; }
a.menu_active { font-size:12px; color:#003399; text-decoration:none; font-weight:bold; border-bottom:0px; }
a.menu_active:hover { color:#003399; }




div.webcam  { float:right; width:779px; height:auto; margin:0; padding:0; border-bottom:#999999 solid 1px; background:#efefef url(images/webcam_back.jpg) repeat-y; }
#webcam_flash { float:left; width:640px; height:520px; margin:0; padding:0; }
#webcam_promotion { float:right; width:139px; height:520px; margin:0; padding:0; background:#ffeebb url(images/webcam_info_back.jpg) no-repeat; }

div.webcam_image_js { float:left; width:640px; height:480px; margin:0; padding:0; }
div.webcam_title_js { float:left; width:300px; height:32px; margin:0; padding:4px; }
div.webcam_title_js .title { font-size:13px; color:#003366; text-decoration:none; font-weight:bold; }
div.webcam_title_js .subtitle { font-size:11px; color:#666666; text-decoration:none; }
div.webcam_menu_js { float:right; width:300px; height:40px; margin:0; padding:0; overflow:hidden; list-style-type:none; }
div.webcam_menu_js a.normal { float:right; display:inline; width:67px; height:32px; margin:0; padding:4px; text-align:right; font-size:12px; color:#eeeeee; background:#003366 url(images/webcam_menu_back.jpg) no-repeat; }
div.webcam_menu_js a.normal:hover { float:right; display:inline; width:67px; height:32px; margin:0; padding:4px; background:#003366 url(images/webcam_menu_back_active.jpg) no-repeat; }
div.webcam_menu_js img { margin:0; padding:0; display:inline; border-width:0px; vertical-align:top; }

#ticker { margin:0; padding:0; width:960px; height:24px; display:inline; }
#ticker_input { margin:0; padding:0; width:960px; height:24px; display:none; }


div.history  { float:right; width:779px; height:auto; margin:0; padding:0; border-bottom:#999999 solid 1px; background-color:#eeeeee; }
#history_flash { float:right; width:770px; margin:0; padding:0; }




div.box_default { float:left; margin:4px; padding:4px; border:#999999 solid 1px; }
div.box_attent { float:left; margin:4px; padding:4px; border:#999999 solid 1px; background:#ffeea1 url(images/box_attent_back.jpg) repeat-x; }
div.box_webcam { float:left; margin:0 6px 8px 2px; font-size:11px; padding:2px; text-align:left; border:#999999 solid 1px; }
.box_header { color:#009900; }

/* Schriften */
.highlight { color:#003366; font-size:13px; }
.large { font-size:16px; }
.infosmall { font-size:9px; }
.warning { color:#990000; }

/* Images */
img.blank { margin:0; padding:0; border-width:0px; }
img.default { background-color:#eeeeee; border:1px solid #003366; }



/* Formulare */
form { margin:0; padding:0; }
.form_input { background-color:#f5f5f5; border:1px solid #999999; text-align:left; text-decoration:none; font-family:Arial; font-size:11px; color:#3366cc; }
.form_input:hover { background-color:#dddddd; }
.form_error { background-color:#ffdddd; border:1px solid #999999; text-align:left; text-decoration:none; font-family:Arial; font-size:11px; color:#3366cc; }
.form_button { background-color:#cccccc; border:1px solid #666666; text-align:center; font-size:11px; color:#003366; }
.form_button:hover { background-color:#dddddd; border:1px solid #ff6600; color:#ff6600; }
.form_area { background-color:#f5f5f5; border:1px solid #999999; text-align:left; text-decoration:none; font-family:Arial; font-size:11px; color:#3366cc; scrollbar-track-color: #f5f5f5; scrollbar-arrow-color: #666666; scrollbar-3dlight-color: #f5f5f5; scrollbar-darkshadow-color: #f5f5f5; scrollbar-face-color: #f5f5f5; scrollbar-highlight-color: #666666; scrollbar-shadow-color: #666666; }

.form_ticker { width:770px; background:none; border-width:0; text-align:left; text-decoration:none; font-size:11px; color:#ffffff; }
.form_ticker_input { margin:0; padding: 0 4px; background-color:#bbccdd; border-width:0; font-size:12px; color:#000000; }
.form_ticker_button { margin:-2px 0 0 0; padding: 0 4px; background-color:#ffdd55; border:0px solid #666666; text-align:center; font-size:11px; color:#000000; }

/* Allgemeines */
p { margin:10px 0px; padding:0px; }
p.line { clear:both; margin:10px 0px; padding-bottom:6px; border-bottom:1px #cccccc solid; }



.distributeframe { margin:0; padding:0px; width:1px; height:1px; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix { display:inline-block;}

/* Hides from IE-mac \*/
	* html .clearfix {height:1%; }
	.clearfix { display:block; }
/* End hide from IE-mac */




#abdunkeln {
background:#353535;
color:#fff;
filter:alpha(opacity=40);
-moz-opacity:.4;
opacity:.4;
position:absolute;
left:100px;
top:100px;
z-index:5;
width:100%;
height:100%;
text-align:center;
}


