* { padding: 0; margin: 0; } 

html {
	text-align: center;
	}

	body {
		font: 11px/15px "Arial", verdana, sans-serif;
		background: #ffffff;
		color: #604e2c;
		width: 772px;
		margin: 0 auto;
		text-align: left;
		}
	
	.reset {
		display: block; 
		clear: both; 
		font-size: 1px; 
		height: 1px; 
		line-height: 0.1;
		}

/* INTERFACE ///start///   */	

#header, #content, #navigation, #mood, #mood_transition, #footer {
	float: left;
	position: relative;
	width: 100%;
	}
	
	#header, #mood, {
		border-top: 0;
		}
		
	#mood {
		background: url("../../images/vis_mood.gif") top center repeat-y;
		}
		
	#mood_transition {
		background: url("../../images/mood_transition.gif") top center no-repeat;
		}
	
	
	#content {
		/*border-top: 6px solid #000;*/
		/*border-bottom: 6px solid #000;*/
		background: #ffffff url("../../images/vis_content.gif") top center repeat-y;
		min-height: 500px;
		}
	
		#main {
			float: left;
			width: 512px;
			margin: 15px 0;
			}
		
		.col {
			float: left;
			width: 253px; /* vorher 240px */
			margin: 15px 0;
			}
			
		.gbook {
			float: left;
			width: 565px;
			margin: 0 30px;
			}
			
		.kontaktdaten {
			float: left;
			width: 565px;
			margin: 0 30px;
			}
		
	#footer {
		background: url("../../images/vis_footer.gif") top center;
		width: 772px;
		height: 30px;
		}
		
	#footerend {
		width: 772px;
		max-height: 1px;
		}
		
/* INTERFACE ///end///   */


/* CONTENT ///start///   */

input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #2f2f2f;
	margin: 4px 0;
	background: #ffffff;
	padding: 3px;
	width: 200px;
	border-top: 0px solid #acacac;
	border-bottom: 0px solid #acacac;
	border-left: 0px solid #acacac;
} 

textarea {
	width: 400px;
	background-color: #ffffff;
	height: 70px;
}			
   
input.buttons {
	background: #ffda00;
	color: #2f2f2f;
	height: 20px;
	width: 75px;
	border: 0;
	text-align: center;
	margin-top: 10px;
} 
input.buttons:hover {
	background: #fa1e1e;
	color: #ffffff;
}

/* CONTENT ///end///   */	
	
	
/* NAVIGATION ///start///    */

ul#nav {
	position: relative;
	height: 21px; width: 772px;
	background: url("../../images/vis_navigation.gif") no-repeat;
	}

	ul#nav li {
		float: left;
		list-style: none;
		}
	
	ul#nav li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none !important;
		top: 0; height: 21px;
		}

		ul#nav li#nav-hotel a { 
			left: 7px; width: 126px; 
			background: url("../../images/vis_navigation.gif") -7px 0 no-repeat;
			}
		ul#nav li#nav-veranstaltungen a { 
			left: 133px; width: 126px; 
			background: url("../../images/vis_navigation.gif") -133px 0 no-repeat;
			}
		ul#nav li#nav-tagungen a { 
			left: 259px; width: 126px; 
			background: url("../../images/vis_navigation.gif") -259px 0 no-repeat;
			}
		ul#nav li#nav-restaurant a { 
			left: 385px; width: 126px; 
			background: url("../../images/vis_navigation.gif") -385px 0 no-repeat;
			}
		ul#nav li#nav-buchung a { 
			left: 511px; width: 126px; 
			background: url("../../images/vis_navigation.gif") -511px 0 no-repeat;
			}
		ul#nav li#nav-kontakt a { 
			left: 637px; width: 128px; 
			background: url("../../images/vis_navigation.gif") -637px 0 no-repeat;
			}


ul#nav li#nav-hotel a:hover  				{ background-position: -7px -21px; }
ul#nav li#nav-veranstaltungen a:hover  		{ background-position: -133px -21px; }
ul#nav li#nav-tagungen a:hover  			{ background-position: -259px -21px; }
ul#nav li#nav-restaurant a:hover  			{ background-position: -385px -21px; }
ul#nav li#nav-buchung a:hover  				{ background-position: -511px -21px; }
ul#nav li#nav-kontakt a:hover  				{ background-position: -637px -21px; }

ul#nav li#nav-hotel a:active  				{ background-position: -7px -42px; }
ul#nav li#nav-veranstaltungen a:active  	{ background-position: -133px -42px; }
ul#nav li#nav-tagungen a:active  			{ background-position: -259px -42px; }
ul#nav li#nav-restaurant a:active  			{ background-position: -385px -42px; }
ul#nav li#nav-buchung a:active  			{ background-position: -511px -42px; }
ul#nav li#nav-kontakt a:active 				{ background-position: -637px -42px; }

/* NAVIGATION ///end///    */

	
/* OTHER ///start///    */

a {
	color: #441b0b;
	font-weight: bold;	
	}

a:hover {
	color: #441b0b;
	text-decoration: none;
	}

#header img {
	float: left;
	}

#mood img {
	float: left;
	}
	
#mood_transition img {
	float: left;
	}

/* OTHER ///end///    */

	
/* TEXT ///start///    */

p {
	padding: 0px 10px;
	margin: 5px 0px 0px 21px;
}

p.coltext {
	padding-right: 12px;
	padding-left: 20px;
	margin: 0px 0px 20px 0px;
	text-indent:1.5em;
	text-align:justify;
	line-height:1.3em;
	font-family: "Arial";
	font-size: 10px;
}

p.footer {
	padding-left: 15px;
	padding-top: 12px;
	margin: 0px 0px 0px 2px;
	font-family: "Arial";
	color: #414141;
	font-size: 9px;
	vertical-align:bottom;
}

h4 {
	padding: 15px 30px;
	font-size: 14px;
	}
	
	p.edit {
		font-size: 9px;
		}

#main  ul {
	padding-bottom: 21px;
	}
	
	#main li {
		background: url("../../images/li.gif") 0 6px no-repeat;
		margin-left: 30px;
		padding-left: 12px;
	}

li {
	list-style: none;
	padding: 0 30px;
	}

/* TEXT ///end///    */