@charset "utf-8";
/* CSS Document */


    <!-- 
    body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0; 
	color: #333333;
	font-size: 0.8em;
	background-color: #FFFFFF;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
    }
	
	body a {
		color:#333399;
		text-decoration:none;
		}
		
	body a:hover {
		color:#333399;
		text-decoration:underline;
		}
		
	img {border:0;}
	
	ul {
		line-height:1.5em;}
		
	.bold_brown {
		font-weight:bold;
		color:#a22305;
		}
		
	.bold_grey {
		font-weight:bold;
		color:#717f81;
		}
		
	.bold_blue {
		font-weight:bold;
		color:#536e87;
		}
		
    .thrColLiqHdr #container {
	margin: 0; 
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	padding: 0;
	background-image: url(images/haus_matt_250x712.jpg);
	background-repeat: no-repeat;
	background-position: top right;
    } 
	
    .thrColLiqHdr #header {
	display: block;
	margin: 0;
	padding: 0;
    } 
    .thrColLiqHdr #header h1 {
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
    }
    

    .thrColLiqHdr #sidebar1 {
	width: 21em; 
	padding: 15px;
	float: left;
    }
    .thrColLiqHdr #sidebar2 {
	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 20em;
	padding: 15px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
	clear: inherit;
	background-image: url(images/box_inset_hellblaugrau.gif);
	background-repeat: no-repeat;
	background-color: #eff2f4;
	border-left: solid #91a2b1 1px;
	margin-left: 20px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right: solid #e2e1dd 1px;
	border-bottom: solid #e2e1dd 1px;
	border-top: solid #455c72 1px;
    }
    .thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3 {
	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
	margin-right: 10px;
	color: #333333;
    }
	
	.thrColLiqHdr #sidebar2 td {
		padding:2px 0 2px 0;
		}
	
    .thrColLiqHdr #sidebar2 p {
	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
	margin-right: 10px;
	color: #333333;
	line-height: 1.5em;
    }
	.thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
	margin-right: 10px;
	color: #a22305;
	font-size: 1em;
    }
    /* Tipps für mainContent:
    1. Der Abstand zwischen mainContent und den Randleisten entsteht durch den linken und rechten Rand des mainContent-div.
    2. Zur Vermeidung von Float-Drops bei einer unterstützten Mindestauflösung von 800 x 600 sollten Elemente im mainContent-div eine Größe von maximal 300 Pixel aufweisen (dies gilt auch für Bilder).
    3. Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch werden verschiedene IE-spezifische Fehler verhindert.
    */
    .thrColLiqHdr #mainContent {
	float: left;    /* 	margin: 0 24% 0 23.5%; Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
	width: 37.5em;
	min-height:37.5em;
	background-image: url(images/box_inset_hell.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-top: solid #afafaf 1px;
	border-left: solid #afafaf 1px;
	border-bottom: solid #cacac8 1px;
	padding: 20px;
	border-right: solid #e2e1dd 1px;
    }
	
	.thrColLiqHdr #mainContent td {
		padding:4px 0 4px 0;
		}
		
    .thrColLiqHdr #mainContent h1 {
	color:#a7b2b1;
	font-size: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
		}
    .thrColLiqHdr #mainContent h2 {
		color:#999999;
		} 
		
	.thrColLiqHdr #mainContent h4 {
		color:#a22305;
		} 
		
	.thrColLiqHdr #mainContent pre {
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height: 1.5em;
		} 
    
    .thrColLiqHdr #footer {
	padding: 0 10px;
	background-color: #a22305;
    } 
    .thrColLiqHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    /* Ende Verschiedene wieder verwertbare Klassen */

.name {
	font-size:12px;
	font-weight:700;
	line-height: 13.5px;
	}
.bez {
	display:block;
	font-size:9px;
	padding:2px 0px 14px 0px;
	line-height: 9px;
	}
	
	
    /* Navigation */
	
#navigation {
	margin:30px 0 0 19px;
	padding:0;
	clear: both;
	}

#vertnav {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding:0;
}


#vertnav LI {
	display:block;
	position:relative;
	width: 15em;
	height:2.0em;
}

html>body #vertnav LI {
	display:block;
	border-bottom: solid #e2e1dd 1px;
	border-left: solid #e2e1dd 1px;
	border-right: solid #f0f3f3 1px;
}  
 

#vertnav LI.nav A, #vertnav LI.nav span {
	display:block;
	padding:5px 0 1px 10px;
	text-decoration:none;
	font: bold 11px Verdana, Arial, sans-serif;
	letter-spacing: 0.4px;
	margin-top:1px;
	text-transform: uppercase;
}



* html #vertnav LI A {
	height:2em; /* nur für den IE */
}


#vertnav LI.nav A { 
	color: #a22305;
}
#vertnav LI.nav A:hover, #vertnav LI.nav A:active, #vertnav LI.nav A:focus, #vertnav LI.nav span {
	color:#999999;
	font-size: 12px;
}

/* 2. Ebene */

#vertnav LI.nav:hover>ul {
	visibility:visible;
	z-index:100;
}


#vertnav LI.nav UL {
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
	left:15.0em;
	top:-0.4em;
}		


#vertnav LI.nav UL LI {
	width:30em;
	}
	
#vertnav LI.nav UL LI A {
	color: #FFF;
	border-bottom:solid 1px #fff;
	text-transform:none;
}

#vertnav LI.nav LI A {
	background: #a22305;
	height: 1.8em;
}

#vertnav LI.nav UL LI A:hover {
	text-decoration:none;
	color:#333366;
	background: #f3f7f7;
	border-bottom:solid 1px #333366;
}

/* Ende Navigation */

#vk {
	background-image:url(images/hg_vk.jpg);
	background-repeat: no-repeat;
	width:272px;
	height:149px;
	z-index:100;
	margin: 15px 0 0 0;
	padding: 0px;
	}	
#vk_list {
	top: 35px;
	position: absolute;
	left: 75px;
	margin: 0;
	padding: 0;
	}
		
	
#bereich {
	background-image:url(images/hg_hl.jpg);
	background-repeat:no-repeat;
	width:550px;
	left:262px;
	z-index:1;
	height: 120px;
	top: 11px;
	list-style-type: none;
	list-style-type: none;
	position: relative;
	}
#main_bottom {
	background-image:url(images/hg_main_unten.gif);
	background-repeat:no-repeat;
	}	
	
.team_mitglied {
	float:left;
	clear:both;
	/*padding-top:2em; */
	font-size:1.4em;
	font-weight:bold;
	color:#999999;
	vertical-align: middle;
	}
.team_mitglied img {
	margin-top:20px;
	margin-right:2em; 
	padding:12px; 
	border:double 1px #cccccc;
	}
	
#anfahrt td {
	border-bottom:dashed thin #666666;
	line-height:1em;
	}
    -->