body, html { 	
	background: #e3f18c url(img/body-bg.jpg) repeat-y;
	margin: 0; padding: 0;
	height:100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headerbox {
	position: fixed;
	width: 520px;
	height:180px;	
	left: 460px;
	top: 0px;
	background: #f3f9c9 url(img/header-bg.jpg) no-repeat;
}



.picturebox {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 460px; 
	height:100%; 
	XXbackground-color:#0ff; 
}
.picturebox .fadebox, .picturebox .pictureboxcontent {
	width: 460px; 
	height:400px; 
	XXbackground-color:#ff0; 
}






.picturebox .pictureboxcontent {color: #fff ! important;}
.picturebox .pictureboxcontent a {color: #fff ! important;}

.picturebox .pictureboxcontent p, .picturebox .pictureboxcontent h2, .picturebox .pictureboxcontent h3 {margin-left:10px; }



.leftbox {}
.leftbox .inner {margin:10px 10px 0 0; text-align:right; color: #fff ! important;}
.leftbox .inner p {margin:0 0 0 0;  font-size:12px; line-height:100%;}
.leftbox .inner a {color: #fff ! important;}

table.panothumbs {border:0;}
table.panothumbs td {text-align:center; border:0;}
table.panothumbs img {border:1px solid #fff;}
table.panothumbs p {margin:5px 0 10px 0 ! important;}
table.panothumbs a:active {color: #000 ! important;}


.main { /* Holds the page items in place */
	width: 520px;
	XXmin-height:99%;
	margin: 0px auto 0 460px ;
	padding: 0;
	XXbackground: #000 url(img/mainbg.jpg) repeat-y;
	
}



.header {
	width: 520px;
	height:120px;	
		
}
.logobox {width:330px; height:120px;float:left; XXbackground-color:#0ff; }
.toplinkbox {width:170px; height:120px; float:right; text-align:right; XXbackground-color:#00f;}




.contentbox {margin-top:180px; width: 520px; XXbackground-color:#ddd;}
.maincontent { /* main content from the WYSIWYG goes in here */
	width: 480px;
	float: left;
	display:inline;
	margin: 20px 0 0 20px;
}


.maincontentnarrow  { /* main content from the WYSIWYG goes in here */
	width: 320px;
	float: left;
	display:inline;
	margin: 20px 0 0 20px;
}



.rightbox {width: 160px;
	float: right;
	display:inline;
	margin: 20px 0px 0 0;
	font-size: 0.9em;
	line-height:1em;
}

.maincontent .inner, .maincontentnarrow .inner, .rightbox .inner {XXbackground-color:#eee;}

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

.footerbox {margin-top: -60px; margin-left:460px; height:60px; width: 520px; background: url(img/footer.jpg) no-repeat right top;}
.footer {	
	color: #aaa;
	padding: 10px 20px 0 20px;
	font-size: 11px;
	line-height:12px;
}

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

/* Search Box in header */
.search_box {
	margin:20px 0px 0 0;
	float: right;
	clear: right;
	width: 150px;
	XXpadding:10px 0 0 0;
}

.search_box .searchstring { width:100px;
	border: 1px solid #333;
	background: #666;
	color:#fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp*/

#navContainer {height:50px; display:block;clear:both; }


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

/* Header menu */
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:left;
	height: 40px;
	border: 0;
	padding:0;
	margin:  0px 0 0 0px;
}
#nav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #6d9a0b; text-align: center; font-weight: normal; background-color:#cee; background: transparent url(img/navbgli.gif) no-repeat;}
#nav ul li a {display: block;  padding: 20px 3px 12px 25px; color: #82c21c; text-decoration: none; font-weight: bold; font-size:14px; background: transparent url(img/navbglia.gif) no-repeat right top;}
/* 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 {color: #000;}
#nav a.menu-parent { color: #000;}

#nav ul li.homelink { background: none;} 
#nav ul li.homelink a { padding: 0px 0px 12px 0px; background: none;} 


/*Current page Customisations*/
#nav a.menu-current		{font-weight: bold;}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 180px; margin: -10px 0 0 -10px; display: none; text-transform: none;  font-size: 100%; }
#nav .menu li ul li {width: 180px; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; background: transparent url(img/menuebg.gif) repeat-y;}
#nav .menu li ul li a {width: 150px; font-size:12px;  padding: 6px 10px 4px 20px; color: #333; font-weight: normal; background: transparent;}

#nav .menu li ul .ultop {width: 180px; height:32px; text-align: left; font-size: 2px; margin: 0; padding: 0; line-height: 0.3em; background: transparent url(img/menuebg-top.gif) no-repeat;}
#nav .menu li ul .ulbot {width: 180px; height:22px; text-align: left; font-size: 2px; margin: 0; padding: 0; line-height: 0.3em; background: transparent url(img/menuebg-bot.gif) no-repeat;}

/* 3 up Child menu */
#nav .menu li ul li ul {margin: 0px 0 0 -30%; z-index: 9999;}
#nav .menu li ul li ul .ultop {height:12px;  background: transparent url(img/menuebg-top2.gif) no-repeat;}
#nav .menu li ul li ul .ulbot {background: transparent url(img/menuebg-bot.gif) no-repeat;}



/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { background: transparent url(img/menuebghi.gif); color:#000; font-weight:bold;}
#nav .menu li ul a.menu-parent { background: transparent url(img/menuebghi.gif); color:#000}

/* 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;}
#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 {
 -moz-opacity: 0.9; /*blend for Modzillas, if you like */
/*filter: alpha(opacity=70); blend for IE, might cause troubles */
}


/* 3rd Child Menu Appreances */

/*#nav .menu li ul li ul li	{width: 160px;}
#nav .menu li ul li ul li a 	{ width: 130px;}*/

/* 4rd Child Menu Appreances 
#nav .menu li ul li ul li ul	{  width: 9em; background: transparent url(img/menue-bg.png) repeat;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}*/

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

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

#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 */
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	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 */



.startseitemenue a {display: block; width:220px; height:120px; float:left; margin-left:10px; }
.startseitemenue a img {width:52px; float:left; margin: 0 5px 20px 0}
.startseitemenue a span.name {
	margin:0px 0 4px 0;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}
.startseitemenue a span.short {margin:0px 0 4px 0; font-size: 14px;}

div.mpform input, div.mpform textarea,  div.mpform select {	
	border: 1px solid #7fc017;
}