* { 
margin: 0;
padding: 0; 
} 

html, body { 
height: 100%; 
font-size: 100%;
font-family: Verdana, Arial;
text-align:center;
}



p { 
margin-top: 10px;
margin-bottom:10px;
padding-bottom:10px; 
} 


#wrapper { 
min-height:100%;

position:relative;

background:url('../img/hintergund-kariert.jpg');
width: 100%; 
margin: 0 auto;
text-align:left;
} 

* html #wrapper {
height: 100%;
}

#header{
position:absolute;
top:0;
left:0;
padding:0;
background:url('../img/banner_back.gif');
width:100%;
height:154px;
}

#footer{
position:absolute;
bottom:0;
background:url('../img/balken_unten.gif');
background-repeat:repeat-x;
min-height:83px;
height:auto !important;
height:83px;
width:100%;
text-aling:left;
}

* html #footer {bottom: -1px;} /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */

#content{
position:relative;
margin:0 auto;
width:1024px;
padding: 1em 1em 2.5em 1em; 
text-align:left;

}


#banner{
position:absolute;
background:url('../img/banner_back.jpg');
background-repeat:repeat-x;
min-height:50px;
height:auto !important;
height:50px;
margin:0;
left:0;
top:0;
float:left;
}

#img{
position:relative;
background:url('../img/banner.gif');
width:450px;
height:145px;
float:left;
}



#home a {
position:absolute;
margin-left:0;
bottom:0;
background-image:url('../img/home.gif');
width:44px;
height:22px;
float:left;
}

#home_active a {
position:absolute;
margin-left:0px;
bottom:0;
background-image:url('../img/home_active.gif');
width:69px;
height:29px;
float:left;
}

#portfolio a {
position:absolute;
bottom:0;
background-image:url('../img/portfolio.gif');
width:67px;
height:22px;
float:left;
}

#portfolio_active {
position:absolute;
margin-left:0px;
bottom:0;
background-image:url('../img/home_active.gif');
width:69px;
height:29px;
float:left;
}


#uebermich a {
position:absolute;
bottom:0;
background-image:url('../img/about_me.gif');
width:72px;
height:22px;
float:left;
}

#uebermich_active a {
position:absolute;
margin-left:0;
bottom:0;
background-image:url('../img/about_me_active.gif');
width:86px;
height:29px;
float:left;
}


#angebot a {
position:absolute;
left:430px;
bottom:0;
background-image:url('../img/what_i_offer.gif');
width:90px;
height:22px;
float:left;
}

#angebot_active a {
position:absolute;
bottom:0;
background-image:url('../img/what_i_offer_active.gif');
width:121px;
height:29px;
float:left;
}


#kontakt a {
position:absolute;
bottom:0;
background-image:url('../img/contact.gif');
width:61px;
height:22px;
float:left;
}

#kontakt_active a {
position:absolute;
margin-left:0px;
bottom:0;
background-image:url('../img/contact_active.gif');
width:76px;
height:29px;
float:left;
}

#img_big{
position:relative;
margin-top:165px;
margin-left:132px;

}

#content_text{
position:relative;
margin-left:132px;
width:824px;
padding:0 0 0 0;
text-align:left;
float:left;
}


#content_text_uebermich{
position:relative;
margin-left:0px;
width:1200px;
padding:0 0 0 0;
text-align:left;
float:left;
}


#content_text_underconstruction{
position:relative;
margin-left:132px;
width:824px;
padding:0 0 0 0;
text-align:left;
float:left;
}

#text_underconstruction{
position:relative;
text-align:left;
padding-left:100;
width:824px;
float:left;
}


#text_left{
position:relative;
text-align:left;
margin-left:0;
padding-left:0;
width:255px;
float:left;
}

#text_left_uebermich{
position:relative;
text-align:left;
margin-left:0;
padding-left:0;
width:420px;
float:left;
}



#text_middle{
position:relative;
width:265px;
float:left;
}

#text_right{
position:relative;
width:230px;
margin-left:10px;
float:left;
}


#menu_bottom{
position:relative;
margin:0 auto;
min-height:83px;
height:auto !important;
height:83px;
width:1024px;
bottom:0px;
clear:left;
}

#bottom {
position:relative;
margin-left:132px;
margin-right:0px;
top:44px;
padding:0px;
min-height:10px;
height:32px!important;
height:10px;
width:630x;
float:left;
}


#bottom_social{
position:relative;
margin-left:30px;
margin-right:0px;
margin-bottom:0px;
top:30px;
padding:0px;
background-repeat:repeat-x;
min-height:50px;
height:auto !important;
height:50px;
width:150px;
text-align:left;
float:left;
}

#bottom_social A {display:inline-block;}

.txt_standard{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.2em;
font-weight:normal;
color:#615f5f;
text-decoration:none;
vertical-align:top;
}




.txt_standard_blue{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.2em;
font-weight:normal;
color:#1C779E;
text-decoration:none;
}

.txt_standard_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.3em;
font-weight:bold;
color:#615f5f;
text-decoration:none;
}

.txt_standard_kursiv{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
line-height:1.2em;
font-weight:normal;
color:#615f5f;
text-decoration:none;
}


.txt_copyright{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
font-style:normal;
line-height:1.2em;
font-weight:normal;
color:#615f5f;
text-decoration:none;
}



.link_foot{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.4em;
font-weight:normal;
font-variant:normal;
text-transform:none;
text-decoration:none;
color:#615f5f;
letter-spacing:-1px;;
}

.link_foot:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.4em;
font-weight:normal;
font-variant:normal;
text-transform:none;
text-decoration:none;
color:#b5b4b4;
}

.link_mail{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.4em;
font-weight:normal;
font-variant:normal;
text-transform:none;
text-decoration:none;
color:#615f5f;
}

.link_mail:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.4em;
font-weight:normal;
font-variant:normal;
text-transform:none;
text-decoration:none;
color:#b5b4b4;
}

.link_standard{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.2em;
font-weight:normal;
font-variant:normal;
text-transform:none;
text-decoration:underline;
color:#615f5f;
vertical-align:top;
}

.link_standard:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:1.2em;
font-weight:normal;
font-variant:normal;
text-transform:none;
text-decoration:underline;
color:#b5b4b4;
}