html {height:100%;
	
	background-image: url(img/bg_body.jpg);
	background-repeat: no-repeat;

}
body, html {
	margin: 0;
	padding: 0;

}
.normal{
-moz-border-radius: 10px;
border-radius: 10px;
}
.kaartje{
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url(img/bg_right.jpg);
	background-position: bottom;
	padding-left: 15px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}


#box {
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url(img/bg_blok.jpg);
	background-position: bottom;
	padding-left: 15px;
	color: #FFF;
	margin-top: -7px;
	margin-bottom: -7px;
}
#box a {
	
	color: #FFF;
}

iframe {
	max-width: 1150px;
    width: 98%;  
    margin: 0 auto;
	position:relative;
	

}


.knop {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F78F1E), color-stop(1, #F78F1E) );
	background:-moz-linear-gradient( center top, #F78F1E 5%, #F78F1E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F78F1E', endColorstr='#F78F1E');
	background-color:#F78F1E;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
/*	border:1px solid #dcdcdc;*/
	display:inline-block;
	color:#FFF;
	
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}.knop:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F78F1E), color-stop(1, #F78F1E) );
	background:-moz-linear-gradient( center top, #F78F1E 5%, #F78F1E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#F78F1E;
	border:1px solid #FDB825;
	
}.knop:active {
	position:relative;
	top:1px;
}
#boven {
	margin: 0 auto;
	position:relative;
	max-width: 1150px;
	width: 96%;
	height:30px;
	text-align: right;
	font-size: 0.8em;
	padding-top: 10px;
	margin-top: 45px;
 	
}
#boven a {
	color: #333;
 	
}
#boven a:hover {
	
	text-decoration: underline; 	
}

.bodybox {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
	position:relative;
/*	background-image: url(img/bg_container_smal.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
}
.top	 {
	max-width: 1150px;
	height:50px;
	text-align: right;
	font-size: 0.8em;
}
.container {
	margin: 0 0px 0 0px;
	
	/* -webkit-box-shadow: 5px 5px 5px #ccc;
    -moz-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
*/
/*    -moz-box-shadow: 10px 3px 7px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 10px 3px 7px rgba(0, 0, 0, 0.40);
    box-shadow: 10px 3px 7px rgba(0, 0, 0, 0.40);
		-webkit-border-top-right-radius: 15px;*/

		
}
.containershadowleft {
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:500px;
/*	background: transparent url(img/shadowleft.png)  no-repeat;*/
	display: none;
}
.containershadowright {
	position:absolute;
	top:80px;
	right:0;
	width:20px;
	height:500px;
	background: transparent url(img/shadowright2.png) no-repeat;
	background-color: #FFF;
	
}

.header {
	width: 100%;
	background-position: right top;
	position: relative;
	background-color: #FFF;
	border-top-right-radius: 40px 40px;
	border-top-left-radius: 40px 40px;
	margin-bottom: -2px;

}
.headerpic  {max-width:100%; float:right; }
.header .infobox {
	position:absolute;
	left: 0px;
	width: 100%;
	z-index: 10;
	bottom: 0px;
}

.header img {
  border-top-right-radius: 40px 40px;
    border-top-left-radius: 40px 40px;
	
}

.header .infobox a img {width:100%
	
}
.header .infobox a img {width:100%
	
}
.header .infobox  p {
	margin:0;
	line-height: 100%;
}
.infobox #topmenubar {
	background-color:#FDB825;
	width:92%;
	clear:both;
	height: 47px;
	margin: 0 auto;
	position:relative;
	text-align: center;
	/*    -moz-box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.40);
    box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.40);*/
   -moz-box-shadow: 3px 7px 5px #ccc;
	-webkit-box-shadow: 3px 7px 5px #ccc;
	box-shadow: 3px 7px 5px #ccc;
	-moz-border-radius: 20px;
	border-radius: 15px;
	padding-left: 3%;
	text-transform: uppercase;
	z-index: 50;
	margin-top: -47px;
}


/***********************************
	header-menu
************************************/
#menubox{
	width:95%;
	clear:both;
	height: 47px;
	margin: 0 auto;
	position:relative;
	text-align: center;
	background-color: #F78F1E;
	box-shadow: #888 0px 0px 10px;
	-webkit-box-shadow: #888 0 0 10px;
	-moz-box-shadow: #888 0px 0px 10px;
	/*	-webkit-box-shadow: 5px 5px 15px #888;
    -moz-box-shadow: 5px 5px 15px #888;
    box-shadow: 5px 5px 15px #888;
	
-webkit-box-shadow: 5px 5px 10px #888;
	-moz-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	background-image: url(img/bg_menu.jpg);
	margin-top: -8px;
	z-index: 20;

}



.mainbox {
	margin: 0 0 0 0;
	font-size: 90%;
	background-color: #FFF;
}
#links{
	width: 18.2%;
	float:left;
	margin-left: 2%;
	margin-bottom: 10px;
	margin-top: 20px;
	overflow: visible;
}
#links img {
	width: 100%;

}
/* Menu Links Abstand nach oben*/
#menu {
	margin: 0px;
	padding-left: 0px;
	padding-top: 10px;
	background-color: #FDB825;
	padding-bottom: 10px;
	margin-bottom: 7px;
	overflow: hidden;
}

