html, body { 	
	margin: 0; padding: 0;
	height:101%;
	
}

body {background: #bfbfbf url(img/mainbg-full.jpg) no-repeat fixed;
	-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;}


.clearer {clear:both; width:100%; height:1px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.toparea {width: 100%; height:210px; background: url(img/bg50.png); position:absolute; }

.wrapper { /* Holds the page items in place */
	width: 700px;
	min-height:100%;
	margin-left: 10%;
	padding: 0;
	background: #fff;
	
}

.menuewrapper {width: 100%; min-width:900px; position:fixed; top:0; left:0; height:120px; background: url(img/bg50.png) repeat-x; }
.menuewrapper a.logobox {display: block; width: 10%; height:120px; float:left; }
.menuewrapper a.logobox img {max-width:100%; float:left;}

.menuebox {width: 700px; height:120px; margin:0 0 0 0; background: #666; float:left; } 
.footerbox {width: 100%;  height:80px; margin-top: -80px; background: url(img/bg50.png) repeat-x; }
.innerfooter {width: 680px; margin-left:10%; padding: 10px; height:60px;  background: #7fb200; color: #fff ! important;}
.innerfooter a {color: #fff ! important;}



/*Bereich Suche + Breadcrumbs */
.subheaderbox {background-color: #7fb200;  height:8px; margin:0 0 0 0;clear:left;}

.breadcrumbsbox {background-color: #eee;  height:22px; padding:5px 10px; margin:0 0 0 0; clear:left;}
.breadcrumbsbox #search_box {background-color: #990000; width: 220px; height:30px; float:left;}



.topspacer {width:100%; height:160px; } /*Abstand unterhalb des Menüs */

.contentbox { /* main content */	
	float: left;
	display:inline;
	margin-left: 0;		
	min-height:260px;
}

.contentboxcenter {width:65%; }
.contentboxwide {width:100%;}
.contentbox .inner {margin:0 10px 0 10px;}




.rightbox {
	width: 300px;
	min-height:100px;
	margin-right:-330px;	
	float: right;
	display:inline;
	line-height:120%;
	 background: url(img/bg90.png);
	margin-top:160px;
}

.rightbox .inner { margin: 0 10px 0 10px;}



.clearcontent {height:80px; clear:both; }




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


.breadcrumbsbox .innerbc {
	font-size:12px;
	margin:2px 0 0 0;
	width: 100%;
	float:left;
}
.breadcrumbsbox .innerbc span {
	background: transparent url(img/bclink.gif) no-repeat; 
	padding: 6px 2px 0px 12px; font-weight: bold; }
	
.breadcrumbsbox .innerbc a {
	padding:1px;
	border-bottom: 1px dotted #5a3b63;
	text-decoration: none;
}
.breadcrumbsbox .innerbc a:hover {border-bottom: 1px solid #5a3b63;}
	
.breadcrumbsbox .innerbc .menu-current a{
	color: #000000;
}

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
ul.menu, li.menu, .topbox ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
.topbox {}
.topbox li {text-align: left; font-weight: normal; margin: 0; padding: 5px 0 0 0; line-height: 1.2em; width: 50%; height: 75px; float:left; list-style-type: none; list-style-image: none;}
.topbox li a {display: block; width: 98%;  height: 70px; margin:0; padding: 0; color: #666;  font-weight: normal; background: #eee url(img/mpic-muster.jpg) no-repeat; text-decoration:none;}
.topbox li a:hover { background-color: #999;  color:#fff; }
.topbox li a  span {display:block; margin: 5px 2px 0 75px; font-size:11px; line-height: 110%; font-style:normal;}
.topbox li a b {display:block; padding:5px 0 2px 0; font-size:12px; }
.topboxclear {height:20px; clear:both;}


#nav {
	float:left;	
	height: 120px;	
	border: 0;	
	padding:0;
	position: relative;
	
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	
	list-style-image: none;
	
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal; list-style-type: none; list-style-image: none;}
#nav ul li a {display: block; background:  url(img/navbgl1.png) no-repeat right 0px; padding: 88px 20px 14px 8px; color: #fff; text-decoration: none; font-weight: bold; }
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {background: #7fb200 url(img/navbutton-hi.jpg) right top no-repeat; color: #fff;}
#nav a.menu-parent {background: #7fb200 url(img/navbutton-hi.jpg) right top no-repeat; color: #f5ff84;}

#nav .menu li a.lev0 i {display:none;}

#nav ul li ul {display:none;}
/*Current page Customisations*/
#nav a.menu-current		{} 
#nav .menu .home a {display: block; width:2px; height:30px; background: #7290a7 url(img/home.gif); margin:0; padding:0;}




/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 540px; left:0; margin: -20px 0 0 0px; padding-top:10px; display: none; text-transform: none;  }
#nav .menu li ul div {position: fixed; width: 540px;  left:10%; background: transparent url(img/nav1outbgws.png) repeat-x bottom left;  padding-bottom:100px;}

#nav .menu li ul li {text-align: left; font-weight: normal; margin: 0; padding: 5px 0 0 0; line-height: 1.2em; width: 49.9%; height: 75px; float:left; }
#nav .menu li ul li a {width: 98%;  height: 70px; margin:0; padding: 0; color: #666;  font-weight: normal; background: #fff url(img/mpic-muster.jpg) no-repeat;}

#nav .menu li ul li  a span {display:block; margin: 5px 2px 0 75px; font-size:11px; line-height: 110%; font-style:normal;}
#nav .menu li ul li  a b {display:block; padding:5px 0 2px 0; font-size:12px; }


/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current, #nav .menu li ul a.menu-parent { background-color: #999;  color:#fff; }


/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none; margin: 4px 0 0 -120px; padding-top:0;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


#nav .menu li ul li ul {display: none ! important;}


/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}



/* Better: */
#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}


/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



blockquote {
	float:right;
	margin-top: 0;
	margin-right: -340px;	
}