body {margin:0; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; color:white; background-color:#CCCCCC;
	text-align:center;
}

#vertical {text-align:center;}

#page {float:inherit;
	margin:0 auto; padding:0;
	width:790px; height:510px;
}

#head {margin:0; padding:0;
	width:790px; height:20px;
	background-color:#670001;
}


/* OBERE BEREICH */

#language {margin:0; padding:4px 0 0 0;
	color:silver; font-size:10px;
	text-align:center;
}


/* LINKER BEREICH */

#left {margin:0; padding:0;
	width:150px; height:490px;
	background-image:url(img/background.gif); background-repeat:no-repeat;
	background-color:#670001;
}

ul#nav {width:130px;
    margin:0; padding:0;
	font-size:11px; line-height:22px;
}

ul#nav li {list-style:none;}

ul#nav a {display:block; width:130px;
	font-weight:normal; text-decoration:none;
}

ul#nav a:link {color:white;}
ul#nav a:visited {color:white}
ul#nav a:hover {color:#670001; background-color:white;}
ul#nav a:active {color:#670001; background-color:white;}


#booking {margin:10px 10px 0 10px; padding:5px;
	font-size:10px; line-height:18px;
}

#booking a {color:white; font-weight:bold; text-decoration:none;}

#booking a:link {color:white;}
#booking a:visited {color:white}
#booking a:hover {color:yellow;}
#booking a:active {color:yellow;}

#userinfo {margin:10px 10px 0 10px; padding:5px;
	color:yellow; font-size:10px;
	text-align:left;
}


/* RECHTER BEREICH */

#right {margin:0; padding:0;
	width:150px; height:490px;
	background-image:url(img/background.gif); background-repeat:no-repeat;
	background-color:#670001;
}

#newsHead {color:#670001; font-size:10px;
	font-weight:bold; text-align:center; line-height:18px;
	background-color:white;}

#newsText {margin:0; padding:5px;
	font-size:10px;	text-align:left;
	color:#670001; background-color:white;
}

#imprint {color:#ccc; font-size:9px; text-align:center;
	line-height:14px;
}

#imprint a {color:#ccc;}
#imprint a:link {color:#ccc;}
#imprint a:visited {color:#ccc}
#imprint a:hover {color:yellow;}
#imprint a:active {color:yellow;}


/* CONTENT BEREICH */

#content {margin:0; padding:0;
	width:490px; height:490px;
	text-align:center;
	background-color:white;	
}

#home {margin:16px; padding:0;}

/* Zimmer & Suiten */

#nine {margin:5px 0 0 5px; padding:0;}

.box {float:left;
	margin:0; padding:0;
	width:160px; height:160px;
	background-image:url(./img/box.jpg); background-repeat:no-repeat;
	text-align:left; /* deaktiviert center von #content */
}

.emptybox {float:left;
	margin:0; padding:0;
	width:160px; height:160px;
	background-color:white;
	text-align:left; /* deaktiviert center von #content */
}

.pic {float:none;
	margin:20px 0 0 20px; padding:0;
	width:120px; height:120px;
	
	/* später wieder löschen! */
	font-size:9px; color:#670001; text-align:center;
}


#room {margin:16px 16px 0 16px; padding:0;
	font-size:10px; color:gray;
}

