/* CSS Document */

h1 {
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:14px;
font-weight:600;
/*line-height: 10,8px;*/
color:#5a88ad;
padding: 11px 0px 12px 0px;
margin:0;
text-transform: uppercase;
}

h3 {
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:12px;
font-weight:600;
/*line-height: 10,8px;*/
color:#5a88ad;
padding: 3px 0px 10px 0px;
margin:0;
text-transform: uppercase;
}

h2 {
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:12px;
font-weight:600;
/*line-height: 10,8px;*/
color:#5a88ad;
padding: 10px 0px 10px 0px;
margin:0;
text-transform: uppercase;
}


td, body {
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:11px;
line-height: 12px;
color:#999999;
margin:0;
padding:0;
}

p {
padding:0px;
margin:0px;
}

a {
color:#5a88ad;
text-decoration:underline;
}

form {
width:263px;
/*height:215px;*/
height:auto;
background-color: #f2f2f2; 
border: 1px solid #d0d0d0;
display:block;
float:left;
padding: 2px 9px 9px 12px;
margin:0px;
}

textarea, input {
width:180;
height:17px;
border: 1px solid #d0d0d0;
background-color: #ffffff;
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:11px;
color:#999999;
margin-top:10px;
padding-left:5px;
}

* html form {
width:285px;
height:221px;
background-color: #f2f2f2; 
border: 1px solid #d0d0d0;
display:block;
float:left;
padding: 9px 9px 12px 12px;
margin:0px;
}

form p {
margin-top:15px;
}

#liste ul {
margin: 0;
padding: 0 0 0 10px;
width: 285px;
/*width: 255px;*/
}

#liste li {
margin: 0;
padding: 0 0 10 0;
/*list-style: circle;*/
list-style-image:  url(../upload/bullets/listenpunkt.gif);
/*width: 255px;*/
}

* html #liste ul {
margin: 0;
padding: 0px;
}


* html #liste li {
list-style-type:none;
background:  url(../upload/bullets/listenpunkt_ie.gif) 0px 4px no-repeat;
padding:0 0 10 10;
	
}

/*//////////////////////////////////// HAUPTNAVIGATION ////////////////////////////////////*/
#nav {
margin: 0;
padding: 0;
height: 350px;
/*display:inline; --- + height auf buttonhoehe setzten -> = horizontales menue ---*/
list-style: none;
overflow: hidden;
width: 156px;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
display: block;
/*display: inline;*/
width: 156px;
height: 32px;
}

#nav .sub {
margin: 0;
padding: 0;
list-style: none;
display: block;
/*display: inline;*/
width: 156px;
height: 23px;
}

#nav .sub a {
padding: 23px 0 0;
}

#nav a {
height: 0px !important;
float: left;
padding: 32px 0 0;
overflow: hidden;
/*background: url(img/rollover.gif) 0px 0px no-repeat;*/
width: 156px;
}

* html #nav a {
  height: 0px !important;
  padding: 18px 0 0;
  overflow: hidden;
  width: 156px;
  float:none;
}

* html #nav .sub a {
  padding: 10px 0 0;
}


/*////////// NAVIGATION DE //////////*/
#nav .unser_buero{
background:   url(../upload/menu/de/unser_buero.gif) top left no-repeat;
}
#nav .projekte{
background:   url(../upload/menu/de/projekte.gif) 0px 0px no-repeat;
}
#nav .p_wohnbauten{
background:   url(../upload/menu/de/p_wohnbauten.gif) 0px 0px no-repeat;
}
#nav .p_gewerbebauten{
background:   url(../upload/menu/de/p_gewerbebauten.gif) 0px 0px no-repeat;
}
#nav .p_oeffentliche_bauten{
background:   url(../upload/menu/de/p_oeffentliche_bauten.gif) 0px 0px no-repeat;
}
#nav .p_bauernhoefe{
background:   url(../upload/menu/de/p_bauernhoefe.gif) 0px 0px no-repeat;
}
#nav .leistungen{
background:   url(../upload/menu/de/leistungen.gif) 0px 0px no-repeat;
}
#nav .kontakt{
background:   url(../upload/menu/de/kontakt.gif) 0px 0px no-repeat;
}
#nav .k_kontaktadresse{
background:   url(../upload/menu/de/k_kontaktadresse.gif) 0px 0px no-repeat;
}
#nav .k_anfahrt{
background:   url(../upload/menu/de/k_anfahrt.gif) 0px 0px no-repeat;
}


