html { 
	height: 100%;
	font-size: 100.01%;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, td, th, fieldset, select, input, textarea, address, blockquote, caption, dd, dfn, dl, dt, label, legend, samp, table, tbody, td, tfoot, th, thead, tr, a { 
	font-family: Arial, Helvetica, sans-serif; 
}

h1, h2, h3 {
	color: #A50100;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: .9em;
	margin: 1.2em 0 -.5em 0;
}

.newsblock h3 {
	font-size: .9em;
	margin: 0 0 .75em 0!important;
}

p {
	font-size: .75em;
}

body {
	margin: 0;
	padding: 0;
	height: 101%;
	min-height: 101%;
	background-color: #DDD;
}

.clear {
	clear: both;
	font-size: 0em;
	height: 0em;
	line-height: 0em;
}

.hidden {
	display: none;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

a img {
	border: none;
}

.link-button {
	margin: 0 0 0 20px;
	padding: 0;
	border: none!important;
}

a:link, a:visited {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dashed gray;
}

a:hover, a:active {
	text-decoration: none;
	color: red;
	border-bottom: 1px solid red;
}

#header, #nav, #teaser, #content {
	border: 1px solid black;
	border: 1px solid #999;
	background-color: #FFF;
}

#header, #nav, #teaser, #content, #footer {
	margin-top: 5px!important;
}

#container {
	margin: 0;
	padding: 0 0 10px 0;
}

#container-inner {
	width: 997px;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

/*#header {
	float: left;
	margin: 0;
	padding: 0;
	width: 995px;
	width: 798px;
	height: 150px;
	background: url(../img/banner_01.jpg) no-repeat;
}*/

#header {
	float: left;
	margin: 0;
	padding: 0;
	width: 995px;
	width: 798px;
	height: 100px;
	background: url(../img/banner_01_02.jpg) no-repeat;
}

/* Horrizontale Navigationsleiste */
#nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 995px;
	width: 798px;
	height: 23px;
}

	#nav #gutter {
		float: right;
		padding: 1px auto;
		width: 596px;
		/*background-color: #DDD;*/
	}
	
	#nav ul {
		/*float: left;*/
		margin: 0 0 0 8em; /* <------------------------------ */
		padding: 0;
		white-space: nowrap;
		/*width: 100%;*/
		/*border: 1px solid green;*/
	}
	
	#nav ul li {
		float: left;
		margin: 2px 0 0 0;
		padding: 2px 0;	
		display: inline;
		list-style-type: none;
		font-size: .75em;
		/*border: 1px solid green;
		border-right: 1px solid grey;*/
	}
	
	#nav ul li a {
		margin: 0 5px 0 0;
		padding: 0 4px 0 14px;
		color: #000;
		/*background: #FFCC33;*/
		text-decoration: none;
		/*border: 1px solid red;*/
	}

	#nav ul li a:link, #nav ul li a:visited {
		border: 1px solid #DDD;
		background: url(../img/listbullet_01_gray.gif) no-repeat 5px 5px;
	}
	
	*html #nav ul li a:link, #nav ul li a:visited {
		background: url(../img/listbullet_01_gray.gif) no-repeat 6px 6px;
	}	
	
	/* Anlegen der Aktiv- und Hoverzustände */
	#nav ul li a:hover, #nav ul li a:active,
	body#start #nav-start a,
	body#news #nav-news a,
	body#onlineshop #nav-onlineshop a,
	body#ueberuns #nav-ueberuns a,
	body#kontakt #nav-kontakt a,
	body#galerie #nav-galerie a,
	body#anfahrt #nav-anfahrt a,
	body#gaestebuch #nav-gaestebuch a,
	body#impressum #nav-impressum a,
	body#links #nav-links a {
		/*color: #BF0000;*/
		border: 1px solid red!important;
		background: url(../img/listbullet_01.gif) no-repeat 5px 5px!important;
	}

	*html #nav ul li a:hover, #nav ul li a:active,
	body#start #nav-start a,
	body#news #nav-news a,
	body#onlineshop #nav-onlineshop a,
	body#ueberuns #nav-ueberuns a,
	body#kontakt #nav-kontakt a,
	body#galerie #nav-galerie a,
	body#anfahrt #nav-anfahrt a,
	body#gaestebuch #nav-gaestebuch a,
	body#impressum #nav-impressum a,
	body#links #nav-links a {
		background: url(../img/listbullet_01.gif) no-repeat 6px 6px!important;
	}

