@import url(../../addons/tinymce/content.css);

/**
 * Styles for Michael Bauer Werkhof
 * (c) 2009, Benjamin Zaiser, info@benjamin-zaiser.de
 */
*{
  margin: 0px;
  padding: 0px;
  outline: 0px;
  border: 0px;
}
html, body{ 
  width: 100%; 
  height: 100%;
  font-family: verdana, sans-serif;
  font-size: 12px;
}

.hide{ display: none; }

body.font0{ font-size: 12px; }
body.font1{ font-size: 16px; }


/**
 * Allgemeines
 */ 

body{

}
address{ display: none; }

a{
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}
a:hover{
  color: #000000;
}




/**
 * PageWrapper
 */
.distance{
  float: left;
  height: 50%;
  margin-bottom: -26em;
  width: 10px;
} 
.pagewrapper{
  position: relative;
  margin: 0 auto;
  width: 60em;
  height: 51em;
  clear: left;
}
.backgroundlogo{
  position: absolute;
  top: 16.8em;
  left: -70px;
  z-index: 10;
}
.page{
  background: #e0e7cc;
  position: relative;
  width: 56.6em;
  height: 100%;
}


/**
 * Logo
 */
.logo{
  position: absolute;
  top: 1.1em;
  right: 4.4em;
} 
.logo img{
  width: 12.8em;
  height: 6.8em;
}



/**
 * Metanavi - Drucken und Zoom
 */
.metanavi{
  list-style-type: none;
  position: absolute;
  top: 1em;
  left: 3em;
} 
.metanavi li{
  display: inline;
}
.metanavi li a{
  padding: .2em 2em 0 1em;
  background-repeat: no-repeat;
  background-position: bottom right;
  font-size: 0.8em;
  display: block;
  height: 1.1em;
  float: left;
}
.metanavi li a.print{ background-image: url(../images/print.png); }
.metanavi li a#zoom{ background-image: url(../images/zoom.png); }




/**
 * Content 
 */
.content{
  position: absolute;
  top: 20em;
  left: 0em;
  z-index: 50;
  border-right: 1px solid #1d4e92;
  width: 32em;
  height: 31em;
} 

.content .bodytext{
  margin-left: 4em;
  padding-top: 2em;
  padding-right: 2em;
  overflow: auto;
  width: 26em;
  height: 29em;
} 

.content ul li h2{
  background: url(../images/uldot.gif) no-repeat 0px 8px;
  padding-left: .8em;
  font-weight: normal;
  font-size: 1.2em;
  color: #1d4e92;
  margin-bottom: .5em;
  text-transform: uppercase;
}

.content .bodytext a{
  font-style: italic;
}




/**
 * Image-Gallery 
 */ 
.content .gallery{
  position: absolute;
  top: 3em;
  left: 34em;
  width: 26.5em;
  height: 24em;
  overflow: auto;
  overflow-x: hidden;
}
.content .galleryborder{
  position: absolute;
  top: 3em;
  left: 34em;
  width: 25em;
  height: 18em;
  z-index: 1000;
}
.content .gallery div.imgcontainer{
  width: 25em;
  height: 18em;
  overflow: hidden;
}
.content .gallery img{
  width: 25em;
  height: 18.8em;
}
.content .subline{
  margin-top: 0.4em;
  font-size: 0.8em;
}

.content .pagebrowser{
  position: absolute;
  bottom: 3em;
  left: 50em;
  font-weight: bold;
  font-size: 0.7em;
  width: 28em;
} 
.content .pagebrowser a{
  display: block;
  float: left;
}

.content .pagebrowser.pleft{ top: 20em; left: 6em; }
.content .pagebrowser #pager{ padding-right: 1em; float: left;}
.content .pagebrowser a{ padding: 0 .3em; }
.content .pagebrowser a.activeSlide{ color: #000000; }

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/** Navigation **/
.menu{
  position: relative;
  top: 10em; 
  left: 0em;
  z-index: 60;
  height: 10em; 
  background: #bbcade url(../images/navi_bg.png) no-repeat left bottom;
  border-bottom: 0.3em solid #1d4e92;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu .sf-sub-indicator{ display: none; }

.menu a.active{
  color: #000000;
}

/** 1st Level */
.menu ul{
  list-style-type: none;
  z-index: 100;
  background: #a5b8d3;
  float: left;
  width: 100%;
}
.menu ul li{
  display: inline;
  float: left;
	position: relative;
}
.menu ul li a{
  padding: 1em .7em;
  margin-right: .8em;
  margin-left: .5em;
  line-height: 1.5em;
}
.menu ul li a.sf-with-ul{ background: url('../images/arrow.gif') no-repeat left center; }
.menu ul li a.active.sf-with-ul,
.menu ul li:hover a.sf-with-ul{ background: url('../images/arrow_act.gif') no-repeat left center; }

/** 2nd Level */
.menu ul li ul{
  position: absolute;
  top: -999em;
  background: none;
  width: 15em;
  left: 0;
}
.menu ul li ul li{
  display: block;
  float: none;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 0px;
}
.menu ul li ul li a{
  display: block;
  position: relative;
  font-size: .8em;
  padding: .1em .8em .2em .8em;
  margin-right: 1.2em;
}

.menu ul li:hover ul,
.menu ul li.sfHover ul{
  top: 1.5em;
  z-index: 99;
}
.menu ul li:hover li ul,
.menu ul li.sfHover li ul{
  top: -999em;
}

.menu ul li ul li a.sf-with-ul{ background: url('../images/arrow.gif') no-repeat left center !important; }
.menu ul li ul li a.active.sf-with-ul,
.menu ul li ul li:hover a.sf-with-ul{ background: url('../images/arrow_act.gif') no-repeat left center !important; }

/** 3rd Level */
.menu ul li ul li ul{
  white-space: nowrap;
  width: auto;
  left: 0em;
  top: 0em;
  background: url('../images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
}
.menu ul li ul li ul li{
  display: block;
  background-color: #a5b8d3;
  padding: 0.3em 0;
}
.menu ul li ul li ul li a{
  padding: 0 .8em;
  line-height: 1.1em;
}
* html .menu ul li ul li ul li{
  margin: 0em;
  border: 1px solid #a5b8d3; 
}

.menu ul li ul li:hover ul,
.menu ul li ul li.sfHover ul{
  top: 0.3em;
  left: 12em;
}













/**
 * Formular - Kontakt
 */
.formgen,
#form-module-thanks{
  margin: 2em 0 0 4em;
}
.forminfo{
  padding: .8em;
  margin-left: 3em;
  margin-bottom: -2em;
}
.forminfo{
  color: red;
}

.formgen label{
  width: 10em;
  float: left;
  clear: left;
}
.formgen input{
  border: 1px solid #a5b8d3;
  width: 13em;
  margin-bottom: 1em;
}
.formgen textarea{
  border: 1px solid #a5b8d3; 
  width: 13em;
  height: 7em;
}
 
.formgen .formsubmit{
  width: 9em;
}