//*** Dinge für Firefox und swfobject ***/
html, body, #containerA, #containerB { height:100%; }
body { margin:0; padding:0; overflow:hidden; }

/*** Allgemeine Tag-Angaben ***/
body{
  background: #FFFFFF;
  margin: 0em;
  padding: 0em;
  vertical-align:middle;
  font-family: Verdana, Arial, sans-serif;
  font-size:12px;
  color:#333333;
}

a img{
  border:none;
  margin:0;
  padding:0; 
}
a:link { 
color : #999999; 
text-decoration : none
} 
a:visited {
color:#999999; 
text-decoration:none
} 
a:hover {
color:#CC3333; 
text-decoration:none;
} 
a:active {
color:#CC3333; 
text-decoration:none;
} 
h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.08333em;
  color: #333333;
  font-weight: bold;
  margin-left: 1.25em;
  margin-bottom: 0em;
  margin-top: 1.25em;
}
h1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 0.81em;
  color: #CC3333; 
  font-weight: bold; 
  margin-left: 0.94em;
  margin-bottom: 0em;
} 
p.raw {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  margin-left: 1.25em;
  margin-bottom: 0em;
}
p.cv {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #333333;
  margin-left: 0.94em;
  margin-bottom: 0em;
}
ul#raw li,ul#raw2 li{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em; 
color: #333333; 
text-align: left; 
line-height: 1.66667em; 
margin-left: 1.25em;
}
/*******************************************************/
#bildbez { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  display:block;
  color: #333333; 
  text-align: center; 
  margin-top:0px;
  padding-top:10px;
}
*html #bildbez{
  margin-top:-20px;
  padding-top:0px;
}
/********************************************************/
span.ma{
  width:45%;
  display:block;
  float:left;
}

/*** Gerüst ***/
#container{
  width:83.33em;
  height:50.42em;
  left:50%;
  margin:-24.58em 0pt 0pt -41.75em;
  position:absolute;
  top:50%;
  border:0.08em solid black;
}
#header{
  height:8.25em;
  background: url(../img/back_ob.gif) no-repeat #CCCCCC;
  text-align:right;
  border-bottom:0.08em solid black;
}
#content{
  height:32.08em;
}
#logo{
  width:25.00em;
  height:8.08333em;
  position:relative;
  top:0em;
  right:0em;
  margin:0em;
  padding:0em;
}
#hidden{
  display:none;
}

/*** Footer ***/
#footer{
  height:9.92em;
  border-top:0.08em solid black;
  background: url(../img/back_unt.gif) no-repeat #CCCCCC bottom right;
  position:relative;
}

#navi_div{

}
ul#navi{
  padding:2.42em 0 0em 0 ;
  margin:0em 0 0 5.00em;
}
ul#navi li{
  display:inline;
}
/***************************************************/
ul#navi li a{
  vertical-align:bottom;
  line-height:7.50em;
  margin:0em 5em 0.83em 0;
  padding:0em 0.08em 0.83em 0;
}
/*******************************************************/
*html ul#navi li a{
  line-height:2.50em;
  margin:2.50em 5.00em 1.67em 0;
  padding:0em 0.08em 0em 0;
  display:inline-block;
}
ul#navi li span{
  visibility:hidden;
  width:1.67em;
}
/*ul#navi li a{
  line-height:7.50em;
  margin-right:5.00em;
  padding-bottom:0.83em;
}
*html ul#navi li a{
  margin:2.50em 5.00em 1.67em 0;
}*/
ul#navi li a#nav_buero{
  background:url(../img/buero_gr.gif) no-repeat;
}
ul#navi li a#nav_buero span{
  padding-right:0.83em;
}
ul#navi li a#nav_buero:hover{
  background:url(../img/buero_rot.gif) no-repeat;
}
ul#navi li a#nav_buero_akt{
  background:url(../img/buero_rot.gif) no-repeat;
}
ul#navi li a#nav_buero_akt span{
  padding-right:0.83em;
}
ul#navi li a#nav_projekte{
  background:url(../img/projekte_gr.gif) no-repeat;
}
ul#navi li a#nav_projekte span{
  padding-right:0.9em;
  margin-right:0em;
  width:4.17em;
}
ul#navi li a#nav_projekte_akt{
  background:url(../img/projekte_rot.gif) no-repeat;
}
ul#navi li a#nav_projekte_akt span{
  padding-right:0.9em;
  margin-right:0em;
  width:4.17em;
}
ul#navi li a#nav_projekte:hover{
  background:url(../img/projekte_rot.gif) no-repeat;
}
ul#navi li a#nav_kontakt{
  background:url(../img/kontakt_gr.gif) no-repeat;
}
ul#navi li a#nav_kontakt span{
  padding-right:0.83em;
}
ul#navi li a#nav_kontakt:hover{
  background:url(../img/kontakt_rot.gif) no-repeat;
}
.aktiv{
  padding:3.33em 5em 0em 0;
  vertical-align:top;
}
span#aktiv{
  display:none;
}
*html .aktiv{
  margin:3.33em 5em 0em 0;
  vertical-align:top;
}

