/*CSS RESET*/
body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, fieldset, legend, input, table, textarea{margin: 0; padding: 0; font-weight: normal;}
html{font:62.5%  "Trebuchet MS", Helvetica, sans-serif;}
img{border: 0;}
li{list-style: none;}
:focus{outline: 0;}

/*GRUNDEINSTELLUNGEN*/
body {background: #e3e3e3;color: #fff; font-size: 1.1em; line-height: 1.2;}
a:link, a:visited {color: #8dbd3a; text-decoration: none;}
a:hover, a:active, a:focus {color: #cbd8a3;}
.alignleft { float: left; padding-bottom:32768px; margin-bottom:-32768px;}
.alignright { float: right; padding-bottom:32768px; margin-bottom:-32768px;}
.clear {clear: both;}
p,address, table { margin-bottom: 0.7em; line-height: normal; font-style: normal;}
h1 {font-size: 1.3em; letter-spacing: 1px; padding-bottom: 1em;}
h2 { font-size: 1.1em; padding-bottom:1em; color: #7cc000; font-weight: bold;}

/*LAYOUT*/
#page {height: 100%; margin: 10px auto; position: relative;width: 880px;}
#navigation {background:url(../images/header.jpg) no-repeat left bottom; height: 100px; font-size: 1.1em; position: relative;width: 100%; }
#navigation ul {bottom: 0; left: 10px; height: 25px; line-height: 25px; position: absolute; width: auto; display: block;}
#navigation ul li {float: left; margin-right:30px;}
#navigation ul li a:link, #navigation ul li a:visited {color: #fff; font-weight: bold;}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus {color: #cbd8a3;}
.gross{ font-size: 1.3em;}
#navigation ul li ul { display: none;}
#navigation ul li:hover ul { display: block; height: 150px; }
ul.sub {top: 25px; margin-left: 50px; }
ul.sub li {padding:5px ;margin:1px 10px !important; float:left; background: #7cc000; }
ul.sub a { font-size: 0.8em;}

a#impressum {color: #616d6d;position: absolute; right: 5px; top: 5px; display: block; font:bold 1.2em "Times New Roman","Trebuchet MS", Helvetica, sans-serif; }
a:hover#impressum, a:focus#impressum {color: #cbd8a3;}
#infos {height: 190px;width: 100%; line-height: 1;}
#map {float: left;height: 190px; width: 192px; }
#map a {display: block; height: 190px; width: 192px; }
#kontakt {background: url(../images/centerbox.jpg) no-repeat center top; float: left; height: 190px; margin-left: 5px;width: 305px; position: relative;}
#kontakt .daten { height:130px; width: 220px; padding: 5px 0; position: absolute; bottom: 0; right: 0;}
#kontakt address { font-style: normal;}
#news {background: url(../images/rightbox.jpg) no-repeat center top; float: left; height: 180px; margin-left: 5px;width: 367px; padding: 5px 3px; }
#news h2 { font-size: 1.3em; color: #7cc000;}
#news img { float: left; margin: 0 5px 5px 0;}
#news p { color:#fff; padding-left: 92px;}
#content { margin: 10px 0; overflow: hidden; height: 100%; }
#content a:link,#content a:visited {color: #cbd8a3;}
#content a:hover,#content a:active,#content a:focus {color: #8dbd3a;}
/*INHALT*/
.buchstaben {float:left; color: #7cc000;}
.nummern {float: left; margin-left: 5px;}
a:link.email { color: #fff;}
/*INHALT STARTSEITE*/
#box_links, #box_mitte, #box_rechts { float: left; padding-bottom: 32768px; margin-bottom: -32768px;}
#box_links { width: 270px; height: 450px;}
#box_mitte, #box_rechts { margin-left: 10px; height: auto; width: 275px; padding-left: 10px; padding-right: 10px; padding-top: 10px;}
#box_mitte { background: #ccc; color: #666;}
#box_mitte ul {padding-left:20px;border-top: 1px solid #ededed;}
#box_mitte ul li { list-style: disc; padding: 6px 0;}
#box_mitte ul.last { border-bottom: 1px solid #ededed;}
#box_rechts { background: #505a5a;}
#box_rechts h1  { color: #7cc000;}
#box_rechts ul {padding-left:20px;border-top: 1px solid #7cc000;}
#box_rechts ul li { list-style: disc; padding: 6px 0;}
#box_rechts ul.last { border-bottom: 1px solid #7cc000;}

/*INHALT MITARBEITER*/
.mitarbeitertext {background: #505a5a; width: 275px; height: 430px; overflow: auto; padding: 10px;}
.mitarbeitertext p { margin-left: 20px;}
.mitarbeitertext h1 { font-weight: bold; color:#7cc000; font-size: 1.5em;}
.mitarbeitertext img { margin-bottom: 1em;}
.mitarbeitertext ul {padding-left:20px;border-top: 1px solid #7cc000;}
.mitarbeitertext ul li { list-style: disc; padding: 6px 0;}
.mitarbeitertext ul.last { border-bottom: 1px solid #7cc000;}
.mitarbeiterbild { width: 575px; height: 450px;}
/*INHALT KONTAKT*/
.anfahrt {height: 450px; width: 575px;}
.formular { background: #505a5a; width: 275px; height: 450px; overflow: auto; padding:10px 10px 0 10px;}
.formular p { margin-left: 20px;}
.formular textarea { height: 70px; width: 240px;}
.hinweis {color: #7cc000;}
.hinweis2 { color: #cbd8a3;}
.submit { background:#7cc000; border: 0; padding: 2px 5px; color: #fff; font-size: 0.9em; width: inherit;}
/*INHALT IMPRESSUM*/
.impressum { background: #505a5a; padding: 10px; height: 100%; width: auto;}
.impressum h1 { border-bottom: 1px solid #7cc000; border-top: 1px solid #7cc000; padding: 5px 0; margin-bottom: 5px;}
.width260 { width: 260px;}
.width590 { width: 590px;}
.width290 { width: 290px;}