@charset "utf-8";

html {
height:100%;
}


	body  {
			font-family: Calibri, Candara, Consolas, Constantia, Corbel, Segoe UI, Arial; 
			color: #ffffff;
			font-size:11px;
			margin: 0 auto; 
			padding: 0;
			text-align: right;
			overflow:scroll;
			background-color: #fff;
			height:100%;
			background-image: url(../img/1984_02.jpg);
			background-repeat:no-repeat;
			background-position:right;
			min-height:670px;
			}
		
		
	/* Allgemein */
	h1 { font-size: 26px; line-height:2; }
	h1 span { font-size: 40px; font-weight: bold; margin-right: 5px;}
	h2 {font-size: 10px; color: #00ffcc;}
	h3 {font-size: 12px;}


	/* ein Element nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	.fltrt { float: right; margin-left: 8px;}

	
	/* ein Element nach links fließen lassen. */	
	.fltlft { float: left; margin-right: 8px;}

	/* 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. */
	.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
	
	
	
    #container { 
    	width: 900px;
		height:100%; 		
    	margin: 0 auto; 
		position:relative;
		top:0px;
		left:0px;
		text-align:center;
		
    } 
	
    #header { 
		width:100%;
		height: 160px;
    	padding: 0px;
		position:absolute;
		top:0px; 
		float:left;
	
    } 
	
    #header p {
    	margin: 0; 
    	padding: 120px 0px 0px 0px; 
		}
		
	#mainContent { 
		width:100%;
		min-width:1046px;
		height:auto;
    	margin: 0px;
		text-align:left;
		position:absolute;
		top: 200px;
		left:0px;
		clear:both;

		}
		
	 #mainContent p { 
    	margin: 0px;
		float:right;}
		
		
/* Hilfsnavigation */
	#auxnavi{
		width:100%;		
		height:18px;
		position:absolute;
		top:30px;
		left:0px;
		margin: 0 auto;
		text-align:left;
		background-image: url(../img/butterfly.png);
		background-position:left top;
		background-repeat:no-repeat;
	
		
		

	}
	
	ul#auxnavi li {

		font-size: 10px; 
		color:#ffffff;
		float:left;
		text-decoration: none;
		padding-left:14px;
		padding-top:4px;
		

		}
		
	ul#auxnavi li a {
		font-size: 11px; 
		color:#ffffff; 
		text-decoration: none;
		}
	
	ul#auxnavi li a:hover { color:#aaaaaa;}

	ul#auxnavi li a.on { color: #aaaaaa; text-decoration:none; }

		
/* Navigation */
	#navigation{
		width:100%;
		height: 40px;
		background-color: #00FFCC;
		line-height:1.4;
		margin: 0 auto;
		text-align:center;

	}
	
	ul#navigation li {
		float:left;
		font-size: 12px; 
		color: #ffffff;
		padding-right: 20px;
		text-decoration: none;
		border-bottom:1 px solid #888888; 

		}
		
	ul#navigation li a {
		font-size: 12px; 
		color: #ffffff;
		text-decoration: none; 
		}
	
	ul#navigation li a:hover { color:#aaaaaa; }

	ul#navigation li a.on { color: #aaaaaa; }


	a#mainnavi{
	font-size: 11px; 
	color: #ffffff;
	text-decoration:none; 
	line-height:3;}
	
	a#mainnavi:hover{color: #aaaaaa;}
	
	#navi_container {position:relative;
					top: 160px; }
	
	#navi_left { 
	font-size: 11px;
	position: relative; 
	width: 164px;
	height:60px;  
	margin-right:20px;    
	text-align:left;
	overflow:hidden;
	float:left;
	background-position:bottom; 
	background-repeat:repeat-x;

	}
	

	#navi_middleleft { 
	position: relative; 
	width: 164px;
	height:60px;  
	margin-right:20px;       
	text-align:left;
	overflow:hidden;
	float:left;
	background-position:bottom; 
	background-repeat:repeat-x;
	}
	
	
	#navi_middle { 
	position: relative; 
	width: 164px;
	height:60px;  
	margin-right:20px;  
	text-align:left;
	overflow:hidden;
	float:left;
	background-position:bottom; 
	background-repeat:repeat-x;

	}
	
	#navi_middleright { 
	position: relative; 
	width: 164px;
	height:60px;  
	margin-right:20px;    
	text-align:left;
	overflow:hidden;
	float:left;
	background-position:bottom; 
	background-repeat:repeat-x;
	}

	#navi_right { 
	position: relative; 
	width: 164px;
	height:60px;   
	text-align:left;
	overflow:hidden;
	background-position:bottom; 
	background-repeat:repeat-x;

	}



    #sidebar1 {
    	float: left; 
		bottom: 0px;
    	width: 30%; 
    	background: #FF3300; 
    	padding: 250px 0px 15px 0; 
		
    }
    #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
	
	
	#left { 
	position: relative; 
	width: 164px;
	height:345px;  
	margin-right:20px;    
	text-align:left;
	overflow:hidden;
	float:left;
	}
	

	#middleleft { 
	position: relative; 
	width: 164px;
	height:345px;  
	margin-right:20px;       
	text-align:left;
	overflow:hidden;
	float:left;
	}
	
	
	#middle { 
	position: relative; 
	width: 164px;
	height:345px;  
	margin-right:20px;  
	text-align:left;
	overflow:hidden;
	float:left;

	}
	
	#middleright { 
	position: relative; 
	width: 164px;
	height:345px;  
	margin-right:20px;    
	text-align:left;
	overflow:hidden;
	float:left;
	}

	#right { 
	position: relative; 
	width: 164px;
	height:345px;   
	text-align:left;
	overflow:hidden;

	}


   
		
    #footer { 
    	padding: 0px; 
		width:100%;
		position:absolute;
		bottom:80px;
		height:30px;
		margin: 0 auto;
		background-image: url(../img/trenner.png);
		background-position:top; 
		background-repeat:repeat-x;
			
	    } 
	
    #footer p {
		font-size:11px;
		color:#ffffff;
    	margin: 0 auto;
    	padding: 20px 0px;
		text-align:right;
    }