html, body { 
	padding:0px;
	margin: 0px;
}

body {
	font-family:arial;
	font-size:12px;
	background-color: #c8ddcb;
	background-image:url(image/bg.jpg); 
	background-repeat:repeat-x;
	line-height: 19px;
}

#wrapper {
width:865px;
margin:0px auto; 
margin-top:50px;
position:relative;
background-color:#f8f8f8;
}

#top {
background-image:url("image/top.png");
color:#AAAAAA;
font-size:10px;
height:28px;
padding-right:32px;
padding-top:2px;
position:absolute;
text-align:right;
text-shadow:0 1px 0 #FFFFFF;
top:-30px;
width:833px;
z-index:1;
}

.sanophead {
background-image:url("image/sanophead.png");
height:142px;
position:absolute;
right:92px;
top:-44px;
width:166px;
z-index:1;
}

#boxes {
position:absolute;
top:-47px;
right:28px;z-index:5;
}

#flags {
border-right:1px solid #EEEEEE;
height:16px;
padding-right:10px;
padding-top:4px;
position:absolute;
right:110px;
top:-49px;
z-index:5;
}

#logo {
position:absolute;
left:35px;
top:0px;
height:81px;
width:260px; 

}

.facebook {
margin-top:2px;margin-bottom:0px;margin-right:4px;margin-left:13px;
}

.boot {
background-image:url("image/peter.png");
height:72px;
left:566px;
position:absolute;
top:27px;
width:230px;
}

.boxheader {
background-image:url("image/box.png");
height:39px;
left:580px;
position:absolute;
top:347px;
width:130px;
}

.toby {
background-image:url(image/toby.png);
background-repeat:no-repeat;
height:134px;
left:347px;
position:absolute;
top:-50px;
width:366px;
z-index:5;
}

.kosmetik {
background-image:url(image/kosmetikerin.png);
background-repeat:no-repeat;
height:74px;
right:290px;
position:absolute;
top:57px;
width:139px;
z-index:5;
}

img {
border:0px;
}


a:link img {
border:0px;

}

a:visited img {
border:0px;

}

#header {
background-color:white;
height:251px;
position:absolute;
top:96px;
width:100%;
z-index:3;
}

#headeroutdoor {
background-color:white;
height:252px;
position:absolute;
top:93px;
width:100%;
z-index:2;
}

#stripeleft {
width:7px;
height:537px;
position:absolute;

left:0px;
top:-29px;
background-color:green;
z-index:2;
background-image:url(image/stripeleft.jpg);
}

#navigation {
height:321px;
left:26px;
position:absolute;
top:270px;
width:211px;
z-index:4;
}

 

#navcontainer {
background-image:url(image/navicontent.jpg);
border-top:1px solid white;
margin-left:0; 

padding-top:20px;
}

#navifooter {
background-image:url(image/navifooter.jpg);
height:112px;
width:211px;
}

#naviright {
background-image:url(image/naviright.png);
height:246px;
width:11px;
float:right;
}

#navcontainer ul
{ 
font-family:Arial,Helvetica,sans-serif;
list-style-type:none;

margin:0 0 0 10px;
padding:0;
width:190px;

}

#navcontainer a {
display: block;
padding: 3px;
padding-left:15px;
background-color: #e5f1e9; 
border-right: 1px solid #f1f8f4;
border-left: 1px solid #f1f8f4;
border-top: 1px solid #f1f8f4;
 
}

#last  a:link   {
display: block;
padding: 3px;
padding-left:15px;
background-color: #e5f1e9; 
border-right: 1px solid #f1f8f4;
border-left: 1px solid #f1f8f4;
border-top:  1px solid #f1f8f4;
 border-bottom:  1px solid #f1f8f4;
}


 

#navcontainer a:hover
{
background-color: #d7eadd;
color: #608967;
text-decoration: none;
font-size:12px;
text-shadow:0 1px 0 #FFFFFF;
}


#content {
color:#818181;
font-size:12px;
margin-left:300px;
min-height:310px;
padding-bottom:40px;
padding-top:395px;
width:490px;
}


#content h1 {
font-size:22px; 
font-weight:lighter;
padding-bottom:5px;
margin:0px;
}
 
#content h2 {
font-size:16px; 
font-weight:lighter;
padding-bottom:0px;
 
margin-bottom:10px;
margin-top:25px;
border-bottom:1px dotted #dcdcdc;
}

hr {
border-top:1px solid #dfdfdf;
border-bottom:1px solid #fff;
border-left:0px;
border-right:0px;
margin-left:-25px;
margin-bottom:20px;
margin-top:10px;
}

#footer {
height:25px;
text-align:right;
padding-top:10px;
font-size:10px; 
margin:0px auto;
width:848px;
margin-top:2px;
background-image:url(image/footer-bottom.png);
background-repeat:no-repeat;
color:#858484;
padding-right:20px;
text-shadow:0 1px 0 #FFFFFF;
}

#footer a:link, #footer a:visited {
color:#858484;
text-shadow:0 1px 0 #FFFFFF;
text-decoration:none;
}

img.bilder {
border:1px dotted #cee3d4;
padding:3px;
}

a:visited img.bilder {
border:2px solid white;
padding:2px;
}

 
 
.white {
color:#fff;
}

.white a:link, .white a:visited {
color:#fff;
text-decoration:none;
}


#navsanop{
margin:0;
padding:0;
width:200px;
list-style-type:none;
 
}
#navsanop .closed{
background-image:url(image/arrow-down.png);
background-color: #e5f1e9; 
}
#navsanop .closed,#navsanop .opened{
padding-right:10px;
background-position:98% 50%;
background-repeat:no-repeat;
}
#navsanop .header{
background-color: #e5f1e9; 
}
#navsanop .opened{
background-image:url(image/arrow-up.png);
 
}
#navsanop a{
display:block; 
text-decoration:none;
}
#navsanop a.hover{
 
 
color: #608967;
}
#navsanop ul{
overflow: hidden;
margin:0;
padding:0;
}
#navsanop li{
margin:0;
padding:0;
list-style-type:none;
background-color: #e5f1e9; color:#FFFFFF;
}
#navsanop ul li{
margin:0;
padding:0;
list-style-type:none;
background-color: red; color:#FFFFFF;
}

#navsanop li a{ 
background-color: #e5f1e9; 
color: #608967;
}

#navsanop li.active a,#navsanop li li.active a{
color: #608967;
}

#navsanop li.active li a, #navsanop li li a{
padding:0px 4px 0px 28px;
font-size:11px;
color: #608967;
background-color: #d7eadd; 
}

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

#navsanop li.active li a:hover, #navsanop li li a:hover{
padding:0px 4px 0px 28px;
font-size:11px;
 
color: #608967;
background-color: #d7eadd; 

}
 

a:link {
color:#90bb95;
}

a:visited {
color:#90bb95;
}

a:hover {
color:#818181;
}
 

#clear, #clear2 {
clear:both;
}