/*****************************************************************************
 * General                                                                   *
 *****************************************************************************/

body {
	background-color: white;
	color: black;
	font-size: 12px;
	font-family: Tahoma,Arial,Helvetica,Verdana,sans-serif;
	background:url(../../imgs/hg-main.gif) left repeat-y;
	margin:0;
	padding:0;
}

h1 {
	padding: 0 0 15px 0;
	margin: 6px 0 10px 0;
	font-size: 26px;
	line-height:110%;
	font-weight: normal;
	color:#C30;
	border-bottom:1px dotted #BBB;
	}


#over {
	margin:0;
	padding:0;
	border-bottom:0px none;
	}
	
	
#under {
	margin:0;
	padding:0;
	border-bottom:0px none;
	}

h2 {
	padding: 2px 0 2px 5px;
	margin: 25px 0px 3px 0px;
	font-size: 11px;
	font-weight: bold;
	line-height:130%;
	color:#FFF;
	background-color:#C30;
}

h3 {
	padding:10px 0 3px 0;
	margin:0 0 3px 0;
	font-size: 12px;
	font-weight: bold;
	color:#C30;
	border-bottom:1px dotted #BBB;
	}

p {
	margin: 5px 0 10px 0;
	padding:0;
}

ul {
	margin: 0px 0px 10px 20px;
	padding: 0;
}

img {
	border: 0; /* kein Rand bei Bilder v.a. bei verlinkten */
}

.trennlinie {
	border-top:1px dotted #fff;
	height:5px;
	width:97%;
	margin-top:5px;
	clear:both;
	}



/* input box */
form {
	padding: 0px;
	margin: 0px;
}
input, textarea, select {
	border: 1px solid black;
}
input.checkbox, input.submit, input.image {
	border-style: none;
}

/* Eingabefeld der Suchfunktion */
.search_form {
	border: 0;
	width: 110px;
	font-size: 8pt;
	font-weight: none;
}
.search_submit {
	background-color: #EEEEEE;
	border: 0;
	color: #284AA0;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: bottom;

}

/* link appearance */
a {
	color: #284AA0;
	text-decoration: none;
}
a:hover {
	color: #284AA0;
	text-decoration: underline;
}


/*****************************************************************************
 * Main Box                                                                  *
 *****************************************************************************/

#main {
	margin: 0 0 0 10px;
	width:990px;

}


/*****************************************************************************
 * Header                                                                    *
 *****************************************************************************/

#header {
	width: 810px;
	height:25px;
	margin: 0 0 0 180px;
}
.headline {
	margin:5px 0 0 0;
	float:left;
	color:#777;
}

#header .headline a {
	color: #C30;
	font-size: 10px;
	font-weight: normal;
	margin:0 5px 0 5px;
	letter-spacing:120%;
}



/*****************************************************************************
 * Nest (= Sidebar + Content)                                                 *
 *****************************************************************************/

#nest {
	clear: both;
	padding: 0;
	margin: 0;
}


/*****************************************************************************
 * Sidebar Common / Context                                                  *
 *****************************************************************************/

#sidebar_common {
	width: 160px;
	padding: 0px;
	margin: 0;
	float: left;
	font-size: 8pt;
}

#sidebar_common .logo-new {	
	background-color: #FFFFFF;
	width: 160px;
	margin:0;
	padding: 36px 0 32px 0;
	text-align:center;
	}


#sidebox_headline {
	background-color: #5485C0;
	padding: 4px 1px 4px 5px;
	margin: 20px 0 0 0;
	color: #FFF;
	font-weight:bold;
	border-top: 1px solid #FFF;
}
#sidebox_headline_dark {
	background-color: #5485C0;
	padding: 4px 1px 4px 5px;
	margin: 20px 0 0 0;
	color: #FFF;
	font-weight:bold;
	border-top: 1px solid #FFF;
}

#sidebar_common #sidebox_content {
	line-height: 140%;
	font-size:11px;
	padding: 0 1px 6px 3px;
	margin:5px 0 0 0;
	color:#FFF;
}

#sidebar_common #sidebox_content a {
	color:#FFF;
	text-decoration:underline;
}
#sidebar_common #sidebox_content a:hover {
	color:#FFF;
	text-decoration:none;
}

#sidebar_common #sidebox_content img {
	padding:0 4px 3px 0;
	}

#sidebox_content_menu {
	margin: 0 0 25px 0;
}


#sidebox_content_menu_1 {
	padding: 8px 0px 8px 0px;
	border-bottom: 1px solid #5485C0;
	text-align:left;
}
#sidebox_content_menu_1 a {
	color:#FFF;
	padding: 0 0 0 5px;
}
#sidebox_content_menu_1 a font{
	color:#FFF;
	font-weight:bold;
}



