/* Webdesign: www.himbeergeist.net | leowee polyester | berlin 2008 */

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

div#page {
	margin: 6px 100px 6px 100px;
}


div#headerimg {
	background: #BFCACF url(../Images/header.jpg) no-repeat bottom center;
	width: 851px;
	height: 632px;
	}
	
div#headerimg1 {
	background: #BFCACF url(../Images/header1.jpg) no-repeat bottom center;
	width: 851px;
	height: 299px;
	}
	
div#headerimg2 {
	background: #BFCACF url(../Images/header2.jpg) no-repeat bottom center;
	width: 851px;
	height: 299px;
	}
	
div#headerimg3 {
	background: #BFCACF url(../Images/header3.jpg) no-repeat bottom center;
	width: 851px;
	height: 299px;
	}
	
div#headerimg4 {
	background: #BFCACF url(../Images/header4.jpg) no-repeat bottom center;
	width: 851px;
	height: 299px;
	}
	
div#headerimg5 {
	background: #BFCACF url(../Images/header5.jpg) no-repeat bottom center;
	width: 851px;
	height: 299px;
	}
	
div#headerimg6 {
	background: #BFCACF url(../Images/header6.jpg) no-repeat bottom center;
	width: 851px;
	height: 299px;
	}
	
div#headerimg7 {
	background: #BFCACF url(../Images/header7.jpg) no-repeat bottom center;
	width: 851px;
	height: 299px;
	}
	
div#headerimg8 {
	background: #BFCACF url(../Images/header8.jpg) no-repeat bottom center;
	width: 851px;
	height: 299px;
	}
	
div#seiten {
	background: #BFCACF url(../Images/mitte.jpg);
	padding: 5px 0px 10px 0px;
	margin: 0px;
	width: 851px;
	height: auto;
}	

div#linie {
	background: #BFCACF;
	margin: 25px 0px 15px 0px;
	width: 851px;
	height: 1px;
}	
	
	
	
/* Menü */

#navi ul {
	margin: 10px 0 200px 8px; 
	padding: 17px 11px 300px 5px; 
	text-align:center;
	height: 30px;
	list-style-type: none;
	list-style-image: none;
	}
	
#navi li {
	display: inline; 
	padding: 0;
	font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	}
#navi ul li a {text-decoration:none; padding: 0px 11px 0px 6px; border-right: 1px dotted #999}
#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 11px 0px 6px; 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 11px 0px 6px; border-right: 1px dotted #999}

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



/* Content */

#content {
	margin-top:25px;
	margin-left: 55px;
	width: 700px;
}

#leftcolumn {
	float:left;
	width:140px;
	height:auto;
	/*border-right: 1px dotted #999;*/
	padding: 0 30px 0px 0px;
	text-align:left;
	}
	
#leftcolumn.mid {
	float:left;
	width:340px;
	height:auto;
	border-right: 1px dotted #999;
	padding: 0px 30px 0px 0px;
	text-align:right;
	}
	
#leftcolumn.pic {
	float:left;
	width:340px;
	height:auto;
	padding: 0px 20px 0px 0px;
	text-align:left;
	}
	
#rightcolumn {
	margin-left: 190px;
	height:inherit;
	padding: 0px 60px 0px 0px;
	}
	
#rightcolumn.mid {
	margin-left: 390px;
	height:inherit;
	padding: 0 60px 0px 0px;
	}
	
#rightcolumn.pic {
	margin-left: 360px;
	height:inherit;
	padding: 0px 0px 0px 0px;
	}
	
	
#singlecolumn {
	float:left;
	width:373px;
	height:auto;
	padding: 0 30px 0px 0;
	}
	

div#space {
	position: relative;
	/*border-bottom: 1px dotted #959595;*/
	height:2px;
	z-index: 3;
	}
	

/*Links*/

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

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


/*Überschriften*/

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


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: 0.70em;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 10px;
	letter-spacing:0.1em;
	}
	
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 {
	background: #BFCACF url(../Images/footer.jpg) no-repeat bottom;
	margin: 0;
	width: 851px;
	height: 30px;
	clear:both;
	float:none;
}	

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


/* 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;
}