html, body { height:99%;}
html,body { margin: 0; padding: 0; }
body { font-family: verdana, arial, hevetica, sans-serif; text-align: center; color: #505367; background-color: #A9C96A; font-size:100.1%;}
#container { margin-left:auto; margin-right:auto; min-height: 600px; height:auto; width: 900px; text-align: left; position:relative; background: url(../images/layout/schatten.png) no-repeat bottom right !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/layout/schatten.png'); behavior: url(../images/layout/iepngfix.htc); margin: 6px auto !important; }
#header { background: url(../images/layout/hafen.jpg) no-repeat bottom left !important; height: 180px; width:100%; margin: 0px 6px 0px -6px; border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; position:relative;}
#logo { display:block; width:100%; top:0; margin: 0px 6px 6px 0px; height: 100%; position: absolute; border-bottom: 1px solid #e6e6e6;}
#logo h1 { font-size: 1.5em; font-weight: bold; font-family: verdana, arial, hevetica, sans-serif; color: #86424F;  margin-top: 60px; margin-left: 10px;  width: 300px; height: 50px; position: absolute; }
#logo h1 span {  background:transparent; margin: -2px 0 0 -10px; position: absolute; width: 100%; height: 100%;}
#mainnav {float: left; background:transparent  url(../images/layout/transparent.png); width:899px; bottom:0px; margin: 0px 6px 6px 0px; height: 20px; padding: 2px 0px 2px 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: absolute; }
#mainnav ul{ display:inline; padding: 0px; margin: 0px; list-style-type: none;}
#mainnav ul li{ display:inline; padding: 0px 10px 0px 10px; font-size: 1em; font-weight: normal; font-family: verdana, arial, hevetica, sans-serif; color: #86424F; list-style-type: none;}
#mainnav li a:link, #mainnav li a:visited {color: #505367; text-decoration: none; background: transparent;}
#mainnav li a:hover, #mainnav li a:active, #mainnav li a:focus {color: #86424F; text-decoration: none; background: transparent;}
#sidebar { float: right; width: 248px; padding: 0px; background-color: #fff; height: 100%;}
#sidebar ul  { margin:10px 5px 5px 5px; padding: 0px; min-height: 100%; list-style-type: none;}
#sidebar ul li { display: block; padding: 0px;  margin-bottom: 3px; border : 1px solid #888;}
#sidebar li a:link, #sidebar li a:visited { display: block; padding: 3px 5px; font-weight : bold; color: #505367; text-decoration: none; background: white; }
#sidebar li a:hover, #sidebar li a:active, #sidebar li a:focus { display: block; padding: 3px 5px; font-weight : bold; color: #86424F; text-decoration: none; background: #f1f1f1; }
#sidebar ul li ul { display: block; padding: 0px;  margin: 0px; border : 0px;}
#sidebar ul li ul li{ display: block; padding: 0px;  margin: 0px; border : 0px;}
#sidebar li ul li a:link, #sidebar li ul li a:visited { display: block; padding: 1px 0px 0px 5px; font-weight: normal; color: #748A49; text-decoration: none; background: white; }
#sidebar li ul li a:hover, #sidebar li ul li a:active, #sidebar li ul li a:focus { display: block; padding: 1px 0px 0px 5px; font-weight: normal; color: #A9C96A; text-decoration: none; background: transparent; }
#content { width: 646px; padding:5px 0 ; background-color: #fff; min-height: 450px; border-right: 1px solid #748A49 ; border-left: 1px solid #e6e6e6; background-color: #FFF;}
#content p{ margin:0px 5px 5px 15px; min-height: 100%; font-weight:normal; color:#505367; font-size: 0.85em;}
#content table{ margin:0px 5px 5px 15px; min-height: 100%; font-weight:normal; color:#505367; font-size: 0.85em;}
#content h1 { margin:10px 5px 5px 10px; font-weight:bold; color:#86424F; font-size: 1.1em;}
#content h2 { margin:10px 5px 5px 15px; font-weight:bold; color:#86424F; font-size: 1em;}
#content h3 { display: inline; font-weight:normal; color:#86424F;}
#content b {font-weight:normal;}
#content a:link, #content a:visited { font-weight: normal; color: #748A49; text-decoration: none; background: transparent; }
#content a:hover, #content a:active, #content a:focus { font-weight: normal; color: #A9C96A; text-decoration: none; background: transparent; }
#content ul { float: left; text-align: left; padding-left: 10px; width: 290px; margin:0px 5px 5px 10px; font-weight:normal; color:#505367; font-size: 0.85em;}
#content ul li { margin-bottom: 3px; margin-left: 10px;}
#content ul.contentbreite { float: left; text-align: left; padding-left: 10px; width: auto; margin:0px 0px 5px 10px; font-weight:normal; color:#505367; font-size: 0.85em;}
.inhalt { background-color: #fff; height: 100%; margin: -6px 6px 6px -6px;}
.imagecontainer{ float:left; clear:left; background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/layout/shadow.gif) no-repeat bottom right; margin: 15px 5px 10px 15px !important; margin: 10px 0px 10px 10px; }
.imagecontainer img{ display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 6px; }
.imagecontainer img a{ border: 0px; }
.imagecontainerright{ float:right; clear:left; background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/layout/shadow.gif) no-repeat bottom right; margin: 15px 5px 10px 15px !important; margin: 10px 0px 10px 5px; }
.imagecontainerright img{ display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 6px; }
.imagecontainerright img a { border: 0px;}
.leftbox {float: left; padding:0px; margin: 0px; width: 315px; height: 280px;}
.rightbox {float: right; padding:0px; margin: 0px; width: 320px; height: 280px;}
.leftboxheight {float: left; padding:0px; margin: 0px; width: 315px; height: 430px;}
.rightboxheight {float: right; padding:0px; margin: 0px; width: 320px; height: 430px;}