/* Menü links, Schriftart, Höhe der Kasten */
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-variant: normal;
	font-size: 15px;
	text-transform: capitalize;	
}

#menu li {
	margin: 0; 
	display: inline;
}

#menu ul.menu-top li a {
	width: 96%;
	/* height: 32px; */
	line-height: 20px;
	color: #333;
	text-decoration: none;
	display: block;
	padding:5px 0 5px 20px;
}

#menu ul.menu-top li a:hover,
#menu ul.menu-top li.menu-current a {

	background-color: #F78F1E;	
}


#menu ul.menu-top li ul li a,
#menu ul.menu-top li ul li.menu-child a,
#menu ul.menu-top li ul li.menu-sibling a {
	text-decoration: none;
	width: 139px;
	display: block;
	font-size: 12px;
	padding:5px 0 5px 18px;
	color: #990002;
	font-weight: normal;
	background: #BAC4CD;
}	

#menu ul.menu-top li ul li a:hover {
	background: #BAC4CD;
	font-weight: normal;
	/* text-decoration: underline; */
	opacity: 0.7;
}
#menu ul.menu-top li ul li.menu-current a {
	background: #BAC4CD url(images/arrow_right_16.png) no-repeat left ;
	font-weight: normal;
	text-decoration: none;
}


#menu ul.menu-top li ul li ul li a,
#menu ul.menu-top li ul li ul li.menu-child a,
#menu ul.menu-top li ul li ul li.menu-sibling a {
	text-decoration: none;
	display: block;
	font-size: 10px;
	padding-left: 22px;
	color: #990002;
	font-weight: normal;
	background: #e4e4e4;
	padding:5px 0 5px 22px;
	width: 134px;

}	
#menu ul.menu-top li ul li ul li a:hover {
	font-weight: normal;
	background: #FFE696;
	background: #e4e4e4;
	/* text-decoration: underline; */
	opacity: 0.7;
}
#menu ul.menu-top li ul li ul li.menu-current a {
	font-weight: normal;
	text-decoration: none;
	background: #e4e4e4 url(images/arrow_right_16.png) no-repeat left ;
}




.contentbox {
width:68%;
	/* width: 52%; */
	float:left;
	margin-left: 2%;
	padding-top: 10px;
}
.contentbox .inner {
	min-height:330px;
	padding:10px 1px 20px 15px;
}
.rightbox {
	width: 20%;
	float:right;
	margin-right: 2%;
}
.rightbox .inner {
	padding:1px 5px 0 0;
	line-height: 120%;
}

#contentwide {
	width: 77%;
	margin-left: 2%;
}

#social {
	position:relative;
	width:80px;
	height:22px;
	z-index:1;
	float: right;
	margin-top: 5px;
}
/*.rightbox img{
	
    width: 100%;  
   
}*/

.footer {
	width: 96%;
	position:relative;
	background-color: #FDB825;
	font-size:0.9em;
	padding-top: 7px;
	padding-bottom: 5px;
	margin: 0px;
	color: #FFF ! important;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}

.footer .footerpic {width:100%; height:100%;}

.footer  p {
	margin: 0px;
	margin-top: 0px;	
}

.footer  a {
	margin: 0px ;
	color: #FFF ! important
}

.clearer {
	height:1px;
	clear:both;
}

.powered{
	width:100%;
	font-size:0.8em;
	text-align:center;
	line-height:110%;
	color: #F78F1E ! important;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 4px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* http://webdesign.tutsplus.com/tutorials/site-elements/big-menus-small-screens-responsive-multi-level-navigation/ */
/* http://tessathornton.com/ */

a#mobilemenu {
    display:  none;   
}
a#mobilemenu span {
	display:block;
	padding: 10px 15px;
	font-weight: normal;
	color: #333;
}



.search_box {float:right;   width:130px; text-align:right; margin-top:3px;}
.search_box .searchstring {	
	width:80px;
	border: 1px solid #FDB825;
	background-color: #f2f3f8;
	font-size:12px;
	padding:2px;
}
.search_box .submitbutton {
	vertical-align: top; margin:0 0 0 0; 
}