/* Subnavi Projekte*/
#subnavi_div{
  position:absolute;
  top:1.92em;
  height:2.92em;
  overflow:hidden;
}
ul#subnavi{
  padding:0em;
  margin:0em 0 0 15.42em;
}
ul#subnavi li{
  display:inline;
  padding:0em;
}
ul#subnavi li a{
  vertical-align:top;
  padding-bottom:1.67em;
  display:inline-block;
}
ul#subnavi li span{
  visibility:hidden;
  display:table-cell;
}
ul#subnavi li a#nav_wohnen{
  background:url(../img/wohnen_gr.png) no-repeat;
}
ul#subnavi li a#nav_wohnen span{
  width:6.33em;
}
ul#subnavi li a#nav_wohnen:hover{
  background:url(../img/wohnen_rot.png) no-repeat;
}
ul#subnavi li a#nav_industrie{
  background:url(../img/industrie_gr.png) no-repeat;
}
ul#subnavi li a#nav_industrie span{
   width:6.3em; 
}
ul#subnavi li a#nav_industrie:hover{
  background:url(../img/industrie_rot.png) no-repeat;
}
ul#subnavi li a#nav_oeffentl{
  background:url(../img/oeffentl_gr.png) no-repeat;
}
ul#subnavi li a#nav_oeffentl span{
  width:8em;
}
ul#subnavi li a#nav_oeffentl:hover{
  background:url(../img/oeffentl_rot.png) no-repeat;
}
ul#subnavi li a#nav_kirchen{
  background:url(../img/denkmal_gr.png) no-repeat;
}
ul#subnavi li a#nav_kirchen span{
  width:10em;
}
ul#subnavi li a#nav_kirchen:hover{
  background:url(../img/denkmal_rot.png) no-repeat;
}
ul#subnavi li a#nav_gesundheit{
  background:url(../img/gesundheit_gr.png) no-repeat;
}
ul#subnavi li a#nav_gesundheit span{
  width:8em; 
}
ul#subnavi li a#nav_gesundheit:hover{
  background:url(../img/gesundheit_rot.png) no-repeat;
}
ul#subnavi li a#nav_bildung{
  background:url(../img/bildung_gr.png) no-repeat;
}
ul#subnavi li a#nav_bildung span{
  width:9.6em;
}
ul#subnavi li a#nav_bildung:hover{
  background:url(../img/bildung_rot.png) no-repeat;
}
ul#subnavi li a#nav_wettbewerbe{
  background:url(../img/wettbewerbe_gr.png) no-repeat;
}
ul#subnavi li a#nav_wettbewerbe span{
  width:8.8em;
}
ul#subnavi li a#nav_wettbewerbe:hover{
  background:url(../img/wettbewerbe_rot.png) no-repeat;
}
/* Subnavi  Büro*/
ul#subnavi_b{
  padding:0em;
  margin:0em 0 0 6em;
}
ul#subnavi_b li{
  display:inline;
  padding:0em;
}
ul#subnavi_b li a{
  vertical-align:top;
  padding-bottom:1.67em;
  display:inline-block;
}
ul#subnavi_b li span{
  visibility:hidden;
  display:table-cell;
}
ul#subnavi_b li a#nav_job{
  background:url(../img/job_gr.gif) no-repeat;
}
ul#subnavi_b li a#nav_job span{
  width:5em;
}
ul#subnavi_b li a#nav_job:hover{
  background:url(../img/job_rot.gif) no-repeat;
}
ul#subnavi_b li a#nav_mitarb{
  background:url(../img/mitarb_gr.gif) no-repeat;
}
ul#subnavi_b li a#nav_mitarb span{
  width:7.91667em;
}
ul#subnavi_b li a#nav_mitarb:hover{
  background:url(../img/mitarb_rot.gif) no-repeat;
}
ul#subnavi_b li a#nav_partner{
  background:url(../img/partner_gr.gif) no-repeat;
}
ul#subnavi_b li a#nav_partner span{
  width:11.25em;
}
ul#subnavi_b li a#nav_partner:hover{
  background:url(../img/partner_rot.gif) no-repeat;
}
ul#subnavi_b li span#sub_aktiv{
  display:none;
  width:0em;
  overflow:hidden;
}

