/*** GLOBAL  ***/
html,body{height:100%}
body {background:#ECE0F8;
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#005024;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
#mario {background-color:#fefdd8;
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	margin:20px auto;
	padding:0;
	color:#005024;
	width:1000px;
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 18px rgba(0,0,0,0.2);
	box-shadow: 0 0 18px rgba(0,0,0,0.2);
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Arial, Verdana;	font-weight:normal;}
h1 {color:#005024; font-size:25px;}
h2 {color:#005024;font-size:22px;font-style:italic;}
h3 {color:#005024; font-size:18px;}
h4 {color:#005024;font-size:16px;font-weight:bold;}
h5 {font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* links */
a {color:#065279;text-decoration:underline;}
a:hover{color:#000;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#005024;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#333;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{
  background: transparent url(../images/bg_01.jpg) no-repeat top center;}
#1main_container{
  background: transparent url(../images/bg.jpg) no-repeat top center;background-attachment: fixed;}
#2main_container{background-color:#e5eff7; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#main_container_inner{background-image:url(../images/bg_main_container_inner.gif); background-color:#394752; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#bottom_container{background-image:url(../images/bg_bottom.jpg); background-repeat:repeat-x; height:46px; clear:left;border-top:2px solid #E3DBCF;}
/*** END OF CONTAINER ***/

/*** FRAME ***/
#frame{width:940px; margin:0px auto 0px auto; padding-top:260px;}
/*** END OF FRAME ***/
#oben_rechts {width:940px; margin:0px auto 0px auto;text-align:right;color:#000;}
/*** TOP ***/
#top{background-image:url(../images/bg_topmenu.png); background-repeat:no-repeat; height:80px;}
#logo{width:230px; float:left;margin-top:-202px;}
#pad_logo{padding:11px 0px 0px 0px;}
#topmenu{width:940px; float:left; padding-left:20px;}

	/* Top Navigation bar menu styling */
	#nav {margin:0px; padding:11px 0px 0px 0px; float:left;}
	#nav ul{ 
		padding:0;
		margin:0;
		width:auto;
		list-style: none;
		height:30px;
		position: relative;
		float:right;
	}
	#nav li{
		list-style:none;
		float:left;
		text-align:center;
		padding:0;
		font:normal 14px Arial;
		line-height:26px;
	}
	#nav .lavaLamp li a {
		z-index: 10;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		overflow: hidden;
		margin: auto 17px;
		color:#000;
		text-decoration:none;
	}
	
	#nav .lavaLamp li a:hover {
		z-index: 10;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		overflow: hidden;
		margin: auto 17px; 
		color:#000;
	}
	
	#nav .lavaLamp li .active {
		z-index: 10;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		overflow: hidden;
		margin: auto 17px; 
		color:#000;
	}
	
	#nav .lavaLamp li.back {
		background: url(../images/lava.png) no-repeat right -29px;
		width: 9px; height: 29px;
		z-index: 8;
		position: absolute;
	}
	#nav .lavaLamp li.back .left {
		background: url(../images/lava.png) no-repeat top left;
		height: 30px;
		margin-right: 9px; /* 7px is the width of the rounded shape */
	}
	#nav a:link{color:#464833; text-decoration:none;}
	
	#nav a:hover{color:#FFFFFF; text-decoration:none;}
	
	#nav a:active{color:#FFFFFF; text-decoration:none;}

/*** END OF TOP ***/

/*** CONTENT ***/
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{width:940px;margin:0 auto;color:#000; }
#foot{padding:15px 0px 0px 0px; font-size:11px;}
#foot a, #foot a:visited{color:#000; text-decoration:none;}
#foot a:hover{font-weight:bold;}
.impressum {width:340px; text-align:left; float:left;}
.ersteller {float:left;width:600px; text-align:right;}
/*** END OF FOOTER ***/

.box-middle .brochure-txt {
	font-size:12px;
}
.box-middle .brochure-txt a, .box-middle .brochure-txt a:hover {
	border-bottom:0 none;
}
.box-list {
	font-size:12px;
}
.box {
	float:left;
	margin-bottom:30px;
	margin-left:-30px;
	margin-top:-12px;
	padding-top:0;
	padding-bottom:10px;
	width:100%;	
}
.box h3 {
	margin:0;
	padding-bottom:5px;
	width:100%;
}
.box-top, .box-bottom {
	float:left;
	width:260px;
}
.box-top {
	height:15px;
}
.box-bottom {
	height:7px;
}
.box-middle {
	float:left;
	width:258px;
}
.box-content {
	float:left;
	margin:0 14px 0 14px;
	width:230px;
}
.box-content p{
	margin-bottom:8px;
}
.box-middle .brochure-txt {
	width:176px;
	margin:14px 0 0 0;
}
.box-list {
	float:left;
	width:100%;
	padding:4px 0 6px 0;
	list-style:none;
}
.box ul {
margin: 0 !important;
padding: 0 !important;
}
.box a, .box a:hover {
	text-decoration:none;
}
.box-list li {
	float:left;
	width:100%;
}
.box-list li a {
	color:#3f3f3f;	
	display:block;
	float:left;
	min-height:19px;
	padding:5px 0 5px 34px;
	width:224px;	
}
.box-top {
	background:url(../images/box_top.png) no-repeat top;
}
.box-bottom {
	background:url(../images/box_bottom.png) no-repeat top;
}
.box-middle {
	background:#fff;
	border-left:1px solid #cacaca;
	border-right:1px solid #cacaca;		
}
.box-list li a {
	color:#3f3f3f;
	background:#fff url(../images/nav_arrow.gif) no-repeat 14px 1px;
}
.box-list li a:hover {
	color:#6b1589;
	font-weight:bold;
	background:#daf4af url(../images/nav_arrow.gif) no-repeat 14px -47px;
}
.box-list .gruppe a {
	color:#000;
	font-weight:bold;
	background:#f3f3f3 url(../images/nav_arrow.gif) no-repeat 14px 1px;
}
.box-list .active a {
	color:#6b1589;
	font-weight:bold;
	background:#daf4af url(../images/nav_arrow.gif) no-repeat 14px -47px;
}
.center {
text-align:center;
}
.button a{text-decoration:none;color:#000;line-height:30px;width:206px;text-align:center;display:block;margin:0;font-size:11px;
background: url(../images/button.png) no-repeat 0 top;}
.button a:hover{background: url(../images/button_hover.png) no-repeat 0 top;font-weight:bold;}


#contact {
	display: block;
	width: 640px;
	color:#000;
}

/* Form style */

mark.validate {
	display: inline-block;
	width: 16px;
	background: transparent none;
}
mark.valid {
	background: url(../images/success.gif) no-repeat top left;
}
mark.error {
	background: url(../images/error.gif) no-repeat top left;
}

.schrift {
    font-family: "Kaushan Script" !important;
    font-size: 120%;
}

.bilder_benny {
    width: 640px;
}

.bilder_benny img {
    margin-bottom: 5px;
    margin-right: 5px;
    max-width: 312px;
}

.komplett img {
    max-width: 634px;
}
#content_inner table {
    margin: 20px 0;
    width: 100%;
}
#content_inner table thead tr {
    background: none repeat scroll 0 0 #005024;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
#content_inner table td {
    border-bottom: 1px dotted #005024;
    text-align: center;
}
#content_inner table tbody tr {
    line-height: 23px;
}

.hinweis_bottom {
    font-size: 9px;
    margin-bottom: 10px;
}