* {margin:0; padding:0; font-family:Arial; }
html {background-color:#E7E7E7; background-image:url('../../gfx/bg.png');background-position:bottom center; background-repeat:repeat-x;height: 100%;}
body {background-color:#FFFFFF;color:#4a4a4a;background-image:url('../../gfx/bg.png');background-position:bottom center; background-repeat:repeat-x;font-size:12px;height: auto;min-height: 100%;}
#wrap  {position:relative; margin:0 auto; width:945px; padding:25px; z-index:1;margin-bottom:25px;height: auto;min-height: 100%;}
#footer  {background-image:url('../../gfx/bg-foot.png'); background-repeat:no-repeat; background-position:bottom center; margin:0 auto; height:200px; width:998px;top:-200px;display:block;}

#header  {background-image:url('../../gfx/header.png'); background-repeat:no-repeat; background-position:bottom left; margin: 0 0 0 -15px; height:200px; width:975px;margin-top:-2px;display:block;}
#headerimg {display:block;left:7px;position:relative;top:16px;}
#logo  {display:block;position:absolute;top:10px;left:59px;z-index:3;border:0;}

#content {width:945px;}
#content #left {float:left;width:660px;border-right:1px solid #E9E9E9;padding:15px 25px 15px 25px;text-align:right;}
#content #right {float:right;width:180px;margin-left:7px;}
#content h1 {font-family:Calibri,Arial;font-size:24px;color:#006940;text-align:right;}
#content h2 {font-family:Calibri,Arial;font-size:14px;color:#8e8e8e;text-align:right;margin-bottom:10px;}

#content #right  {font-size:12px;color:#2c2c2c;text-align:left;line-height:24px;padding:15px 0 15px 30px;}

/** Menu **/
ul em {visibility:hidden;}
#menu  {position:absolute;z-index:3;top:5px; left:0px;display:block;width:525px;margin:0px 0 0 440px;opacity: .9;}
#menu li {float:left;list-style:none;display:inline;height:35px;}
#menu ul li  a {text-decoration:none;background-image:url('../../gfx/menu.png');background-repeat:no-repeat; width:75px;height:26px;display:block;}

#menu ul li.home 	a {background-position: 0 3px;width:75px;}
#menu ul li.home 	a:hover{background-position:0 -24px;}
#menu ul li.wie	a {background-position: -75px 3px;width:125px;}
#menu ul li.wie 	a:hover{background-position:-75px -24px;}
#menu ul li.wat 	a {background-position: -200px 3px;width:130px;}
#menu ul li.wat 	a:hover{background-position: -200px -24px;}
#menu ul li.contact	a {background-position: -330px 3px;width:100px;}
#menu ul li.contact 	a:hover{background-position:-330px -24px;}
#menu ul li.route 	a {background-position: -430px 3px;width:95px;}
#menu ul li.route 	a:hover{background-position: -430px -24px;}

.box {float:left;background-image:url('../../gfx/bg-box.png');width:215px;height:134px;margin-right:5px;text-align:center;position:relative;}
.box span {font-weight:bold; font-size:12px; position: absolute; bottom: 8px; text-align: center; left: 0px; width: 203px;height:20px;padding-top:5px;z-index:4;}
.box .over {background-color:#FFFFFF; font-weight:bold; font-size:12px; position: absolute; bottom: 8px; text-align: center; left: 0px; width: 203px;height:20px;padding-top:6px;opacity: .5;filter: alpha(opacity=50);}
.box .img  {width:203px; height:123px;position: absolute; left: 0px; top: 3px;background-position:center center;}
.box * {border:0;color:#000000;text-decoration:none;border:0;}
.box {text-decoration:none;}
a.knoplink {text-decoration:none;}


.left {float:left;}
.right {float:right;}

#submenu {width:150px;text-align:left;}
#submenu * {list-style:none;margin:0px;}
#submenu li , #submenu li a {line-height:24px;color:#000000}
#submenu li a {line-height:24px;color:#000000;background-image:url("../../gfx/li.gif");background-repeat:no-repeat;background-position:0 4px;padding-left:15px;}

#content #left .contentbox {margin:0 15px 25px 0px;padding-right:3px;}
.contentbox  {margin-bottom:25px; line-height:18px;}

#content #left #submenu {margin-right:10px;width:200px;list-style:none;}
#content #left .metsub {margin:0 15px 25px 0px;width:444px;margin-right:0px;}
#content #left .metsub .contentbox  {margin:0 15px 25px 0px;padding-right:3px;width:445px;margin-right:0px;}
#content #left .this  {font-weight:bold;}
#content #left .spage  {margin-left:5px;}

#contact  {width:auto;height:auto;margin-right:20px;}
#contact  hr {width:360px;border: 1px solid #cecece;margin:0 0 0 auto;}
#contact h2 {color:#000000;font-weight:bold;font-size:12px;font-family:Arial;}
#contact form {width:auto;height:auto;margin-top:5px;}
#contact form  * {color:#000000;font-weight:bold;font-size:12px;font-family:Arial;width:226px;height:16px;}
#contact textarea  {color:#000000;font-weight:bold;font-size:12px;font-family:Arial;margin-bottom:10px;border:1px solid #cecece;padding:2px; height:100px;}
#contact input  {color:#000000;font-weight:bold;font-size:12px;font-family:Arial;margin-bottom:10px;border:1px solid #cecece;padding:2px;}
#contact input.radio {border:none; width:30px;}
#contact label {margin-bottom:10px;vertical-align:middle;}
#contact button {color:#000000;font-weight:bold;font-size:12px;font-family:Arial;border:1px solid #cecece;margin-bottom:10px;}
#contact button.submit {width:130px;height:25px;color:#FFFFFF;font-weight:bold;font-size:12px;font-family:Arial;border:1px solid #cecece;margin-bottom:10px;background-color:#000000;}
#formcaption  {padding:5px;}

html  {height: 100%;}
body {
min-height: 100%;
height: auto
height: 100%;
}