#content-container {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/*border: 1px solid fuchsia;*/
}

	#teaser {
		float: left;
		margin: 0;
		padding: 0;
		width: 190px;
		/*background: url(../img/teaser_02.jpg) no-repeat;*/
		background: url(../img/teaser_07.jpg) no-repeat #FFF;
	}
	
	#content {
		float: right;
		margin: 0;
		padding: 0;
		width: 601px; /*997px - Breite Teaser - Abstand (10px) - 4 (Border)*/
	}

	/* Anpassung der verschiedenen, festen Seitenhöhen */
	body#onlineshop #teaser, body#onlineshop #content,
	body#ueberuns #teaser, body#ueberuns #content,
	body#kontakt #teaser, body#kontakt #content,
	body#galerie #teaser, body#galerie #content,
	body#anfahrt #teaser, body#anfahrt #content,
	body#gaestebuch #teaser, body#gaestebuch #content {
		height: 100%;
		min-height: 100%;	
		height: 450px;
	}

	body#start #teaser, body#start #content {
		height: 650px;
	}

	body#news #teaser, body#news #content {
		height: 900px;
	}

	body#impressum #teaser, body#impressum #content {
		height: 1240px;
	}
	
	body#galerie #teaser, body#galerie #content {
		height: 800px;
	}
		
	body#anfahrt #teaser, body#anfahrt #content {
		height: 720px;
	}	
		
	body#links #teaser, body#links #content {
		height: 530px;
	}
	
	body#berichte #teaser, body#berichte #content {
		height: 1000px;
	}	
	
	/* Formatierung für Gutter im Content */
		#content #gutter {
			margin: 20px 30px;
			padding: 0;
			/*border: 1px solid red;*/
		}
	
	/* Formatierung für Definitionsliste mit Bildunterzeile/Bilduntertext */	
		#content #gutter dl.bmbuz {
			min-width: 225px;
			min-height: 150px;
			/*border: 1px solid fuchsia;*/
		}
		
		*html #content #gutter dl.bmbuz {
			width: 225px;
			height: 150px;
		}
		
		#content #gutter dl.bmbuz dt, #content #gutter dl.bmbuz dd {
			margin: 0;
			padding: 0;
		}
		
		#content #gutter dl.bmbuz dd.text {
			margin: -.2em 0 0 0;
			padding: 0 .3em;
			width: 225px;
			color: #666;
			font-size: 60%;
			overflow: auto;
		}
		
		#content #gutter dl.bmbuz .foto img {
			margin: 4px 0 0 0;
			padding: 1px;
			border: 1px solid #999;
		}
		
		#content #gutter dl.bmbuz.floatleft {
			margin: 0 5px 5px 0;
		}
		
		#content #gutter dl.bmbuz.floatright {
			margin: 0 0 5px 5px;
		}
	
	/* Formatierung für Definitionsliste im Impressum */
		body#impressum #content p {
			margin-left: .8em;
		}
		
		body#impressum #content #gutter dl {
			margin: 0 0 0 2.5em;
			font-size: .75em;
		}

		body#impressum #content #gutter dl dt {
			margin: 0;
			font-weight: bold;
			font-size: 1.1em;
			/*width: 14em;*/
		}
		
		body#impressum #content #gutter dl dd {
			/*margin: -1.25em 0 1.8em 16.5em;*/
			margin: -1.25em 0 1.8em 12.5em;
		}

	/* Formatierung für Listen mit angepasstem Bullet */
		#content ul.liste {
			margin: 0 0 0 .75em;
			padding: 0;
		}
		
		#content ul.liste li {
			font-size: .75em;
			padding: 0 0 0 .8em;
			list-style-type: none;
			background: url(../img/listbullet_01.gif) no-repeat 0px 5px;
		}
		
		#content ul.fs1em {
			font-size: 1em;
		}
		
		*html #content ul.liste li {
			background: url(../img/listbullet_01.gif) no-repeat 0px 7px;
		}
	
	/* Linklisten Formatierung */
		body#links #content ul#linkliste  {
			margin: 0 0 0 1em;
			padding: 0;
			font-size: .75em;
		}
		
		body#links #content #linkliste li.cat {
			margin: 0 0 1.5em 0;
			list-style-type: none;
		}
		
		body#links #content #linkliste li.cat-link {
			margin: 0 0 .25em 0;
			list-style-type: none;
		}				
		
		
	/* Formatierung für Kontaktseite/-formular */
		body#kontakt input {
		
		}
		
	/* Formatierung für zweispaltigen Text */
		#two-cols {
			float: left;
			margin: 0;
			padding: 0;
			width: 540px;
			/*border: 1px solid green;*/
		}
	
		#two-cols p {
			margin: 0 0 1em 0;
			padding: 0;
		}	
	
		#left-col, #right-col {
			width: 265px;
			/*border: 1px solid gray;
			background-color: #EEE;*/
		}			
		
		#left-col {
			float: left;
		}	
		
		#right-col {
			float: right;
		}				
		
	/* Galerie */
		/*body#galerie #content .col-l, body#galerie #content .col-m, body#galerie #content .col-r {
			float: left;
			width: 32%;
			text-align: center;
		}
		
		body#galerie #content .col-m {
			margin: 0 1% 10px 1%;
		}
		
		body#galerie img {
			border: 1px solid #999;
		}*/		
	
		body#galerie #content img {
			padding: 1px;
			float: left;
			/*width: 32%;*/
			text-align: center;		
			border: 1px solid #999;
			margin: 0 10px 10px 10px;
		}
	
		body#galerie #content h3 {
			margin: 1em 0 .5em 0;
		}
		
	/* Einzelbild */
		#content img.intext-img {
			padding: 1px;
			text-align: center;		
			border: 1px solid #999;
		}	
	
		#content img.intext-img.left {
			float: left;
			margin: 5px 10px 5px 0;
		}
		
		#content img.intext-img.right {
			float: right;
			margin: 5px 0 5px 10px;
		}		
	
	/* Kontaktformular */
		#content #kontaktform {
			width: 500px;
			/*border: 1px solid green;*/
		}
	
		#content #kontaktform p {
			margin: 0 0 4px 0;
			/*border: 1px solid red;*/
		}
		
		*#content #kontaktform p {
			margin: 0 0 4px 0;
			/*border: 1px solid red;*/
		}
		
		#content #kontaktform .beschriftung {
			float: left;
			width: 130px;
			height: 19px;
			padding: 2px 0 0 0;
		}
		
		*html #content #kontaktform .beschriftung {
			padding: 4px 0 0 0;
		}
		
		#content #kontaktform .textfelder {
			float: right;
			width: 350px;
		}
		
		#content #kontaktform .textfelder input {
			width: 99%;
			border: 1px solid #7F9DB9;
			background-color: #EFEFEF;
		}
	
		#content #kontaktform .textfelder textarea {
			width: 99%;
			height: 100px;
			font-size: 1em;
			border: 1px solid #7F9DB9;
			background-color: #EFEFEF;
		}
		
		#content #kontaktform .button {
			font-size: .75em;
			background-color: #EFEFEF;
			border: 1px solid #7F9DB9;
		}
	
	/* Footer */
	#footer {
		visibility: hidden;
		display: none;/**/
		clear: both;
		margin: 0;
		padding: 0;
		width: 798px;
		text-align: center;
	}
	
	#footer p {
		margin: 0; 
		padding: 0;
	}
	
	#footer a {
		font-size: .75em;
		text-decoration: none;
		color: #000;
	}
	
	#footer a:link; #footer a:visited {
		
	}
	
	#footer a:hover; #footer a:active {

	}
	
