@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #eee;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #555;
    }

    .thrColHybHdr #container {
			width: 800px;
    	text-align: left;
			position: relative;
			margin: 2em auto;
			background: #ccc;
			border:2px solid #ddd;
    }  
    .thrColHybHdr #header {
			padding: 3em 0 1em 10px; 
			text-align: left;
			background-repeat: no-repeat;
			height: 5em;
			border-bottom: 2px solid #ddd;
    } 
    .thrColHybHdr #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
			font: 1.5em Verdana, Arial, Helvetica, sans-serif;
			font-weight:900;
    }
    .thrColHybHdr #sidebar1 {
    	float: left; 
    	width: 11em; 
    	padding: 0;
    }
    .thrColHybHdr #sidebar2 {
    	float: right; 
    	width: 11em; 
    	padding: 0; 
    }
    .thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
    	/*margin-left: 10px;
    	margin-right: 10px;*/
    }
    
		#header #Logo {
			width:11em;
			height:50px;
		}
		
		#sidebar1 #Menue {
			font-size:.75em;
		}
		
    .thrColHybHdr #mainContent {
     	margin: 0 12em 0 12em;
    	padding: 0; 
    } 

    .thrColHybHdr #mainContent h2,
    .thrColHybHdr #mainContent h3,
    .thrColHybHdr #mainContent p,
    .thrColHybHdr #mainContent li
		 {
     	font-size: .75em;
			line-height:2em;
			text-align:justify;
			font-style:normal;
			margin: 1em 0 .5em 0;
    } 

    .thrColHybHdr #mainContent a {
     	color: #555;
    	font-weight: bold;
    } 

    .thrColHybHdr #mainContent a:link,
    .thrColHybHdr #mainContent a:visited
		 {
     	text-decoration:none;
    } 
    .thrColHybHdr #mainContent a:active,
    .thrColHybHdr #mainContent a:hover
		 {
			color: #0082bc;
     	text-decoration:underline;
    } 

    .thrColHybHdr #sidebar2 h2,
    .thrColHybHdr #sidebar2 h3,
    .thrColHybHdr #sidebar2 p,
    .thrColHybHdr #sidebar2 li
		{
     	font-size: .75em;
			line-height:2em;
			text-align:justify;
			font-style:normal;
			margin: 1em 2em .5em 0;
    } 
		h1,h2,h3,b,strong {
			color: #0082bc;
		}

		
    .thrColHybHdr #footer { 
    	padding: 0 10px; 
			border-top: 2px solid #ddd;
    } 
    .thrColHybHdr #footer address {
    	margin: 0; 
    	padding: 10px 0;
			font-size:x-small;
			font-style:normal;
    }
    .thrColHybHdr #footer a,
		.thrColHybHdr #footer a:link,
		.thrColHybHdr #footer a:visited {
    	color: #555;
			text-decoration: none;
    }

		.thrColHybHdr #footer a:active,
		.thrColHybHdr #footer a:hover {
			text-decoration: underline;
    }
    
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt {
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }