html, body {
	height:100%;
} 
body {
	text-align:center; /* horizontal centering for IE Win quirks */
}

#distance {
	width:1px;
	height:50%;
	margin-bottom:-325px; /* half of container's height */
	float:left;
} 
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width: 1003px;
	height:740px;
	clear:left;
} 
.clearer{
	float:none;
	clear:both;
}

.$catdaten li a{
	font-size:10px;
}
#body{
	position:relative;
	text-align: left;	
	float:right; 
	width: 1003px;
	height:687px;
	background-image:url(../img/background.jpg);
	font 	: normal 14px Verdana, Helvetica, sans-serif;
	color : #000;
}
#dragon{
	position:absolute;
	width: 226px;
	height:193px;
	top:13px;
	left:23px;
	background-image:url(../img/dragon.gif);
}
#secured{
	position:absolute;
	width: 14px;
	height:20px;
	top:126px;
	left:970px;
	background-image:url(../img/locked.gif);
}

/*
* Navigatom Style Start
*/
#publicNav{
	position: absolute;
	top:211px;
}
ul#nav{
	list-style: none;
	margin:114px 0 0 6px;
	padding:0;
	position: relative
}

ul#nav li{
	position: relative;
}
ul#nav ul{
	position:absolute;
	width:100%;
	list-style: none;
	margin:70px 0 0 5px;
	padding:9px 0 0 0;
	border-color: #83827E;
	border-width: 0;
	border-style: solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	left:99%;
	top:100%;
	margin-top: -32px;
	background-color: #f7f7f7;
	z-index: 1000000;
	display: none;
}
ul#nav ul li{
	padding:0 0 9px 18px;
}
ul#nav li:hover ul{
	display: block;
}
/*
* Navigatom Style Ende
*/

#loginout{
	position: absolute;
	top:176px;
	right:69px;
}
#breadcrumb{
	position: absolute;
	top:176px;
	left:474px;
}
#langSwitch{
	position: absolute;
	top:176px;
	right:3px;
}
#adress{
	position:absolute;
	width: 232px;
	display: none;
	height:144px;
	top:495px;
	left:12px;
	background-image:url(../img/adress.gif);
}
#content{
	position:relative;
	width: 730px;
	height:483px;
	top: 200px;
	left: 258px;
	font 	: normal 14px Verdana, Helvetica, sans-serif;
	/*
	color : #672B01;
	background-image:url(../img/background_content.jpg);*/
	background-repeat : no-repeat;
	overflow:hidden;
}
.headline{
	position:absolute;
	width : 730px;
	height:auto;
	padding-top:12px;
	padding-bottom:12px;
	text-align	: center;
	font 	: bold 16px Verdana, Helvetica, sans-serif;
}
.fliesstext{
	position:absolute;
	width : 710px;
	height:468px;
	top:0;
	padding-bottom:12px;
	padding-left : 12px;
	/*text-align: justify;*/
	overflow:auto;
}


#login #navlink,#login_act #navlink{
	position 					: absolute;
	top								:	229px;
	left							:	8px;
	width							: 252px;
	height						: 37px;
}
#login a{
	background-image	: url(../img/navi/login.gif);
}
#login a:hover{
	background-image	: url(../img/navi/login.gif);
}
#login_act a,a:hover{
	background-image	: url(../img/navi/login.gif);
}

#anwesenheit #navlink,#anwesenheit_act #navlink{
	position 					: absolute;
	top								:	307px;
	left							:	8px;
	width							: 252px;
	height						: 37px;
}
#anwesenheit a{
	background-image	: url(../img/navi/anwesenheit.gif);
}
#anwesenheit a:hover{
	background-image	: url(../img/navi/anwesenheit_over.gif);
}
#anwesenheit_act a,a:hover{
	background-image	: url(../img/navi/anwesenheit_over.gif);
}



#urlaub #navlink,#urlaub_act #navlink{
	position 					: absolute;
	top								:	270px;
	left							:	8px;
	width							: 252px;
	height						: 37px;
}
#urlaub a{
	background-image	: url(../img/navi/urlaub.gif);
}
#urlaub a:hover{
	background-image	: url(../img/navi/urlaub_over.gif);
}
#urlaub_act a,a:hover{
	background-image	: url(../img/navi/urlaub_over.gif);
}


