body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(images/bg.jpg) top left repeat;
}

a {
outline:none;
}

#matrix {
margin:30px auto;
width:1000px;
height:645px;
border:1px #999966 solid;
background:#EFEDE9;
}

#header {
background:url(images/banner.png) center no-repeat;
margin:0px 0 0 0;
height:150px;
width:999px;
float:left;
}

#header2 {
background:url(images/banner.png) left no-repeat;
margin:0px 0 0 0;
height:150px;
width:999px;
float:left;
}

#picH {
position:relative;
margin:20px 25px 0 0;
height:200px;
width:178px;
float:right;
background:url(images/header_home.png) right no-repeat;
}

#leiste {
float:left;
background:url(images/leiste_border.png) top right repeat-y;
width:30%;
height:390px;
}

.nav {
list-style:none;
margin: 0px 0 0 0;
}

.nav a {
background:url(images/activate2.png) right center no-repeat;
display:block;
color:#000;
text-decoration:none;
margin:3px 0 0 0;
}

.nav a:hover {
background:url(images/activate.png) right center no-repeat;
color:#000;
text-decoration:none;
font-weight:bold;
}

body#home li.home a, body#family li.family a, body#moments li.moments a, body#fotostudio li.fotostudio a, body#callback li.callback a, body#people li.people a, body#schule li.schule a, body#doppelpack li.doppelpack a, body#events li.events a, body#aktionen li.aktionen a, body#kontakt li.kontakt a, body#impressum li.impressum a{
background:url(images/activate.png) right center no-repeat;
font-weight:bold;
outline:none;
}


#leiste img {
margin:30px 0 30px 25%;
}

#leiste2 p {
padding:0 0 0 40px;
}

#leiste2 {
float:left;
width:30%;
background:url(images/leiste_border.png) top right repeat-y;
}

#content_1 {
float:left;
width:550px;
}

#content_2 {
float:right;
width:140px;
}

#content {
float:right;
background:url(images/content_bg.png) center no-repeat;
width:70%;
height:450px;
}

#content h2 {
font-size:14px;
margin:20px;
}

#content p {
padding:0 15px 0 20px;
}

#content_2 p {
padding:0 0 0 20px;
}


#content img.imge {
margin:0px 0 0 14px;
}

#content img.pic {
margin:0px 0 0 50px;
}

#content a {color:#685832;
text-decoration:none;}

#content a:hover {color:#000;
text-decoration:none;}

#back {
float:right;
color:#000000;
font-size:12px;
padding:0 10px 8px 0;
}

#back a{
font-weight:bold;
color:#000000;
}

#back a:hover{
color:#685832;
}

#footer {
margin:20px 0 0 0;
clear:both;
position:bottom;
height:25px;
font-size:8px;
padding:20px 0 0 40px;
text-align:left;
color:#685832;
}

#footer a {
color:#685832;
text-decoration:none;
} 

#footer a:hover {

color:#000;
text-decoration:none;
} 

#mitte {
width:50px;
float:right;
}

#blidchen {
clear:both;
margin:0;
padding:0;

}

.nav2 {
list-style:none;
margin: -35px 0 0 0;
}

.nav2 a {
background:url(images/activate2.png) right center no-repeat;
display:block;
color:#000;
text-decoration:none;
margin:3px 0 0 0;
}

.nav2 a:hover {
background:url(images/activate.png) right center no-repeat;
color:#000;
text-decoration:none;
font-weight:bold;
}

#c1 {
float:left;
width:150px;

}

#c2 {
float:left;
width:400px;

}
#c3 {
float:left;
width:400px;
margin:0;
padding:0;

}
img {
left:500px;
}