/*#############################################################*/
/*#                                                           #*/
/*#                  External Stylesheet                      #*/
/*#                © HMAFG Erzieher werden                    #*/
/*#                                                           #*/
/*#                                                           #*/
/*#   WHO                      WHEN             WHAT          #*/
/*#   thaaf@active-web.de      19.03.10         created       #*/
/*#                                                           #*/
/*#                                                           #*/
/*#############################################################*/
/*

*/

html, body {
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
}

body{
	background-color:#c7d7e4;
}

.popup{
	background-color:#D2E59B!important;
	padding:0px;
}

hr{
	display:block;
	clear:both;
	height:1px;
	line-height:1px;
	border-top:1px solid #c7d7e4;
	border-right:0px;
	border-left:0px;
	border-bottom:0px;
}

.aw_nostyle{
	padding:0px;
	margin:0px;
	border:0px;
}

.hidden{
	display:none;
}

.anchor{
	display:block;
	height:0px;
	line-height:0px;
	overflow:hidden;
}

#outercontainer{
	display:block;
	clear:both;
	width:964px;
	margin:0px auto 0px auto;
	padding:38px 0px 0px 0px;
}

#logo{
	position:absolute;
	z-index:100;
	margin:-17px 0px 0px -9px;
}

#hessenlogo{
	position:absolute;
	display:block;
	z-index:100;
	top:45px;
	width:950px;
	text-align:right;
}

.slideshow{
	display:block;
	clear:both;
	width:964px;
	height:192px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 4px 0px;
}


#topnavigation{
	position:absolute;
	width:964px;
	display:block;
	top:192px;
	z-index:100;
}

#topnavigation ul{
	display:block;
	float:right;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#topnavigation ul li{
	display:block;
	float:left;
	padding:2px 0px 0px 0px;
}

#outercontentcontainer{
	display:block;
	clear:both;
	width:964px;
}

#annotationcontainer{
	display:block;
	float:left;
	width:236px;
	padding:13px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	overflow:hidden;
}

.annotation{
	display:block;
	float:left;
	clear:both;
	width:236px;
	overflow:hidden;
	padding:0px 0px 15px 0px;
	margin:0px;
}

.annotationtext{
	display:block;
	float:left;
	clear:both;
	width:236px;
	overflow:hidden;
	padding:8px 0px 15px 0px;
	margin:0px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.7em;
	color:#333;
}



#contentcontainer{
	display:block;
	float:left;
	width:526px;
	overflow:hidden;
}

#mainnavigationcontainer{
	display:block;
	float:right;
	width:182px;
	padding:0px;
	margin:0px 0px 0px 10px;
}

/* SOCIAL MEDIA */
#socialmediacontainer{
	width:170px;
	height:115px;
	background-color:#FFFFFF;
	margin:0px 0px 5px 0px;
	* margin:5px 0px 5px 0px;
	padding:12px 0px 0px 12px;
}

#socialmediacontainer h2{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	color:#09276d;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px;
	padding:0px 0px 12px 0px;
}

.ab{
	display:block;
	float:left;
	margin:0px 5px 8px 0px;
}


/* SUCHE */
#searchcontainer{
	width:170px;
	height:66px;
	background-color:#EECA38;
	margin:0px 0px 1px 0px;
	* margin:0px 0px -4px 0px;
	padding:12px 0px 0px 12px;
}

#searchcontainer h2{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	color:#09276d;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px;
	padding:0px 0px 12px 0px;
}

#textfieldName{
	display:block;
	float:left;
	width:120px;
	height:21px;
	border:1px solid #a0a9b0;
	padding:0px 0px 0px 4px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.7em;
	color:#000;
}

.searchsend{
	display:block;
	float:left;
	padding:4px 0px 0px 0px;
	margin:0px 0px 0px 9px;
}

/* MAINNAVIGATION */

#mainnavigation{
	display:block;
	float:left;
	width:182px;
	overflow:hidden;
}

.mainnavigation_additional{
	display:block;
	float:left;
	width:182px;
	overflow:hidden;
	margin:25px 0px 0px 0px;
}