/*////////// NAVIGATION IT //////////*/
#nav .il_nostro_ufficio{
background:   url(../upload/menu/it/il_nostro_ufficio.gif) top left no-repeat;
}
#nav .progetti{
background:   url(../upload/menu/it/progetti.gif) 0px 0px no-repeat;
}
#nav .p_abitazioni{
background:   url(../upload/menu/it/p_abitazioni.gif) 0px 0px no-repeat;
}
#nav .p_edifici_industriali{
background:   url(../upload/menu/it/p_edifici_industriali.gif) 0px 0px no-repeat;
}
#nav .p_edifici_pubblici{
background:   url(../upload/menu/it/p_edifici_pubblici.gif) 0px 0px no-repeat;
}
#nav .p_masi{
background:   url(../upload/menu/it/p_masi.gif) 0px 0px no-repeat;
}
#nav .prestazioni{
background:   url(../upload/menu/it/prestazioni.gif) 0px 0px no-repeat;
}
#nav .contatti{
background:   url(../upload/menu/it/contatti.gif) 0px 0px no-repeat;
}
#nav .c_indirizzo{
background:   url(../upload/menu/it/c_indirizzo.gif) 0px 0px no-repeat;
}
#nav .c_come_raggiungerci{
background:   url(../upload/menu/it/c_come_raggiungerci.gif) 0px 0px no-repeat;
}
/*////////// NAVIGATION IT ENDE //////////*/


#nav a:hover {
background-position: 0px -32px;
}

#nav .sub a:hover {
background-position: 0px -23px;
}
#nav .sub a:active {
background-position: 0px -23px;
}
/*//////////////////////////////////// ENDE HAUPTNAVIGATION ENDE ////////////////////////////////////*/


/*//////////////////////////////////// NAVIGATION OBEN (DE, IT, SITEMAP ETC.) ////////////////////////////////////*/
#navtop {
margin: 0;
padding: 0;
list-style: none;
display: inline;
overflow: hidden;
height: 11px;
}

#navtop li {
margin: 0;
padding: 0px;
list-style: none;
display: inline;
/*width: 19px;
height: 11px;*/
float: left;
}

#navtop a {
float: left;
padding: 11px 0 0;
overflow: hidden;
height: 0px; !important
/*background: url(../upload/menu/de.gif) 0px 0px no-repeat;*/
}


#navtop a:hover { 
background-position: 0px -11px;
}
#navtop a:active {
background-position: 0px -11px;
}

#navtop .de{
background:   url(../upload/menu/de.gif) top left no-repeat;
width:19px;
}
#navtop .it{
background:   url(../upload/menu/it.gif) 0px 0px no-repeat;
width:19px;
}
#navtop .sitemap{
float: left;
background:   url(../upload/menu/sitemap.gif) 0px 0px no-repeat;
width:49px;
display:block;
}
#navtop .impressum{
background:   url(../upload/menu/impressum.gif) 0px 0px no-repeat;
width:64px;
}
#navtop .credits{
float: left;
display:block;
background:   url(../upload/menu/credits.gif) 0px 0px no-repeat;
width:49px;
}
#navtop .mappa_del_sito{
float: left;
display:block;
background:   url(../upload/menu/mappa_del_sito.gif) 0px 0px no-repeat;
width:91px;
}
/*//////////////////////////////////// NAVIGATION OBEN ENDE ////////////////////////////////////*/

/*//////////////////////////////////// NAVIGATION PROJEKTE BALKEN KLEIN ////////////////////////////////////*/

.projektbalken {
width:478px;
height:60px;
display:block;
float:left;
background-color: #f2f2f2; 
border: 1px solid #d0d0d0;
padding: 4px 0px 3px 10px;
margin:2px 0px 0px 0px;
}


* html .projektbalken {
  /*padding: 4px 10px 3px 12px;*/
  width:490px;
  height:69px;
}


.projektmenu {
margin:0 0 0 8;
padding:0;
float:left;
}

.projektlinks {
width:8px;
height:69px;
padding:0;
margin:2px 0px 0px 0px;
overflow: hidden;
float:left;
background-color: #e1e1e1;
display:block;
}

.projektlinks a {
width:8px;
height:69px;
background:   url(../upload/bullets/projektbilder_b_l.gif) 0px 0px no-repeat;
display:block;
}