/* NEWS (CUTENEWS) */

.cunews-container {
	width: 100%;
	margin-bottom: 30px;
}

.cunews-container .cunews-backlink {

}

.cunews-container .cunews-headline {

}

.cunews-container .cunews-text {
	text-align: justify;
	padding: 2px 3px 2px 3px;
	margin: 3px 0 5px 0;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;/**/
}

.cunews-container .cunews-text p {
	margin: 0 0 1.2em 0;
}

.cunews-container .cunews-authorinfo {
	float: left;
}

.cunews-container .cunews-commentlink {
	float: right;
}

/* NEWS HEADLINES (CUTENEWS) */

#cunews-headlines-container {
	margin: 0;
	padding: 0 .2em 0 .2em;
	border: 1px solid #A50100;
	background-color: #FFE8E8;
	color: #DDD;
}

#cunews-headlines-container h2 {
	font-size: .9em!important;
	margin: 1em 0 0 0!important;
}

#cunews-headlines-container a {
	color: #DDD;
	text-decoration: none;
	border-bottom: none;
}

#cunews-headlines-container .headline-link a:link, #cunews-headlines-container .headline-link a:visited {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dashed gray;
}

#cunews-headlines-container .headline-link a:hover, #cunews-headlines-container .headline-link a:active {
	text-decoration: none;
	color: red;
	border-bottom: 1px solid red;
}

#cunews-headlines-container p.headline-link {
	margin: 0!important;
	padding: 0;
}