.roomHead {font-size:20px; color:#670001;}
.roomHead_smaller {font-size:15px; font-weight:bold; color:#670001;}

.roomSubHead {font-size:11px; color:#670001; font-weight:bold;}

.roomThumb {text-align:right;}

.back {text-align:center;}

.back a {display:block; width:60px; font-size:9px; color:#670001; font-weight:bold; text-decoration:none;}
.back a:link {color:#670001;}
.back a:visited {color:#670001;}
.back a:hover {color:black; text-decoration:underline;}
.back a:active {color:black;}

.linx {text-align:center;}

.linx a {display:block; font-size:9px; color:#670001; font-weight:bold; text-decoration:none;}
.linx a:link {color:#670001;}
.linx a:visited {color:#670001;}
.linx a:hover {color:black; text-decoration:underline;}
.linx a:active {color:black;}

.red {font-size:10px; color:#670001; font-weight:bold;}

#ausstattung {font-size:10px; color:gray;}

#preise {font-size:10px; color:gray;}

.line {font-size:1px; line-height:1px; border-bottom:1px solid #CCCCCC;}

#buchen {padding:2px; color:white; font-size:10px; font-weight:bold; background-color:#670001;}

#buchen a {padding:2px; color:white; font-size:10px; font-weight:bold; text-decoration:none; background-color:#670001;}

#buchen a:link {color:white;}
#buchen a:visited {color:white;}
#buchen a:hover {color:yellow;}
#buchen a:active {color:yellow;}

.innerhref a {font-size:10px; color:#670001; font-weight:bold; text-decoration:none;}
.innerhref a:hover {font-size:10px; color:black; text-decoration:underline;}

.innerhref2 a {font-size:10px; color:#670001; font-weight:normal; text-decoration:none;}
.innerhref2 a:hover {font-size:10px; color:black; text-decoration:underline;}


.kinder {font-size:9px; font-weight:bold; color:#670001;}
.kinder a {font-size:9px; font-weight:bold; color:#670001; text-decoration:none;}
.kinder a:hover {text-decoration:underline;}


/* Spielen und Lesen */

.spielen_details {float:none;
	margin:20px 0 0 20px; padding:0;
	width:120px; height:120px; text-align:center;
}

.spielen_details a {font-size:11px; color:670001; font-weight:bold; text-align:center; text-decoration:none;}
.spielen_details a:hover {font-size:11px; color:670001; font-weight:bold; text-align:center; text-decoration:underline;}

/* Kontaktformular */

.contactHead {font-size:20px; color:#670001; text-align:center;}

#contact {width:458px; font-size:10px; color:#670001;}
.contactInput {margin-bottom:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#670001; border:1px solid #a5acb2;}
.contactInput150 {margin-bottom:1px; width:170px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#670001; border:1px solid #a5acb2;}
.contactInput107 {margin-bottom:1px; width:127px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#670001; border:1px solid #a5acb2;}
.contactTextarea {margin-bottom:1px; width:170px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#670001; border:1px solid #a5acb2;}
.checkbox {font-size:10px; color:#670001;}
.button {font-size:10px; color:#670001; font-weight:bold; border:0; background-color:white; text-align:right; cursor:pointer;}
.button:hover {color:black;}

.button2 {font-size:10px; color:#670001; font-weight:bold; border:0; background-color:white; text-align:left; cursor:pointer;}
.button2:hover {color:black;}

.error {font-size:9px; color:red; font-weight:bold; text-align:center;}

.responder {font-size:10px; color:#670001; font-weight:bold;}


/* Impressum (HINWEIS: #imprint steht für die Adresse im rechten unteren Bereich der Seite -> daher deutsche Bezeichnung) */ 

#impressum {width:458px; font-size:10px; color:#670001; text-align:center;}

.impressumHead {font-size:20px; color:#670001; text-align:center;}
.impressumSubHead {padding:2px 0 2px 0; font-size:10px; color:#670001; font-weight:bold; border:1px solid #a5acb2;}

#impressum a {font-size:10px; color:#670001; font-weight:bold; text-decoration:none;}
#impressum a:hover {font-size:10px; color:black; text-decoration:underline;}

/* UNTERER BEREICH */

#bottom {clear:both; margin:0 auto; padding:0;
	width:790px; height:20px;
	background-color:#670001;
}

#subnav {margin:0; padding:4px;
	font-size:9px;
}

#subnav a {color:white; text-decoration:none;}
#subnav a:link {color:white;}
#subnav a:visited {color:white;}
#subnav a:hover {color:yellow;}


.anreise a {color:#670001; text-decoration:none;}
.anreise a:hover {color:black; text-decoration:underline;}

/* WÜRFEL-CURSOR OPTIONAL 

a.external {cursor:url(./img/wuerfel.cur), url(./img/wuerfel.gif), pointer;} */