/* CSS 
Hansens Brauerei - Deutschlands nördlichste Gasthausbrauerei
www.hansensbrauerei.de
Start: 26.08.2008
Letzte Aenderung: 01.09.2008
 */
 
/* Farbschema ------------------------------------------------------------------------------------------------------------------- */
/*
# Farbton (Hintergrund): #024E3E
# Farbton (Text): #848484
# Farbton (Headline): #237060
*/


/* RESET ------------------------------------------------------------------------------------------------------------------------ */
*{
margin: 0;
padding: 0;
border: 0;
}

img, a img {
border: none;
}

a:focus {
outline: none;
}

/* END RESET -------------------------------------------------------------------------------------------------------------------- */


body {
background: #024E3E url(../images/hg_webseite.gif) repeat-x top center;
text-align: center;
}

#wrapper {
position: relative;
margin: 3% auto;
padding-top: 26px;
width: 1000px;
text-align: left;
}


/* HEADER inkl. kleiner NAVI ---------------------------------------------------------------------------------------------------- */
#header {
position: relative;
float: left;
width: 100%;
height: 26px;
background: url(../images/hg_header.png) no-repeat top center;
}

#header ul {
position: absolute;
bottom: 0;
right: 40px;
list-style-type: none;
}

#header li {
float: left;
padding: 0 6px;
font: 12px "Times New Roman", Times, serif;
line-height: 15px;
background: url(../images/dash_navi_header.gif) center right no-repeat;
}

#header li.last {
background: none;
}

#header li a {
color: #848484;
text-decoration: none;
}

#header li a:hover {
text-decoration: underline;
}

/* END HEADER ------------------------------------------------------------------------------------------------------------------- */



/* MAINAREA --------------------------------------------------------------------------------------------------------------------- */
#mainarea {
position: relative;
float: left;
width: 1000px;
height: auto !important;
min-height: 50px;
height: 50px;
background: url(../images/hg_mainarea.png) repeat-y top center;
}

	/* SIDEBAR LEFT ------------------------------------------------------------------------------------------------------------- */
	#sidebar_left {
	position: relative;
	float: left;
	margin: 0 0 0 8px !important;
	margin: 0 0 0 4px;
	width: 230px;
	}
	
	ul.navi_sub {
	position: absolute;
	top: 244px;
	left: 45px;
	list-style-type: none;
	background: url(../images/dotted_line_green.gif) top left repeat-x;
	}
	
	ul.navi_sub li {
	background: url(../images/dotted_line_green.gif) bottom left repeat-x;
	}
	
	ul.navi_sub li a {
	display: block;
	padding: 6px 0 0 11px;
	width: 160px;
	height: 20px;
	color: #848484;
	font: 13px "Times New Roman", Times, serif;
	background: url(../images/icon_navi_sub.gif) center left no-repeat;
	}
	
	ul.navi_sub li a:hover,
	ul.navi_sub li a.active {
	color: #237060;
	background: url(../images/icon_navi_sub_active.gif) center left no-repeat;
	}
	
	
	/* CONTENTAREA -------------------------------------------------------------------------------------------------------------- */
	#contentarea {
	float: left;
	width: 474px;
	padding: 0 0 25px 0;
	}
	
		/* NAVI_MAIN ------------------------------------------------------------------------------------------------------------ */
		#navi_main {
		position: relative;
		height: 138px;
		}
		
		#navi_main ul {
		position: absolute;
		bottom: 0;
		list-style-type: none;
		}
		
		#navi_main li {
		float: left;
		margin: 0 0 0 -1px;
		background: url(../images/dash_navi_main.gif) right center no-repeat;
		}
		
		
		#navi_main li.last {
		background: none;
		}
		
		#navi_main li a {
		position: relative;
		display: block;
		padding: 0 9px;
		width: auto !important;
		width: 1px;
		height: 33px;
		color: #237060;
		font: 16px "Times New Roman", Times, serif;
		line-height: 32px;
		text-decoration: none;
		}
		
		#navi_main li a:hover,
		#navi_main li a.active {
		background: #EAEAEA;
		}
		
		/* ROUNDED CORNERS ------------------------------------- */
		.rclo {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 33px;
		background: url(../images/rounded_corner_navi_main.gif) no-repeat;
		}
		
		.rcro {
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 33px;
		background: url(../images/rounded_corner_navi_main.gif) no-repeat;
		}
		
		/* IMAGE BIG ------------------------------------------------------------------------------------------------------------ */
		#image_start {
		width: 474px;
		height: 345px;
		overflow: hidden;
		}
		
		#space {
		width: 474px;
		height: 107px;
		background: url(../images/gradient.gif) top left repeat-x;
		}
		
		#image {
		width: 459px;
		margin: 0 0 15px 15px;
		overflow: hidden;
		}
		
		
		/* TEXT ---------------------------------------------------------------------------------------------------------------- */
		h1 {
		margin: 0 15px 15px 15px;
		color: #237060;
		font: 25px "Times New Roman", Times, serif;
		font-weight: normal;
		line-height: 35px;
		background: url(../images/dotted_line_green.gif) bottom left repeat-x;
		}
		
		#contentarea p {
		margin: 0 15px 15px 15px;
		color: #848484;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 18px;
		}
		
		a {
		color: #535353;
		text-decoration: none;
		font: 12px Arial, Helvetica, sans-serif;
		}
	
	/* SIDEBAR RIGHT ------------------------------------------------------------------------------------------------------------ */
	#sidebar_right {
	float: left;
	width: 280px;
	}
	
	#logo {
	width: 280px;
	height: 244px;
	overflow: hidden;
	}
	
	/* NEWSAREA ---------------------------------------------------------------------------------------------------------------- */
	#newsarea {
	margin: 0 0 0 15px;
	width: 225px;
	background: url(../images/dotted_line_green.gif) top left repeat-x;
	}
	
	h2 {
	padding: 6px 0 4px 0;
	color: #929292;
	font: 15px "Times New Roman", Times, serif;
	line-height: 18px;
	}
	
	.newsbox {
	width: 225px;
	background: url(../images/dotted_line_green.gif) top left repeat-x;
	}
	
	h4 {
	padding: 8px 0;
	color: #237060;
	font: 14px "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 17px;
	}
	
	.newsimage {
	width: 225px;
	height: 155px;
	overflow: hidden;
	}
	
	p.newstext {
	padding: 10px 0 16px 0;
	color: #848484;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
	}
	
	a.newslink {
	color: #848484;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	}

/* END MAINAREA ---------------------------------------------------------------------------------------------------------------- */



/* FOOTER ----------------------------------------------------------------------------------------------------------------------- */
#footer {
position: relative;
float: left;
width: 747px;
padding: 0 0 0 253px;
height: 65px;
background: url(../images/hg_footer.png) no-repeat top center;
}

#footer p.txt_footer {
padding: 6px 0 0 0;
width: 444px;
color: #929292;
font: 11px Arial, Helvetica, sans-serif;
line-height: 13px;
text-align: center;
background: url(../images/dotted_line_grey.gif) top left repeat-x;
}

/* END FOOTER ------------------------------------------------------------------------------------------------------------------ */

.cleaner {
clear: both;
height: 50px;
}