.projektlinks a:hover {
background:   url(../upload/bullets/projektbilder_b_l_o.gif) 0px 0px no-repeat;
}
.projektlinks a:active {
background:   url(../upload/bullets/projektbilder_b_l_o.gif) 0px 0px no-repeat;
}

.projektrechts {
width:8px;
height:69px;
padding:0px;
margin:2px 0px 0px 0px;
overflow: hidden;
float:left;
background-color: #e1e1e1;
display:block;
}

.projektrechts a {
width:8px;
height:69px;
display:block;
background:  url(../upload/bullets/projektbilder_b_r.gif) 0px 0px no-repeat;
}

.projektrechts a:hover {
background:   url(../upload/bullets/projektbilder_b_r_o.gif) 0px 0px no-repeat;
}
.projektrechts a:active {
background:   url(../upload/bullets/projektbilder_b_r_o.gif) 0px 0px no-repeat;
}

.thumbnavselected {
color:#5a88ad;
text-decoration:underline;
}
/*//////////////////////////////////// ENDE NAVIGATION PROJEKTE BALKEN KLEIN ENDE ////////////////////////////////////*/

/*//////////////////////////////////// NAVIGATION PROJEKTE KASTEN GROSS ////////////////////////////////////*/
.projektbalkenmenu {
width:257px;
height:223px;
display:block;
float:left;
background-color: #f2f2f2; 
border: 1px solid #d0d0d0;
padding: 9px 0px 9px 12px;
margin:3px 0px 0px 0px;
}

* html .projektbalkenmenu {
/*width:200px;*/
height:243px;
}


/*projektbox begrenzt projektbild und bildunterschrift in der ansicht: gallery_detail*/
#projektbox {
width:250px;
height:210px;
border:0px;
/*margin: 0 0 5 0;*/
display:block;
overflow:hidden;
}

#projektbox .projektbild {
float:left;
margin-bottom:5px;
align:center;
}

#projektbox .projektbildunterschrift {
margin-left:5px;
clear:left;
}

/*///////// NUR POPUP /////////*/
.projektbalkenmenupop {
display:block;
width:812px;
/*height:668px;*/
float:left;
background-color: #f2f2f2; 
border: 1px solid #d0d0d0;
padding: 9px 12px 15px 12px;
margin:0px;
}

* html .projektbalkenmenupop {
width:838px;
}

/*projektbox begrenzt projektbild und bildunterschrift in der ansicht: gallery_popup*/
#projektboxpop 
 {
height:640px;
border:0px;
margin-bottom:5px;
display:block;
overflow:hidden;
text-align:right;
}

#projektboxpop .projektbild {
float:left;
margin-bottom:5px;
display:block;
align:center;
}

#projektboxpop .projektbildunterschrift {
float:left;
margin-left: 5px;
}


/*///////// ENDE NUR POPUP /////////*/

.projektmenulinks {
width:8px;
/*height:243px;*/
padding:0;
margin:3px 0px 0px 0px;
overflow: hidden;
float:left;
background-color: #e1e1e1;
display:block;
}

.projektmenulinkspop {
width:8px;
padding:0;
margin:0px;
overflow: hidden;
float:left;
background-color: #e1e1e1;
display:block;
}

.projektmenulinks a {
width:8px;
height:243px;
background:   url(../upload/bullets/projektbilder_gr_b_l.gif) 0px 0px no-repeat;
display:block;
}

.projektmenulinks a:hover {
background:   url(../upload/bullets/projektbilder_gr_b_l_o.gif) 0px 0px no-repeat;
}

.projektmenulinkspop a {
width:8px;
height:600px;
background:   url(../upload/bullets/projektbilder_pop_gr_b_l.gif) 0px 0px no-repeat;
display:block;
}

.projektmenulinkspop a:hover {
background:   url(../upload/bullets/projektbilder_pop_gr_b_l_o.gif) 0px 0px no-repeat;
}

.projektmenurechts {
width:8px;
/*height:243px;*/
padding:0px;
margin:3px 0px 0px 0px;
overflow: hidden;
float:left;
background-color: #e1e1e1;
display:block;
}

.projektmenurechtspop {
width:8px;
padding:0px;
margin:0px;
overflow: hidden;
float:left;
background-color: #e1e1e1;
display:block;
}

.projektmenurechts a {
width:8px;
height:243px;
background:  url(../upload/bullets/projektbilder_gr_b_r.gif) 0px 0px no-repeat;
display:block;
}

