* { margin: 0; padding: 0; }

html, body{	
margin: 0;
padding: 0;
height:100%;

font-size:12px;
font-family:Arial,sans-serif;
background-color:#e9e9e9;
background-image:url(../images/template/bg.gif);
}

a:link{color:#666666;text-decoration:none;}
a:hover{color:#333333;}
a:visited{color:#666666;text-decoration:none;}

img{border:0px;}

h1{
color:#343434;
font-size:16px;
display:inline;
}

#mittig{
position:relative;
margin: 0px auto;
width:960px;
/* ...
min-height: 100%;
height: auto !important;
height: 100%;
... */
}

#area{
width:960px;
position:absolute;
min-height: 100%;
height: auto !important;
height: 100%;
}

#shadow-top{
position:relative;
widht:987px;
height:14px;
left:0px;
margin-left:-14px;
margin-right:-14px;
background-image:url(../images/template/top.png);
background-repeat:no-repeat;
}

#shadow-left{
position:absolute;
top:14px;
bottom:14px;
left:0px;
width:19px;
margin-left:-19px;
background-image:url(../images/template/shadow-left.png);
background-repeat:repeat-y;
}

#shadow-right{
position:absolute;
top:14px;
left:0px;
bottom:14px;
left:960px;
width:18px;
background-image:url(../images/template/shadow-right.png);
background-repeat:repeat-y;
}

#shadow-bottom{
position:relative;
left:0px;
widht:987px;
height:14px;
margin-left:-14px;
margin-right:-14px;
background-image:url(../images/template/bottom.png);
background-repeat:no-repeat;
}


#logo {
position:absolute;
left:0px;
z-index:3;
width:800px;
height:75px;
margin-left:20px;
margin-top:5px;
}

#find-friends {
position:absolute;
left:0px;
z-index:4;
width:145px;
height:75px;
margin-top:10px;
margin-left:780px;
}

#find-friends_blank {
position:absolute;
left:0px;
z-index:4;
width:145px;
height:75px;
margin-top:10px;
margin-left:780px;
padding-top:10px;
background-image:url(../images/template/blank.gif);
background-repeat:no-repeat;
}

#navigation ul li a, #navigation ul li a:visited {padding-left:28px;font-weight:bold;color:#666666;}
#navigation ul li a:hover {color:#333333;}
#navigation ul {padding:0; margin:0; list-style: none;}
#navigation ul li {float:left; position:relative; }
#navigation ul li ul {}

#navigation{
position:relative;
z-index:2;
height:25px;
width:700px;
padding-top:103px;	
padding-left:10px;
background-image:url(../images/template/navi.gif);
background-repeat:repeat-x;
float:left;
}

#navi-end{
position:relative;
z-index:2;
height:128px;
width:77px;
background-image:url(../images/template/navi-end.gif);
background-repeat:repeat-x;
float:left;
}

#navi-end-small{
position:relative;
z-index:2;
height:128px;
width:173px;
background-image:url(../images/template/navi-end-small.gif);
background-repeat:repeat-x;
float:left;
}

#dropdown{
position:absolute;
z-index:3;
left:0px;
height:auto;
width:960px;
}

#dropdownbutton{
position:absolute;
z-index:2;
height:24px;
width:960px;
padding-top:1px;
text-align:center;
background-image:url(../images/template/unter_head.png);
}

.dyn {
position:relative;
overflow:hidden;
}

.dyn DIV {
background-color:#FFFFFF;
width:960px;
position:absolute;
}

#neuhier{
position:absolute;
z-index:3;
height:80px;
width:700px;
margin-left:220px;
margin-top:10px;
padding-top:5px;
padding-left:130px;
}

#neuhier-bg{
height:68px;
width:391px;
padding-left:50px;
padding-top:28px;
background-image:url(../images/template/neuhier.png);
background-repeat:no-repeat;
}

#reghier{
position:absolute;
margin-left:220px;
margin-top:10px;
height:68px;
width:300px;
z-index:2;
}

#bg-color{
position:absolute;
z-index:0;
top:14px;
left:0px;
right:0px;
bottom:168px;
background-color:#f2f2f2;
}

#abdunkeln{
position:absolute;
z-index:1;
top:14px;
left:0px;
right:0px;
bottom:182px;
padding-top:250px;
background-color:#f2f2f2;
display:none;
opacity:0;
-moz-opacity:0;
-khtml-opacity:0;
filter:alpha(opacity=00);
}

#content{
position:relative;
width:800px;
height:auto;
padding-top:35px;
padding-bottom:200px;
float:left;
}

#advert1{
width:350px;
height:50px;
margin-left:20px;
float:left;
border:1px solid #bdb693;
}

#advert1:hover{
border:1px solid #676767;
cursor: hand;
}

#advert2{
width:350px;
height:50px;
margin-left:415px;
border:1px solid #a5a5a5;
}

#advert2:hover{
border:1px solid #676767;
cursor: hand;
}

.white_line {
positin:relative;
overflow:hidden;
height:16px;
width:740px;
color:#666666;
padding-left:20px;
font-weight:bold;
background-image:url(../images/template/unter_head.png);
background-repeat:repeat-x;
float:left;
}

.white_line_end{
position:relative;
width:37px;
height:16px;
background-image:url(../images/template/head_leiste-end.png);
margin-left:757px;
}

.white_line_end_bottom{
position:relative;
width:37px;
height:16px;
background-image:url(../images/template/head_leiste-end-bottom.png);
margin-left:757px;
margin-top:10px;
}

.orange_line {
position:relative;
height:12px;
width:780px;
padding-top:1px;
padding-left:10px;
padding-bottom:3px;
font-size: 10px;
color:#999999;
background-image:url(../images/template/tabelle_kat.gif);
background-repeat:repeat-x;
float:left;
}
	
.orange_line_end{
position:relative;
width:8px;
height:16px;
margin-left:790px;
background-image:url(../images/template/kat-end.png);
background-repeat:repeat-x;
}

#ad{
position:relative;
margin-left:820px;
height:auto;
width:120px;
margin-top:60px;
margin-bottom:10px;
}

#bookmark{
position:relative;
margin-left:820px;
height:auto;
width:120px;
padding-bottom:200px;
padding-left:3px;
line-height:11px;
}

.bmi{
margin-right:7px;
margin-bottom:3px;
}

#footer{
position:absolute;
width:960px;
left:0px;
bottom:0px;
}

#foot-top{
position:relative;
height:11px;
width:960px;
background-image:url(../images/template/foot-top.gif);
}

#foot-content{
height:140px;
width:960px;
background-color:#ffffff;
background-image:url(../images/template/bg-foot.gif);
position:relative;
bottom:0px;
}

ul.footer {
clear:both;
padding:10px 0px 0px 0px;
color:#B4AD85;
}

ul.footer li {
float:left;
padding:0px 20px 0px 34px;
font-weight:bold;
background:url(../footerline.png) repeat-y top left;
list-style: none;
}

ul.footer li ul {
padding:0px 0px 10px 5px;
list-style: none;
}

ul.footer li ul li{
float:none;
padding:0px;
font-weight:normal;
background:none;
}

#copy{
position:relative;
z-index:2;
font-size:10px;
color:#bdbdbd;
text-align:right;
padding-right:10px;
padding-top:3px;
height:14px;
width:950px;
background-image:url(../images/template/foot.gif);
background-repeat:repeat-x;
}

#location {
padding-left:10px;
padding-bottom:10px;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:900px;
height:20px;
}

#aktion-top{
position:absolute;
top:47px;
left:610px;
}

#aktion-bottom{
position:absolute;
bottom:209px;
left:610px;
}