#showlogin {display:block; float:right; position:relative;  width:30px; text-align:right; margin-top:3px; }
#login-box {position:absolute; width:200px; left:-190px; top:25px; padding:10px; font-size:11px; background:transparent url(img/bg75.png);}
#login-box .inputfield {width:80px; border: 1px solid #d3dce5; padding:1px;}
.printbutton  {display:block; float:right;}


/*
dunkel: 4d6a88
hell: d3dce5
mittel: 849ab5
*/
.breadcrumbs {
	clear:both;
	background:#fff;
	height: 0px;
}
.breadcrumbs span {background: url(img/breadcrumbsArrow.png) no-repeat 12px 3px; padding:3px 0 3px 25px }
.breadcrumbs span.menu-current a {font-weight:normal; }

.childpages {width: 30%; float:right; min-width:130px; margin-right:0%; font-size:0.9em;  background:#849ab5;}
.childpages ul, .childpages li {
	list-style-type: none;
	list-style-image: none;
	margin: 0; padding: 0;
	border-top: 1px solid #d3dce5;
	background: url(img/rightArrow.png) no-repeat 3px 6px;
}

.childpages li a {
	display: block; 	
	text-decoration: none; 
	font-weight: bold;
	line-height:120%;
	/*text-shadow: 1px 1px 1px #000;*/
	padding: 8px 2px 8px 20px;


}

 .nav a.menu-first{
	font-weight: normal;
	color: #333;
}

 .nav a.menu-last{
	font-weight: normal;
	color: #333;
}
 .nav a.menu-sibling{
	font-weight: normal;
	color: #333;
}
#nav a{
	font-weight: normal;
	color: #333;
}



ul.nav {
	list-style-type: none;
	*zoom: 1;
	margin: 0;
	padding: 0;
	position: relative;
	
}

ul.nav li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	position: relative;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border-right: 0px solid #fff;
	
	
}
ul.nav li li {background-color:#F78F1E;}
ul.nav li li li {background-color:#d3dce5;}

.nav li a {
	display: block;
	text-decoration: none;
	line-height:120%;
	/*text-shadow: 1px 1px 1px #000;*/
	
	color:#333;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 90%;
}



/* Hover Formatting */
.nav  li a:hover, .nav li a:focus, .nav li a:active, .nav li a.active, .nav a.menu-current, .nav a.menu-parent {
	background-color: #F78F1E;
	color: #FFF;
}



/* 2 Ebene */
.nav li ul {
	background:none;
    display: none;
    width: 15em; 
    margin: 0; padding:0;
    position: absolute;
}
.nav li ul li {
	width: 12em; 
	text-align: left; 
	font-weight: normal; 
	margin: 0; 
	padding: 0;
	border-top: 1px solid #fff;
	border-right: none;
}
.nav li ul li a {
	
    color: #FDB825;
    font-weight: normal;
	padding: 6px 6px 6px 15px;
    
}


/* 2 Ebene hover */
.nav li ul a:hover,  .nav li ul a.menu-current,  .nav li ul a.menu-parent  {
	background-color: #FDB825;
	color: #FFFFFF;
}


/* Show and hide */
.nav li:hover ul, .nav li a:focus ul {display: block; }
.nav li ul ul { display: none;}
.nav li:hover ul ul {display: none;}
.nav li:hover>ul, .nav  li li:hover>ul {display: block;  z-index: 1000;}


/* 3 Ebene  */
.nav li ul li ul	{ 
	margin: -20px 0 0 70%; 
	padding:0;
	z-index: 9999;  
	display: none;
	width: 14em; 
}
.nav li ul li ul li	{width: 14em;}




.nav li:hover {
	z-index: 10000;	
	white-space: normal;
							
}


ul.nav li.ulend {height:10px; background: transparent url(img/ulend.png) repeat-x;}
ul.nav > li.ulend {display:none ! important;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 768px) {
	a#mobilemenu { 
		display:  block;  
		background: #FDB825;   
		color: #fff;
		width:100%;
	
	}
	
    ul#mobile, ul#mobile ul, ul#mobile ul ul {width:100% ! important; position: static ! important; margin: 0 0 0 0 ! important; display: none}
	ul#mobile li, ul#mobile li li, ul#mobile li li li {
			float: none;
			border-right: none; 
			width:100%  ! important;
			display: block;
			border-bottom: 1px solid #fff;
				background: #FDB825;  
		color: #fff;		
	}
	
	
	ul#mobile li.menu-parent > ul, ul#mobile li.menu-current > ul {display: block}
	ul#mobile {display: block}
	
	ul#mobile a.menu-parent { color: #fff; background-color: #FDB825;}
	#mobile a.menu-expand {
		background-image: url(img/downArrow2.png);
		background-repeat: no-repeat;
		background-position: right 50%;
	}
		
	#mobile a.menu-parent { color: #000;
		background-image: url(img/downArrow.png);
		background-repeat: no-repeat;
		background-position: right 50%;
		}
	

	ul#mobile {display:none;}
