/* Webdesign & Programmierung: www.himbeergeist.net | Leowee Polyester | Berlin 2009 */

body {
	background-color:#fff;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#page {
	margin: -6px 10px 6px 0px;
}


div#portrait {
	position:absolute;
	background: url(../Images/portrait.jpg) no-repeat bottom center;
	width: 770px;
	height: 622px;
	z-index:0;
	}
	
div#musik {
	position:absolute;
	background: url(../Images/musik.jpg) no-repeat bottom center;
	width: 770px;
	height: 622px;
	z-index:0;
	}
	
div#stimmbildung {
	position:absolute;
	background: url(../Images/stimmbildung.jpg) no-repeat bottom center;
	width: 770px;
	height: 622px;
	z-index:0;
	}
	
div#kontakt {
	position:absolute;
	background: url(../Images/kontakt.jpg) no-repeat bottom center;
	width: 770px;
	height: 622px;
	z-index:0;
	}
	
div#links {
	position:absolute;
	background: url(../Images/links.jpg) no-repeat bottom center;
	width: 770px;
	height: 622px;
	z-index:0;
	}
	
	
/* Menü */

#navi ul {
	margin: 120px -10px 0px 0px; 
	padding: 0px; 
	text-align:right;
	height: 30px;
	list-style-type: none;
	list-style-image: none;
	z-index:1;
	}
	
#navi li {
	display: inline; 
	padding: 0;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	}
#navi ul li a {text-decoration:none; padding: 0px 10px 0px 5px; border-right: 2px dotted #999; border-color:#EA321F;}
#navi ul li a:visited {text-decoration:none;}
#navi ul li a:hover {text-decoration:overline}
#navi ul li a:active {text-decoration:overline}

#navi ul li a.last {text-decoration:none; padding: 0px 10px 0px 5px; border:none}
#navi ul li a:visited {text-decoration:none;}
#navi ul li a:hover {text-decoration:overline}
#navi ul li a:active {text-decoration:overline}

#navi ul li a.on {text-decoration:overline; padding: 0px 10px 0px 5px; border-right: 2px dotted #999; border-color:#EA321F;}

#navi ul li a.laston {text-decoration:overline; padding: 0px 10px 0px 5px; border:none}



/* Content */

#content {
	margin-top:-120px;
	margin-left: 135px;
	width: 220px;
}

	

/*Links*/

a {color:#000; text-decoration:overline;}
a:link { color:#000; text-decoration:none;}
a:visited { color:#000;}
a:hover { color:#000; text-decoration:overline;}
a:active { color:#000; text-decoration:overline;}

a.foot {color:#999; text-decoration:overline;}
a:link.foot { color:#999; text-decoration:none;}
a:visited.foot { color:#999;}
a:hover.foot { color:#999; text-decoration:overline;}
a:active.foot { color:#999; text-decoration:overline;}


/*Überschriften*/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #EA321F;
	letter-spacing:1px;
	padding: 0px 0 2px 0;
	margin-top:0;
	text-transform:lowercase;
}


h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	font-weight: bold;
	letter-spacing:1px;
	color: #916F43;
	padding: 10px 0 0px 0;
	}
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:1px;
	color: #8B2E19;
	padding: 3px 0 0px 0;
	margin-bottom:6px;
	}
	
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:1px;
	color: #000;
	padding: 3px 0 0px 0;
	margin-bottom:4px;
	}


/*Absätze*/

p {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 10px;

	}
	
p.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 6px;
	}	
		
p.bronze {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#8B2E19;
	font-size: 10px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 6px;
	}
	
p.pic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#916F43;
	font-size: 10px;
	line-height: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
li {
	list-style-type: circle;
	list-style-position: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	}

	
hr { 
	clear:both; 
	visibility:hidden;
}
	

/*Footer*/
	
div#footer {
	position:absolute;
	margin:622px 0px 0px 534px;
	height: 30px;
}	

div#footer p {
	text-align: right;
	font-size: 9px;
	color:#8B2E19;
	margin: 0px;
}


/* Images */
p img {
	font-size:9px;
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 10px 0px 10px 10px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 7px 10px 7px 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

a img  {
    border: none;
}