/* ----- ALLGEMEINE FORMATIERUNGEN ------ */

* { margin: 0; padding: 0;}

html { min-height: 100.2%;}

body {
	background-image: url("../images/background.jpg");
	background-repeat: repeat-x; 
	background-color: #3D3C2F;
	font-family: "Verdana", "Tahoma" , "Arial" , sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #F7EDDB;
	text-align: center;
	}

p {
	font-size: 12px;
	line-height: 20px;
	color: #F7EDDB;
	padding: 5px 0 5px 0;
	}

h1 {
	font-size: 20px;
	font-family: "Trebuchet MS", "Tahoma" , sans-serif;
	font-weight: lighter;	
	line-height: 30px;
	color: #E3D2A9;
	padding: 15px 0 10px 0;
	margin: 0;
	}
	
h2 {
	font-size: 16px;
	font-family: "Trebuchet MS", "Tahoma" , sans-serif;
	line-height: 20px;
	color: #E3D2A9;
	padding: 20px 0 10px 0;
	margin: 0;
	}

ul, ol, li {margin: 0;	padding: 0;}

a:link , a:visited {
	text-decoration: none;
	color: #fff;
	}

a:hover , a:active {
	text-decoration: none;
	color: #f29400;
	}
	
.pbold {font-weight: bold;}
.pcolor {color: #F7EDDB;}
.pdatum {color: #f29400; font-weight: bold;}
.pnews {color: #ADA87C;}
.plink {color: #fff;}

.trenner {border-bottom: 1px dashed #E3D2A9; margin: 10px 0 15px 0;}

.newsimg {border: 2px solid #F6F1E6; float: left; margin: 5px 10px 5px 0;}


/* ----- LAYOUT ------ */


/* ----- Bilder ------ */

#bilder_wrapper {
	width: 100%;
	position: absolute;
	padding: 0;
	margin: 115px 0 0 0;
	text-align: center;
	z-index: 10;
	}
	
	#bilder {
	width: 940px;
	position: relative;
	text-align: left;
	padding: 0;
	margin: 0 auto 0 auto;
	}

	#bild_gross {
		width: 595px;
		height: 315px;
		position: absolute;
		left: 280px;
		z-index: 10;
		padding: 0;
		margin: 0;
		}
		
	#bild_logo {
		width: 260px;
		height: 260px;
		position: absolute;
		left: 65px;
		z-index: 11;
		padding: 0;
		margin: 120px 0 0 0;
		}
		
	#bild_galerie {
		width: 190px;
		height: 190px;
		position: absolute;
		left: 0;
		z-index: 9;
		padding: 0;
		margin: 40px 0 0 0;
		}
	
	/* ----- Bilder Hauptseite ------ */
	
	#bilder_wrapper_hh {
	width: 100%;
	position: absolute;
	padding: 0;
	margin: 85px 0 0 0;
	text-align: center;
	z-index: 10;
	}
		
	#bild_gross_hh {
		width: 595px;
		height: 345px;
		position: absolute;
		left: 280px;
		z-index: 10;
		padding: 0;
		margin: 0;
		}
		
	#bild_logo_hh {
		width: 260px;
		height: 320px;
		position: absolute;
		left: 65px;
		z-index: 11;
		padding: 0;
		margin: 90px 0 0 0;
		}
		
	#bild_galerie_hh {
		width: 190px;
		height: 190px;
		position: absolute;
		left: 0;
		z-index: 9;
		padding: 0;
		margin: 70px 0 0 0;
		}
		
/* ----- Menu ------ */

#banner {
	width: 100%;
	height: 45px;
	position: relative;
	background-image: url("../images/banner_back.jpg");
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	}

#banner_menu {
	width: 649px;
	height: 45px;
	padding: 0;
	margin: 0 auto 0 auto;
	}
	
	#banner_menu li {
	height: 45px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
	}
	
	#banner_menu li a {
	display: block;
	line-height: 45px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top;
	}
	
	#m_hh { width: 101px; background: url("../images/m_hauptsache.jpg") no-repeat;}
	#m_a1 { width: 99px; background: url("../images/m_architektur.jpg") no-repeat;}
	#m_koller { width: 82px; background: url("../images/m_floristik.jpg") no-repeat;}
	#m_farwig { width: 91px; background: url("../images/m_fotografie.jpg") no-repeat;}
	#m_uhrig { width: 64px; background: url("../images/m_mode.jpg") no-repeat;}
	#m_oelmuehle { width: 82px; background: url("../images/m_oelmuehle.jpg") no-repeat;}
	#m_schembs { width: 60px; background: url("../images/m_wein.jpg") no-repeat;}
	#m_stockhorn { width: 70px; background: url("../images/m_design.jpg") no-repeat;}
	
	#banner_menu li a:hover {background-position: 50% -45px;}
	#banner_menu li a.currentSection, #banner_menu li a.currentSection:hover { background-position: 50% -90px;}

/* ----- Inhalt ------ */

#wrapper {
	width: 940px;
	position: relative;
	padding: 0;
	margin: 0 auto 0 auto;
	}

#logo {
	width: 940px;
	height: 270px;
	background-image: url("../images/logo_hh.jpg");
	background-repeat: no-repeat;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#nologo {
	width: 940px;
	height: 270px;
	background-image: url("../images/logo_herrnsheim.jpg");
	background-repeat: no-repeat;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#content {
	width: 810px;
	background-image: url("../images/background_content.jpg");
	background-position: 50% 100%;
	background-repeat: no-repeat;
	text-align: left;
	padding: 0 65px 0 65px;
	margin: 0;
	float:left;
	}
	
	#content_menu {
		width: 180px;
		padding: 0;
		margin: 195px 30px 0 30px;
		float: left;
		}
		
		.linklist li {
			display: block;
			list-style: none;
			padding: 7px 0 7px 0;
			background:url("../images/pic_line.gif") bottom repeat-x;
			}
				
		.linklist li a {
			display: block;
			color: #9E9C88;
			padding-left: 8px;
			background: url("../images/pic_link.gif") left top no-repeat;
			text-decoration: none;
			}
				
		.linklist li a:hover , .linklist a:active {
			color: #f29400;
			text-decoration: none;
			}	
			
	
	#content_text {
		width: 510px;
		padding: 0;
		margin: 130px 30px 0 30px;
		float: left;
		}
	
		#content_text table {border-collapse: collapse;	padding: 0;	margin: 0;	}
	   	#content_text td { padding: 3px 0 5px 0;}
		#content_text ul { margin: 5px 0 15px 0; padding: 0 ;}
		#content_text li { margin: 0 0 1px 15px; padding: 0 ;}
	
	#content_schriftzug {
		width: 30px;
		height: 335px;
		position: absolute;
		background-image: url("../images/hh_schriftzug.png");
		background-repeat: no-repeat; 
		padding: 0;
		right: 41px;
		bottom: 0;
		z-index: 10;
		}		

/* ----- Footer ------ */
		
#footer {
	width: 605px;
	position: relative;
	background-image: url("../images/background_footer.jpg");
	background-position: 50% 0%;
	background-repeat: no-repeat;
	text-align: left;
	padding: 55px 0 0 335px;
	margin: 0 auto 0 auto;
	}
	
	#footer p {font-size: 12px; line-height: 18px; color: #807E68;}
	#footer a:link , #footer a:visited {color: #9E9C88;}
	#footer a:hover , #footer a:active {color: #f29400; }


#bottom {
	width: 940px;
	height: 30px;
	position: relative;
	padding: 0;
	margin: 0 auto;
	}


.content_clear {
	clear: both;
	}