/* Definition html-Standard tags #################################################### */

body{
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	color:#000;
}

h1, h2, h3, h4{
	font-family:Times;
	font-size:24px;
	line-height:32px;
	color:#666;
	font-style:italic;
}

h3{
	font-size:18px;
	line-height:22px;
	padding:0px;
	margin-bottom:5px;
}

h4{
	font-size:16px;
	line-height:18px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}

.h3_links{
	margin-top:35px;
	clear:both;
}

a{
	color:#666;
}

.a_links{
	text-align:right;
	font-size:14px;
	color:#000;
	display:block;
	height:1.8em;
	width:95%;
}

.a_links:hover{
	font-size:16px;
}

.a_links img{
	border:0px;
	margin-bottom:40px;
}

.a_admin{
	margin-left:380px;
	color:#999;
}

.a_einfuehrung{
	font-size:14px;
	color:#cc0000;
}

.a_top{
}

img{
	border: 0px;
}

hr{
	height: 1px;
}
	

/* Aufbau und Gliederung der Seite (divs) #################################################### */

#div_mitte{
	position:absolute;
	left:50%;
	margin-left:-500px;
	width:1005px;
}

#div_header{
	position:relative;
	width:1005px;
	height:264px;
	margin:0;
	padding:0;
}

#div_header img{
	position:static;
	float:left;
	width:179px;
	height:264px;
}

#div_header div{
	position:static;
	float:left;
	width:826px;
	height:264px;
	background-image:url(../images/banner_top.png);
	background-repeat:no-repeat;
}
	

#div_animation{
	position:absolute;
	top:0px;
	left:0px;
	width:179px;
	height:264px;
}

/* IE 6 Korrekturen */
* html #div_animation{

}

#div_bannerbild{
	position:absolute;
	top:109px;
	left:194px;
	width:604px;
	height:143px;
}

#div_menu{
	float:left;
	width:174px;
	min-height:400px;
	padding-top:20px;
	padding-left:5px;
	padding-bottom:20px;
}

#div_content{
	position:relative;
	float:left;
	width:597px;
	min-height:470px;
	background-image:url(../images/schatten.png);
	background-repeat:no-repeat;
	padding:20px;
}

/* IE 6 Korrekturen */
* html #div_content{
	height:470px;
}

#div_content p{
	clear:both;
	margin:5px 0px;
}

#div_news{
	position:relative;
	float:left;
	width:184px;
	min-height:450px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:2px;
	z-index:10;
}

#div_news div{
	position:relative;
	width:152px;
	height:175px;
	overflow:hidden;
	background-image:url(../images/postit.jpg);
	background-repeat:no-repeat;
	padding:5px 15px;
}

#div_news div a{
	margin-left:90px;
}

#div_news img{
	border-width:0px;
}

.raum{
	border-width:3px;
	border-style:solid;
	border-color:#999;
	padding:3px;
	margin-right:10px;
}

#div_news p, #div_news h3{
	padding-left:10px;
}

#div_footer{
	float:left;
	width:805px;
	height:30px;
	background-image:url(../images/Vollmer_BG_footer.gif);
	padding-left:200px;
	color:#999;
	margin-bottom:5px;
	text-align:left;
}

#div_validation_icons{
	float:left;
	width:1005px;
	margin-bottom:10px;
	text-align:right;
}

#div_validation_icons img{
	border:0px;
}

/* Karte fuer Schulen-Seite #################################################### */

#div_karte{
	position:relative;
	margin:0;
	padding:0;
	background-image:url(../images/hessenkarte.jpg);
	background-repeat:no-repeat;
	width:600px;
	height:900px;
}

#div_karte ul{
	position:absolute;
	margin:0;
	padding:0;
	font-weight:bold;
}

#ul_kassel{
	left:385px;
	top:185px;
}

#ul_fritzlar{
	left:330px;
	top:253px;
}

#ul_wolfhagen{
	left:306px;
	top:181px;
}

#ul_arolsen{
	left:273px;
	top:169px;
}

#div_karte ul li{
	list-style:none;
	position:absolute;	
	height:30px;
	width:30px;
	background-color:transparent;
	text-decoration:none;
}

#div_karte ul li:hover{
	background-image:url(../images/punkt.gif);
	background-repeat:no-repeat;
}

#div_karte li ul{
	margin:0;
	padding:10px;
	position:absolute;
	top:35px;
	left:-15em;
	display:none;
}

#div_karte li:hover ul{
	display:block;
}

#div_karte li ul li{
	display:block;
	background-color:#fff;
	width:15em;
	height:15em;
	padding:5px;
	border:1px solid black;
}

#div_karte li ul li:hover{
	background-image:url();
}

