/************************************************
  basic
************************************************/
* {
  padding:0px;
  margin:0px;
  border:0px;
}

html, body{
  height:100%;
  width:100%;  
}

body{
  font-size:100.01%;
  background:#fff;
  font-family:arial, verdana, tahoma, sans-serif;
  color:#000;	   
  text-align:center;  
}

a{ 
  text-decoration:none;
  color:#a1a1a1; 
}

a:hover{
  /*color:#eac7e7;*/ 
}

ul{ list-style-type:none; }

.clearer{
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: -1px;
  font-size: 1px;
  line-height: 1px;
}

img{
  display:block;
}

.noBorder{
  /*border:0px !important;
  background:none !important;
  margin-bottom:0px !important;
  padding-bottom:0px !important;
  */
}
/***********************************************/





#QE_Toolbar{display:none;}



/************************************************
  page
************************************************/
#page{
  width:910px;
  min-height:100%;
  position:relative;
  margin:0 auto;
  text-align:left;
}

* html #page{
  height:100%; 
}
/***********************************************/









/************************************************
  partnerlinks
************************************************/
#partnerlinks{
  width:910px;
  height:19px;
  background:url(../img/partnerlinks_bg.gif) left top no-repeat;
  float:left;
}

#partnerlinks ul{}

#partnerlinks ul li{
  float:left;
}

#partnerlinks ul li a{
  display:block;
  font-size:.6em;
  color:#fff;
  padding:2px 60px;
}

#partnerlinks ul li a:hover{
  text-decoration:underline;
}
/***********************************************/









/************************************************
  logo
************************************************/
#logo{
  width:910px;
  position:relative;
  margin:0 auto;
  text-align:left;
}
/***********************************************/









/************************************************
  navMain
************************************************/
#navMain{
  float:left;
  padding:10px 10px;
}

#navMain ul{}

#navMain ul li{
  float:left;
}

#navMain ul li a{
  display:block;
  font-size:.7em;
  font-weight:bold;
  text-transform:uppercase;
  color:#cc0000;
  padding:0px 15px 0px 10px;
  background:url(../img/menu_trenner.gif) right no-repeat;
}

#navMain ul li a:hover,
#navMain ul li.active a{
  color:#000;
  text-decoration:underline;
}
/***********************************************/









/************************************************
  navSub
************************************************/
#navSub ul{
  text-align:left;
  float:left;
  position:absolute;
  top:78px;
  right:20px;
}

#navSub ul li{
  float:left;
}

#navSub ul li a{  
  display:block;
  font-size:.7em;
  font-weight:bold;
  text-transform:uppercase;
  color:#cc0000;
  padding:0px 15px 0px 10px;
  background:url(../img/menu_trenner.gif) right no-repeat;
}

#navSub ul li a:hover,
#navSub ul li.active a{
  text-decoration:underline;  
}
/***********************************************/









/************************************************
  branding
************************************************/
#branding{
  width:910px;
  height:265px;
  float:left;
  position:relative;
}

#branding div.shadow{
  width:910px;
  height:265px;
  position:absolute;
  top:0px;
  left:0px;
  background:url(../img/branding_bg.png) left top no-repeat;
}

* html #branding div.shadow{
  width:910px;
  height:265px;
  position:absolute;
  top:0px;
  left:0px;
  background:url(../img/branding_bg.gif) left top no-repeat;
}
/***********************************************/









/************************************************
  content
************************************************/
#content{
  padding:10px 20px 200px 20px;
  line-height:150%;
  position:relative;  
}

#content h1{
  color:#0167cc;
  font-size:1.4em;
  margin-bottom:15px;
  padding:0px 0px 5px 50px;
  background:url(../img/arrow_red.gif) left  no-repeat;
  text-transform:uppercase;
  line-height:130%;
}

#content div.contentWrapper{
  background:#fafafa url(../img/content_bg.gif) right -1px no-repeat;
  /*background:#f4f4f4;*/
  border-left:1px solid #cacaca;
  border-right:1px solid #cacaca;
  border-bottom:1px solid #cacaca;    
  padding:20px 50px 30px 50px; 
  position:relative;
}

#content p{
  font-size:1em;
  font-weight:bold;
  color:#666;    
  margin:10px 0px 20px 0px;
  padding-bottom:20px;
  width:550px;  
  background:url(../img/content_trenner.gif) left bottom no-repeat;
}

#content a{  
  color:#0167cc;
  font-weight:bold;
  text-decoration:underline;
}

#content em{
  font-size:.75em;
  font-weight:normal;
}

#content strong{
  color:#cc0000;
}

#content ol,
#content ul{
  font-size:1em;
  font-weight:bold;
  color:#cc0000;    
  margin:10px 0px 20px 0px;
  padding-bottom:20px;
  padding-left:20px;
  width:530px;  
  background:url(../img/content_trenner.gif) left bottom no-repeat;          
}

#content ul li.first{
  padding-left:0px;
  color:#0167cc;
  font-weight:bold;
  text-decoration:underline;
}

#content li h3{
  font-size:1em;
  font-weight:bold;
  color:#666;
}

#content li h3 a{
  font-size:.9em;
  color:#cc0000 !important;
}

#content li p{    
  margin-left:-20px;
  padding-left:20px;
  width:530px;  
}

#content li.last p{
  background:none;
  padding-bottom:0px;
  margin-bottom:0px;
}

#content p img{
  margin: 0 auto;
  text-align: center;
}








/* gallery bereich rechts (sidebar)*/
#content .gallery{
  position:absolute;
  right:45px;
  top:170px;
}

#content .gallery img{
  border:4px solid #0167cc;
}

#content .gallery img:hover{
  border:4px solid #cc0000;
}




/* paypal-buttons bereich rechts (sidebar)*/
#content .anmeldung{
  position:absolute;
  right:45px;
  top:170px;
  width:150px;
  margin:0 auto;
  text-align:center;
}

#content .anmeldung input.button{
 border:4px solid #0167cc;
}

#content .anmeldung input.button:hover{
 border:4px solid #cc0000;
}





/* kontaktformular */
#contactForm label{
  width: 100px;
  float: left;
  font-size:1em;
  font-weight:bold;
  color:#666; 
}

#contactForm input{
  float: left;
  border: 1px solid #888;
}

#contactForm textarea{
  background: #fff;
  border: 1px solid #888;
  width: 300px;
  height: 80px;
  margin-bottom: 10px;
}

#contactForm br{
  clear: both;
}
/***********************************************/









/************************************************
  siteInfo
************************************************/
#site_info{
  width:910px;
  height:150px;
  background:url(../img/siteinfo_bg.gif) left top no-repeat;
  margin:0 auto;
  text-align:center;
  position:relative;
  margin-top:-150px;
}

#site_info p{
  float:left;
  color:#fff;
  font-size:.7em;
  font-weight:bold;
  position:relative;
  top:55px;
  left:50px;
}

#site_info p a{
  color:#fff;
  text-decoration:underline;
}


/* nav */
#site_info ul{
  text-align:left;
  float:left;
  position:relative;
  top:50px;
  left:40px;
}

#site_info ul li{
  float:left;
}

#site_info ul li a{  
  display:block;
  font-size:.7em;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  padding:0px 15px 0px 10px;
  background:url(../img/menu_trenner_footer.gif) right no-repeat;
}

#site_info ul li a:hover,
#site_info ul li.active a{
  text-decoration:underline;
}
/***********************************************/