html, body, div, span, p, blockquote, pre, a, em, font, img, strong, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; 
font-style: inherit; font-family: inherit; vertical-align: baseline; }

/*
Farben:
rot: #ff0000
grau-hintergrund-dunkel: #DFE0E5
grau-hintergrund-hell: #e8e8ee
border-color-grau: #b4a8b4
Schrift Dunkelgrau: #777777;
Schrift footer: #999999;
schrift-menü: #334f77
schrift-text: #3e4d74
schrift-blau: #054192
*/
html, body { height:99%;}
html,body { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, Verdana, sans-serif; color: #555555; text-align: center; background-color: #DFE0E5; font-size:100.1%;} 

/*     LAYOUT        */
#container { margin-left:auto; margin-right:auto; height: 90% auto; width: 869px; text-align: left; position:relative; background-color: #e8e8ee; }
#top { height: 109px; width:869px; margin: 0px; padding: 0px; position:relative; background: url(../../images/top.gif) no-repeat center !important;}
#topnavi {float: right; width: 400px; border: 0px solid #000; margin: 15px 0px 0px 0px; padding: 0px; height: 24px; position:relative; background: transparent;}
#hauptnavi { height: 32px; width:869px; margin: 0px; padding: 0px; position:relative; background: url(../../images/menu.gif) no-repeat center !important; border: 0px solid #000000;}
#center { width:869px; margin: 0px; border: 0px solid #000000; padding: 0px; position:relative; height: 70% auto;}
#sidebar { float: left; width: 234px; margin: 0px; padding: 0px; height: 100%; border: 0px solid #000;}
#content { float: right; width: 620px; margin: 5px 0px 5px 0px; padding: 0px; min-height: 405px; height: auto; background-color: #fff;}
#box { float: left; width: 226px; min-height: 120px; border-right: 10px solid #ff0000; border-bottom: 5px solid #ff0000; background-color: #fff; margin-bottom: 20px;}
.inhalt { width:600px; margin: 5px; padding: 0px; position:relative; background-color: transparent; border: 0px solid #000000; font-family: Arial, Helvetica, Verdana, sans-serif;}
#footer	{ padding: 0px; margin: 0px; width:869px; bottom:0px; text-align: center; height: 34px; background-color:#FFFFFF;}
#bottomnavi { float: right; width: 632px; margin:0px; padding: 0px; height: 100%; background-color: transparent; border: 0px solid #000000; }
#copy	{ float: left; width: 232px; margin: 0px; padding: 0px; height: 100%; background-color: transparent; border: 0px solid #000000; }
#seo	{ clear:both; padding: 0px; margin: 0px; width:869px; bottom:0px; text-align: center; height: auto; }

/*     box        */
#box ul  { margin:0px; padding: 0px; list-style-type: none; font-size: 0.9em; border-top : 1px solid #ff0000;}
#box ul li { display: block; padding: 0px; margin: 0px;}
#box li a:link, #box li a:visited { display: block; padding: 5px 5px 5px 15px; font-weight : normal; font-family: Arial, Helvetica, Verdana, sans-serif; color: #555555; text-decoration: none; background: #fff; border-bottom : 1px solid #ff0000;}
#box li a:hover, #box li a:active, #box li a:focus { display: block; padding: 5px 5px 5px 15px; font-weight : normal; font-family: Arial, Helvetica, Verdana, sans-serif; color: #555555; text-decoration: none; background: #efeeee; border-bottom : 1px solid #ff0000;}

#box p {  font-size: 0.8em; margin: 12px; padding: 0px; font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; }
#box a:link, #box a:visited {  font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; }
#box a:hover, #box a:active, #box a:focus { font-weight : normal; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ff0000; text-decoration: underline; }

#box a:link img, #box a:visited img { border: 1px solid #fff; }
#box a:hover img, #box a:active img, #box a:focus img { border: 1px solid #054192; }

/*     hauptnavi           */
#hauptnavi ul  { float: left; clear:left; margin:0px 0px 0px 245px; border-left: 3px solid #fff; border-right: 0px solid #fff; padding: 8px 0em; font-size: 0.9em; color: #fff;  font-family: Arial, Helvetica, Verdana, sans-serif; }
#hauptnavi ul li { font-size: 0.9em; list-style-type: none; margin: 8px 0em; display:inline; padding: 8px 0em; background: transparent;  }
#hauptnavi ul li a:link, #hauptnavi ul li a:visited {font-size: 0.9em; margin: 0px 0px 0px 0em; border-right: 3px solid #fff; color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; padding: 8px 25px 8px 25px; text-decoration: none; }
#hauptnavi ul li a:hover, #hauptnavi ul li a:active, #hauptnavi ul li a:focus { font-size: 0.9em; margin: 0px 0px 0px 0em; border-right: 3px solid #fff; color: #fff;  font-family: Arial, Helvetica, Verdana, sans-serif; padding: 8px 25px 8px 25px; text-decoration: none; background: url(../../images/menu1.gif) repeat bottom;}


/*     Topnavi           */
#topnavi ul  { margin:3px; padding: 0px; list-style-type: none; text-align:right; background: transparent;}
#topnavi ul li {  padding: 0px; background: transparent; display:inline; font-size: 0.9em; margin: 0px 8px 0px 8px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ff0000;}
#topnavi li a:link, #topnavi li a:visited {  font-size: 0.9em; font-weight : bold; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ff0000; }
#topnavi li a:hover, #topnavi li a:active, #topnavi li a:focus { font-size: 0.9em; font-weight : bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #fa6b6b; text-decoration: none; }

/*     Bottomnavi           */
#bottomnavi ul  { margin:8px; padding: 0px; list-style-type: none; }
#bottomnavi ul li {  padding: 0px; background: transparent; display:inline; font-size: 0.9em; margin: 0px 20px 0px 0px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999;}
#bottomnavi li a:link, #bottomnavi li a:visited {  font-size: 0.9em; font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; }
#bottomnavi li a:hover, #bottomnavi li a:active, #bottomnavi li a:focus { font-size: 0.9em; font-weight : normal; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ff0000; text-decoration: none; }

/*     Copy           */
#copy p {  font-size: 0.6em; margin: 5px; padding: 0px; font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; }
#copy a:link, #copy a:visited {  font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; }
#copy a:hover, #copy a:active, #copy a:focus { font-weight : normal; font-family: Arial, Helvetica, Verdana, sans-serif; color: #ff0000; text-decoration: underline; }

/*     SUMA          */
#seo ul  { margin:0px; padding: 0px; list-style-type: none; }
#seo ul li {  padding: 0px; margin-left: 10px; margin-right: 10px; background: transparent; display:inline; font-size: 0.6em; font-family: Arial, Helvetica, Verdana, sans-serif; color: #c3c3c3;}
#seo li a:link, #seo li a:visited {  font-size: 0.6em; font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #c3c3c3; }
#seo li a:hover, #seo li a:active, #seo li a:focus { font-size: 0.6em; font-weight : normal; font-family: Arial, Helvetica, Verdana, sans-serif; color: #c3c3c3; text-decoration: underline; }
#seo a:link, #seo a:visited {  font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #c3c3c3; }
#seo a:hover, #seo a:active, #seo a:focus { font-weight : normal; font-family: Arial, Helvetica, Verdana, sans-serif; color: #c3c3c3; text-decoration: underline; }
#seo p {  font-size: 0.6em; font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #c3c3c3; }
#seo h3 {  font-size: 0.6em; font-weight : normal; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #c3c3c3; }

.google { padding: 2px 5px 10px 5px; height: 250px; margin: 5px 0px 10px 20px; border : 1px solid #888;}

/***********     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 #ff0000; margin: 0px 20px 0px 20px; padding: 10px; border-right: 1px solid #ff0000; border-bottom: 1px solid #ff0000; 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: #ff0000;}
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: #555555;}
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 10px; }
/*################ END content ##################*/

/*     TEXTE        */
h1 { visibility: hidden; display: none; margin: 0px; padding: 0px;}
h2 { font-size: 1.2em; font-weight: bold; margin: 0px; padding: 10px;}
h3 { font-size: 1.1em; font-weight: bold; margin: 0px; display:inline; }
h4 { font-size: 1.0em; font-weight: bold; margin: 0px; }

p { font-size: 1.0em; font-weight: normal; margin: 0px; padding: 10px; }
b, strong { font-size: 1.0em; font-weight: bold; }

a:link, a:visited { font-weight : normal; text-decoration: underline; font-family: Arial, Helvetica, Verdana, sans-serif; color: #555555; }
a:hover, a:active, a:focus { font-weight : normal;  font-family: Arial, Helvetica, Verdana, sans-serif; color: #ff0000; text-decoration: none; }

.inhalt ul  { margin:0px; padding: 10px 0px 10px 30px; list-style-type: none; list-style-image: url(../../images/icon_liste.gif);}
.inhalt ul li {  padding: 0px 0px 10px 20px; margin: 0px; background: transparent; }
.inhalt li a:link, li a:visited {  font-weight : bold; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #555555; }
.inhalt li a:hover, li a:active, li a:focus { font-weight : bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; text-decoration: underline; }

.inhalt  ul.zwei  { margin:0px; padding: 10px 0px 10px 30px; list-style-type: none; list-style-image: none;}
.inhalt  ul.zwei li {  padding: 0px 0px 10px 20px; margin: 0px; background: transparent; }

.inhalt  ul.drei  { margin:0px; padding: 5px 0px 5px 10px; list-style-type: none; list-style-image: none;}
.inhalt  ul.drei li {  padding: 0px 0px 5px 10px; margin: 0px; background: transparent; }

.sitemap ul  { margin:0px; padding: 10px 0px 10px 30px; list-style-type: none; list-style-image: url(../../images/sitemap_liste.gif);}
.sitemap ul li {  padding: 0px 0px 10px 2px; margin: 0px; background: transparent; }
.sitemap li a:link, li a:visited {  font-weight : bold; text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #555555; }
.sitemap li a:hover, li a:active, li a:focus { font-weight : bold; font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; text-decoration: underline; }

.transparent { border: 0px; margin: 0px; padding: 0px;}
.headertext h2 { font-size: 1.4em; font-weight: bold; margin-top: 10px; text-align:center; font-family: Arial, Helvetica, Verdana, sans-serif; color: #555555; } 

.maleft {float:left; display: block; clear:left; margin: 5px 3px 0px 3px; border-top: 1px solid #DFE0E5; border-left: 1px solid #DFE0E5; border-right: 1px solid #DFE0E5; width: 292px;}
.maleft h2 {font-size: 1.0em; font-weight: bold; margin: 0px; padding:15px 0px 0px 0px; background-color: #efeeee; border-bottom: 1px solid #DFE0E5; text-align:center; height: 35px;}
.maleft h3 {font-size: 0.9em; font-weight: bold; margin: 0px; background-color: #efeeee; text-align:center;}
.maleft p {font-size: 0.8em; font-weight: normal; margin: 0px; border-bottom: 1px solid #DFE0E5;}

.maright {float:right; display: block; clear:left; margin: 5px 3px 0px 3px; border-top: 1px solid #DFE0E5; border-left: 1px solid #DFE0E5; border-right: 1px solid #DFE0E5; width: 292px;}
.maright h2 {font-size: 1.0em; font-weight: bold; margin: 0px; padding:5px 0px 0px 0px; background-color: #efeeee; border-bottom: 1px solid #DFE0E5; text-align:center; height: 45px;}
.maright h3 {font-size: 0.9em; font-weight: bold; margin: 0px; background-color: #efeeee; text-align:center;}
.maright p {font-size: 0.8em; font-weight: normal; margin: 0px; border-bottom: 1px solid #DFE0E5;}

.maimages { text-align:center; margin: 5px; }


/*          BILDER       */
.imagecontainer{ float:right; clear:left; background: url(../../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../../images/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; }

.imagecontainercenter{ float:left; clear:left; background: url(../../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../../images/shadow.gif) no-repeat bottom right; margin: 15px 0px 10px 10px !important; margin: 10px 0px 10px 5px; }
.imagecontainercenter img{ display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 6px; }
.imagecontainercenter img a{ border: 0px; }

.imagecontainerright{ float:right; clear:left; background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important; background: url(../../images/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;}


