/* CSS www.kreul.de */
* {margin: 0;padding: 0;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 95%;background-color: #d3d3d3;color: #000000;}
p {font-size: 0.8em;}
h1 {font-size: 1.1em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
a {color: #000000;text-decoration: underline;}
a:hover {text-decoration: none;}
/* Layout */
#main {background-color: #e5e1d2;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;margin: 0 auto 0 auto;padding: 10px 0;width: 1000px;}
#headerService {background-color: #595959;background-image: url(/layout/grafiken/header_service_hotline.gif);background-position: right;background-repeat: no-repeat;border-bottom: 1px solid #ffffff;height: 24px;}
#headerLogoGrafik {background-color: #333333;height: 95px;border-bottom: 1px solid #ffffff;}
#headerLogo {background-image: url(/layout/grafiken/header_logo.gif);background-position: center;background-repeat: no-repeat;border-right: 1px solid #ffffff;float: left;height: 95px;width: 174px;}
#headerGrafik {background-image: url(/layout/grafiken/header/startseite.jpg);background-position: center;background-repeat: no-repeat;float: left;height: 95px;width: 825px;}
#headerMenue {background-color: #333333;border-bottom: 1px solid #ffffff;height: 46px;}
#headerBreadcrumb {background-color: #595959;background-color: #C1CACF;height: 25px;}
#content {padding: 15px 10px 0 10px;}
#footer {background-color: #595959;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;height: 25px;}
/* Breadcrumb */
#headerBreadcrumb p {color: #ffffff;padding: 5px 0 0 10px;}
#headerBreadcrumb a {color: #ffffff;text-decoration: none;}
#headerBreadcrumb a:hover {text-decoration: underline;}
/* Spezielle Definitionen */
/* Standard Formular */#content .formular {margin-top: 10px;}
#content .formular p{clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 155px; /*width of left column containing the label elements*/}
#content .formular label{font-weight: bold;float: left;margin-left: -155px; /*width of left column*/width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
/* Textdefinitionen */
#content .color {color: #4682B4;font-weight: bold;}
#content p {margin-bottom: 10px;line-height: 1.3em;}
#content h3 {margin-bottom: 2px;}
#content ul {list-style-type: square;list-style-position: inside;margin: 5px 0;}
#content li {font-size: 0.8em;line-height: 1.3em;margin-bottom: 0.8em;}
/* Blockquote */
#content blockquote.withquote {background: url(/layout/grafiken/quote.gif) no-repeat;background-position: top left;padding-left: 25px;text-align: justify;}
#content p.withunquote {background: url(/layout/grafiken/unquote.gif) no-repeat;background-position: bottom right;padding-right: 5px;}
/* Bilder */
#content .imageLeft {float: left;margin: 0 10px 10px 0;}
#content .clearLeft {clear: left;}
#content .imageRight {float: right;margin: 0 0 10px 10px;}
#content .clearRight {clear: right;}
/* Fehler */
#content .fehler {color: red;font-weight: bold;}
/* Adresse */
#content address {font-size: 0.8em;font-style: normal;margin-bottom: 10px;}
/* Back */
#content #back {border-top: 1px solid white;margin-top: 10px;padding-top: 5px;}
#content #left {float: left;padding-right: 5px;width: 70%;}
#content #right {border-left: 1px solid black;float: left;padding-left: 5px;width: 25%;}
/* Footer */
#footer p {color: #eaeaea;font-size: 11px;margin: 5px 10px 0 10px;text-align: right;}
#footer a {color: #eaeaea;text-decoration: none;}
#footer a:hover {color: #ffffff;text-decoration: underline;}
/* Tabelle */
#content .tabelle  {margin: 10px 0;}
#content .tabelle table {color: #000000;background: #fbf6e5;border-collapse: collapse;font: 0.8em/1.0em Arial, Helvetica, sans-serif;letter-spacing: .1em;text-align: left;width: 100%;}
#content .tabelle caption {color: #000000;background: transparent;font-size: 1.3em;font-weight: normal;text-align: center;text-transform: uppercase;letter-spacing: .6em;padding-bottom: 0.3em;}
#content .tabelle thead th {border-left: 1px solid #FFF;text-align: left;color: #FFFFFF;background: #595959;font-family: Arial, Helvetica, sans-serif;font-variant: small-caps;letter-spacing: 0.1em;}
#content .tabelle td, #content .tabelle th {padding: 5px 5px;}
#content .tabelle tbody tr th,
#content .tabelle tbody tr td {border-bottom: 1px dotted #595959;border-left: 1px solid #fff;}
#content .tabelle tbody tr:hover {color: #333;background: #ede4c1;}
#content .tabelle tbody tr:hover td, #content .tabelle tbody tr:hover th {border-bottom: 1px solid #333;}
#content .tabelle .gerade {background: #c9c6b8;}
#content .tabelle .ausrichtungRechts {text-align: right;}
#content .tabelle .ausrichtungLinks {text-align: left;}
#content .tabelle .ausrichtungZentriert {text-align: center;}
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {width: 1000px;font-size: 12px;padding: 8px 0 0 2px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding: 0;margin: 0;list-style-type: none;}
.menu ul ul {width: 166px;/*127*/}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float: left;width: 166px;/*127*/position: relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display: block;font-size: 12px;text-decoration: none;color: #fff;width: 156px;/*117*/height: 30px;background: #758279;padding-left: 9px;line-height: 30px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width: 166px;/*127*/w\idth: 155px;/*116*/}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #949e7c;}
/* style the second level hover */
.menu ul ul a.drop:hover {background:#c9ba65;}
.menu ul ul :hover > a.drop {background: #c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background: #b2ab9b;}
.menu ul ul ul :hover > a {background: #b2ab9b;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility: hidden;position: absolute;height: 0;top: 30px;left: 0; width: 166px;/*127*/}
/* another hack for IE5.5 */
* html .menu ul ul {top: 30px;t\op: 30px;}
/* position the third level flyout menu */
.menu ul ul ul{left: 186px;/*147*/top: 0;width: 166px;/*127*/}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left: -166px;/*-127*/}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
/* style the second level links */
.menu ul ul a,
.menu ul ul a:visited {background: #d4d8bd;color: #000;height: auto;line-height: 1em;padding: 5px 10px;width: 166px;/*127*//* yet another hack for IE5.5 */}
* html .menu ul ul a{width: 166px;/*127*/w\idth: 166px;/*127*/}
/* style the top level hover */
.menu a:hover,
.menu ul ul a:hover{color: #fff;background: #949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color: #fff;background: #949e7c;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility: visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility: hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility: hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility: visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility: visible;}