@charset "utf-8";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: url(../images/top_bg.jpg) top left repeat-x #8ca4cb;
    	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: left; 
    	color: #333;
		line-height:110%;
    }
	td{
		font-size:11px;
		color:#333;
	}

   div#maincontent{
   	background:url(../images/main_bg.jpg) top left repeat-x #a8bddd;
	min-height:280px;
	width:1000px;
   }
   div#footer{
   	background:url(../images/foot_bg.jpg) top left repeat-x #8ca4cb;
	height:52px;
	width:1000px;
	text-align:right;
	padding-right:0px;
	padding-top:0px;
	font-size:10px;
	color:#a8bddd;
   }
    div#footer_text{
   	background:url(../images/foot_r.jpg) top right no-repeat;
	height:32px;
	width:970px;
	text-align:right;
	padding-right:30px;
	padding-top:20px;
	font-size:10px;
	color:#a8bddd;
   }
   div#footlinks{
   	float:left;
	padding-left:20px;
   }
  
   div#footlinks a:link,div#footlinks a:visited{
   	color:#E5E5E5;
	text-decoration:none;
   }
   div#footlinks a:active,div#footlinks a:hover{
   	color:#FFFFFF;   
   }
   div#inhalt{
   	padding:10px;
	padding-top:20px;
	padding-right:0px;
	font-size:12px;
   }   
   
   div#top{
   	text-align:right;
	width:1000px;
   }
   div#topNavi{
   	padding-top:15px;
   }
   .topNavi{
   list-style-type:none;
   margin:0pt;
   pdding:0pt;
   width:auto;
   float:left;
   position:relative;
   left:-40px;
   }
   *+html .topNavi, .topRNavi{
   	left:0px !important;
   }
   .topRNavi{
	padding-left: 0;
   }
   * html .topNavi{
   left:0px;
   }
   .topRNavi, .topRNavi li{
   float:right !important;
   background-image:none !important;
   }
   .topRNavi{
   width:100px;
   }
   *+html .topRNavi{
   width:120px;
   }
   .topRNavi li:first-child, .first{
   	padding-left:10px !important;
   }   
     
   
   .topNavi li{
    text-align:center;
    cursor:pointer;
    float:left;
	line-height:20px;
	padding:20px 10px 20px 0px;
	background:url(../images/top_nav_bg_r.jpg) center right no-repeat;
   }
   
   .topNavi li:last-child,#lastLi{
    text-align:center;
    
    float:left;
	line-height:20px;
	padding:20px 10px 20px 0px;
	background:none;
   }
   .topNavi li a{
   	position:relative;
	top:3px;
   	color:#333;
	text-decoration:none;
	font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;
    text-align:center;
    width:100%;
	padding:0px 20px 0px 30px;
	background:url(../images/top_nav_bg_l.jpg) left -23px no-repeat;
   
   }
   .topNavi li:hover a,.topNavi li.aktiv a{
    text-align:center;
    width:100%;
   	color:#fff;
	line-height:20px;
	padding:0px 20px 0px 30px;
	background:url(../images/top_nav_bg_l_hover.jpg) left -23px no-repeat #5e7bac;
   
   }
  *+html .topNavi li:hover a,*+html .topNavi li.aktiv a,*+html .topNavi li a{
  	background-position:left -24px;
  }
   
   .topNavi li:first-child a, .first a, .first_hover a{
    text-align:center;
    width:100%;
	line-height:20px;
	padding:0px 20px;
	background:none;
	padding-left:10px;
   
   }
   .topNavi li:first-child:hover a,.topNavi li.aktiv:first-child a, .first_hover a,{
    text-align:center;
    width:100%;
	line-height:20px;
	padding:0px 20px 0px 20px;
	background:none #5e7bac;
	
   }
  
   
   .topNavi li:hover,.topNavi li.aktiv{
   text-align:center;
   vertical-align:middle;
   background:url(../images/top_nav_bg_r_hover.jpg) center right no-repeat #5e7bac;
   float:left;
   }
   .topNavi li:last-child:hover,#lastLi:hover,#lastLi.aktiv,.topNavi li.aktiv:last-child{
   text-align:center;
   vertical-align:middle;
   background:none #5e7bac;
   float:left;
   }
   
   .topNavi li:first-child{
   float:left;
   padding-left:10px;
   }
   
   #headScene{
   	width:1000px;
	height:225px;
	background:url(../images/scene.jpg) top left no-repeat;
   }
   #headScene img{
   	border:0;
   }
   #logo{
   	position:absolute;
	left:550px;
	top:66px;
	width:372px;
	height:251px;
	background:url(../images/logo.png) top left no-repeat;
	z-index:1000;
   }
   * html .first a, * html .first_hover a{
   	background-image:none;
	padding-left:10px;
   }
    * html li.first_hover{
	padding-left:10px !important;  
	background:url(../images/top_nav_bg_r_hover.jpg) center right no-repeat #5e7bac;
   }
   
    .mrMove #container { 
    	width: 1000px;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
    	background: #FFFFFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 
    
  
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	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;
    }
	hr{
	border:none;
	border-bottom:1px solid #C3D4F0;
	}
	.zweispaltig ul,.dreispaltig ul{
	margin-top:0; 
	margin-bottom:20; 
	list-style-type:disc; 
	list-style-position:outside;
	}
	.zweispaltig li,.dreispaltig li{
	margin:5px 0px 0px -20px;
	}
	.zweispaltig th,.dreispaltig th,.headline_1{
		text-align:left;
		height:15px;
		padding-bottom:10px;
		font-size:18px;
		font-weight:bold;
		
	}
	.zweispaltig td, .dreispaltig td{
	vertical-align:top;
	padding-left:10px;
	font-size:11px;
		font-weight:normal;
	}
	div.itextnav{
	width:780px;
	}
	*+html div.itextnav{
	width:755px;
	}
	 * html div.itextnav{
	 	width:750px;
	 }
	ul.itextnavigation{
		float:right;
		list-style-type:none;
		border-left:1px solid #C3D4F0;
		padding:0px 0px 0px 0px;
		margin-top:30px;
		width:200px;
		min-height:250px;
		height:100%;
	}
	ul.itextnavigation li{
		padding:10px;
		padding-left:15px;
		cursor:pointer;
	}
	ul.itextnavigation li:hover,ul.itextnavigation li.hover{
		background:#5E7BAC;
	}
	
	.template_border_right{
	border-right:1px solid #C3D4F0;
	padding-right:10px;
	}
	.itextnav{
		float:left;
	}
	td.gbHeader {
	background-color:#8ca4cb;
	color:white;
	font-weight:bold;
	}
	td.gbHeaderClose {
	background-color:#8ca4cb;
	color:white;
	font-weight:bold;
	}
	td.gbMain {
	background-color:#FFFFFF;
	}
	table.gbTable {
	border:2px solid #8ca4cb;
	}
	.gbTrans {
	opacity:0;
	}
	#gray_overlay {
	background-color:#000000;
	height:100%;
	left:0px;
	opacity:0.7;
	position:absolute;
	top:0px;
	width:100%;
	z-index:90;
	}
	div#img_table_loading {
	background-color:white;
	opacity:0.9;
	position:absolute;
	}
	div.gal_image {
	float:left;
	margin:10px 20px 10px 0px;
	}
	img.gal_image {
	border:1px solid #8C8C8C;
	}
	img.gal_image_hover {
	border:1px solid #FFFFFF;
	}
	h2{
		font-size:18px;
	}
	
	input,textarea{
		border:1px solid #8c8c8c;
		font-size:11px;
		font-family:Verdana, Geneva, sans-serif;
	}
	input.error,textarea.error{
		border:1px solid #ec6c6c;	
		background-color:#F4EAEA;
	}
	* html #inhalt, * html #maincontent{
	padding-bottom:20px;	
	}
	.floatleft{
	float:left;
	
	}
	.floatright{
	float:right;	
	}