/*
		
			Styles fuer www.neufang-bierbrauer.de/
			----------------------------------------------------------------------
		
		*/
		
		
		
		/*
			Globale Definitionen
			----------------------------------------------------------------------
		*/
		
		body {
			margin: 0;
			padding: 0;
			color: #000;
			background: #d6bc8a url(bg-body.jpg) left top repeat;
			font-family: "Times New Roman", Times, serif;
			font-size: 1em;
		}
		
		a {
			color: #424242;
		}
		
		img,
		p.imgholder {
			margin: 0;
			padding: 0;
			border: 0;
		}

		acronym {
			cursor: help;
		}
		
		.hidden {
			display: none;
		}
		
		.whtborder {
			border-right: 2px solid #fff;
			border-bottom: 2px solid #fff;
		}
		
		/*
			Container fuer gesamten Content
			----------------------------------------------------------------------
		*/
		
		div#page {
			position: relative;
			margin: 0;
			padding: 0;
			background: url(bg-page.jpg) left top repeat-x;
			min-height: 600px;
		}

		
		/*
			Container zentrierter Inhalt
			----------------------------------------------------------------------
		*/
		
		div#contentframeouter {
			position: relative;
			width: 960px;
			margin: 0 auto;
			padding: 0;
			background: url(bg-contentframeouter.gif) center top repeat-y;
		}

		div#contentframeinner {
			position: relative;
			width: 940px;
			min-height: 590px;
			margin: 0 auto;
			padding: 0;
		}

		
		/*
			Oberer Seitenrand
			----------------------------------------------------------------------
		*/
		
		div#pagetop {
			position: relative;
			height: 73px;
			margin: 0;
			padding: 0;
		}
		
		div#pagetop h1 {
			display: none;
		}
		

		/*
			Menue oben
			----------------------------------------------------------------------
		*/
		
		div#topmenue {
			position: relative;
			height: 52px;
			margin: 0;
			padding: 0 0 0 13px;
			background: url(bg-topmenue.jpg) left top no-repeat;
			border-bottom: 5px solid #fff;
		}
		
		div#topmenue h2 {
			display: none; 
		}
		
		div#topmenue ul	{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		div#topmenue ul li {
			float: left;
		}
		
		div#topmenue ul li#impressum {
			float: right;
			margin: 26px 20px 0 0;
		}

		div#topmenue ul li#impressum a {
			color: #fff;
			background-color: #7bb55f;
			text-decoration: none;
			line-height: 26px;
		}

		div#topmenue ul li#impressum a:hover,
		div#topmenue ul li#impressum a#current {
			text-decoration: underline;
		}

		div#topmenue ul li a.level1 {
			float: left;
			margin: 0;
			padding: 0 7px;
			line-height: 26px;
			color: #99d17e;
			background-color: #1469b0;
			font-size: 1.2em;
			text-decoration: none;
			letter-spacing: 1px;
		}
		
		div#topmenue ul li a.level1:hover,
		div#topmenue ul li a.level1:focus,
		div#topmenue ul li a.level1#current,
		div#topmenue ul li a.level1#current:link,
		div#topmenue ul li a.level1#current:visited { 
			color: #1469b0;
			background-color: #99d17e;
		}
				
		/* Submenue */
		div#topmenue ul ul	{
			margin: 0;
			padding: 0 0 0 70px;
			position: absolute;
			top: 26px;
			left: 0;
			width: 400px;
			height: 26px;
		}
		
		div#topmenue ul ul li { 
			margin: 0;
			padding: 0;
			background: none;
		}
		
		div#topmenue ul ul li span {
			margin: 0 10px 0 7px;
			padding: 0;
			background: url(bg-submenue.gif) right top repeat-y;
		}

		div#topmenue ul ul li a,
		div#topmenue ul ul li a:link,
		div#topmenue ul ul li a:visited	{
			height: 26px;
			margin: 0;
			padding: 0;
			line-height: 26px;
			font-size: 0.85em;
			text-decoration: none;
			font-weight: 600;
			color: #1469b0;
			background-color: #99d17e;			
		}
		
		div#topmenue ul ul li a:hover,
		div#topmenue ul ul li a:focus	{
			text-decoration: underline;
		}
		
		div#topmenue ul ul li a#subcurrent,
		div#topmenue ul ul li a#subcurrent:link,
		div#topmenue ul ul li a#subcurrent:visited	{ 
			text-decoration: underline;
		}

		
		/*
			Content
			----------------------------------------------------------------------
		*/
		
		div#content {
			float: left;
