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

body { 
font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
background-image : url(images/bars.jpg);
background-repeat : repeat-x;
min-height: 100%;
} 
p { 
color : #787878;
} 
h1 { 
color : #5190af;
font-size : 1.6em;
} 
h2 { 
color : #5190af;
font-size : 1.2em;
} 
h3 { 
font-size : 1.2em;
} 
img { 
padding : 5px;
border : 1px solid #caff7a;
} 
img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 15px;
margin-left : 10px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : 15px;
margin-right : 10px;
} 
#wrapper { 
margin : 0 auto;
width : 842px;
min-height: 82%;
} 
#header { 
color : #333;
width : 822px;
float : left;
height : 50px;
margin-top : 24px;
} 
.logo { 
float : left;

} 
.logo h1 { 
font-size : 1.3em;
font-weight : lighter;
color : #d25a0d;
} 
.logo h1 a { 
color : #d25a0a;
} 
.logo p { 
font-size : 1em;
font-weight : lighter;
color : #5190af;
} 

#navigation { 
float: left;
padding : 0;
width : 100%;
background : transparent;
voice-family : "\"}\"";
voice-family : inherit;
font-size : 0.8em;
} 

#navigation li { 
list-style: none;
float: left;
display : block;
margin : 0 2px 0 0;
padding : 0;
text-transform : uppercase;
} 

#navigation a { 
float : left;
display : block;
color : #d25a0c;
margin : 0 1px 0 0;
padding : 5px 10px;
text-decoration : none;
letter-spacing : 1px;
border-bottom : 1px solid white;
} 

#navigation a:hover { 
background-color : #d25a0b;
color : #fff;
} 

body#home #navigation ul li#homenav a,
body#design #navigation ul li#designnav a,
body#foto #navigation ul li#fotonav a,
body#online #navigation ul li#onlinenav a,
body#gewerbe #navigation ul li#gewerbenav a,
body#freizeit #navigation ul li#freizeitnav a,
body#werbung #navigation ul li#werbungnav a { 
color: #fff;
background-color : #d25a0b;
border-color : #d25a0a;
} 

body#home #navigation ul li#homenav li a:hover,
body#design #navigation ul li#designnav li a:hover,
body#foto #navigation ul li#fotonav li a:hover,
body#online #navigation ul li#onlinenav li a:hover,
body#gewerbe #navigation ul li#gewerbenav li a:hover,
body#freizeit #navigation ul li#freizeitnav li a:hover,
body#werbung #navigation ul li#werbungnav li a:hover { 
color : #d25a0c;
background-color : #fff;
border:none;
border-top : 1px solid #bdd5de;
} 

#navigation ul ul {
	display: none;
	position: absolute;
	margin-top: 27px;
}

#navgiation ul ul li {
	display: inline;
}

#navigation ul ul li a {
	margin-top: 6px;

}
#navigation ul li:hover ul{
	display: block;
}

body #navigation ul ul a:hover {
	background-color : #d25a0b;
	color : #fff;
	border-top : 1px solid #bdd5de;
	margin-top: 5px;
}

#navigationmenuline { 
clear : both;
padding : 0;
width : 100%;
height : 5px;
line-height : 5px;
background : #d25a0b;
}  
.clear { 
clear : both;
} 

#content { 
color : #333;
border: 1px solid #bdd5de;
padding : 50px 10px;
text-align : justify;
} 

#content h1 {
	margin-bottom: 1em;
}
#content h2 { 
margin-top: 0.5em;
color : #83c7d0;
} 
#content a { 
color : #d25a0e;
} 

#content p {
	margin-bottom: 0.5em;
}
#content img.floatTL { 
padding-left : 0;
margin-left : 0;
margin-top : 5px;
} 
#footer { 
clear : both;
height : 8%;
padding : 40px 0;
background : #bdd5de;
text-align : center;
line-height : normal;
font-size : x-small;
color : #959595;
} 
#footer a { 
text-decoration : underline;
color : #ffffff;
} 
#footer a:hover { 
text-decoration : none;
}