/* voiTEC.WEB *** http://www.natur-point.com */

/* Grundeinstellungen */

* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% verdana,tahoma,sans-serif; color: #000000; background: #F9E3BA url(../de,np,images/bg-behind.jpg) repeat-y top left; }
img { border: 0; }
form { display: inline; }
select option { padding-right: 7px; }
.killer { clear: both; border: 0; height: 0; color: #FFF9D9; background: #FFF9D9; }
hr.deko { margin: 15px 0; color: #564F40; background: #564F40; }
#box { width: 47em; max-width: 1000px; margin: 0 auto; }

/* Kopfzeile */
#kopf { height: 169px; position: relative; }
#kopf .minibilder { width: 45em; max-width: 980px; height: 169px; padding-left: 20px; position: absolute; top: 0; left: 0; color: inherit; background: url(../de,np,images/bg-kopf-links-trans.png) no-repeat bottom left; }
#kopf .minibilder img { margin: 88px 0 0 5px; }
#kopf .logo { width: 330px; height: 169px; position: absolute; top: 0; right: 0; color: inherit; background: url(../de,np,images/bg-kopf-rechts.gif) no-repeat top right; }
#kopf .logo img { margin: 10px 5px 0 0; }

/* Hauptmenue */
#nav { color: inherit; background: url(../de,np,images/bg-nav.png) repeat top left; border: 1px solid #564F40; }
#nav ul { padding-left: 20px; list-style: none; }
#nav ul li { padding-right: 5px; float: left; display: block; }
#nav a { padding: 5px; font-size: 0.8em; font-weight: bold; color: #511900; background: none; text-decoration: none; display: block; }
#nav a:visited { color: #511900; background: none; }
#nav a:hover { color: #CC0000; background: #FFF9D9; }

/* Inhaltsbereich... */
#inhalt { max-width: 980px; padding: 10px 25px 10px 25px; color: #564F40; background: #FFF9D9; border-left: 1px solid #564F40; border-right: 1px solid #564F40; clear: left; }
#inhalt h1 { margin-bottom: 10px; padding-bottom: 1px; font-size: 1em; font-weight: bold; color: #511900; border-bottom: 2px dotted #9B4321; }
#inhalt h2 { margin-bottom: 5px; padding-bottom: 1px; font-size: 0.8em; font-weight: bold; }
#inhalt p { margin: 2px 0 10px 0; font-size: 0.8em; line-height: 1.3em; color: #511900; }
#inhalt .bild-links { margin: 1px 10px 5px 0; float: left; }
#inhalt .bild-rechts { margin: 1px 0 5px 10px; float: right; }
#inhalt dl { margin: 5px; padding: 5px; font-size: 0.8em; color: #511900; border-left: 1px dotted #CCCCCC; }
#inhalt dl dt { width: 8em; float: left; padding: 2px; }
#inhalt dl dd { margin-left: 8.1em; float: none; padding: 2px; }
#inhalt .nav2 dl { width: 22%; min-height: 124px; float: left; margin: 5px; padding: 3px; border: 1px solid #CCCCCC; }
#inhalt .nav2 dl:hover { color: inherit; background: #FFFFFF; }
#inhalt .nav2 dl dt { width: 100%; float: none; font-weight: bold; padding: 3px; text-align: center; }
#inhalt .nav2 dl dd { margin: 0; text-align: center; }
#inhalt .nav2 dl dd img { float: none; margin: 0 10px 3px 1px; }
#inhalt .nav2 dl dd a { color: #333333; text-decoration: none; border: 0; }
#inhalt .ul303, #inhalt .ul301 { text-align: center; }
/*#inhalt .ul301 dl dd { padding: 0 auto; }*/
#inhalt .ul301 dl dd img { float: none; margin: 0 auto; }
#inhalt a { padding-bottom: 1px; color: #0000CC; text-decoration: none; border-bottom: 1px dotted #CC0000; }
#inhalt a:hover { color: #CC0000; }

#inhalt .ul486 dl { width: 98%; min-height: 0; }
#inhalt .ul486 dl dt { width: auto; margin-bottom: 7px; padding: 5px; background-color: #DDD; }
#inhalt .ul486 dl dd { margin: 0; padding: 5px; text-align: left; }
#inhalt .ul486 dl dd img { float: left; margin: 0px 20px 6px 0px; }

#inhalt .ul488 dl { width: 98%; min-height: 0; }
#inhalt .ul488 dl dt { width: auto; margin-bottom: 7px; padding: 5px; background-color: #DDD; }
#inhalt .ul488 dl dd { margin: 0; padding: 5px; text-align: left; }
#inhalt .ul488 dl dd img { float: left; margin: 0px 20px 6px 0px; }

/* ...Untermenue zum Umblaettern */
.blaettern { margin: 20px 0 20px 0; padding: 7px; color: #333333; background: inherit; text-align: center; border-top: 1px dotted #CCCCCC; }
.blaettern p.weiter { float: right; }
.blaettern p.zurueck { float: left; }
.blaettern ul { list-style: none; margin: 0 auto 0 auto; padding-top: 4px; font-size: 0.8em; }
.blaettern ul li { display: inline; padding-right: 5px; }
.blaettern a.link-aktiv { padding: 0 3px; color: #666666; background: #DDDDDD; }

/* ...Pfad */
#inhalt p.pfad { padding: 0 0 10px 0; font-size: 0.7em; }
#inhalt p.pfad a { color: #0000CC; background: inherit; text-decoration: none; border-bottom: 1px dotted #564F40; }
#inhalt p.pfad a:hover { color: #CC0000; background: inherit; border-bottom: 1px solid #FF0000; }

/* ...Fieldset, Formularelemente */
fieldset { padding: 7px; }
fieldset legend { margin: 0 5px; padding: 8px; font-weight: bold; font-size: 0.8em; }
label { display: block; font-size: 0.7em; line-height: 1.5em; }

/* ...Bildergalerie */
#galerie { }
#galerie .uebersicht dl { width: 46%; margin: 0 10px 10px 0; padding: 5px; font-size: 0.8em; border: 1px solid #564F40; float: left; }
#galerie .uebersicht dt { padding: 0 5px 5px 5px; font-weight: bold; }
#galerie .uebersicht dd { padding: 5px; }
#galerie .uebersicht dd img { margin: 1px 5px 3px 0; float: left; }
#galerie .uebersicht dd.link { text-align: right; border-top: 1px solid #564F40; clear: left; }
#galerie .liste dl { width: 30%; margin: 0 10px 10px 0; padding: 5px; font-size: 0.8em; border: 1px solid #564F40; float: left; }
#galerie .liste dt { padding: 0 5px 5px 5px; font-weight: bold; }
#galerie .liste dd { padding: 5px; }
#galerie .liste dd img { margin: 1px 5px 3px 0; float: left; }
#galerie .liste dd.link { text-align: right; border-top: 1px solid #564F40; clear: left; }
#galerie ul.umblaettern { font-size: 0.8em; text-align: center; list-style: none; }
#galerie ul.umblaettern li { padding: 5px; display: inline; }
#galerie p.bild { text-align: center; }

/* Fußzeile */
#fuss { height: 1.8em; position: relative; color: inherit; background: url(../de,np,images/bg-nav.png); text-align: right; border: 1px solid #564F40; clear: both; }
#fuss ul { position: absolute; top: 0; right: 25px; list-style: none; color: inherit; background: none; }
#fuss ul li { padding: 3px; font-size: 0.8em; float: left; display: block; }

#abschluss { height: 1.2em; color: inherit; background: url(../de,np,images/bg-fuss-links.png) no-repeat left bottom; text-align: center; }
#abschluss p { height: 1.4em; padding: 2px 0; font-size: 0.7em; color: #888888; background: url(../de,np,images/bg-fuss-rechts.png) no-repeat bottom right; }
#abschluss a { color: #888888; background: none; text-decoration: none; }