/* CSS-Datei Augenoptik Fegg, XHTML 1.0 strict, (c) by Bernd Schlackl kreativform.de */

html { margin: 0; padding: 0; height: 100%; }
body {
position: relative; height: 100%;
margin: 0 auto;
padding: 0;
font: 101% Lucida Grande, Lucida Sans, Tahoma, Verdana, sans-serif;
background-color: #000; 
overflow-y: scroll;
}
img { margin: 0; padding: 0; border: 0; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
h1, h2, p { margin: 0; padding: 0; }

/* Grundstruktur */
#container {
position: relative; top: 8%;
margin: 0 auto; 
width: 955px; 
background-color: #000;
}
#header {
height: 88px; /* für IE6 */
border-bottom: 5px solid #000;
}
#content {
margin: 0; padding: 0; 
font-size: 0.75em; color: #333;
background: #cbcbcb url(bg-content.gif) repeat-y;
}


#content #nav {
width: 190px; float: left;
background-color: #000;
margin-top: -2px; /* ersten Navpunkt ausgleichen */
}
#content #text {
width: 365px; float: left;
padding: 15px 25px;
background-color: #cbcbcb;
}
#content #bilder {
width: 145px; float: left;
background-color: #cbcbcb;
margin-top: 3px;
}
#content #text.nurtext {
width: 510px;
}

#content #aktionen {
width: 200px; float: right;
margin-left: 5px; padding-bottom: 15px; 
background-color: #cbcbcb;
}

#footer { 
font-size: 0.6em; padding-top: 10px; padding-bottom: 10px;
color: #cbcbcb; background-color: #000;
text-align: center;
}



/* Navigation */
#nav a, #nav a.on {
display: block; width: 165px;
padding: 2px 0 3px 20px;
margin: 2px 0 0 0;
color: #fff; text-decoration: none;
background-color: #333;
}
#nav a.on { width: 170px; }
#nav a:hover { text-decoration: underline; }
/* Subnav */
#nav a.sub, #nav a.subon {
background-image: url(pfeil.gif);
background-repeat: no-repeat; 
background-position: 22px center;
padding-left: 35px; width: 155px;
margin-top: 0;
font-size: 90%;
}
#nav a.subon { text-decoration: underline; }
/* Navigation - Adressblock: */
#nav address {
font-size: 80%; font-style: normal;
padding: 20px 0 15px 20px;
width: 165px;
background-color: #cbcbcb; color: #333;
}
#nav a.augenoptik { 
margin: 5px 0 0 0;
padding: 2px 0;
width: 165px;
background-color: transparent; color: #333;
}
#nav a.impressum {
background-color: #cbcbcb; color: #333;
margin: 0; padding-top: 10px; padding-bottom: 15px;
}


/* Inhalte, content */
#content #bilder img { margin: 10px 0 0 0; }
#content h1, #aktionen p.headline { 
background-color: #7cc198; /* Hintergrundfarbe für Aktionen */
font-size: 110%; font-weight: bold; color: #fff; padding: 5px;
}

#content #text div.dreispaltig {
float: left;
width: 160px;
margin-bottom: 15px;
}
#content #text div.dreispaltig p {
font-size: 90%;
}
#content #text div.dreispaltig p strong {
font-size: 120%;
}

#aktionen p { margin-top: 20px; }
#aktionen p, #aktionen p.headline { padding-left: 20px; padding-right: 20px; }
#aktionen p.headline { margin-top: 0; }

#content #text p { padding-bottom: 15px; line-height: 1.6em;  }
#content #text p.historie { padding-bottom: 0; }

#content #text ul { margin: 0 0 0 18px; padding: 0 0 15px 0; list-style-type: square; }
#content #text ul li { padding: 3px 0 3px 10px; }
#content #text h1 { margin-bottom: 15px; }
#content #text h2 { font-size: 110%; padding: 0 0 10px 0;}
#content #text h2.historie { padding: 10px 0 2px 0; }
#content #text p em { font-style: normal; font-size: 84%; }

/* Formular */
#content #text form { margin: 0; }
#content #text form p.form { margin: 0; padding: 0; font-weight: bold; color: #6c6cff; color: maroon; }
#content #text form fieldset, #content #text form textarea, #content #text form input.text  {
border: 1px solid #6c6cff; 
margin: 0 0 10px 0;
}
#content #text form fieldset {
padding: 10px;
}
#content #text form fieldset label {
display: block; float: left;
width: 70px;
}
#content #text form input.text {
width: 400px;
}
#content #text form textarea {
width: 500px; padding: 2px 4px;
height: 200px;
font-family: Verdana, sans-serif;
font-size: 1.1em;
}
#content #text form textarea.admin {
font: 101% Lucida Grande, Lucida Sans, Tahoma, Verdana, sans-serif;
border: 1px solid #990000;
width: 192px; height: 100px;
}
* html #content #text form textarea {
width: 498px; 
}
#content #text form fieldset legend, #content #text form label {
color: #6c6cff;
}
* html #content #text form fieldset legend {
margin-bottom: 15px;
}


/* Links */
#content #text a { color: #000; }
#content #text a:hover { background-color: #fff; }
#footer a { color: #cbcbcb; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; }