body {
	position:relative;
	color:#333333;
	background-color:#ccc;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center;
	font-size:.8em;
	}

.center{
	text-align: left;
    	margin-left: auto;
    	margin-right: auto;
    	border: 1px solid #FF0000;
    	width: 800px;
	}

#main {
	position:relative;
	background: url('images/head.jpg');
	background-repeat: no-repeat; 
	background-color : #FFF;
	top:10px;
	border: 1px solid #711;
	height:585px;
	}

#main_lang {
	position:relative;
	background: url('images/head.jpg');
	background-repeat: no-repeat; 
	background-color : #FFF;
	top:10px;
	border: 1px solid #711;
	height:1100px;
	}


#preise_bearbeiten {
	border: 1px solid #CCCCCC;
	left:0%;
	position:relative;
	text-align:justify;
	width:100%;
	}

#main_sehrlang {
	position:relative;
	background: url('images/head.jpg');
	background-repeat: no-repeat; 
	background-color : #FFF;
	top:10px;
	border: 1px solid #711;
	height:3500px;
	}

#schriftzug {
	background: url('images/schriftzug.gif') no-repeat;
	position:absolute; 
	left: 9px;
	top: 9px;
	height:100px; 
	width:100%
	}

#schriftzug_schw {
	background: url('images/schriftzug_schw.gif') no-repeat;
	position:absolute; 
	left: 13px;
	top: 13px;
	height:100px; 
	width:100%
	}


#hotline {
	background: url('images/hotline.gif') no-repeat;
	position:absolute; 
	left: 9px;
	top: 40px;
	width: 100%;
	height: 50px;

	}


#flaggen {
	position:absolute; 
	left: 28px;
	top: 110px;
	height:10%; 
	width:100%
border-style:solid;
	}

#navcontainer {
	position:absolute;
	top:189px;
	left:0.5%;
	text-align: left;
	width:16%;
	border-color:#fff; 
	}

a.navigation {
	display:block;
	color:#711;
	border-bottom:1px solid #711;
	text-decoration:none;
	padding:5px;
	}

a.navigation:hover {
	background-color:#711;
	color:#fff;
	}

a.navigation1 {
	display:block;
	color:#711;
	border-bottom:1px solid #711;
	border-top:1px solid #711;
	text-decoration:none;
	padding:5px;
	}

a.navigation1:hover {
	background-color:#711;
	color:#fff;
	}

a {
	color:#711;
	}

#ueberschrift {
	top:110px;
	left:18.5%;
	position:absolute;
	text-align:justify;
	width:80%;
	}


#text {
	top:185px;
	left:18.5%;
	position:absolute;
	text-align:justify;
	width:79%;
	}

h1 {
	color:#000000;
	font-weight:normal;
	text-align:center;
	font-size:16pt;
	font-face:verdana;
	}

h2 {
	color:#000000;
	font-weight:bold;
	text-align:center;
	font-size:10pt;
	}

#baer {
	background: url('images/baer.gif') no-repeat;
	position:absolute;
	top: 5px;
	right:1%; 
	height:150px; 
	width:9%;
	}

#bilder_links {
	position:absolute;
	text-align:center;
	top:0px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#bilder_mitte {
	position:absolute;
	text-align:center;
	top:0px;
	left:34%;
	width:33%;
	height:100%;
	}
	
#bilder_rechts {
	position:absolute;
	text-align:center;
	top:0px;
	right:0%;
	width:33%;
	height:100%;
	}

img {
	border: 1px solid #711;
	}
	

p.linkbeschreibung {
	font-size:.9em;
	margin:0px;
	}

p.links {
	text-align:right;
	margin:0px;
	border-bottom:1px solid #ccc;
	padding-bottom:17px;
	}

input.eingabe, textarea {
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color:#000;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	margin:1px;
	}

input.button {
	position:absolute;
	left:230px;
	width: 200px; /* Breite.*/
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color:#711;
	background-color:#ffefd5;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	cursor:pointer;
	margin:1px;
	-moz-border-radius:15px;
	}

input.button:hover {
	cursor:pointer;
	} 
	
label { /* Alle Labels auswählen */
	display: block;
	float: left;
	width: 200px; /* Breite.*/
	}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	clear: left; /* das floating der labels und inputs aufheben */
	}