/* Level 1 */
#mainnavigation ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#mainnavigation ul li{
	background-color:#FEF2B6;
	margin:0px 0px 1px 0px;
	padding:7px 14px 7px 14px;
}

#mainnavigation ul li.active{
	background-color:#FFF8DB!important;
	margin:0px 0px 1px 0px;
	* margin:0px 0px -7px 0px;
	
}

#mainnavigation ul li.active_nochildren{
	background-color:#FFFFFF!important;
	margin:0px 0px 1px 0px;
}

.ie_navibugfix{
	* margin:0px 0px -7px 0px!important;
}

#mainnavigation ul li a{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	color:#003778;
	text-transform:uppercase;
	text-decoration:none;
}

#mainnavigation ul li a.active{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	color:#003778;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#mainnavigation ul li a.active_nochildren{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	color:#003778;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
}
/* Level 2 */
#mainnavigation ul li ul{
	margin:8px 0px -8px -14px;
	* margin:8px 0px 0px -14px;
	border-top:1px solid #c7d7e4;
}

#mainnavigation ul li ul li{
	margin:0px!important;
	border-bottom:1px solid #c7d7e4;
	padding:5px 0px 6px 24px!important;
	background-color:#e4ebf1;
}

#mainnavigation ul li ul li a{
	text-transform:none;
	font-weight:normal;
}

#mainnavigation ul li ul li.active_nochildren a{
	text-transform:none;
	font-weight:bold!important;
}


.contentbox{
	display:block;
	float:left;
	clear:both;
	width:526px;
	background-color:#B1C6D9;
	padding:0px;
	margin:0px 0px 5px 0px;
}

.contentbox_thin{
	display:block;
	float:left;
	clear:both;
	width:526px;
	background-color:#B1C6D9;
	padding:0px;
	margin:0px 0px 1px 0px;
}

.contentbox .text, .contentbox_thin .text{
	display:block;
	float:left;
	clear:both;
	width:485px;
	padding:10px 15px 5px 20px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	color:#000;
	line-height:1.4em;
}

.contentbox .text p, .contentbox_thin .text p{
	margin:0px 0px 5px 0px;
	padding:5px 0px 0px 0px!important;	
	line-height:1.4em;
}


.contentbox .text h2, .contentbox_thin .text h2{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.9em;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
}


.contentbox .headline, .contentbox_thin .headline{
	display:block;
	float:left;
	clear:both;
	max-width:500px;
	margin:13px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url("../_gfx/headline_shadow.png");
	background-repeat:no-repeat;
	background-position:bottom right;
}

.contentbox .headline h1, .contentbox_thin .headline h1{
	display:block;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.9em;
	color:#000000;
	padding:5px 20px 15px 20px;
	margin:0px;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url("../_gfx/headline_uppercorner_shadow.png");
	background-repeat:no-repeat;
	background-position:top right;
}

.contentbox ul, .contentbox_thin ul{
	padding:0px 0px 0px 20px;
	list-style-type:circle;
}

.contentbox ul li, .contentbox_thin ul li{
	padding:5px 0px 5px 0px;
}

.listitemheadline{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	color:#000000;
	padding:10px 20px 15px 20px;
	margin:0px;
	font-weight:bold;
	text-transform:none;
}

.contentbox a, .contentbox_thin a{
	font-family:Arial, Helvetica, Sans-serif;
	color:#d6001a;
}

.searchresulthref{
	font-family:Arial, Helvetica, Sans-serif;
	color:#d6001a;
	text-decoration:underline;
	text-transform:uppercase;
}

.searchphrase{
	color:#000;
}

.listitemhref{
	font-family:Arial, Helvetica, Sans-serif;
	color:#000000;
	text-decoration:underline;
	text-transform:uppercase;
}


.imagecontainer_left{
	display:block!important;
	float:left!important;
	padding:0px 5px 5px 0px!important;
	margin:0px 0px 0px 0px;
	border:none!important;
}

#footer{
	display:block;
	clear:both;
	width:526px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#5c84a8;
	font-size:0.7em;
	padding:0px 0px 20px 0px;
}

