@charset "utf-8";
html { 	height: 100%; }
body {
    	min-height:101%;
		font: 100% Segoe Ui, Trebuchet MS, Microsoft Sans Serif, sans-serif;
    	background: #046468 url(../images/template/bg2.jpg) repeat-x;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
    .oneColFixCtrHdr #container {
    	width: 1024px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #0d4b4d;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left;
		border: 1px solid #0d4b4d;
    }    
    #header h1 {
    	font-style: italic; font-weight:normal; font-size:1.3em;
		color:#FFFFFF;
		margin: 0; 
    	padding: 1px 90px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
	.navi {
		float:right;
		padding-top:8px;		
	}
	.navi ul.menu {
		margin:0;
		padding:0;
		list-style:none; }
	.navi ul.menu li {
		float:left;	
		margin:0;
		padding-right:27px; 
	}
	.navi ul.menu li a {	
		font-size: 95%;
		color: #FFFFFF;
		text-decoration: none;
		font-weight:500;
	}
	.navi ul.menu li a:hover, .navi ul.menu li a:active,
	.header2 a:hover, .header2 a:active {			
		color: #33CC99;		
	}
	.header2 h3 a {
		color: #FFFFFF;
	}
	.header2 {
    	padding: 0 30px 0 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background:url(../images/template/header2-bg.jpg) repeat-x;
		height: 309px; 
		margin: 0;		
		border-bottom: 1px solid #0d4b4d;
    }
	#header .header2 img.motiv { 		
		float:left; 
		margin-right: 27px;
		margin-top: 0 
	}
    #mainContent {
    	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FFFFFF url(../images/template/background-li.gif) repeat-y; 
    }
	#bg-re {
    	padding: 15px 33px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: url(../images/template/background-re.gif) right repeat-y;
    }
    .oneColFixCtrHdr #footer {
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#0d4b4d;
    }
    .oneColFixCtrHdr #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; 
		font-size: 0.6em;
		color: #999999;
    }
	.oneColFixCtrHdr #footer p a{		
		color: #999999;
		font-weight: normal;
    }
	#header .header2 h1 {
    	font-style: normal;
		font-size:1.5em;
		font-weight:bold;
		color: #006699;
		margin:0; 
		padding-top: 20px   	
    }
	#header .header2 h2 {
    	font-size:1.2em;
		color:#003366;
		margin: 0;     	
    }
	#header .header2 h3 {
    	font-size:1.0em;
		color: #fff;
		margin: 0; 
		font-weight:600; 
		padding-top: 12px    	
    }
	#mainContent h1 {
    	font-size:1.4em;
		margin: 0;     	
    }
	#mainContent h2 {
    	font-size:1.3em;
		margin: 0;
		color:#003366;     	
    }
	.left { float:left; margin-right:16px; }
	.right { float:right; margin-left: 12px: }
	.clr {
		clear:both; font-size: 1px
	}
	p a:link, p a:visited {
		color:#0d4b4d; font-weight:600;
	}
	p a:hover, p a:active {
		color:#06da9b; font-weight:600;
	}
	a:link.button , a:visited.button {  
	background: url(../images/template/liquid_aqua_button.gif) no-repeat;
	height: 35px;
	width: 200px;
	display: inline-block; 
	margin-top: 8px;
	padding: 9px 15px; 
	text-decoration: none;
	font-weight:bold;
	font-size: 0.9em;
	color:#333333;
	}
	a img { border:0 none }
	.legende { 
		font-size: 80%;
		line-height: 1px;
		color: #666666
	}