label   {
	text-align: right; 
	padding-right: 1em; 
	}
	

#copyright {
	text-align:left;
	position:absolute;
	font-size:.8em;
	bottom:-13px;
	}	


.fehler {
        text-align: center; 
        font-weight:bold;
        color:#711;
        }





	
.belegung {
	border: 0px solid #711;
	left:10%;
	}

form.belegung_pflegen {
	border: 1px solid #CCCCCC;
	position:relative;
        height:180px;
	padding:2em;
	-moz-border-radius:15px;
        }
	

#copyright {
	text-align:left;
	position:absolute;
	font-size:.8em;
	bottom:-13px;
	}	

table#kalender {background-color:#ffffff; border:1px solid #711; border-collapse:collapse; empty-cells:show; font-size:1em; text-align:center; cellpadding=50;}
table#kalender td {border: 1px solid #711;}
/* table#kalender td {width:10px; height:25px; text-align:center; border: 1px solid #711; padding-right:1px;} */
table#kalender td.tage {background-color:#ffefd5; text-align:center; color: #711; border-bottom:1px solid #711;}
table#kalender td.monatsbezeichnung {font-weight: bold; text-align:center; color:#711; border: 0px solid #711; width:200px;}
table#kalender td.anreise {background-image:url(images/Anreisetag.jpg);background-repeat:no-repeat;}
table#kalender td.abreise {background-image:url(images/Abreisetag.jpg);background-repeat:no-repeat;}
table#kalender td.belegt {background-color:#e9967a;}
table#kalender td.alt {background-color:#dddddd; color:#696969;}

table#belegungsliste {background-color:#ffffff; border-collapse:collapse; empty-cells:show; font-size:1em;}
table#belegungsliste td {width:100px; height:22px; text-align:center; border: 1px solid #711;}
table#belegungsliste td.notiz {width:300px; height:22px; text-align:center; border: 1px solid #711;}
table#belegungsliste td.loeschen {width:150px; height:22px; text-align:center; border: 1px solid #711;}
table#belegungsliste td.notiz_kopf {width:300px; height:22px; text-align:center; border: 1px solid #711; background-color:#ffefd5;color: #711;}
table#belegungsliste td.loeschen_kopf {width:150px; height:22px; text-align:center; border: 1px solid #711; background-color:#ffefd5;color: #711;}




table#legende {background-color:#ffffff; border-collapse:collapse; position:relative;top: 5px; empty-cells:show;font-size:0.8em;text-align:left;}
table#legende td.tage {width:20px; height:18px; border: 1px solid #711;}
table#legende td.anreise {width:20px; height:18px;border: 1px solid #711;background-image:url(images/Anreisetag.jpg);background-repeat:no-repeat;background-color:#e9967a;}
table#legende td.belegt {width:20px;height:18px;border: 1px solid #711;background-color:#e9967a;}
table#legende td.abreise {width:20px;height:18px;border: 1px solid #711;background-image:url(images/Abreisetag.jpg);background-repeat:no-repeat;}
table#legende td.alt {width:20px;height:18px;border: 1px solid #711;background-color:#dddddd;}
table#legende td.leer {width:8px;border: 0px solid #711;background-color:#ffefd5;}
table#legende td.beschreibung {width:107px;border: 0px solid #711;background-color:#ffefd5;}




#legendediv {
	height:38px;
	position:relative;
	background-color:#ffefd5;
	border: 1px solid #711;
	}

p.fehler {font-weight: bold; color:#711; text-align:center;}
p.zentrieren {text-align:center;}


#kalenderdiv {
        top:45px;
	position:relative;
	}

#kalender_links1 {
	position:absolute;
	text-align:center;
	top:0px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#kalender_mitte1 {
	position:absolute;
	text-align:center;
	top:0px;
	left:33.5%;
	width:33%;
	height:100%;
	}
	
#kalender_rechts1 {
	position:absolute;
	text-align:center;
	top:0px;
	right:0%;
	width:33%;
	height:100%;
	}

#kalender_links2 {
	position:absolute;
	text-align:center;
	top:200px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#kalender_mitte2 {
	position:absolute;
	text-align:center;
	top:200px;
	left:33.5%;
	width:33%;
	height:100%;
	}
	
#kalender_rechts2 {
	position:absolute;
	text-align:center;
	top:200px;
	right:0%;
	width:33%;
	height:100%;
	}