.sub_aktiv{
  padding:0.0em 0em 0em 0;
  vertical-align:top;
  padding-right:1.67em;
}
ul#subnavi li span#sub_aktiv{
  display:none;
  width:0em;
  overflow:hidden;
}
*html .sub_aktiv{
  margin:0em 1.67em 0em 0;
  vertical-align:top;
}

/***** Inhalte *****/
/** Links **/
#content_links{
  width:10.83em;
  background-color:#ededed;
  float:left;
  height:100%
}
#navipkt{
  margin:0.83em 0 0 0.67em;
}
#seiten_navi{
  height:32.08em;
}
ul#seiten_menu{
  list-style:none;
  margin:0;
  padding:0.83em;
}
ul#seiten_menu li{
  padding-bottom:1.25em;
}
ul#seiten_menu li a{
  text-decoration:none;
  color:#999999;
}
ul#seiten_menu li a:hover, ul#seiten_menu li span{
  color:#cc3333;
}
#scroll{
  text-align:center;
}
/** Mitte **/
#content_mitte{
  float:left;
  width:36.67em;
  height:32.00em;
}
#content_mitte_text{
  margin:1.25em;
  height:25.00em;
}
#content_mitte_text h1{
  font-size:1.08em;
  font-weight:bold;
  color: #333333;
  margin:0;
  padding:0;
}
#content_mitte_text table{
  padding-top:0.83em;
}
#content_mitte_text td{
  font-size:0.75em;
}
#content_mitte_text td.desc{
  font-size:0.75em;
  font-weight:bold;
  width:30%;
  padding:0.42em 0;
}
#seite_lot a{
  color:#999999;
  text-decoration:none
}
#seite_lot a:hover, #seite_lot span{
  color:#cc3333;
}
#content_mitte_bilder{
  padding:0.83em 1.25em;
  margin:0.83em 0 0 0 ;
}
#content_mitte_bilder_pos{
  width:34.17em;
  height:2.83em;
}
#content_mitte_bilder img{
  border:0.08em solid #999999;
  margin-right:0.42em
}
/** Rechts **/
#content_rechts{
  float:right;
  height:32.00em;
  width:35.00em;
  background-color:#ededed;
  
}
#content_rechts_pos{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  height:32.00em;
  width:35.00em;
}
*html #content_rechts_pos{
  display:block;
  text-align:center;
  vertical-align:middle;
  height:1.23em;
  width:1.33em;
  font-size:26.25em;
}
#content_rechts_pos img{
  text-align:center;
  vertical-align:middle;
  border:1px solid #999999;
}
/** cv **/
#content_cv{
  float:right;
  width:72.25em;
  height:32.25em;
}
/****************************************************/
.partner_td{
  height:88%;
  width:25%;
  vertical-align:top;
}
.link_td{
  padding:10px 0px;
  vertical-align:top;
}
/*****************************************************/
/***** Bilder *****/
img.str{
	width:0.83em;
	height:7.50em;
}
img.logo{
	width:25.00em;
	height:8.25em;
}
img.thumb{
	width:2.50em;
	height:2.50em;
}


/** Safari  only: **/

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#navi li a#nav_buero{
	  background:url(../img/buero_gr.gif) no-repeat;
	  vertical-align:top;
	}
	ul#navi li a#nav_buero_akt{
	  background:url(../img/buero_rot.gif) no-repeat;
	  vertical-align:top;
	}
	ul#navi li a#nav_projekte{
	  background:url(../img/projekte_gr.gif) no-repeat;
	  vertical-align:top;
	}
	ul#navi li a#nav_projekte_akt{
	  background:url(../img/projekte_rot.gif) no-repeat;
	  vertical-align:top;
	}
	ul#navi li a#nav_kontakt{
	  background:url(../img/kontakt_gr.gif) no-repeat;
	  vertical-align:top;
	}
}