#footer a{
	color:#5c84a8;
	text-decoration:underline;
	margin:0px 3px 0px 3px;
}

.grafik_container{
	display:block;
	clear:both;
	width:520px;
	text-align:center;
	overflow:hidden;
}

.button{
	display:block;
	float:right;
	text-align:right;
	margin:8px 20px 8px 0px;
}

.backbutton{
	display:block;
	float:left;
	width:60%;
	text-align:right;
	margin:8px 0px 8px 20px;
}

.button a{
	display:block;
	float:right;
	font-family:Arial, Helvetica, Sans-serif;
	color:#0b2570;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	padding:4px 18px 10px 12px;
	margin:0px 0px 0px 0px;
	background-image:url("../_gfx/button_shadow.png");
	background-repeat:no-repeat;
	background-position:bottom right;
}

.backbutton a{
	display:block;
	float:left;
	font-family:Arial, Helvetica, Sans-serif;
	color:#0b2570;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	padding:4px 29px 10px 12px;
	margin:0px 0px 0px 0px;
	background-image:url("../_gfx/backbutton_shadow.png");
	background-repeat:no-repeat;
	background-position:bottom right;
}

.closebutton{
	display:block;
	float:left;
	text-align:right;
	margin:8px 0px 8px 20px;
}

.closebutton a{
	display:block;
	float:left;
	font-family:Arial, Helvetica, Sans-serif;
	color:#0b2570;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	padding:4px 29px 10px 12px;
	margin:0px 0px 0px 0px;
	background-image:url("../_gfx/backbutton_shadow.png");
	background-repeat:no-repeat;
	background-position:bottom right;
}

.grafik_fullsize_container{
	display:block;
	clear:both;
	margin:30px auto 15px auto;
	text-align:center;
}

/* FORMULARE */

#form label{
	display:block;
	float:left;
	width:170px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#212121;
	font-weight:bold;
}

#form fieldset{
	border:0px;
	padding:5px;
  
}

legend{
	font-family:Arial, Helvetica, Sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	border:0px;
	padding:0px 0px 10px 0px;
}


.errorset{
	border:2px solid #CC0000!important;
}

.errorset legend{
	font-family:Arial, Helvetica, Sans-serif;
	color:#CC0000;
	font-weight:bold;
	font-size:12px;
	border:0px!important;
  padding:0px!important;
  margin:0px!important;
}

.forminputtext{
	display:block;
	float:right;
	width:260px;
	height:18px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#333;
	font-size:12px;
	padding:0px;
	margin:0px;
	border:1px solid #7a7a7a;
}

#location{
width:230px!important;
}

.formselect{
	display:block;
	float:right;
	width:260px;
	* width:265px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#333;
	font-size:12px;
	padding:0px;
	margin:0px;
}

.formtextarea{
	display:block;
	float:right;
	width:260px;
	height:80px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#333;
	font-size:12px;
	padding:0px;
	margin:0px;
}

.sendsuccess{
	padding:20px 0px 0px 0px;
	font-weight:bold;
	color:#CC0000;
}

/* MULTIPLE CHOICE FORM */

.questionheadline{
	font-family:Arial, Helvetica, Sans-serif;
	color:#000;
	font-size:0.8em;
	padding:0px 0px 5px 20px;
	* padding:4px 0px 5px 20px;
	border-bottom:1px solid #c7d7e4;
}

.checkboxcontainer{
	display:block;
	float:left;
	width:470px;
	padding:0px 0px 15px 0px;
}

.checkboxcontainer_last{
	display:block;
	float:left;
	width:470px;
	padding:0px 0px 0px 0px;
}

.checkbox{
	display:block!important;
	float:left!important;
}

.checkboxlabel{
	display:block;
	float:left;
	width:420px!important;
	font-weight:normal!important;
	padding:1px 0px 0px 5px;
}

/* ADDRESENSUCHE */

.addressfieldset_left{
	display:block;
	float:left;
	width:200px;
}

.addressfieldset_right{
		display:block;
		float:right;
		width:200px;
}