.projektmenurechts a:hover {
background:   url(../upload/bullets/projektbilder_gr_b_r_o.gif) 0px 0px no-repeat;
}

.projektmenurechtspop a {
width:8px;
height:600px;
background:  url(../upload/bullets/projektbilder_pop_gr_b_r.gif) 0px 0px no-repeat;
display:block;
}

.projektmenurechtspop a:hover {
background:   url(../upload/bullets/projektbilder_pop_gr_b_r_o.gif) 0px 0px no-repeat;
}

#projektsubnav {
margin: 0px;
padding:0px;
width:230px;
height:8px;
display:block;
/*float:left;
border:1px solid #c9c9c9;
overflow:hidden;*/
}

#projektsubnav li {
float: left;
padding: 0px 0px 0px 4px;
margin:0px;
list-style: none;
width: 12px;
height:8px;
}

#projektsubnav a {
width:8px;
height:8px;
overflow:hidden;
/*padding: 0px;
margin:0px;*/
display:block;
border:1px solid #c9c9c9;
background-color: #f2f2f2; 
}

#projektsubnav a:hover {
/*width:7px;
height:7px;
padding: 0px;
margin:0px;*/
display:block;
border:1px solid #c9c9c9;
background-color: #c9c9c9;
}

#projektsubnav a.subnavselected {
width:8px;
height:8px;
display:block;
border:1px solid #c9c9c9;
background-color: #c9c9c9; 
}

.cleaner{
clear:both;
height:1px;
font-size:1px;
border:0px;
margin:0; padding:0;
}

/*//////////////////////////////////// ENDE NAVIGATION PROJEKTE KASTEN GROSS ENDE ////////////////////////////////////*/

/*///////////////(//////// BILDSCHATTEN ///////////////////////////////*/

DIV.shadow2, DIV.shadow3 {
   padding: 1px;
   border-radius: 6px;
   -moz-border-radius: 6px;
   }
DIV.shadow2 {
  background-color: #d4d4d4;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #ededed;
   border: 1px solid #f5f5f5;
   margin: 0;
   float: left;
   }
   
   DIV.shadow2 img {
   background-color: #ffffff;
   border: 2px solid #ffffff;
   margin: 0;
   display:block;
   /*position: relative;*/
   }

DIV.shadow2 a img {
   border: 0; /*sonst wird der border 2x angewand*/
   }
   
DIV.shadow2 a {
   background-color: #ffffff;
   border: 2px solid #ffffff;
   margin: 0;
   padding: 0;
   display:block;
   /*position: relative;*/
   }
   
DIV.shadow2 a:hover {
   background-color: #1c4b77;
   border: 2px solid #1c4b77;
   margin: 0;
   padding:0px;
   display:block;
   /*position: relative;*/
   }
   
  DIV.shadow2 a:active {
   background-color: #1c4b77;
   border: 2px solid #1c4b77;
   margin: 0;
   padding:0px;
   display:block;
   /*position: relative;*/
   }

DIV.shadow2 .selected {
   background-color: #1c4b77;
   border: 2px solid #1c4b77;
   margin: 0;
   padding:0px;
   display:block;
   /*position: relative;*/
   }
/*///////////////(//////// ENDE BILDSCHATTEN ENDE ///////////////////////////////*/   

/*///////////////(//////// SITEMAPLISTEN ///////////////////////////////*/   
#sitemap_hauptnav {
margin: 10 0 0 0;
padding: 0;
list-style: none;

}

.sitemap_hauptnav {
margin: 0px;
padding: 0px;
list-style: none;

}


.ebene1 {
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:11px;
font-weight:600;
color:#5a88ad;
padding-top: 15px;
margin: 0;
text-decoration:underline;
text-transform: uppercase;
list-style: none;
}

.ebene2{
padding: 3 0 0 20px;
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:10px;
font-weight:600;
color:#5a88ad;
margin: 0px;
text-decoration:underline;
text-transform: uppercase;
list-style: none;
}

.ebene3 {
padding: 3 0 0 40px;
font-family: Arial, Helvetica, Verdana, Geneva;
font-size:10px;
font-weight:600;
color:#5a88ad;
margin: 0px;
text-decoration:underline;
text-transform: none;
list-style: none;
}
/*///////////////(//////// ENDE SITEMAPLISTEN ENDE ///////////////////////////////*/