html, body {
height: 100%;
background-color: #ffffff;
/*font-size: 100.01%;*/
/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.6;
margin: 0;
padding:0;
font-style:normal;
font-weight:normal;
}

body#start {
background-image:url(../../media/bilder/_layout/bg_start.gif);
background-repeat:repeat-x;
background-position: left top;
}

body#standard {
background-image:url(../../media/bilder/_layout/bg_standard.gif);
background-repeat:repeat-x;
background-position: left top;
}

body#popup {
background-image:url(../../media/bilder/_layout/bg_popup.gif);
background-repeat:repeat-x;
background-position: left top;
}


body  {
font-size: 12px;
color:#585858;
}

html > body  #minheight {
float: left;
width: 0;
height: 100%;
margin-bottom: -160px;
}

#layout {
width:100%;
text-align: center;
min-height:99%;
}

* html #layout {
height: 99.09%;
}

#content {
margin-left:auto;
margin-right:auto;
width:1000px;
text-align: left;
}


/* intro */
#logointro {
/*padding:40px 0 0 85px;*/
padding:37px 0 0 85px;
width:420px;
/*height: 109px;*/
height: 112px;
}

#navigationintro {
margin: 31px 0 0 0;
width: 1000px;
height:23px;
}

#navipunktposintro1 {
height:23px;
float: left;
padding-left: 85px;
width:200px;
}

#navipunktposintro2 {
float: left;
height:23px;
padding-left: 200px;
}

#flashintro {
padding:8px 0 0 0;
width:1000px;
height: 198px;
}

#sprachauswahlstart {
margin: 12px 0 0 85px;
width: 430px;
height:21px;
}

#startteaser {
margin: 0 0 0 570px;
width: 430px;
height:105px;
}

#startteaserpos1 {
float: left;
width: 84px;
height: 105px;
margin-right: 41px;
}

#startteaserpos2 {
float: left;
width: 84px;
height: 105px;
margin-right: 41px;
}

#startteaserpos3 {
float: left;
width: 84px;
height: 105px;
margin-right: 41px;
}

.startteasertext {
height:19px;
padding-top:2px;
}

/* standard */
#logo {
padding:27px 0 0 85px;
width:233px;
height: 60px;
}

#navigation {
margin: 16px 0 0 0;
width: 1000px;
height:23px;
}

#navipunktpos1 {
height:23px;
float: left;
padding-left: 85px;
width:200px;
}

#navipunktpos2 {
float: left;
height:23px;
padding-left: 200px;
}

.navipunkt {
float: left;
padding-top:3px;
margin-right:35px;
}

#subnavigation, #thirdnavigation {
height:25px;
}

#subnavigation.clearFix:after { clear: both; content: "."; display: block; height: 0;
visibility: hidden; }



.subquadrat {
float:left;
height: 11px;
width: 11px;
margin-top: 13px;
margin-right: 5px; 
background-color: #f99c3d;
font-size: 1px;
}

.subquadratoff {
float:left;
height: 11px;
width: 11px;
margin-top: 13px;
margin-right: 5px; 
background-color: #ffffff;
font-size: 1px;
}


.subnavipunkt {
float: left;
padding-top:10px;
margin-right:20px;
}

.subnavipunktkon {
float: left;
width: 220px;
padding-top:10px;
margin-right:20px;
}

.projektnavipunkt {
padding-top:10px;
}


#linkerbereich {
margin:40px 0 0 0;
float:left;
width: 370px;
}

#ueberschrift {
margin-left:85px;
height:38px;
}


#linkerbereichprojekt {
margin:40px 0 0 0;
float:left;
width: 600px;
}



#linkerbereichkontakt {
margin:40px 0 0 0;
float:left;
width: 485px;
}

#linkerbereichkontakt2 {
margin:0 0 0 0;
float:left;
width: 485px;
border-top:1px solid #ee7f01;
}




#kontaktliste {
margin:15px 10px 0 0;
padding-left:85px;
width: 320px;
}