#logout #navlink,#logout_act #navlink{
	position 					: absolute;
	top								:	347px;
	left							:	8px;
	width							: 252px;
	height						: 37px;
}
#logout a{
	background-image	: url(../img/navi/logout.gif);
}
#logout a:hover{
	background-image	: url(../img/navi/logout_over.gif);
}
#logout_act a,a:hover{
	background-image	: url(../img/navi/logout_over.gif);
}



.kursbox{
	position		: relative;
	width				: auto;
	height			: auto;
	float				: left;
	margin-left	: 12px;			
	margin-bottom: 12px;			
}
.kursbox .left{
	float:left;
	width:90px;
	text-align:right;
	padding-right:12px;
}
.kursbox .right{
	float:left;
}

a {
	font 	: normal 14px Verdana, Helvetica, sans-serif;
	color : #83827E;
	text-decoration:none;
}
a:hover{
	background-image:none;
	text-decoration:underline overline;
}
#bild1,#bild2,#bild3,#bild4{
	position					: relative;
	margin-right			: 12px;
	float							: right;
	width							: 246px;
	height						: 183px;
	overflow					: hidden;
	margin-left				: 12px;
	z-index						: 10;
}

#bild1_next,#bild2_next,#bild3_next,#bild4_next{
	position					: absolute;
	top								: 0px;
	left							: 0px;
	width							: 246px;
	height						: 183px;
	overflow					: hidden;
	z-index						: 20;
}

.dropshadow{
	/*background-color:#000; */
	background-image	: url(../img/pic_bckg.png);
	background-repeat	: no-repeat;
	text-align:left;
}
.dropshadow2{
	/*background-color:#000; */
	background-image	: url(../img/pic_bckg2.png);
	background-repeat	: no-repeat;
	text-align:left;
}
.dropshadow3{
	/*background-color:#000; */
	background-image	: url(../img/pic_bckg.png);
	background-repeat	: no-repeat;
	background-position:0 -25px;
	text-align:left;
}


#popup_pic{
	position					:	relative;
	height						: auto;
	width							: auto;
}
#popup_pic_navi{
	position					: absolute;
	top								: 0px;
	left							: 0px;
	height						: 22px;
	width							: 100%;
	text-align				: center;
	padding-top				: 4px;
	background-color	: #CCCCCC;
	-moz-opacity			: 0.7;
	opacity						: 0.7;	
	filter						: alpha(opacity=70);
	color							: #000000;
	font 	: normal 14px Verdana, Helvetica, sans-serif;
	color : #000;
}

#legende{
	padding:5px;
	border:1px solid;
}
.legend_cell{
	margin-right:6px;
	margin-bottom:4px;
	margin-left:20px;
}
.color_cell{
	position:absolute;
	width:16px;
}
#popup_box{
	position:absolute;
	margin-top:105px;
	left:180px;
	width:210px;
	height:120px;
	background-color:#DDB27F;
	z-index:100;
	border:1px #672B01 solid;
	overflow:hidden;
}
#popup_box #head{
	position:relative;
	padding-left:2px;
	width:210px;
	height:auto;
	background-color:#672B01;
	color:#DDB27F;
}
#popup_box #inhalt{
	padding-top:10px;
	text-align:center;
}

#popup_box #inhalt .left,#popup_box #inhalt .right{
	padding-left:15px;
	float:left;
	text-align:left;
}

#popup_box #inhalt input{
	width:80px;
}

#popup_box #head #close{
	position:absolute;
	top:0px;
	right:2px;
	width:14px;
	height:14px;
	border:1px #DDB27F solid;
	text-align:center;
}
#popup_box #head #close a{
	font 	: normal 11px Verdana, Helvetica, sans-serif;
	color:white;
}
#error{
	font-weight:bold;
	color:red;
}
.popup_headline{
	border:0px solid;
	width:180px;
	background-color:#672B01;
	color:#DDB27F;
}
.form-row{
	display:block;
	float:none;
	clear:both;
	margin-bottom:12px;
}
.form-col{
	width:50%;
	float:left;
}
.form-col .title{
	width:120px;
	float:left;
}
input,textarea,select{
	font-weight:bold;
	line-height:27px;
	width:215px;
}
select{
	width:525px;
}
.content-middle-inner-left,
.content-middle-inner-right{
	float:left;
}

/*
* Kontaktform Styles
*/