#sidebox_content_menu_2 {
	background-color: #91B0D6;
	padding: 3px 0px 3px 0px;
	color:#000;
	text-align:left;
	border-bottom:1px dotted #fff;
}
#sidebox_content_menu_2 a {
	padding: 0 0 0 5px;
}
#sidebox_content_menu_2 a font{
	font-weight:bold;
	color:#0A50A5;
}


#sidebox_content_menu_3 {
	background-color:#C2D3E8;
	padding: 2px 0px 2px 4px;
	color:#000;
	text-align:left;
	border-bottom:1px dotted #fff;
}
#sidebox_content_menu_3 a font {
	color:#0A50A5;
	font-weight:bold;
}



#sidebox_content_menu_4 {
	background-color: #FCFCCC;
	padding: 2px 0px 2px 0px;
	color:#000;
	text-align:left;
	border-bottom:1px dotted #fff;
}


#sidebox_spacer {
	width: 160px;
	height: 1px;
	font-size: 1pt; /* workaround for IE */
}

#sidebox_content .wetter {
	float:left;
	width:145px;
	padding:  0 0 10px 0;
	}


/*****************************************************************************
 * Content                                                                   *
 *****************************************************************************/

#bilderleiste {
	height:150px;
	margin: 2px 0 0 162px;
	}


#content {
	padding: 0 0 0 0;
	margin: 10px 0 0 20px; 
	width: 500px;
	float: left;
	line-height:150%;
}

#content h1 a {
	color:#C30;
	text-decoration:none;
	}
#content h1 a:hover {
	color:#C30;
	text-decoration:none;
	}	


#content a {
	color:#0A50A5;
	text-decoration:none;
	}
#content a:hover {
	color:#C30;
	text-decoration:underline;
	}

#content img {
	padding: 0 5px 0 0;
}

#content .hinweis {
	font-size:0.9em;
	line-height:130%;
	}
	
#content .hinweis table {
	border-collapse:collapse;
	width:100%;
	}

#content .hinweis table td {	
	border-collapse:collapse;
	border:1px solid #fff;
	padding:1px 0 1px 5px;
	margin:0;
	}

#content .textleiste {
	width:100%;
	line-height:130%;
	border-top:1px dotted #999;
	padding: 7px 0 7px 0 ;
	margin:0;
	float:left;
	}

#content .textleiste a {
	color:#C00;
	}

#content .textleiste h2 {
	padding:0;
	margin:0;
	font-size: 12px;
	color:#06C;
	border:0px none;
	background-color:#fff;
	}
#content .textleiste h2 a{
	color:#06C;
	}	
#content .textleiste p {
	padding:0;
	margin:0;
	}
#content .textleiste img.bild {
	border: 1px solid #CCC;
	padding:5px;
	margin: 0 10px 0 0;
	float:left;
	}


/*****************************************************************************
 * Context = Spalte rechts                                                   *
 *****************************************************************************/

#sidebar_context {
	width: 290px;
	padding: 0px;
	margin: 10px 0 0 0;
	float: right;
	line-height: 130%;
	font-family: Tahoma,Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	color:#555;
	
}

#sidebar_context #sidebox_headline {
	background-color: #CC3300;
	padding: 2px 1px 2px 5px;
	margin: 0;
	color: #FFF;
	font-weight:bold;
}

#sidebar_context h2 {
	padding: 2px 1px 2px 5px;
	margin: 0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
	letter-spacing:1px;
	color:#FFF;
	background-color:#C30;
}

#sidebar_context #sidebox_content {
	padding: 5px 0 5px 0;
	margin:5px 0 5px 0;
}

#sidebar_context #sidebox_content a {
	text-decoration:underline;
	color:#C30;
}

#sidebar_context #sidebox_content a:hover {
	color: #C30;
	text-decoration:none;
}



#sidebar_context #sidebox_content  ul {
	margin: 0px 0px 10px 20px;
	padding: 0;
}

#sidebar_context #sidebox_content  ul li{
	margin: 0;
	padding: 0;
}

#sidebar_context #sidebox_content table {
	border-top:1px dotted #BBB;
	padding:0 0 0 0;
	margin:10px 0 0 0;
	border-collapse:collapse;
	}

#sidebar_context #sidebox_content table td {
	font-size:0.9em;	
	border-collapse:collapse;
	border:1px solid #fff;
	padding:0 0 0 2px;
	margin:0;
	}
	




/*****************************************************************************
 * Footer                                                                    *
 *****************************************************************************/

#footer {
	clear: both;
	width: 500px;
	height:20px;
	margin:0 0 0 180px;
	padding: 0;
	border-bottom: 1px dotted #BBB;
	font-size: 10px;
}

#footer a:hover {
	color:#777;
	}

#footer_left {
	width: 180px;
	text-align: left;
	float: left;
	margin: 25px 0 10px 0;
}
#footer_right {
	width: 220px;
	text-align: right;
	float: right;
	margin: 25px 0 10px 0;

}