#kontaktliste2 {
margin:20px 10px 0 0;
padding-left:85px;
width: 320px;
}


#anfahrskizzeposition {
float:left;
margin:185px 10px 0 0;
}

.anfahrskizzetext {
margin-left:5px;
margin-top:-2px;
float:left;
height: 14px;
}

.quadraton1 {
float:left;
height: 10px;
width: 10px;
background-color: #ffffff;
border: 1px solid #f99c3d;
font-size: 1px;
}

.quadratoff1 {
float:left;
height: 10px;
width: 10px;
background-color: #f99c3d;
border: 1px solid #f99c3d;
font-size: 1px;
}

#projektliste {
margin:25px 10px 0 0;
padding-left:85px;
float:left;
width: 204px;
}

#projektlistebilder {
margin:38px 0 0 0;
float:left;
width: 176px;
}

.projektbildlinks {
float:left;
width: 84px;
height: 84px;
margin-bottom:8px;
}

.projektbildrechts {
float:right;
width: 84px;
height: 84px;
padding-bottom:8px;
}

#inhaltsbereichprojekt  {
margin:55px 0 0 0;
float:left;
width: 330px;
}


#inhaltsbereichposition  {
float:left;
margin-bottom:20px;
}

#inhaltsbereichposition2  {
float:left;
border-top:1px solid #ee7f01;
}



#inhaltsbereichkontakt  {
margin:55px 0 0 0;
width: 500px;
}

#inhaltsbereichkontakt2  {
margin:20px 0 0 0;
width: 500px;
}


#projektwquadrat {
padding:14px 0 0 149px;
width: 26px;
}

.quadratlinks {
float:left;
width: 11px;
height: 11px;
margin-bottom:4px;
}

.quadratrechts {
float:right;
width: 11px;
height: 11px;
margin-bottom:4px;
}



.quadraton2 {
height: 10px;
width: 10px;
background-color: #ffffff;
border: 1px solid #f99c3d;
font-size: 1px;
}

.quadratoff2 {
height: 10px;
width: 10px;
background-color: #f99c3d;
border: 1px solid #f99c3d;
font-size: 1px;
}


#inhaltsbereich {
margin:55px 0 0 0;
float:left;
width: 440px;
}

#inhaltsbereichblock {
margin:55px 0 0 0;
float:left;
width: 600px;
}

#block1 {
float:left;
width:265px;
margin-right:5px;
}

#block2 {
float:left;
width:200px;
margin-right:5px;
}

#block3 {
float:right;
width:110px;
margin-right:5px;
}

.bildlinks {
margin-top: 30px;
}

#bildquadrat {
margin-top: 3px;
margin-right:75px; 
height: 11px;
}

.quadraton {
float:right;
height: 10px;
width: 10px;
margin-left: 5px; 
background-color: #ffffff;
border: 1px solid #f99c3d;
font-size: 1px;
}

.quadratoff {
float:right;
height: 10px;
width: 10px;
margin-left: 5px; 
background-color: #f99c3d;
border: 1px solid #f99c3d;
font-size: 1px;
}

.clear {
clear: both;
}


#clearfooter {
clear: both;
height:127px;
}


#layoutfooter {
width:100%;
text-align: center;
}



#contentfooter {
margin-left:auto;
margin-right:auto;
width:1000px;
text-align: left;
}


#footer {
background-image:url(../../media/bilder/_layout/bg_footer.gif);
background-repeat:repeat-x;
background-position: left top;
height:127px;
margin-top:-122px;
text-align: center;
width:100%;
}

#footertext {
float: left;
padding-top: 15px;
padding-left: 85px;
width:200px;
}

#footerstart {
border: 1px solid red;
height:21px;
margin-top:-100px;
text-align: center;
width:100%;
z-index:10;
}


#footertextstart {
padding-left: 85px;
width:200px;
}

.lupesubquadrat {
float:right;
height:10px;
margin-top:-10px;
}
