* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;

}

body {
	height: 100%;
	background: url(../images/bg_body.jpg) 0 0 repeat-x #e3dbbe;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000;
}

h1 {
	font-size: 18px;
	line-height:24px;
	color: #7b1414;
	margin: 0 0 12px 0;
}
h2 {
	font-size:16px;
	line-height:18px;
	color:#000;
	margin:22px 0 12px 0;
}
h3 {
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	color:#fed;
	margin:0 0 8px 14px;
	padding:0;
}


a {color: #000;}



/*/////////////////////////////////////////// CONTAINS ALL WRAPPER PARTS ///////////////////////////////////////////*/

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 970px;
	min-height: 100%;
	background: url(../images/bg_wrapper.jpg) repeat-y;	
}

* html #wrapper {
	height: 100%;
}

#left{
	float: left;
	width: 248px;
	min-height: 640px;
	background: url(../images/bg_navi.jpg) 0 0 no-repeat;
}

* html #left {
	height: 640px;
}

#navi {
	margin: 10px 0 0 45px;
}

#left img, #left a img {
	border:0;
}

#center {
	float:left;
	width:487px;
	padding-bottom:20px;
}

#centerhead {
	background: url(../images/bg_topheader.jpg) 0 0 no-repeat;
	padding: 65px 0 0 0;
	margin:0;
	font-size:20px;
	line-height:22px;
	font-weight:normal;
	color:#fed;
	text-transform:uppercase;	
}
#centerhead p {
	margin:0 0 0 14px;
	padding:0;
}
#centerhead img {
	margin:0;
}

#centercontent {
	background: url(../images/bg_content.jpg) 0 0 no-repeat;
	padding: 60px 20px 0 8px;
}
#centercontent ul {
	margin:0 0 18px 24px;
	padding:0;
}
#centercontent ul li {
	margin:0 0 0 18px;
	padding:0;
}
#centercontent ul.big li {
	margin:0 0 18px 18px;
	padding:0;
}

#right {
	float: left;
	width:235px;
}

#righthead {
	background: url(../images/bg_topright.jpg);
	height: 136px;
	padding: 20px 13px 0 0;
	text-align: center;
}

#language {
	margin-top: 25px;
}

#kalender {
	background: url(../images/bg_kalender.jpg);
	height: 368px;
	padding: 14px 0 0 20px;
}

#anfahrt {
	width:202px;
	margin:15px 0 0 21px;
	padding:0;
	background:#811;
}
#anfahrt p {
	width:202px;
	height:28px;
	margin:0;
	padding:8px 0 0 0;	
	display:block;
	text-align:center;
	font-size:18px;
	color:#fed;
}

#footer {
	position:relative;
	clear:both;
	width: 100%;
	height: 70px;
	margin-top: -70px;	
	background: #e9e4cd;
}

#innerfooter {
	width: 970px;
	height: 40px;	
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: url(../images/bg_footer.jpg) 0 0 repeat-x;
	text-align: center;
}

#hint {
	position: absolute;
	background: #7D1E1C;
	border: 1px solid #9D9888;
	text-align: center;
	width: 154px;
	left: 757px;
	top: 550px;
	padding: 10px;
	color: #F1EADA;
	line-height: 17px;
	display: none;
}


.normalerror {
	background: #D7C3AB !important;
}


#clear {
	clear: both;
	float: none;
	font-size: 1px;
	line-height: 1px;
}

.clear {
	clear: both;
}


#center p {
	margin-bottom: 10px;
}

#centercontent img {
	border: 3px solid #E1D4B4;
	padding: 2px;
	background: #f1eada;
	margin: 5px 15px 5px 0;
	float:left;
}

#centercontent img.big {
	margin:0;
	float:none;
}

#centercontent iframe {
	border: 3px solid #E1D4B4;
	padding: 2px;
	background: #f1eada;
	margin: 0 0 5px 0;
	float:left;
}

#centercontent p {text-align:justify;}

#centercontent p.right {text-align:right; font-size:11px; clear:both; margin:0; padding:0;}

img.floatleft {
	float: left;
	margin: 5px 10px 10px 0;
}




/*/////////////////////////////////////////// NAVI ///////////////////////////////////////////*/

#navi ul {
	list-style: none;
	padding:0;
	margin:0;
}

#navi ul li a {
	display: block;
	width:141px;
	height:24px;
	line-height:24px;
	color: #000;
	text-decoration:none;
	border-bottom: 1px solid #c19c93;
	background:url(../images/nav_li.gif) 17px 7px no-repeat;
	padding: 0 0 0 37px;
}

a.active {
	color: #7D1617 !important;
}
#navi ul li a:hover, #navi ul li a.active {
	color: #7D1617 !important;
	background-color:#f3ecde;
}

#righthead a {
	margin: 0 6px;
	color: #000;
	text-decoration: none;
}

#language a {
	margin: 0;
}
#language a img {
	border: 0;
}

#kalenderform {
	line-height: normal;
	font-size: 11px;
}

#kalenderform fieldset {
	border: 1px solid #9d9888;
	background: #c3ba8c;
	width: 164px;
	padding: 2px 0 8px 10px;
}

#kalenderform label {	
	padding: 0 0 0 2px;
}

#kalenderform input, #kalenderform select {
	background: #fff;
	border: 1px solid #791f19;
	width: 118px;
	height: 17px;
	font-family: "Trebuchet MS",Arial;
}


#kalenderform img.imgkalender {
	vertical-align: top;
	margin: 0 0 0 10px;	
	cursor: pointer;
}

#kalenderform fieldset{
	margin: 0 0 20px 0;
}

#kalenderform fieldset.noborder {
	border: none;
	background: none;
	margin: 15px 0 5px 0;
}

#kalenderform select.tiny {
	width: 40px;
	margin-right: 3px;
}

#kalenderform p {
	margin-left: 12px;
}

#kalenderform input.radio {
	width: auto;
	margin: 0 8px 0 0;
	padding: 0;
	background: none;
	border: none;
}

#kalenderform label.radio {
	vertical-align: top;
	margin: 0 2px 0 0;
}

#kalenderform input.submit {
	width: auto;
	height: 22px;
	margin: 15px 0 0 10px;
	padding: 0 7px 5px 7px;
	border: none;
	cursor: pointer;
	font-size:12px;
	line-height:12px;
	text-align:center;
	color:#fed;
	background: url(../images/button_bg.gif) top left repeat-x;
}

#kalenderform p.free {
	margin-top: 15px;
}


/*/////////////////////////////////////////// DateTimePicker ///////////////////////////////////////////*/

/* the div that holds the date picker calendar */
.dpDiv {
	background: #791f19;
	padding: 1px;
	/*border: 1px solid #791f19;*/
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-size: 11px;
	text-align: center;
	color: #505050;
	background-color: #fff;
	border: 2px solid #fff;
	width: 152px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	color: #791f19;
	font-weight: bold;
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR td{
	border-bottom: 2px solid #fff !important;
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid transparent;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	color: #cbcbcb;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	border: 1px solid #b5a05f;
	cursor: pointer;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	background: #791f19;
		
	
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	background: #791f19;
	
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	background: #bbbbba;
	text-align: right;
	border-bottom: 2px solid #fff;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #b5a05f;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #fff !important;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: none;
	border: none;
	cursor: pointer;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: #bbbbba;
	border: none;
	cursor: pointer;
	font-weight: bold;
	}


/*///////////////////////////////////////////   ///////////////////////////////////////////*/

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}