/* CSS Document */

html  {height:101%;}
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #eaeee0;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
a { text-decoration: none; color: #999}
#container.textseite { 
		position:absolute; top:50%; left:50%;
    	width: 1000px; margin-left:-500px;
		height:500px; margin-top:-250px;
    	background: #eaeee0; background-image:url(images/bg_container_textseite.jpg); background-position:top; background-repeat:no-repeat;
		text-align:left;
    } 
	
#container.bildseite  { 
		position:absolute; top:50%; left:50%;
    	width: 1000px; margin-left:-500px;
		height:500px; margin-top:-250px;
    	background: #eaeee0; background-image:url(images/bg_container_bildseite.jpg); background-position:top; background-repeat:no-repeat;
		text-align:left;
    } 
    #header {  
    	padding: 0 40px;  
		color:#999999; font-style:normal; font-weight:lighter;
    } 
    #header h1 {
    	margin: 0;
    	padding: 10px 0; 
		font-size:16px; font-weight:lighter; line-height:35px;
    }
	#header h1 i {
		font-size:16px; font-style:normal;
		letter-spacing:10px;
    }
    
    #mainContent { 
    	margin: 0 40px;  
		width:960px;
		height:400px;
		line-height:0.85em;
    }
	
	#linkeSpalte {
		width: 280px; margin-left:10px; padding:42px 0; max-height:380px; overflow:hidden; 
	}
	#mitteSpalte {
		width: 330px; margin-left:297px; padding:42px 0; max-height:380px; overflow:hidden;
	}
	#mitteSpalte img {margin-top:-39px;}
	#linkeSpalte h2, #mitteSpalte h2 {
		font-size:0.7em; font-weight:bold; color: #fff; margin:0;
	}
	#linkeSpalte p, #mitteSpalte p {
		font-size:0.7em; font-weight:lighter; color: #fff; margin:0;
	}
	#linkeSpalte p strong, #mitteSpalte p strong {
		font-weight:bold;
	}
	#mitteSpalte h2, #mitteSpalte p {margin-left: 28px;}
	.eingerueckt {padding-left: 10px;}
	
	#rechteSpalte {
		width: 230px; padding:42px 0; max-height:380px; overflow:hidden;
	}
	#rechteSpalte ul {margin:0;padding:0;
	}
	#rechteSpalte li {
		font-size:0.8em;
		color: #999999;
		list-style-image: none;
		list-style-type: none;
		line-height:1.3em;
		margin:0;
		padding:0;
	}
	#rechteSpalte li a {color: #999999;}
	#rechteSpalte li a:hover {color: #330044;}
	#rechteSpalte h1 {
		font-size:0.9em; 
		font-weight:lighter;
		color: #333;
		
		margin:0;
		padding:0;
		margin-top:3.3em;
	}
	#rechteSpalte h2 {
		font-size:0.7em; 
		font-weight:lighter;
		color: #666;
		margin:0;
		margin-right: 12px;
		line-height:2em;
		padding:0;
		float:left;
	}
	#rechteSpalte h2 a.hier {color:#333;}
	#rechteSpalte h2 a:hover {color:#333;}
	#rechteSpalte #navebene3 {margin:0; margin-left: -3px; line-height:0.7em;}
	#rechteSpalte #navebene3 a {
		font-size:0.7em; 
		font-weight:lighter;
		color:#999;
		margin:0;
		padding:0 4px;
	}
	#rechteSpalte #navebene3 a.hier {color:#330044;}
	#rechteSpalte #navebene3 a:hover {color:#330044;}
    
    #footer { 
    	padding: 0 40px;
		line-height: 51px;
    } 
    #footer p {
    	margin: 0; 
    	padding: 10px 0;
    }
	#footer img {
		padding: 0 10px; 
	}
    
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }