* {
	margin: 0;
	padding: 0;	
}


body {
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	text-align: center;
	margin: 0 auto;
	width: 1200px;
	position: relative;
}


h1 { 
	font-size: 300%;
	margin: 28px 90px;
	text-indent: -9999px;
	/*text-shadow:grey 3px 2px; */

}

h2 { 
	font-size: 130%;
	margin: 40px 0 10px 120px;
	/* text-shadow:grey 3px 2px; */
	
	}
	
h3 { font-size: 110%; }

h4 { font-size: 110%;
	margin: -7px 0 10px 300px;

}

ul {
	list-style-type: none;
}

li { list-style-type: none;}


#header {
	background-image: url(grafik/pebe_logo.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 820px;
	left: 40px;
	margin-left: 10px;
}
#container {
	background-image: url(grafik/higru_verlauf.png);
	background-repeat: no-repeat;
	position: relative;
	width: 1100px;
	height: 650px;
	padding: 0px 10px 10px 20px;
	
}

#sidebar {
	background-image: url(grafik/navi.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 160px;
	left: 20px;
	height: 480px;
	width: 170px;	
}

#sidebar #navi {
	top: 20px;
	left: 20px;
	position:absolute;
	text-align: left;
}
#sidebar #navi ul {	
	font-weight: bold;
	color: #FFF;
	/*text-shadow:black 3px 2px; */
	display: block;	
}
#sidebar #navi ul a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	line-height: 50px;
	
}

#sidebar #navi ul a:hover{
	color: #603;
	}
	
	
#sidebar #navi ul a:focus{
	color: #603;
	}


#sidebar #navi ul li a#current{
	color: #603;
	}


#content {
	background-image: url(grafik/content.png);
	background-repeat: no-repeat;
	height: 480px;
	width: 750px;
	position: absolute;
	top: 160px;
	left: 350px;
	text-align: left;	
}

#seite_referenzen #container #content {
	background-image: none;	
}

#content_main {
/*	background-color: #999;*/
	padding: 10px;
	width: 580px;
	margin: 0px 110px 50px;
	line-height: 20px;
	text-decoration: none;
}
#content_main ul {
	margin-left: 14px;
}
#content_main ul li  {
	list-style-type: square;
}


#seite_index #container #bild {
	background-image: url(fotos/rose.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 40%;
	left: 200px;
}
#seite_service #container #bild {
	background-image: url(fotos/tropfen.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 40%;
	left: 200px;
}

#seite_webdesign #container #bild {
	background-image: url(fotos/pinsel.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 40%;
	left: 200px;
}
#seite_flash #container #bild {
	background-image: url(fotos/flaschen.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 40%;
	left: 200px;
}

#seite_grafikdesign #container #bild {
	background-image: url(fotos/farbpulver.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 40%;
	left: 200px;
}


#seite_referenzen #container #bild {
	height: 250px;
	width: 1080px;
	position: absolute;
	top: 24%;
	left: 200px;
	
}
#seite_referenzen #container #bild #galerie {
	overflow: hidden;	
}

#seite_referenzen #container #bild ul#galerie li {
	display: block;
	float: left;
	padding-bottom: 10px;
	
	
}


#seite_portrait #container #bild {
	background-image: url(fotos/portrait.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 40%;
	left: 200px;
}

#seite_kontakt #container #bild {
	background-image: url(fotos/fueller.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 40%;
	left: 200px;
}

#seite_kontakt #container #content #content_main h3 {
	background-image: url(grafik/pebe_logo_klein.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 355px;
	text-indent: -9999px;
}
#seite_kontakt #container #content #content_main h5 {
	margin: 22px 180px;
	font-size: 14px;
	line-height: 20px;
}



#seite_impressum #container #bild {
	background-image: url(fotos/fueller.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 40%;
	left: 200px;
}


#seite_impressum #container p {
	
font-size: 12px;
	line-height: 18px;
}

#footer {
	width: 140px;
	height: 20px;
	bottom: 0px;
	right: 0px;
	position:absolute;
	
}


#footer .impressum a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
	
}