.addressfieldset_left label, .addressfieldset_right label{
	display:block;
	float:left;
	clear:both!important;
	width:105px!important;
	font-weight:normal!important;
}

.addressfieldset_left input, .addressfieldset_right input{
	display:block;
	float:left;
	clear:both;
}

#plz{
	width:45px;
}

#ort{
	width:190px;
}

.addresslabel{
	display:block;
	float:left;
	width:50px;
	font-weight:bold;
}

.successtext{
	font-weight:bold;
	color:#CC0000;
	padding:10px 0px 15px 0px;
}

.addressfieldset_left select, .addressfieldset_right select{
	display:block;
	float:left;
	clear:both;
}

.clearfix{
	display:block;
	clear:both;
	padding:10px 0px 0px 0px;
}

#map{
	display:block;
	clear:both;
	width:485px;
	height:360px;
}

.address_radius{
	display:block;
	float:left;
	clear:right;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em!important;
	color:#000000;
	font-weight:bold;
	text-transform:none!important;
	max-width:400px;
	padding:5px 15px 4px 20px!important;
	margin:13px 0px 0px 0px!important;
	background-image:url("../_gfx/radius_shadow.png")!important;
	background-repeat:no-repeat;
	background-position:bottom right;
}

.sitemap{
	list-style-type:none!important;
	padding:9px 0px 9px 25px;
	margin:0px 0px 0px 0px;
}

.sitemap li a{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em!important;
	color:#CC0000;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}

.sitemap li ul{
	list-style-type:none!important;
	padding:9px 0px 0px 25px;
	margin:0px 0px 0px 0px;
}

.sitemap li ul li{
	padding:0px 15px 9px 0px;
	margin:0px;
}

.sitemap li ul li a{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em!important;
	color:#CC0000;
	font-weight:normal;
	text-decoration:none;
	text-transform:none;
}

.sitemap a:hover{
	text-decoration:underline;
}

.linklist{
	list-style-type:none;
	padding:0px 0px 0px 20px;
}

.linklist li{
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}

/* VIDEOGALLERY */
.videoheadline{
	display:block;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	width:236px;
	overflow:hidden;
}
.allvideocontainer{
	display:block;
	float:left;
	clear:both;
	padding:0px 5px 5px 5px;
	margin:0px 0px 25px 0px;
	width:236px;
	overflow:hidden;
	background-color:#000000;
}

.singlevideocontainer{
	display:block;
	float:left;
	clear:both;
	width:220px;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:3px;
	margin:8px 0px 0px 0px;
	min-height:60px;
}

.smallvideopreview{
	display:block;
	float:left;
	width:70px;
	height:50px;
	overflow:hidden;
	padding:0px;
	margin:0px 5px 0px 0px;
}

.videopreviewtext a{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	text-transform:none;
}

.videopreviewtext a:hover{
text-decoration:underline;
}

.videoauthor{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.6em;
	color:#000000;
	font-weight:normal;
}

/* ORDERFORM */
.orderformtable{
display:block;
clear:both;
width:485px;
padding:0px;
margin:0px;
border:0px;
}

.orderformtable .categorytitle{
font-family:Arial, Helvetica, Sans-serif;
	font-size:1em;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
  padding:5px 0px 5px 0px;
}

.orderformtable .preview{
text-align:center;
width:70px;
height:80px;
background-color:#c7d7e4;
border-bottom:1px solid #B1C6D9;
padding:5px 0px 5px 0px;
}

.orderformtable .title{
	width:335px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:1em;
	color:#000000;
	font-weight:normal;
	background-color:#c7d7e4;
	border-bottom:1px solid #B1C6D9;
	border-right:1px solid #B1C6D9;
	padding:0px 0px 0px 10px;
}

.orderformtable .orderinput{
	text-align:center;
	width:80px;
	background-color:#c7d7e4;
	border-bottom:1px solid #B1C6D9;
}

.orderforminput{
width:20px;
height:18px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#333;
	font-size:12px;
	padding:0px;
	margin:0px;
	border:1px solid #7a7a7a;
}