#container img, #container div {
   behavior: url(../images/layout/iepngfix.htc);
}

#footer { clear:both; position:relative; bottom:0px; width:99.9%; border-top: 1px solid #e6e6e6; text-align: center; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin: -6px 6px 6px -6px; height: 24px; background-color: #748A49; }
#footer p {font-size: 1.1em; font-weight: bold; font-family: verdana, arial, hevetica, sans-serif; color: #fff; margin:0; padding:0; }
#footer a:link, #footer a:visited { font-weight : normal; color: #fff; text-decoration: none; background: transparent; }
#footer a:hover, #footer a:active, #footer a:focus { font-weight : normal; color: #86424F; text-decoration: none; background: transparent; }
#copy	{clear: both; bottom:0; font-weight: normal; font-size: .8em; font-family: verdana, arial, hevetica, sans-serif; width:99.9%; padding: 0px 0px 20px 0px; margin: 20px 0px 0px 0px; background-color: transparent;  }
#copy p { color: #fff; margin:0; padding:0; text-align: center; }
#copy a:link, #copy a:visited { color: #fff; text-decoration: none; background: transparent; }
#copy a:hover, #copy a:active, #copy a:focus { color: #86424F; text-decoration: none; background: transparent; }

/*################ begin suchmaschinen Links ##################*/
#seo { clear:both; position:relative; bottom:0px; width:99.9%; text-align: center; margin: -6px 6px 6px -6px; height: auto; }
#seo p {font-size: 10px; margin: 1em auto; text-align: center; width: 640px; font-weight: normal; font-family: verdana, arial, hevetica, sans-serif; color: #fff;}
#seo a:link, a:visited { text-decoration:none; font-weight: normal; color: #fff; }
#seo a:hover, a:active{ text-decoration:underline; font-weight: normal; color: #86424F; }
#seo ul {margin: 1em auto; text-align: center; width: 600px; font-weight: normal;}
#seo ul li {display: inline; margin: 0 5px 0 5px; padding:0; list-style:none; font-size: 10px; text-align: justify;}
#seo ul li a:link, #seo ul li a:visited {display: inline; list-style:none; font-size: 10px; color: #86424F; text-align: justify; text-decoration: none;}
#seo ul li a:hover, #seo ul li a:active {display: inline; list-style:none; font-size: 10px; color: #86424F; text-align: justify; text-decoration: underline;} 
/*################ END suchmaschinen Links ##################*/

