/* ******************************************************************** */ 
/*                  Generated by: http://wwww.tibero.de                 */
/* ******************************************************************** */

/* ************************* ab hier - Textformatierung ************************* */ 

html, body{ 
 margin: 0; 
 padding: 0; 
 text-align: center;
 background-color: #f2efa5;
 font: 13px Verdana, sans-serif;
 color: #000000;
}
 
h1 {
 font: 28px Verdana, sans-serif;
 color: #831e81;
 letter-spacing: 4px;
 line-height: 28px;
}

h2 {
 font: bold 14px Verdana, sans-serif;
 color: #000000;
 text-align: top;
 line-height: 0px;
}

h3 {
 font: bold 14px Verdana, sans-serif;
 color: #831e81;
}

h4 {
 font: bold 11px Verdana, sans-serif;
 color: #831e81;
}

hr{
border-top: 1px dotted #b7b8bf;
} 

img.frame {
padding: 3px;
border: #a9a9a9 1px solid;
}

/* ************************* ab hier - Seitenaufbau ************************* */ 

#pagewidth{ 
 position: relative;
 width: 955px;
 height: auto;
 margin: auto;
 background-color: #b5bdd2;
 z-index: 1;

 filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4);
    <!-- progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=225, Strength=4)-->  
 /*Internet Explorer*/
} 

#header{
 position: relative;
 background-image: url("images/logo.jpg");
 height: 102px;
 width: 955px;
 background-color: #b5bdd2; 
 width: 100%;
 overflow: auto;
 display: block;
 overflow: hidden;
} 

#banner{
 position: relative;
 background-image: url("images/banner.jpg");
 height: 286px;
 width: 955px;
 overflow: hidden;
}

#twocols{ 
 float: right; 
 position: relative; 
}

#leftcol{
 position: relative;
}

#leftcol_input{
 position: absolute;
 bottom: 0;
 font: 11px Verdana, sans-serif;
 width: 200px; 
 padding: 10px 15px 45px 15px;
 text-align: left;
}
 
#maincol{
 position: relative;
 width: 755px;
 float: left;  
 background-color: #ffffff;
 padding: 10px 15px 10px 15px;
 text-align: justify;
}
 
#footer{
 height: 40px;
 width: 955px;
 position: relative;
 font: bold 14px Verdana, sans-serif;
 color: #821e81;
 letter-spacing: 3px;
 background-color: #f2efa5; 
 clear: both;
 display: block;
 overflow: hidden;
} 
 
#footertext{
 font: 10px Verdana, sans-serif;
 color: #000000;
 letter-spacing: 1px;
}

/* ************************* ab hier - Navigation ************************* */ 
 
#nav {
 width: 955px;
 margin: auto;
 font: bold 13px Verdana, sans-serif;
}
#nav ul {
 position: relative;
 margin: 0 auto;
}
#nav ul:after {
 clear: both;
 content: " ";
 display: block;
 font-size: 0;
 height: 0;
 visibility: hidden;
}
#nav ul,nav ul li{
 background-color: #f2efa5;
}
#nav ul li {
 list-style: none;
 float: left;
}
#nav ul li a {
 text-decoration: none;
 display: block;
 color: #333;
 padding: 5px 20px 5px 20px;
}
#nav ul li:hover > ul {
 visibility: visible;
}
#nav ul li ul{
 display: inline;
 visibility: hidden;
 position: absolute;
 padding:0px;
}
#nav ul li ul li{
 float: none;
}
#nav ul li ul li a:hover{
 color: #333;
}

#navbox{
 width: 165px;
 height: 280px;
 position: center;
 float: left;
 text-align: justify;
 font: 11px Verdana, sans-serif;
 color: #000000;
 background-color: #f9f9fb;
 border-top: 1px solid #b7b8bf;
 border-right: 1px solid #b7b8bf;
 border-bottom: 5px solid #b5bdd2;
 border-left: 1px solid #b7b8bf;
 margin: 0px 5px 20px 52px;
 padding: 0px 5px 0px 5px;
}

#navbox2{
 width: 130px;
 height: 200px;
 position: center;
 float: left;
 text-align: justify;
 font: 11px Verdana, sans-serif;
 color: #000000;
 background-color: #f9f9fb;
 border-top: 1px solid #b7b8bf;
 border-right: 1px solid #b7b8bf;
 border-bottom: 5px solid #b5bdd2;
 border-left: 1px solid #b7b8bf;
 margin: 0px 5px 20px 35px;
 padding: 0px 5px 0px 5px;
}

/* ************************* ab hier - Sonstiges ************************* */ 

#wrapper{
}

#shadow {  

filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4); /*Internet Explorer*/
-moz-box-shadow: 0px 2px 10px #222; /*Mozilla-basierte Browser (z.B. Firefox)*/ 
-webkit-box-shadow: 0px 2px 10px #222; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/ 
box-shadow: 0px 2px 10px #222; /*CSS3 Standard*/
} 

 
/* ******************************************************************** */ 
/* 				clearfix                                */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}