@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-color: #f5f5f5;
}
h1, h2, h3, h4 { color: #00549a; }
h1	{ font-size: 14px; }
h2	{ font-size: 12px; }

ul { list-style-type: square; margin-left: 15px; line-height: 16px; }
ol { margin-left: 20px; line-height: 16px; }

p { margin-bottom: 10px; line-height: 16px; }
a { text-decoration: none; color: #00549a; }
a:hover { text-decoration: underline; }

/* breite = xx px */
div.page, div#siteHead, div#footer {width: 794px;}
div.page, div#footer {
    margin: 0em auto;
    position: relative;
    background: #00549a url(/files/allgemein/pageBg.jpg) no-repeat 0px 170px;
}
div.page { margin-top: 20px; }

div#siteHead {
    height: 170px;
    background: url(/files/allgemein/headBg.jpg) no-repeat top left;
}
div#siteHead img#headerImg { position: absolute; top: 2px; left: 114px; }

ul#mainMenu { position: absolute; top: 123px; left: 112px; }
ul#mainMenu li { float: left; display: block; position: relative; }
ul#mainMenu li a {
    padding: 0px 10px;
    display: block; width: auto;
    float: left;
    border-right: 1px solid #fff;
    color: #fff;
    line-height: 17px;
}
ul#mainMenu li a:hover,
ul#mainMenu li.active a { color: #fab80e; border-right: 1px solid #fab80e; }
ul#mainMenu li.last a,
ul#mainMenu li.last a:hover { border: none; }

ul#mainMenu li:hover ul#subMenu,
ul#mainMenu li.hover ul#subMenu { display: block; }
ul#subMenu {
    position: absolute; z-index: 100;
	top: 17px; left: 0px; width: 150px;
    display: none;
    background-color: #e3e8ee;
    border: 1px solid #00549a;
    padding: 10px;
}
ul#subMenu li { float: none; position: relative; }
ul#mainMenu li:hover ul#subMenu li,
ul#mainMenu li.hover ul#subMenu li { display: block; }
ul#mainMenu ul#subMenu li a {
    color: #00549a;
    display: block; width: auto; position: relative;
    border: none;
    float: none;
    padding: 2px 10px;
}
ul#mainMenu ul#subMenu li a:hover {
    background-color: #00549a;
    color: #fff;
}
ul#mainMenu,
ul#subMenu,
ul#bottomMenu,
ul#educationMenu { list-style-type: none; margin-left: 0px; line-height: normal; }

div#content {
    float: left;
    width: 511px;
    min-height: 370px;
    height: auto !important;
    height: 370px;
    margin-left: 115px;
    padding: 10px 14px;
    background: #fff;
}
div#boxRight { width: 125px; float: right; padding-right: 15px; }
div#boxRight div.text {
    background-color: #e3e8ee;
    padding: 5px 5px;
    margin-bottom: 10px;
    font-size: 10px;
}
div#boxRight div.text p { font-weight: bold; }
div#boxRight h2 { background-color: #fff; padding: 2px 5px; }
div#boxRight span.date { font-size: 9px; color: #00549a; }
div#boxRight ul li {
    background: url(/files/allgemein/liIcon.gif) no-repeat 0px 3px;
    padding-left: 7px;
    margin-bottom: 5px;
}

div.element, div#footer, div.clear {clear: both;}

div#footer {
    height: 34px;
    background: url(/files/allgemein/footerBg.jpg) no-repeat top left;
}
div#footer ul#bottomMenu {
    position: absolute;
    top: 35px; right: 40px;
    padding-bottom: 20px;
}
div#footer ul#bottomMenu li { float: left; margin-left: 20px; }
div#footer ul#bottomMenu li a {
    background: url(/files/allgemein/liIcon.gif) no-repeat 0px 5px;
    padding-left: 10px;
    color: #00549a;
}
div#footer ul#bottomMenu li a:hover { text-decoration: underline; }

img.plus { margin-left: -10px; }