#links{
	width: 24%;

	overflow: hidden;
}
.bodybox {
	background-image: url(img/trans.png);	
}
	
.contentbox {
	width: 72%;

}
.contentbox .inner {
	min-height:330px;
	padding:10px 1px 20px 15px;
}
.rightbox {
	display:none;
}
#links img {
	width: 100%;

}	
	
	
	

#topmenubar {

	background-color:#fff;
	width:92%;
	clear:both;
	height: 0px;
	margin: 0 auto;
	position:relative;
	text-align: center;
	background-image: url(img/trans.png);
	margin-top:-20px;
}
.infobox #topmenubar {
background-color:transparent;
   -moz-box-shadow: 0px 0px 0px #ccc;
	-webkit-box-shadow: 0px 0px 0px #ccc;
	box-shadow: 0px 0px 0px #ccc;
	-moz-border-radius: 0px;
	border-radius: 0px;

}


#menubox {

	width:95%;
	clear:both;
	height: 0px;
	margin: 0 auto;
	position:relative;
	text-align: center;
	background-color:#fff;
	/*background-color: #F78F1E;*/
	box-shadow: #888 0px 0px 10px;
	-webkit-box-shadow: #888 0 0 10px;
	-moz-box-shadow: #888 0px 0px 10px;
	/*	-webkit-box-shadow: 5px 5px 15px #888;
    -moz-box-shadow: 5px 5px 15px #888;
    box-shadow: 5px 5px 15px #888;
	
-webkit-box-shadow: 5px 5px 10px #888;
	-moz-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	background-image: url(img/bg_menu.jpg);
	margin-top: -8px;
	z-index: 20;
}
.menu-child{display:none;}

.nav li ul li a {
	color: #FFFFFF;
	font-weight: normal;
	padding: 6px 6px 6px 15px;    
	background-color:#F78F1E;
}
.containershadowright {
display:none;
	
}


}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 540px) {

	.search_box {margin-top:-30px;}
	.printbutton, #showlogin {display:none;}
	
	.header .infobox {top:0;}
	.header .infobox h1 {font-size:1.4em; line-height:100%;}
	.header .infobox h2 {font-size:1.1em; line-height:100%;}
	.header .infobox h3 {display:none}


	

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	body{	background: #fff url(img/bg30.png)  repeat-x fixed; }
	
	.bodybox{ width: 100%; }
		#boven{display:none;}
	.mainbox {margin: 20px 0 20px 0;}
	.contentbox {width: 100%;}
	.rightbox {display:none;}
	.footer { width: 100%; }
	
	.childpages {width: 60%; float:left; margin-left:3%;}

#links{
	display:none;
}
#links img {
	width: 100%;

}
/* Menu Links Abstand nach oben*/


.infobox #topmenubar {
	background-color:#FDB825;
	width:92%;
	clear:both;
	height: 0px;
	margin: 0 auto;
	position:relative;
	text-align: center;
	/*    -moz-box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.40);
    box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.40);*/
   -moz-box-shadow: 3px 7px 5px #ccc;
	-webkit-box-shadow: 3px 7px 5px #ccc;
	box-shadow: 3px 7px 5px #ccc;
	-moz-border-radius: 20px;
	border-radius: 15px;
	padding-left: 3%;
	text-transform: uppercase;
	z-index: 50;
	margin-top: -37px;
}



#topmenubar {

	background-color:#fff;
	width:92%;
	clear:both;
	height: 0px;
	margin: 0 auto;
	position:relative;
	text-align: center;
	background-image: url(img/trans.png);
	margin-top:-20px;
}
#menubox {
	width:95%;
	clear:both;
	height: 0px;
	margin: 0 auto;
	position:relative;
	text-align: center;
	background-color: #F78F1E;
	box-shadow: #888 0px 0px 0px;
	-webkit-box-shadow: #888 0 0 0px;
	-moz-box-shadow: #888 0px 0px 0px;
	/*	-webkit-box-shadow: 5px 5px 15px #888;
    -moz-box-shadow: 5px 5px 15px #888;
    box-shadow: 5px 5px 15px #888;
	
-webkit-box-shadow: 5px 5px 10px #888;
	-moz-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	background-image: url(img/trans.png);
	margin-top: -20px;
	z-index: 20;
}
.menu-child{display:none;}

.nav li ul li a {
	color: #FFFFFF;
	font-weight: normal;
	padding: 6px 6px 6px 15px;    
	background-color:#F78F1E;
}
.containershadowright {
display:none;
	
}
}