fieldset {
	border:0 solid;
	float:left;
	width:46%;
}
/**************************
*
*			KALENDER STYLES
*
***************************/
#content_left{
	position 					: relative;
	width							: 390px;
	height						: auto;
	top     					: 0px;
	left							: 0px;
	font							:	normal 14px Verdana, Helvetica, sans-serif;
	text-align				: left;
	float							: left;
	border						: 1px solid;
}
#content_right{
	position 					: relative;
	width							: 278px;
	left							: 6px;
	height						: auto;
	font							:	normal 14px Verdana, Helvetica, sans-serif;
	text-align				: left;
	float							: left;
}
#cal_cat{
	position					: relative;
	height						: 16px;
	width							: 275px;
	padding						: 4px;
	border						:	1px solid;
	font							:	bold 12px Verdana, Helvetica, sans-serif;
	margin-bottom			: 4px;

}
#cal{
	position					: relative;
	width							: auto;
	height						: auto;
	padding						: 6 6 6 6px;
	border						:	1px solid;
	font							:	bold 12px Verdana, Helvetica, sans-serif;
}
#cal #box{
	position					: relative;
	width							: 378px;
	height						: auto;
	text-align				: center;
	padding						: 0px;
	border						:	1px solid;
	border-bottom			: 0px solid;
}
#cal #box #box_left{
	position					: relative;
	width							: 20px;
	height						: auto;
	float							:	left;	
	padding						: 4px;
	z-index						: 100;
	background-color	: #672B01;
}
#cal #box #box_middle{
	position					: relative;
	float							:	left;	
	width							: 314px;
	padding						: 4px;
	z-index						: 200;
	background-color	: #672B01;
	font							:	bold 14px Verdana, Helvetica, sans-serif;
}
a#box_middle{
	text-decoration		: none;
	color							: #FFFFFF;
}
a:hover#box_middle{
	color : red ;
}
#cal #box #box_right{
	position					: relative;
	padding						: 4px;
	background-color	: #672B01;
}
#cal #box * a,a:hover{
	text-decoration		: underline;
	color							:#83827E;
	background-image	: none;
}
#cal #box * a:hover{
	color							: red;
}
#cal #days{
	position					: relative;
	width							: 378px;
	height						: auto;
	text-align				: left;
	padding						: 0px;
	border						:	1px solid;
}
#cal #days #day_head{
	width							: 45px;
	height						: 35px;
	text-align				: center;
	padding						: 4px;
	border-left				:	1px solid;
	border-bottom			:	1px solid;
}
#cal #days #day{
	position					: relative;
	width							: auto;
	height						: 45px;
	text-align				: left;
	padding						: 0px;
	border-left				:	1px solid;
	border-bottom			:	1px solid;
	/*cursor						: pointer;*/
}
#cal #days #day #day_count{
	position					: relative;
	width							: 12px;
	height						: auto;
	top								: 0px;
	left							: 0px;
	text-align				: center;
	border-bottom			:	1px solid;
	border-right			:	1px solid;
	font							:	normal 8px Verdana, Helvetica, sans-serif;
}

#cal #days #day .head .day_countT{
	position					: relative;
	float							: left;
	width							: 12px;
	height						: auto;
	top								: 0px;
	left							: 0px;
	text-align				: center;
	border-bottom			:	1px solid;
	border-right			:	1px solid;
	font							:	normal 8px Verdana, Helvetica, sans-serif;
	cursor						: default  ;
}
#cal #days #day .head .add_date,#cal #days #day .head .edit_date,#cal #days #day .head .del_date{
	position					: relative;
	float							: right;
	width							: 12px;
	height						: auto;
	top								: 0px;
	right							: 0px;
	text-align				: center;
	border-bottom			:	1px solid;
	border-left				:	1px solid;
	background-color	: #00CA00;
}
#cal #days #day .head .del_date{
	background-color	: #FF0000;
}
#cal #days #day .head .edit_date{
	background-color	: #FFFF00;
}
#cal #days #day .add_date a,#cal #days #day .edit_date a,#cal #days #day .del_date a{
	font							:	bold 8px Verdana, Helvetica, sans-serif;
}
#cal #days #day .del_date a{
	color:#FFFFFF;
}

#cal #days #day #day_inlay{
	font							:	normal 8px Verdana, Helvetica, sans-serif;
	width							: 11px;
	height						: 11px;
	border						: 1px solid white;
	float							: left;
}

#ws2{
	overflow-x:hidden;
}

#callout{
	position:absolute;
	bottom :12px;
	left:65px;
	text-align: center;
}