/* CSS Document */
/* positionierung */
.header{
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	position:absolute; 
	left:10px; 
	top:10px; 
	width:760px; 
	height:100px;
}
.header_logo{
	position:absolute;
	left:70px;
	top:20px;
}
.header_menu{
	position:absolute;
	right:0px;
	top:0px;
}
.image{
	background-color: #CCCCCC;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	position:absolute;
	left:10px;
	top:120px;
	width:760px;
	height:100px;
}
.calendar{
	background-color: #CCCCCC;
	float: left;
	border: 1px solid #999999;
	position:absolute;
	left:790px;
	top:10px;
	width:200px;
	height:210px;
}
.main{
	position:absolute;
	left: 10px;
	top: 230px;
	width: 980px;
}
.sitemap{
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
}
.navigation{
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	position:absolute;
	left:0px;
	top:0px;
	width:210px;
}
.contact{
	background-color: #ffffff;	
}
.toolbox{
	position:absolute;
	left:220px;
	top:0px;
	width:540px;
	height:20px;
	text-align: right;
}
.content{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	position:absolute;
	left:220px;
	top:30px;
	width:540px;
	height: auto;
}
.benefit{	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	position:absolute;
	left:780px;
	top:0px;
	width:200px;
	/*height:210px;*/
}
.adds{
	/*border: 1px solid #cccccc;*/
	position:absolute;
	left:780px;
	top:250px;
	width:200px;
	height:auto;
	text-align:center;
}
.annotation{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #ffffff;
	display: block;
	float: left;
	height: 25px;
	width:210px;
}

/* schrift */
body,td,div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}
.headline{
	font-weight: bold;
	color: #6699FF;
	width:100%;
	background-color: #F5F5F5;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.caption{
	font-size: 10px;
}

/* links im text */
.content a{
	color: #999999;
	text-decoration: underline;
	background-color: #FFFFFF;
}
.content a:hover{
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}

/* formular */
.formular{
	position:relative;
	width:100%;
}
.errormsg{
	color:#ff0000;
}
.label{

}
.field{

}
.input_text{
	width:250px;
}
.textarea{
	width:250px;
	height:100px;
}
.select{
	width:250px;
}

/* calendar */
.calendar td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	border: 1px solid #ffffff;
}
.calendar td a{
	color: #333333;
	text-decoration: none;
}
.calendar td a:hover{
	color: #000000;
	text-decoration: none;	
}
.spacer{
	background-color: #ffffff;
}
.nextmonth{
	background-color: #999999;
}
.delay{
	background-color: #CC6666;
}
.bygone{
	background-color: #F5F5F5;
	color: #aaaaaa;
}
.partly{
	background-color: #FFFF99;
}
.abound{
	background-color: #FF3333;
}