#div_karte a{
	display:block;
	width:30px;
	height:30px;
}

/* Menue (Liste) #################################################### */

#ul_navi{
	margin:0;
	padding:0;
	text-align:left;
}

#ul_navi li{
	list-style:none;
	margin-top:3px;
	margin-left:0px;
	position:relative;
	padding:0px 0px;
	background-color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	font-style:italic;
	text-decoration:none;
}

/* IE 6 Korrekturen */
* html #ul_navi li{
	line-height:18px;
	margin-top:0px;
}

/* IE 7 Korrekturen */
*:first-child+html #ul_navi li{
	margin-top:0px;
	margin-bottom:0px;
}

#ul_navi ul li{
	margin-top:3px;
	margin-left:-25px;
}

/* IE 6 Korrekturen */
* html #ul_navi ul li{
	margin-top:0px;
}

/* IE 7 Korrekturen */
*:first-child+html #ul_navi ul li{
	margin-top:0px;
}

#ul_navi a{
	margin:1px;
	margin-top:3px;
	display:block;
	padding:3px 3px;
	text-decoration:none;
	color:#000;
	height:1.3em;
}

/* IE 7 Korrekturen */
*:first-child+html #ul_navi a{
	height:1.1em;
}

/* IE 6 Korrekturen */
* html #ul_navi a{
	margin-top:0px;
	padding:1px 1px;
	height:1.1em;
}

#ul_navi a:visited{
	color:#000;
}

#ul_navi a:hover, #ul_navi span{
	margin:1px;
	margin-top:3px;
	display:block;
	padding:3px 3px;
	color:#fff;
	background-color:#ffdb00;
}

/* IE 6 Korrekturen */
* html #ul_navi span{
	margin-top:0px;
	padding:1px 1px;
}

* html #ul_navi a:hover{
	margin-top:0px;
	padding:1px 1px;
}

/* IE 7 Korrekturen */
*:first-child+html #ul_navi span{
	margin-left:0px;
	
}

#ul_navi .leiter_link{
	color:#666;
	background-color:#ccc;
}

#ul_navi .leiter_link:visited{
	color:#666;
}

#ul_navi .leiter_link:hover{
	color:#fff;
	background-color:#ccc;
}

#ul_navi .leiter_aktiv{
	color:#fff;
	background-color:#ccc;
}

#ul_navi .leiter_vollmer{
	color:#666;
	background-color:#ccc;
}

.grey{
	display:block;
	background-color: #E5E5E5;
}

/* Tabellen ######################################## */

/* Tabelle, Tab-Ueberschrift, Tab-Zelle */
table{
	background-color:#fff;
	font-weight:bold;
	font-size:9px;
	vertical-align:top;
}

.team{
	font-size:12px;
	line-height:1.3em;
	background-color:#fff;
	padding: 3px 5px;
	font-weight:normal;
	vertical-align:top;
}

.grad{
	width:5%;
}

/* timetable ######################################## */

.timetable{
	font-size:10px;
	line-height:12px;
}

.zeit_std{
	width:5%;
	font-weight:bold;
	text-align:right;
	background-color:#e5e5e5;
}

.zeit_min{
	font-weight:normal;
	text-align:right;
	background-color:#e5e5e5;
}

.wt{
	background-color:#ffdb00;
}

.escrima{
	background-color:#3366cc;
}

.chikung{
	background-color:#66cc00;
}

.standard{
	background-color:#a7a9ac;
}


tr{
	height:10px;
}

th{
	width:12%;
	text-align:center;
	padding: 2px 5px;
	font-size:12px;
	background-color:#e5e5e5;
}

td{
	font-size:10px;
	line-height:12px;
	height:10px;
	background-color:#fff;
	padding: 0px 5px;
	font-weight:normal;
}

/* Kontaktformular ######################################## */

button{
border-width: 1px;
border-style: solid;
border-color: #000000;
text-align: center;
}

.h3_info{
	color:#0f0;
}

#contact{
	width:400px;
	height:56em;
	padding:15px;
	background-color:#e5e5e5;
}

#contact label{
	float: left;
	width: 100px;
	padding: 2px 10px 10px 0;
	clear: both;	
}

#contact form{
	width: 400px;
}

#contact input[type=text]{
	float: left;
	width: 280px;
	padding: 2px;
	margin-bottom: 15px;
}

#contact p{
	clear:none;
	margin-left:110px;
}

#contact input[type=checkbox]{
	clear: left;
	margin-bottom: 3px;
	margin-top: 5px;
}

#contact textarea{
	float: left;
	width: 284px;	
	margin-bottom: 15px;	
}

#contact button{
	width: 100px;
	float: right;
	margin-right: 4px;
}