#kalender_links3 {
	position:absolute;
	text-align:center;
	top:400px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#kalender_mitte3 {
	position:absolute;
	text-align:center;
	top:400px;
	left:33.5%;
	width:33%;
	height:100%;
	}
	
#kalender_rechts3 {
	position:absolute;
	text-align:center;
	top:400px;
	right:0%;
	width:33%;
	height:100%;
	}

#kalender_links4 {
	position:absolute;
	text-align:center;
	top:600px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#kalender_mitte4 {
	position:absolute;
	text-align:center;
	top:600px;
	left:33.5%;
	width:33%;
	height:100%;
	}
	
#kalender_rechts4 {
	position:absolute;
	text-align:center;
	top:600px;
	right:0%;
	width:33%;
	height:100%;
	}
#kalender_links5 {
	position:absolute;
	text-align:center;
	top:800px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#kalender_mitte5 {
	position:absolute;
	text-align:center;
	top:800px;
	left:33.5%;
	width:33%;
	height:100%;
	}
	
#kalender_rechts5 {
	position:absolute;
	text-align:center;
	top:800px;
	right:0%;
	width:33%;
	height:100%;
	}
#kalender_links6 {
	position:absolute;
	text-align:center;
	top:1000px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#kalender_mitte6 {
	position:absolute;
	text-align:center;
	top:1000px;
	left:33.5%;
	width:33%;
	height:100%;
	}
	
#kalender_rechts6 {
	position:absolute;
	text-align:center;
	top:1000px;
	right:0%;
	width:33%;
	height:100%;
	}

#kalender_links7 {
	position:absolute;
	text-align:center;
	top:1200px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#kalender_mitte7 {
	position:absolute;
	text-align:center;
	top:1200px;
	left:33.5%;
	width:33%;
	height:100%;
	}
	
#kalender_rechts7 {
	position:absolute;
	text-align:center;
	top:1200px;
	right:0%;
	width:33%;
	height:100%;
	}

#kalender_links8 {
	position:absolute;
	text-align:center;
	top:1400px;
	left:0%;
	width:33%;
	height:100%;
	}
	
#kalender_mitte8 {
	position:absolute;
	text-align:center;
	top:1400px;
	left:33.5%;
	width:33%;
	height:100%;
	}
	
#kalender_rechts8 {
	position:absolute;
	text-align:center;
	top:1400px;
	right:0%;
	width:33%;
	height:100%;
	}

#belegungsplan {
	position:absolute;
	text-align:center;
	left:1%;
	width:100%;
	height:100%;
	}

input.Buchungsformular { 
	border: 1px solid #711;
	color: black;
	font-size: 12px;
	text-align:left;	
	display: block;
	float: left;
	width: 181px; /* Breite.*/
	}

input.Buchungsformular_Bemerkung {
	border: 1px solid #711;
	color: black;
	font-size: 12px;
	text-align:left;
	display: block;
	float: left;
	width: 470px; /* Breite.*/
	}

form#buchungsformular {
	background-color:#ffefd5;
	border: 1px solid #711;
   	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}

table#detailansicht {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:1.0em;
	}

label#buchungsformular { /* Alle Labels auswählen */
	text-align:right;
	width: 100px; /* Breite.*/
	}

input#Buchungsformular_abschicken { 
	color:#711;
	background-color:#ffefd5;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	cursor:pointer;
	margin:1px;
	-moz-border-radius:15px;
	width: 200px; /* Breite.*/
	}

select.Buchungsformular { 
	border: 1px solid #711;
	color: black;
	font-size: 12px;
	text-align:left;	
	display: block;
	float: left;
	width: 180px; /* Breite.*/
	}

input.Buchungsprüfung { 
	background-color:#ffefd5;
	border: 1px solid #711;
	color: black;
	font-size: 12px;
	text-align:left;	
	display: block;
	float: left;
	width: 180px; /* Breite.*/
	}

input.Buchungsprüfung_Bemerkung {
	background-color:#ffefd5;
	border: 1px solid #711;
	color: black;
	font-size: 12px;
	text-align:left;
	display: block;
	float: left;
	width: 488px; /* Breite.*/
	}

form#buchungsprüfung {
	background-color:#ffefd5;
	border: 1px solid #711;
   	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}


