/* Basics für Jacqueline Wagner Design */

* {
margin:0;
padding:0;
list-style:none
}

body { /* Hintergrundfarbe */
background-color: #e4e1d8;
background-image: url(../images/basics/bg.jpg);
background-repeat: repeat-x;
background-attachment:fixed
}

#container {
background-color:#fff;
background-repeat: no-repeat;
width:829px;
min-height:530px;
height:auto;
margin-right:auto;
margin-left:auto;
}


#logo { /* Logo */
float:left;
width:177px;
height:57px;
margin-top:12px;
margin-left:325px;
z-index:1;
}

#navibg{ /* Navi Hintergrund */
float:left;
background-color:#fff;
border-bottom:1px solid #edece8;
border-top:1px solid #edece8;
width:829px;
height:25px;
margin: 28px 0px 15px 0px;
z-index:3;
}


/*...................... Navigation........................*/

ul#navi {
float:left;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:3px;
margin-left:18px;
}

#navi li {
float:left;
position:absolut;
margin:2px 5px;
}

#navi a {
display:block;
padding:2px 10px;
color:#666154;
text-decoration:none;
}


#navi li a:hover {
color: #ff8100;
}

#navi a.active {
color: #ff8100;
}
/*...................... Ende Navigation........................*/

/*...................... Unternavigation........................*/

ul#unternavi {
float:right;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:3px;
margin-right:18px;
}

#unternavi li {
float:left;
position:absolut;
margin:2px 5px;
}

#unternavi a {
display:block;
padding:2px 10px;
color:#b4b1ac;
text-decoration:none;
}


#unternavi li a:hover {
color: #ff8100;
}

#unternavi a.active {
color: #ff8100;
}
/*...................... Ende Unternavigation........................*/

#bild { /* Bild */
float:left;
width:829px;
height:351px;
margin-top:-15px;
margin-left:1px;
z-index:4;
}

#infobereich { /* Info */
float:left;
background-image: url(../images/basics/info_bg.gif);
font-family: Arial, Helvetica, sans-serif;
color: #595959;
font-size:12px;
line-height:18px;
padding: 18px 30px 0px 70px;
width:729px;
height: 92px;
}

#infobereich02 { /* Info */
float:left;
background-color:#FFF;
font-family: Arial, Helvetica, sans-serif;
color: #595959;
font-size:12px;
line-height:18px;
padding: 18px 0px 0px 32px;
width:797px;
height: 55px;
}

#infobereich03 { /* Info */
float:left;
background-color:#FFF;
font-family: Arial, Helvetica, sans-serif;
color: #595959;
font-size:12px;
line-height:18px;
padding: 10px 0px 0px 32px;
width:797px;
height: 70px;
}

#textfeld-logo { 
float:left;
width:300px;
margin-right: 95px;
}


.vorzeile { /* Überschrift */
text-transform:uppercase;
color:#ff8100;
}

a:link.link, a:visited.link, a:active.link { /* content link*/
color:#b4b2ae;
text-decoration:underline;
}

a:hover.link {
color:#ff8100;
text-decoration:underline;
}

#referenzen { /* Referenzen */
background-image: url(../images/basics/referenzen_bg.gif);
background-repeat: no-repeat;
float:left;
width:796px;
height:323px;
padding: 28px 0px 0px 33px;
z-index:5;
}

#referenzen02 { /* Logos */
background-image: url(../images/basics/logos_bg.gif);
background-repeat: no-repeat;
float:left;
width:796px;
height:173px;
padding: 28px 0px 0px 33px;
z-index:5;
}

#referenzen03 { /* Werbebanner */
background-image: url(../images/basics/banner_bg.gif);
padding-top: 20px;
padding-left: 70px;
float:left;
width:759px;
height: 630px;
position: absolut;
}

#fullsize {
float:left;
margin-top:10px;
width:468px;
height:60px;
position: absolut;
}

#popunder {
float:left;
margin-top:10px;
width:400px;
height:400px;
position: absolut;
}

#skyscraper { 
float:left;
margin-left:90px;
margin-top:10px;
width:120px;
height:600px;
position: absolut; 
}


#skyscraper2 { 
float:left;
margin-left:20px;
margin-top:10px;
width:120px;
height:600px;
position: absolut; 
}

#contentad { 
float:left;
margin-top:-480px;
width:300px;
height:250px;
position: absolut;
}

/*...................... Footer........................*/

#footer{ /* footer */
background-color:#FFF;
font-family: Arial, Helvetica, sans-serif;
border-top:1px solid #edece8;
color: #595959;
font-size:12px;
float:left;
width:749px;
padding: 5px 10px 5px 70px;
z-index:6;
}


