* { 
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 0em 2.5em 0em; 
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 a {
position:absolute;
margin-left:0px;
bottom:0;
background-image:url('../img/portfolio_active.gif');
width:99px;
height:26px;
float:left;
}


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

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


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

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


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

#kontakt_active a {
position:absolute;
margin-left:0px;
bottom:0;
background-image:url('../img/kontakt_active.gif');
width:93px;
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;
}

#content_portfolio{position:relative;width:962px;padding:0 0 0 0;text-align:left;float:left;}
#content_portfolio .nav {width:143px;float:left;height:100%;}
#content_portfolio .nav A {display:block;color:#646363;height:100%;width:113px;padding-right:30px;text-align:right;font-size:12px;text-decoration:none;}
#content_portfolio .nav A:hover {display:block;color:#177173;background:url('../img/nav-pfeil.png') no-repeat 0px 19px; height:100%; width:113px;padding-right:30px;text-align:right;font-size:12px;text-decoration:none;}
#content_portfolio .nav A.active {display:block;color:#177173;background:url('../img/nav-pfeil.png') no-repeat 0px 19px; height:100%; width:113px;padding-right:30px;text-align:right;font-size:12px;text-decoration:none;}
#content_portfolio .nav ul {list-style:none;}
#content_portfolio .nav li {}
#content_portfolio .nav li.q {padding-right:28px;color:#646363;text-align:right;}

#content_portfolio .content{float:left;margin-left:10px;}

#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:240px;
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:auto !important;
height:10px;
width:590px;
float:left;
}


#bottom_social{
position:relative;
margin-left:0px;
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;
}

.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;
}

.pin-1{position:absolute;left:800px;top:213px;z-index:1000;}
.pin-2{position:absolute;left:633px;top:331px;z-index:999;background:url('../img/the-white-elephant-2.png');width:309px;height:291px;}
.pin-2 A {display:block;margin:243px 62px 30px 61px;height:18px;}

.link-elephant{position:absolute;top:404px;left:124px;}