@import url(/css/news.css);
@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);

body	{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #eaecef url(/files/allgemein/bodyBg.jpg) repeat-x top left;
}

h1 {
    font-size: 14px;
    background: url(/files/allgemein/headlineBg.jpg) repeat top left;
    padding: 5px;
    color: #910000;
    border: 1px solid #dedfdf;
    margin-bottom: 20px;
}
h2 { font-size: 12px; margin-bottom: 10px; }
h3 { color: #910000; margin-bottom: 10px; }

ul { list-style-type: none; }
p { color: #485f85; margin-bottom: 10px; line-height: 18px; }
a { text-decoration: none; color: #485f85; }
a:hover { text-decoration: underline; }

/* breite = xx px */
div.page, div#siteHead, div#footer {width: 800px;}
div.page {
    margin: 0em auto;
    margin-top: 11px;
    padding-bottom: 20px;
    position: relative;
    background-color: #fff;
}

div#siteHead { position: relative; border-bottom: 3px solid #4a7aba; height: 245px; margin-bottom: 20px; }
div#siteHead img#pool { position: absolute; top: 35px; left: 0px; }

h1, h2, h3, h4, h5, h6,
ul#mainMenu li a,
ul#langmenu li a,
ul#langmenu li.select,
ul#bottomMenu li a { font-variant: small-caps; }

ul#mainMenu { position: absolute; top: 217px; left: 0px; }
ul#mainMenu li { margin-left: 10px; float: left; }
ul#mainMenu li a {
    color: #fff;
    background-color: #4a7aba;
    padding: 6px 15px;
    line-height: 30px;
}
ul#mainMenu li a:hover,
ul#mainMenu li.active a { color: #4a7aba; background-color: #fff; text-decoration: none; }

ul#subMenu { padding-left: 25px; }
ul#subMenu li a {
    background: url(/files/allgemein/liIcon.jpg) no-repeat 0px 5px;
    padding-left: 10px;
    color: #910000;
    display: block;
    margin-bottom: 5px;
}
ul#subMenu li a:hover,
ul#subMenu li.active a {
    background: url(/files/allgemein/liIconOver.jpg) no-repeat 0px 5px;
    padding-left: 10px;
    color: #4A7ABA;
    text-decoration: none;
}

ul#langmenu { line-height: 40px; margin-left: 500px; }
ul#langmenu li { float: left; }
ul#langmenu li.select { margin-right: 10px; color: #485f85; font-weight: bold; }
ul#langmenu li span { padding: 0px 5px; }

div#content { width: 480px; float: right; padding: 0px 20px; margin-right: 20px; }
div#content a { color: #910000; text-decoration: underline; }
div#content a:hover { color: #4a7aba; text-decoration: none; }
div.element ol { padding-left: 25px;}
div.element ol li { color: #485F85; margin-bottom: 5px; font-weight: bold; font-size: 11px; }
div.element ol ul { margin: 15px 0px; margin-top: 5px; list-style-type: none !important; }
div.element ol ul li {
    display: block;
    width: 370px; 
    font-weight: normal;
    font-size: 12px;
    background: url(/files/allgemein/liIconDarkBlue.jpg) no-repeat 0px 5px;
    padding-left: 10px;
    line-height: 16px;
}
div.element ul { margin-bottom: 15px; margin-left: 10px; }
div.element ul li {
    font-weight: normal;
    font-size: 12px;
    background: url(/files/allgemein/liIconDarkBlue.jpg) no-repeat 0px 5px;
    padding-left: 15px;
    margin-bottom: 5px;
    color: #485F85;
}

div#right {
    width: 220px;
    float: left;
    padding-left: 20px;
}
div#right h2 {
    color: #4a7aba;
    background: url(/files/allgemein/crossIcon.jpg) no-repeat 2px 0px;
    padding-left: 25px;
}
div#right div.box {
    padding: 10px;
    border: 1px solid #d9dada;
    background: #f5f6f6;
    margin-bottom: 10px;
}
div#right div.box div.text { margin-bottom: 15px; }
div#right div.box div.text h3 { margin-bottom: -5px; }
div#right div.box div.text p { color: #4a7aba; margin-bottom: 10px; }
div#right div.box div.text a { color: #4a7aba; padding-left: 100px; }

div.element, div#footer, div.clear { clear: both; }

div#footer { margin: 0em auto; padding: 10px; font-size: 11px; }
div#footer p { float: left; margin-left: 20px;}
div#footer ul#bottomMenu { float: right; margin-right: 20px; }
div#footer ul#bottomMenu li { float: left; }
div#footer ul#bottomMenu li span { padding: 0px 5px; }

img.plus { margin-left: -10px; }

