/*----------------------------
  Screen CSS created by Webfox April 2008
  Edited by Michael Kasten
  ---------------------------- 
*/

/*----------------------------
  ------reset default styles--
  ---------------------------- */
* {
   margin: 0;
   padding: 0;
   }

  
/*----------------------------
  ------reset font sizes------
  ---------------------------- */

li, p, td, th{
	font-size: 1em;
   }

/*----------------------------
  ---generic element styles---
  ---------------------------- */

html{
   height: 101%;
   }

body {
	font: 0.75em Verdana,"Lucida Grande",sans-serif;
	height: 100%;
	margin: 0px;
	text-align:center;
	background:#e99623;
   }
body.indexpage{
	background:none;
   }    
   

a {
   
   }

img {border:none;}


/*----------------------------
  ---Visual hidden elements---
  ---------------------------- */
  
.aural,h1{
   position: absolute;
	left: -5000px;
	width: 250px;
   }

/*----------------------------
  ---global layou helper------
  ---------------------------- */

.clear{
   clear:both;
   }

/*----------------------------
  -------layout elements------
  ---------------------------- */

.clear{
   clear:both;
   }
 
#bgleft{
   background:#ba7412;
   height:432px;
   width:50%;
   top:194px;
   left:0;
   position:absolute;
   }

#bgright{
   background:#fff;
   height:432px;
   width:50%;
   top:194px;
   right:0;
   position:absolute;
   }
   
#page-body{
   width:980px;
   margin:0 auto;
   }

#page-headerarea-wrapper {
	position: relative;
   }

#page-headerarea {
	height: 194px;
   }

#page-headerarea #page-headerarea-mainbox,
#page-headerarea #page-headerarea-rightbox{
   min-height:140px;
   }

#page-headerarea-leftbox{
   position:absolute;
   width:220px;
   left:0;
   }

#page-headerarea-mainbox{
   margin: 0 290px 0 220px;
   }

#page-headerarea-rightbox{
   position:absolute;
   right:0;	
   top:0;
   width: 290px;
   }
 
 #page-headerarea-rightbox img{
    margin-top:24px;
   }
    
    
#page-headerarea-navigation{
   z-index:4;
   position:absolute;
   width:980px;
   left:0;
   line-height:20px;
   text-align:left;
   top:166px;
   }
    

#page-headerarea-navigation h2{
   font-size:1.4em;
   margin-left:226px;
   float:left;
   color:#fff;   
   }

#page-wrapper {
	float:left;
	background:url("../images/background-wrapper-gray-left.gif") top left repeat-y #fff;
   }
   


#page-leftside {
	width:220px;
	float:left;
   position:relative;
   }


#page-main {
	width:580px;
   margin:0;
   float:left;
   position:relative;

   }
   

#page-rightside {
   width: 140px;
	float:right;
   position:relative;
   margin:0;
   }
#page-rightside {
	}
	
#page-main-footer {
	clear: both;
	position:relative;
	bottom: 0;
	text-align:center;
   }

#page-footer {
	clear: both;
	position:relative;
   height:13px;
	}

#page-leftbox{

   padding-top:30px;
   }

#page-leftbox,
#page-rightbox{
   min-height:380px;
   }

#page-rightbox{
   width: 140px;
   height:1%;
   }

#page-mainbox{
   padding:0 0 0 0;
   min-height:432px;
   text-align:left;
   background:#fff;
   background:url("../images/mainbox-bg.gif") top left repeat-y #fff;   
   } 

#keyvisual{
   background:url("../images/flashbg.png") center center no-repeat #fff;
   } 


.imagearea{
   background:#f8e0be;

   float:left;
   width:210px;
   text-align:center;
   padding:0;
   }

#page-mainbox .imagearea img {
   margin:0 0 2px 0;   
   }

#page-mainbox .contentarea img {
   margin:0 0 6px 0;   
   }
   
.contentarea{
   padding:10px 0 0 0;
   margin-left:220px;
   } 
 