label#buchungsprüfung { /* Alle Labels auswählen */
	text-align:right;
	width: 100px; /* Breite.*/
	}

input#Buchungsprüfung_abschicken { 

	color:#711;
	background-color:#ffefd5;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	cursor:pointer;
	margin:1px;
	-moz-border-radius:15px;
	width: 200px; /* Breite.*/

	}

select.Buchungsprüfung { 
	border: 1px solid #711;
	color: black;
	font-size: 12px;
	text-align:left;	
	display: block;
	float: left;
	width: 180px; /* Breite.*/
	}

form.liste {
	background-color:#FFFFCC;
	color:#993300;
	border: 1px solid #711;
  	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}

table.Suchkriterien {
	width:99.7%;
	position:relative;
	text-align:center;
	color:#888888;
	border: 1px solid #CCCCCC;
  	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}

td.Suchkriterien {
	font-size:.8em;
  	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}



table.liste {
	border-collapse: collapse;
	}

td.liste {
	font-size:.8em;
	background-color:#FFFFCC;
	border: 1px solid #ffefd5;
	color:#993300;
  	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}

td.liste_grau {
	font-size:.8em;
	background-color:#ffefd5;
	border:1px solid #FFFFCC;
	color:#993300;
  	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}

input.liste { 
	background-color:#ffefd5;
	border: 0px;
	color:#993300;
	}

p.bad {
	text-align:center;
	background-color:#ffff00;
	font-weight:bold;
	}

form.Suche {
	
	color:#993300;
	border: 1px solid #999999;
  	margin:1px;
  	padding:2.5em;
	height:200px;
	-moz-border-radius:15px;
	}

input.button_Suche {
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color:#993300;
	background-color:#ffefd5;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	cursor:pointer;
	margin:1px;
	-moz-border-radius:15px;
	position:relative;
	left:200px;
	width: 205px; /* Breite.*/
	}

form#login {
	position:relative;
	width:200px;
        height:75px;
        }

input.button_login { 
        /* position:relative; */
	text-align: center;
	width: 100px; /* Breite.*/
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color:#711;
	background-color:#ffefd5;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	cursor:pointer;
	margin:1px;
	-moz-border-radius:15px;
	}

input.eingabe_login {
	left:0px;
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color:#000;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	margin:1px;
        }

input.eingabe_preise {
	text-align:right;
	left:0px;
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color:#000;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	margin:1px;
	width:100px;
        }

table.login {
	width:200px;
	position:relative;
	text-align:center;
	color:#888888;
	border: 1px solid #CCCCCC;
  	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}

table.preise_pflegen {
	font-size:1em;
	width:100%;
	position:relative;
	text-align:left;
	color:#888888;

  	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}

td.login {
	text-align:right;
	width:50px;
	font-size:.8em;
	color:#993300;
  	margin:1px;
  	padding:.3em;
	-moz-border-radius:15px;
	}

label.login {
	text-align:right;
	width:70px;
	}


td.belegungsliste_kopf {
	background-color:#ffefd5;color: #711;
	border-bottom:1px;
	solid #711;
	}
	
table.detailansicht  {
	width:100%;
	border-collapse: collapse;
	color:#333333;
	font-size:1em;
	border: 1px solid #CCCCCC;
  	margin:1px;
  	padding:.5em;
	-moz-border-radius:15px;
	}

td.detailansicht {
	border: 1px solid #CCCCCC;
	width:180px;
	}

td.detailansicht_kopf {
	text-align:center;
	background-color:#ffefd5;color: #711;
	}

td.detailansicht_rechts {
	border: 1px solid #CCCCCC;
	}

td.preisberechnung {
	background-color:#ffefd5;color: #711;
	}

td.preisberechnung_lo {
	border-bottom: 0px;
	}
td.preisberechnung_lu {
	border-top: 0px;
	}

table.vermieterdaten {
	font-size:1em;
	}

td.vermieterdaten {
	border: 1px solid #CCCCCC;
	}

#zurueck {
	text-align:center;
	}

input.zurueck {
	text-align: center;
	width: 100px; /* Breite.*/
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color:#711;
	background-color:#ffefd5;
	border-style:solid;
	border-width:1px;
	border-color:#711;
	padding:1px;
	cursor:pointer;
	margin:1px;
	-moz-border-radius:15px;
	width:300px;
	}


</style>