/*
			width: 680px;
*/
			width: 675px;
			margin: 20px;
			padding: 0 0 20px 0;
			color: #333;
			background-color: #f6f4ea;
			background-image: none;
		}		
		
		div#content h1 {
			margin: 0 0 15px 0;
			padding: 0;
			font-size: 1.6em;
			font-weight: 500;
		}
		
		div#content h2 {
			margin: 0 0 15px 0;
			padding: 0;
			font-size: 1.3em;
			font-weight: 500;
			color: #444;
			background-color: #f6f4ea;
		}
		
		div#content h3 {
			margin: 0 0 15px 0;
			padding: 0;
			font-size: 1.1em;
			font-weight: 500;
			color: #444;
			background-color: #f6f4ea;
		}
		
		div#content p {
			margin: 0 0 10px 0;
			padding: 0;
		}
		
		div#content a {
			color: #489222;
			background-color: #f6f4ea;
		}

		div#content ul {
			list-style-type: circle;
			list-style-image: url(bg-list.gif);
		}

		div#content img.floatleft {
			float: left;
			margin: 0 15px 15px 0;
			padding: 0;
		}
		
		div#content img.floatright {
			float: right;
			margin: 0 0 15px 15px;
			padding: 0;
		}
		
		div#content img.floatleftreferenz {
			float: left;
			margin: 0 15px 0 0;
			padding: 0;
		}
		
		div#content img.floatrightreferenz {
			float: right;
			margin: 0 0 0 15px;
			padding: 0;
		}
		
		div#content div.col2 {
			float: left;
			width: 337px;
			margin: 0 0 20px 0;
			padding: 0;
		} 
		
		div#content dl {
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
		} 
		
		div#content dl dt {
			float: left;
		}
		
		div#content dl dd {
			margin: 0 0 0 135px;
		}

		div#content dl dd ul {
			list-style-type: circle;
			list-style-image: url(bg-list.gif);
			margin: 0 0 0 10px;
			padding: 0;
			font-size: 0.95em;
			line-height: 1.1;
		}

		div#content dl dd ul li {
			margin: 0 0 0.5em 0;
			padding: 0;
		}
		
		div#content p.referenz,
		div#content p.referenzodd {
			margin: 0;
			padding: 0;
			color: #333;
			background-color: #e9e6cf;
			border-top: 3px solid #fff;
		}

		div#content p.referenzodd {
			background: url(bg-referenz.gif) left top repeat-x;
			padding-top: 16px;
			margin-bottom: 12px;
		}

		/*
			Kontaktformular
		*/
		
		div#content form {
			margin: 20px 0;
			padding: 0;
		}
		
		div#content form fieldset {
			color: #333;
			background-color: #e9e6cf;
			border: 1px solid #d7d0ad;
			margin: 20px 0px 20px 0px;
			width: 90%;
			position: relative;
			display: block;
			padding: 0px 10px 10px 10px;
		}
		
		div#content form fieldset legend {
			background-color: #e9e6cf;
			color: #444;
			font-weight: 600;
			padding: 2px 5px;
			margin: 0px 0px 10px 0px;
			position: relative;
			top: -12px;
			border: 1px solid #d7d0ad;
		}
				
		div#content form fieldset input, 
		div#content form fieldset textarea {
			width: 65%;
			margin: 2px;
			padding: 2px;
			border: 1px solid #d7d0ad;
			color: #333;
			background-color: #fff;
		}
		
		div#content label {
			display: block;
			float: left;
			width: 20%;
			text-align: right;
			margin: 6px 5px 0px 0px;
		}
		
		div#content .button {
			color: #1469b0;
			background-color: #99d17e;
			border: 1px solid #1469b0;
			font-weight: bold;
			margin-left: 15px;
		}		
		
		/*
			Menue links
			----------------------------------------------------------------------
		*/
		
		div#leftcol {
			float: left;
			display: inline;
			width: 203px;
			margin: 0;
			padding: 0;
			border-right: 2px solid #fff;
			color: #424242;
			background: #d7d0ad url(bg-leftmenue.jpg) left top repeat-x;
		}
		
		div#leftcol h2 {
			display: none;
		}
		
		div#leftcol ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		div#leftcol ul li.menheight1 {
		}

		div#leftcol ul li.menheight1 a {
			height: 29px;
			padding-top: 7px;
		}

		div#leftcol ul li.menheight2 {
		}

		div#leftcol ul li.menheight2 a {
			height: 47px;
			padding-top: 5px;
		}

		div#leftcol ul li.menheight3 {
			margin-top: 15px;
			height: 145px;
			padding: 0 0 0 20px;
			font-weight: 600;
		}

		div#leftcol ul li.menheight3 a {
			height: 1.2em;
		}

		div#leftcol ul li.menheight3 ul li a {
			height: 1.2em;
		}

		div#leftcol ul li {
			margin: 0;
			padding: 0;
			border-bottom: 2px solid #fff;
		}

		div#leftcol ul li a {
			display: block;
			margin: 0;
			padding: 0 0 0 20px;
			text-decoration: none;
			font-weight: 600;
		}
		
		div#leftcol ul ul {
			margin: 10px 0 5px 0;
			padding: 0;
		}

		div#leftcol ul ul li {
			margin: 0;
			padding: 0;
			border-bottom: none;
		}

		div#leftcol ul ul li a {
			margin: 0;
			padding: 0 0 1px 10px;
			text-decoration: none;
			font-weight: 500;
		}
		
		div#leftcol ul li a#current,
		div#leftcol ul li a:hover,
		div#leftcol ul ul li a:hover {
			color: #424242;
			background-color: #99d07d;
		}

		
		/*
			Footer
			----------------------------------------------------------------------
		*/
		
		div#pagefooter {
			position: relative;
			width: 950px;
			height: 10px;
			margin: 0 auto;
			padding: 0;
			background: transparent url(bg-pagefooter.gif) left top no-repeat;
		}
		

	/* 
		Clearfix-Hack
		---------------------------------------------------------------
 */

	.clearfix:after {
		content: ".";		
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		display: inline-block;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {
		height: 1%;
	}

	.clearfix {
		display: block;
	}
	/* End hide from IE-mac */