#fullcontent{
   background:#fff;
   border:solid 1px #fff;
   padding:10px 10px 0 10px;
   }
         
/*----------------------------
  --------indexpage only------
  ---------------------------- */


#index-bgleft{
   background:#fff;
   height:432px;
   width:50%;
   top:194px;
   left:0;
   position:absolute;
   }

#index-center{
   position:absolute;
   background:#fff;
   top:194px;
   height:400px;
   }

#index-wrapper{
   width:1010px;
   background:#fff;
   }

#logo-box{
   width:220px;
	float:left;
   position:relative;
   background:#fff;
   height:432px;
   }
   
#logo-box img{
   margin-top:50px;
   }
   
   

#textlink-box{
   padding:40px 0 0 0;
   width:350px;
   margin:0;
   float:left;
   position:relative;
   }

body #textlink-box p{
   text-align:left;
   color:#ba7412;
   font-family:"times new roman";
   font-size:1.4em;
   text-align:left;
   padding:10px 0;
   }

body #textlink-box ul{
   text-align:left;
   color:#ba7412;
   font-family:"times new roman";
   font-size:1.4em;
   text-align:left;
   padding:20px 0 0 0;
   list-style-position:inside;
   }

#textlink-box ul li{
   padding:4px 0 4px 0;
   }


#textlink-box ul a{
   color:#ba7412;
   text-decoration:none;
   }

#image-box{}

/*----------------------------
  --------Navigationen--------
  ---------------------------- */

#page-headerarea-navigation ul,
#footer-navi ul{
  list-style:none;
   }
   
#page-headerarea-navigation ul li,
#footer-navi ul li{
   display:inline;
   }

#footer-navi ul li{
   margin-right:10px;
   padding:0 0 0 10px;
   border-left:solid 1px;
   }
   
#footer-navi ul li.first{
   border:none;
   }
   
#page-headerarea-navigation ul li a{
   color:#fff;
   text-decoration:none;
   font-size:0.9em;
   padding-left:10px;
   }
   
#page-headerarea-navigation ul li a:hover,
#page-headerarea-navigation ul li a.current,
#page-headerarea-navigation ul li.current a,
#footer-navi ul li a:hover,
#footer-navi ul li a.current{
   color:#fff;
   text-decoration:underline;
   }

#page-headerarea-navigation ul#langnavi{
   float:left;
   }

#page-headerarea-navigation ul#langnavi li a{
   padding-left:30px;
   margin:0 20px 0 10px;
   }
   
#page-headerarea-navigation ul.addnavi{
   float:right;
   }
   
#page-headerarea-navigation ul.addnavi li a{
   padding-left:10px;
   margin:0 0 0 20px;
   }  
   
  
#page-leftbox-navigation ul{
   list-style:none;
   }

#page-leftbox-navigation {
   margin:0 auto 10px auto;
   text-align:left;
   }

#page-leftbox-navigation ul li{
   }

#page-leftbox-navigation ul li a{
   display:block;
   text-decoration:none;
   padding:8px 2px 8px 30px;
   color:#fff;
  	}
   
#page-leftbox-navigation ul li a:hover,
#page-leftbox-navigation ul li a.current{
   color:#fff;
  	background:url("../images/navigation-level1-hover.gif") 14px center no-repeat;
  	font-weight:bold;
   }
   
#page-leftbox-navigation ul li.first{}

#page-leftbox-navigation ul li ul {
   padding-bottom:6px;
   }

#page-leftbox-navigation ul li ul li{
   border-color:#fff;
   }
      
#page-leftbox-navigation ul li ul li a{
   background-image:none;
   padding:4px 2px 4px 50px;
   }

#page-leftbox-navigation ul li ul li a:hover,
#page-leftbox-navigation ul li ul li a.current{
   background:url("../images/navigation-level2-hover.gif") 34px center no-repeat;
   font-weight:normal;
   }
   
