html, body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  color:#404040;
  text-align:center;
  width:100%; 
  background:#f6f8f5 url(../images/background.jpg) repeat-x left top;
}

html, body, div, ul, li, h1, h2, img{
  margin:0;padding:0;
  border:0;
}

a{
  color:#0027a8;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

h1 {
  margin:0;
  padding:0;
  font-family: Arial, sans-serif;
  color:#404040;
  font-size:14px;
  font-weight:bold;
}

#centered{
  position:relative;
  width:950px;
  margin:0px auto;
  text-align:center;
}

#page{
  position:absolute; 
  width:950px;
  left:0;top:0;  
  text-align:left;
}

#imageMask{
  float:left;
  margin-top:35px;
  margin-left:10px;
}

#headerImage{
  position:absolute;
  top:52px;left:27px; 
  z-index:100; 
}

#logo{
  float:right;
  margin-top:-155px;
  margin-left:727px;
}

#galerie {
  float:right;
  width:270px;
  margin-top:-70px;
  text-align:center;
  background:#fff url(../images/rightContent-bg.jpg) repeat-y right top;
  border:1px solid #fff; 
}

#galerie h1{
  text-align:right;  
  border-bottom:1px solid #9aaf84;
  border-right:1px solid #9aaf84;
  color:#9aaf84;
  font-size:12px;
  font-weight:lighter;
  margin:1em 0.5em 0 0.5em;
  padding-right:0.2em;
}

#galerie .thumbs{
  margin-top:0.5em;
  width:270px;
}

#galerie .thumbs li{
  list-style:none;
  float:left;
  margin:0 0 0.5em 0.5em;
  width:60px;height:60px;
}

#galerie .thumbs img{
  width:60px;height:60px;
}

#mainNavi{  
  float:left;
  height:70px;
  width:650px;
  margin-left:15px;margin-top:20px;
  text-align:center;
}

#mainNavi ul{
  margin-top:0;;padding:0;
  text-align:center;
}

#mainNavi li {
  list-style:none;
  float:left;
  width:130px;height:70px;
  position:relative;
  margin-top:0;padding:0;
  background:url(../images/button.png) left top no-repeat;
}

ul#mainNavi a, ul#mainNavi span {
  display:block;
  padding:1.3em 0.8em;
  text-decoration:none;
  color:#0027a8; 
  font-size:1.1em;
}

ul#mainNavi a:hover, ul#mainNavi span{
  text-decoration:underline;
}

#mainNavi .active{
  font-weight:bold;
  color:#000;
}

#subNavi{
  clear:both;
  float:left;
  width:160px;
  min-height:250px;
  text-align:left;  
  background:url(../images/knoten.png) no-repeat left bottom;  
  border:1px solid #fff;
  color:#0027a8;   
}

ul#subNavi{
  margin-top:20px;
}

ul#subNavi li{
  display:block;
  line-height:2.5em;  
  list-style-type:none;
}

ul#subNavi a{
  color:#0027a8; 
  font-size:11px;
}

ul#subNavi a:hover{
  text-decoration:underline;
}

ul#subNavi li a.active{
  color:#000;
}

ul#subNavi li ul li{
  margin-left:20px;
}

ul#subNavi li ul li.active {
  text-decoration:underline;
}

#mainContent{
  float:left;
  margin-top:20px;
  margin-left:30px;
  width:465px;
}

#mainContent ul{
  margin:0.5em 0 0.5em 1.2em;
}

#smartNavi{
 text-align:center;
}

#smartNavi li{  
  display:inline;
  padding:0 1.1em 0 0;
}

#smartNavi li a{
  font-size:11px;
  color:#aaa;
  text-decoration:none;  
}

#smartNavi li a:hover{
  text-decoration:underline; 
}

#rightContent{  
  float:right;
  margin-top:10px;
  width:270px;
  background:#fff url(../images/rightContent-bg.jpg) repeat-y right top;
  text-align:justify;
  border:1px solid #fff;
}

#rightContent h1{
  text-align:right;  
  border-bottom:1px solid #9aaf84;
  border-right:1px solid #9aaf84;
  color:#9aaf84;
  font-size:12px;
  font-weight:lighter;
  margin:1em 0.5em 0 0.5em;
  padding-right:0.2em;
}

#rightContent p{
  font-size:11px;
  color:#000;
  margin:0.5em 0.8em 1em 0.8em;
}

#rightContent ul{
  font-size:11px;
  margin:0.5em 1em 0.8em 2em;
}

#rightContent img{
  margin-top:5px;
}

/* EXTENSION: wec-map */
.tx-wecmap-pi1{
  margin:15px 0px 15px 0px;
}