/*
.imagecontainer{ float:left; clear:left; background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/layout/shadow.gif) no-repeat bottom right; margin: 15px 5px 10px 15px !important; margin: 10px 0px 10px 5px; }
.imagecontainer img{ display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 6px; }
*/
.google { padding: 2px 5px 10px 5px; height: 250px; margin: 5px 20px 10px 20px; border : 1px solid #888;}
/***********     begin Navigation Header Right  **********/
#hilfsnavi { float: right; display:block; right:0px; width:250px; background:transparent  url(../images/layout/transparent.png); bottom:0; margin: 0px 0px 6px 0px; height: 30px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: absolute; }
#hilfsnavi ul { position: absolute; margin: 0px;  color:#86424F; font-size: 0.82em; font-weight: bold; font-family: verdana, arial, hevetica, sans-serif; text-align: center; }
#hilfsnavi ul li { list-style-type: none;  margin: 0px; padding: 0 3px 0 3px; border-right: 1px solid #86424F; display:inline; }
#hilfsnavi ul li a, #hilfsnavi ul li a:visited, #hilfsnavi ul li a:link{ text-decoration:none; font-weight:normal; color:#86424F; font-size: 0.82em; }
#hilfsnavi ul li:hover a, #hilfsnavi ul li a:hover{ text-decoration:underline; color:#86424F; font-weight:normal; font-size: 0.82em; }
/***********     End Navigation Header Right  **********/
/***********     Drucker   **********/
#druck{ float: right; padding: 5px 10px 0px 0px; color: #748A49; font-weight : normal;  }
#druck a:link, #druck a:visited { font-size:12px;font-weight: normal; color: #748A49; text-decoration: none; background: transparent; }
#druck a:hover, #druck a:active, #druck a:focus { font-weight: normal; color: #A9C96A; text-decoration: none; background: transparent; }

/*################ begin Formulare ##################*/
form.formfelder fieldset { border: 1px solid #748A49; margin: 0px 20px 0px 20px; padding: 10px; border-right: 1px solid #748A49; border-bottom: 1px solid #748A49; font-size:12pt; font-family: verdana, arial, sans-serif; color:#333; }
form.formfelder label { margin-top: .33em; display: block; font-size:10pt; font-family: verdana, arial, sans-serif; color:#333;}
form.formfelder legend { font-weight: bold; padding: .5em; font-size:12pt; font-family:verdana, arial, sans-serif; color: #748A49;}
form.formfelder input { font-size:10pt; font-family:verdana, arial, sans-serif; color:#333; border-width:1px; letter-spacing:1.5pt; }
#content form.formfelder p { font-size:10pt; font-family:verdana, arial, sans-serif; color:#333;}
#content form.formfelder b { font-weight: bold; text-decoration: none; font-style: normal; color: #748A49;}
form.formfelder p.both { margin-left: 12px; clear:both;}
form.formfelder em { font-size:12pt; font-family: verdana, arial, sans-serif; color:#333; }
form.formfelder textarea { width: 320px; height: 150px; }

.formleft {float: left; margin-right: 0px; w\idth:300px;}
.formright {float: right; margin-left: 0px; w\idth:300px;}

/*################ END Formulare ##################*/

/***********     googleMap   **********/
#map { margin: 5px 10px 5px 20px; }
/*################ END content ##################*/