#page-leftbox-navigation ul li ul li ul{
   border:none;
   }
   
#page-leftbox-navigation ul li ul li ul li a{
   font-weight:normal;
   padding-left:70px;
   }

#page-leftbox-navigation ul li ul li ul li a:hover,
#page-leftbox-navigation ul li ul li ul li a.current{
   color:#bc0e1d;
  	background:url("../images/navigation-level3-hover.gif") 50px center no-repeat #fff;
   }



#footer-navi {
	clear: both;
	position:relative;
   height:13px;
   margin:4px 0;
   color:#fff;
   font-size:0.85em;
	}
   
#footer-navi a{
   text-decoration:none;
   color:#fff;
   
   }

#footer-navi a:hover{
   color:#fff;
   }


/*----------------------------
  -----standard Inhalte-------
  ---------------------------- */

#page-mainbox h2{
   padding:0.15em 0;
   font-size:1.3em;
   text-align:left;
   clear:both;
   height:1%;
   }

#page-mainbox h2 em{
   padding:0.15em 0;
   font-size:0.85em;
   height:1%;
   }

#page-mainbox h3,
#page-mainbox h4,
#page-mainbox h5 {
   padding:0.15em 0;
   font-size:1.1em;
   text-align:left;
   height:1%;
   } 

#page-mainbox p{
   padding:0 0 10px 0;
   text-align:left;
   line-height:1.5;
   } 
   
#page-mainbox ul{
   margin:10px 0 10px 24px;
   list-style:square;
   list-style-image:url("../images/ul-list-image.gif");
   }
   
#page-mainbox ul li{
   padding:3px 0;
   }
    

#page-mainbox a{
   color:#000;
   }

#page-rightside a {
   text-decoration:none;
   }
    
/*Bilder*/


   
#page-mainbox div.portrait{
   position:absolute;
   margin-left:-220px;
   width:210px;
   text-align:center;
   height:240px;
   } 

#page-mainbox div.portraittext{
   height:240px;
   }

#page-rightbox img{
   margin:50px 0;
   } 

/*Tabellen*/

#page-mainbox table{
   border-collapse:collapse;
   width:462px;
   }
   
#page-mainbox table th{
   text-align:center;
   font-size:0.9em;
   border-bottom:solid 2px #999;
   padding:2px ;
   }

#page-mainbox td{
   padding:2px ;
   text-align:center;
   font-size:0.9em;
   border-bottom:solid 1px #ccc;
   }

#page-mainbox tr.tablegray{
   background:#f2f2f2;
   }

#page-rightbox p{
   font-size:0.9em;
   color:#666;
   padding:0 0 10px 0;
   }    
/*----------------------------
  ----------Formulare---------
  ---------------------------- */



fieldset{
   margin-top:20px;
   border:solid 1px #fff;
   padding:10px 0 10px 0px;
   }

legend{
   font-weight:bold;
   padding:4px;
   color:#ba7412;
   }

label{
   font-weight:bold;
   display:block;
   float:left;
   width:100px;
   margin:4px 0;
   }

input{
   float:left;
   width:300px;
   border:solid 1px #ba7412;
   margin:4px 0;
   }

input:focus,
textarea:focus{
   background:#fffcdf;
   }

textarea{
   border:solid 1px #ba7412;
   width:300px;
   height:200px;   
   }

form div{
   clear:both;
   }

form div.textarea,
form div.buttons{
   padding:10px 0;
   }

.textarea label{
   float:none;
   }

.buttons{
   text-align:center;
   }

.buttons input.button{
   float:none;
   background:#e99623;
   margin:0 20px;
   width:100px;
   font-weight:bold;
   cursor:pointer;
   color:#fff;
   }

div.warn,
div.succes{
   border:solid 1px;
   padding:10px;
   margin:10px;
   font-weight:bold;
   }

div.warn{color:red;}
div.succes{color:green;}

#imageContainer img {
   display: none;
   position: absolute;
   left:0;
   }