body {
	margin: 0;
	padding: 0;
	background-color: #8C5D2F;

	font-family: arial, helvetica, sans-serif, swiss;
	font-weight: normal;
	font-size: 12px;
	
	text-decoration: none;
	text-align: left;
	}

	
h1 {color: #E30117; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}

h2 {color: #000; font-size: 12px; font-weight: bold; margin: 0 0 5px 0;}

font.red {color: #E30117;} /* <-- BEI DIV BANNER UND KONTAKTFORMULAR*/

font.green {color: green;} /* <-- BEI KONTAKTFORMULAR */

font.white {color: white;} /* <-- BEI DIV FOOTER */

font.brown {color: #B99E83;} /* <-- Z.B. BEI REFERENZEN.PHP */

p {margin: 0 0 10px 0;}


ul {margin: 0; padding: 0 0 0 15px;}
li {margin: 0 0 5px 0; padding: 0 0 0 5px;}


td.artbild {
margin:0;
padding:0 10px 0 0;
}

input.kontakt {
	width: 190px; 
	height: 15px; 
	/height: 19px; 
	font-size: 11px; 
	border: 1px solid #B99E83;
	}
	
textarea.kontakt {
	width: 190px;
	height: 70px;
	font-size: 11px;
	border: 1px solid #B99E83;
	font-family: arial, helvetica, sans-serif, swiss;
	}
	

textarea.change_text {	/* <-- Wechselnder Slogan */
	border: 0;
	color: #fff;
	width: 580px;
	height: 50px;
	font-size: 14px;
	overflow: hidden;
	font-weight: bold;
	background-color: #8C5D2F;
	font-family: arial, helvetica, sans-serif, swiss;
	}

input.anzahl {
	width: 35px; 
	height: 15px; 
	/height: 19px; 
	font-size: 11px; 
	border: 1px solid #B99E83;
	}

input.submit {
	width: 150px; 
	height: 19px; 
	/height: 22px; 
	font-size: 12px;
	border: 1px solid #B99E83;
	padding-bottom:2px;
	vertical-align:top;
	cursor:pointer;
	}

input.kasse {
	width: 230px; 
	height: 15px; 
	/height: 19px; 
	font-size: 11px; 
	border: 1px solid #B99E83;
	}
	
textarea.kasse {
	width: 230px;
	height: 70px;
	font-size: 11px;
	border: 1px solid #B99E83;
	font-family: arial, helvetica, sans-serif, swiss;
	}

  
  
a:link     {text-decoration:none; color:#B99E83;}
a:visited  {text-decoration:none; color:#B99E83;}
a:hover    {text-decoration:underline; color:#B99E83;}
a:active   {text-decoration:none; color:#B99E83;}

  
a:link.button, a:visited.button, a:hover.button, a:active.button  {
	width: 150px; 
	height: 19px; 
	/height: 22px; 
	font-size: 11px;
	border: 1px solid #B99E83;
	padding-top:1px;
	padding-bottom:2px;
	vertical-align:top;
	color:#000000;
	text-decoration:none;
	background-color: #ECE9D8;
	}

	
/* ########## CONTAINER ######################################################## */

#container {
	width: 965px;
	display: inline-block;
	}
	
#container:after {
	height: 0;
	clear: both;
	content: ".";
	display: block;
	line-height: 0;
	visibility: hidden;
	}

html[xmlns] #container{
	display: block;
	}

* html #container {
	height: 1%;
	}
	
	
	
/* ########## BEREICH HEADER ################################################## */

#header {
	float: left;
	width: 965px;
	}
	

	#banner {
		float: left;
		width: 620px;
		height: 208px;
		background-image: url(../img/banner.gif);
		}
		
		
		#slogan {
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			margin: 60px 10px 10px 20px;
			}
		
	
	#logo {
		float: left;
		width: 340px;
		height: 208px;
		cursor: pointer;
		background-image: url(../img/logo.jpg);
		}
		
		
		
/* ########## BEREICH MAIN ################################################### */

#main {
	float: left;
	width: 958px;
	height: 380px;
	background-image: url(../img/main.jpg);
	}
	
	
/*########## NAVIGATION ########## */
	
	#navigation {
		float: left;
		width: 162px;
		margin: 27px 0 0 0;
		}
		
		ul.nav {
			margin: 0;
			padding: 0;
			}
			
		li.nav {
			margin: 0;
			line-height: 22px;
			padding: 0 0 0 20px;
			border-bottom: 1px solid #fff;
			}
			
	#navigation a:link     {text-decoration:none; color:#000;}
	#navigation a:visited  {text-decoration:none; color:#000;}
	#navigation a:hover    {text-decoration:none; color:#fff;}
	#navigation a:active   {text-decoration:none; color:#fff;}
	
	#navigation a.an:link     {text-decoration:none; font-weight: bold; color:#E30117;}
	#navigation a.an:visited  {text-decoration:none; font-weight: bold; color:#E30117;}
	#navigation a.an:active   {text-decoration:none; font-weight: bold; color:#E30117;}
	
/*############# END ############# */	
		
		
	#content {
		float: left;
		width: 740px;
		height: 320px;		
		overflow-y: auto;
		line-height: 17px;
		margin: 30px 0 0 30px;
		}
		
		#content_text {
			float: left;
			width: 640px;
			height: 320px;
			}
			
	#content_zweiteilig_links {
		float: left;
		width: 300px;
		height: 320px;
		overflow: hidden;
		line-height: 17px;
		margin: 30px 0 0 30px;
		}
		
	#content_zweiteilig_rechts {
		float: left;
		width: 300px;
		height: 340px;
		overflow: hidden;
		line-height: 17px;
		margin: 30px 0 0 20px;
		}
	
	
	
/* ########## BEREICH FOOTER ################################################# */

#footer {
	float: left;
	width: 958px;
	height: 125px;
	background-image: url(../img/footer.jpg);
	}
	
	
	div.footer_text {
		float: left;
		width: 280px;
		font-size: 11px;
		line-height: 16px;
		margin: 10px 0px 10px 20px;
		overflow: hidden;
		}
			
	div.footer_text a:link     {font-weight: bold; text-decoration:none; color:#E30117;}
	div.footer_text a:visited  {font-weight: bold; text-decoration:none; color:#E30117;}
	div.footer_text a:hover    {font-weight: bold; text-decoration:none; color:#fff;}
	div.footer_text a:active   {font-weight: bold; text-decoration:none; color:#fff;}