body 
{
	font-family:Verdana;
	font-size:12px;
	background-color:#E7E7E6;
	text-align:center;
	margin:0px;
	padding:0px;
 background-color:#cccccc;
}

#container {
	width:760px;
	margin:0px auto;
	margin-top:0px;
	text-align:left;
	background-image:url(../img/skin/bg_main.gif);
	background-repeat: repeat-y;
	}
	
	
#header {
	height:135px;
	background-image:url(../img/skin/top.jpg);
	background-repeat: no-repeat;
}


#content {
	/*background-color:#ffffff;*/
	float:right;
	padding-top:0px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:20px;
	width:555px;
	min-height: 280px;
	margin-top: 0px;
	
}

* html #content {  	/* nur fuer Internet Explorer */
  	height:280px;   /* ab Version 5.x */
  	width:600px;
  	w\idth:555px;	/* ab Version 6 */
}

h1 {
	font-size:16px;
	color:#666666;
	margin:0px;
	margin-bottom:15px;
	
}

h2 {
	font-size:14px;
	color:#000066;
	margin-bottom:15px;
}

#content a {
	color:#666666;
}

#content ul {
margin-top: 0px;
}

#content li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-image: url(../img/skin/dot.gif);
margin-bottom: 0px;
margin-top: 2px;
margin-left:0px;
padding-left:0px;
}

* html #content li {  	/* nur fuer Internet Explorer */
	padding-left:10px;
}



.column_left {
	width:250px;
	float:left;
}

.column_right {
	width:270px;
	float:left;
}

.column_small {
	margin-right:5px;
	width:55px;
	float:left;
}


/* ###################################################################### menu */

#menu {
	width: 160px;
	float: left;
	margin: 0px;
	margin-top: 0px;
}




#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu li.level1 a:hover {
	/*background-color: #FAE99C;*/
}

/*
#menu li.level1_submenu {
	background-image:url(../img/skin/button.gif);
	background-repeat:no-repeat;
}

#menu li.level1_submenu a:hover {
	background-image:url(../img/skin/button2.gif);
	background-repeat:no-repeat;
}
*/




#menu li.level1_active_submenu {
	color: #333399;
	background-image:url(../img/skin/button_pressed.jpg);
	background-repeat:no-repeat;
}

#menu li.level1_active_submenu a {
	color: #333399;
	background-image:url(../img/skin/button_pressed.jpg);
	background-repeat:no-repeat;
}

#menu li.level1_active_submenu a:hover {
	color: #666666;
	background-image:url(../img/skin/button_pressed.jpg);
	background-repeat:no-repeat;
}

#menu li.level2 {
	padding-left:14px;
}
/*
#menu li.level2 a {
	color:#000000;
	font:10px arial, sans-serif;
	padding-left:14px;
	width:126px;
}


#menu li.level2 a:hover {
	background-color: #FAE99C;
	padding-left:14px;
}
*/
#menu li.level2_active {
 padding-left:14px;
 	background-image:url(../img/skin/button_sub_pressed.gif);
	background-repeat:no-repeat;

 }

#menu li.level2_active a {

}

#menu li.level2_active a:hover {
}




#menu a {
	display:block;
	margin:0px;
	margin-top:1px;
	padding-left:5px; /* regelt abstaende des buttontextes zum rand */ 
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	color:#000000;
	font:verdana bold 10px;
	font-weight:bold;
	font-size:10px;
	width:125px; /* fuer ie: definieren display:block */ 
	voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  	voice-family:inherit;
}

#menu a:hover {
	color:#aaaaaa;
	/*background-color: #FAE99C;*/
	}

#menu a:active {
	color:#333399;
	/*background-color: #FAE99C;*/
}

#menu li.level1_active {
	color: #9B1C6E;
	background-image:url(../img/skin/button_pressed.jpg);
	background-repeat:no-repeat;
}

#menu li.level1_active a {
	color: #333399;
}

#menu li.level1_active a:hover {
	color: #333399;
}





/* ###################################################################### footer */

#footer {
font-family:Verdana;
	font-size:10px;
	text-align:left;
	margin:0px auto;
	width:760px;
	height: 25px;
	background-image:url(../img/skin/footer.jpg);
	background-repeat:no-repeat;
}

.footertext {
text-align:center;
	color:#ffffff;
	font-size:10px;
	font-weight:norm;
	font-family: verdana, arial;
	padding-top: 5px;
}


/* ###################################################################### eigene Klassen */

.fett {
color: #000066;
font-weight: bold;
}

.fettgrau {
font-size:10px;
color: #666666;
font-weight: bold;
}

.fettsw {
color: #555555;
font-weight: bold;
}

a:link   { color: #222222; }
a:visited   { color: #222222; }
a:hover   { color: #000000; }
a:active   { }

.bildrahmen {
border-color:#444444; border-width:1px; border-style:solid; padding:0px;
}

hr {
 width:90%; color:#666666; background-color:#666666; height:1px; margin-left:0px; paddin-left:0px;
border:0px solid red;
}

.kalendertext:link			{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222;}
.kalendertext:visited		{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222;}
.kalendertext:hover			{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.kalendertext:active		{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222;}

.adminklein							{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}

/* ###################################################################### KALENDER */

#kalender {
	float:left;
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#kalender table {
	background-color: #CCCCCC;
	border: 0px;
}

#kalender td.frei {
	width:80px;
	background-color: #003399;
}

#kalender td.besetzt {
	width:80px;
	background-color: #990000;
}

#kalender td.feiertag {
	width:80px;
	background-color: #99CCCC;
}

#kalender th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 800;
}

#kalender input, submit {
	background-color: #CCCCFF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #000066;
	cursor: hand;
}

/* ###################################################################### BUCHUNGSFORMULAR */

#buchung form {
	line-height: 24px;
	margin-bottom: 50px;
}

#buchung form br {
	clear: left;
}

#buchung label { /* Alle Labels UND Formularelemente auswählen */
 display: block;
 float: left;
 width: 150px; /* Breite.*/
}

#buchung input, select { /* Alle Labels UND Formularelemente auswählen */
 display: block; 
 float: left; 
 width: 300px;
}

#buchung input#submit {
	float: none;
	width: auto;
}

#buchung .fehlerfeld { /* für die Markierung von Pflicht-Formularfeldern bei fehlenden Eingaben */
	background-color: #FFCC66;
}