@import url(/common/popup.css);
@import url(/css/news.css);
@import url(/css/impressum.css);
@import url(/css/elements.css);

html, body, ul, li { margin: 0; padding:0; }
body {background-color: #cbd7ee; }

html, body, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
img { border-width: 0px }
ul {list-style-type: none; }
a { color: #000000; }
a:link, a:visited, a:active { color:#5c86c7; text-decoration:underline; }
a:hover { color:#38537A; text-decoration:underline; }

h1 { font-size: 14px; color: #5c86c7; font-weight: bold; margin-top: 0; text-transform: uppercase; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 {margin-bottom: 6px; margin-top: 2px;}
p { font-size: 12px; }

img.alignLeft { float: left; padding: 0 15px 0 15px; }
.clear { clear: both; height: 1px;}
.left { float: left; }
.right { float: right; }

div.page {
    margin: 0px auto;
    width: 915px;
    background: url(/files/allgemein/pageBg.jpg) repeat-y top left;
}
div.innerPage { width: 780px; margin-left: 70px; position: relative;}

ul#mainMenu { width: 220px; margin-top: 16px; }
ul#mainMenu li {
    margin-bottom: 1px;
    line-height: 14px;
}
ul#mainMenu li a {
    color: #fff;
    background-color: #7c7c7c;
    display: block; width: auto;
    text-decoration: none;
    padding: 5px; padding-left: 25px;
}
ul#mainMenu li.active a {
    background: url(/files/allgemein/menuIcon.jpg) no-repeat 5px 8px;
    background-color: #5696d3;
    color: #fff; font-weight: bold;
}
ul#mainMenu li.active a:hover { background-color: #5696d3; }
ul#mainMenu li a:hover {
    color: #fff; font-weight: bold;
    background-color: #a5a5a5;
}

ul#mainMenu ul#subMenu { margin-top: 1px; margin-bottom: 10px; width: 220px; }
ul#mainMenu ul#subMenu li { margin-bottom: 1px; }
ul#mainMenu ul#subMenu li a {
    font-weight: normal;
    color: #5696d3;
    background-color: #c3d1eb;
    font-size: 11px;
    background-image: none;
}
ul#mainMenu li.active ul#subMenu li.active a:hover,
ul#mainMenu li.active ul#subMenu li ul#subsubMenu li a:hover,
ul#mainMenu ul#subMenu li a:hover {background-color: #5696D3; color: #fff; }

ul#mainMenu li.active ul#subMenu li a { color: #5696d3; font-size: 11px; font-weight: bold;}
ul#mainMenu li.active ul#subMenu li a:hover { color: #fff; }
ul#mainMenu li.active ul#subMenu li.active a { color: #5696D3; font-weight: bold; }

ul#mainMenu li.active ul#subMenu ul#subsubMenu {
    margin-left: 0px; margin-bottom: 5px;
    border-top: 1px solid #fff;
}
ul#mainMenu li.active ul#subMenu ul#subsubMenu li a { padding-left: 40px; }
ul#mainMenu li.active ul#subMenu li.active ul#subsubMenu li a { color: #fff; }
ul#mainMenu li.active ul#subMenu li.active ul#subsubMenu li.active a { color: #5696D3; }
ul#mainMenu li.active ul#subMenu li.active ul#subsubMenu li.active a:hover { color: #fff; }

ul#bottom-menu {
    clear: both;
	font-size: 11px;
	background: url(/files/allgemein/footerBg.jpg) no-repeat top right;
    height: 26px;
	padding-top: 10px; padding-bottom: 3px; padding-left: 620px;
	margin-bottom: 25px;
}
ul#bottom-menu li { float: left; }
ul#bottom-menu li a {
    text-decoration: none;
    color: #7c7c7c;
    padding-right: 30px; paddng-top: 15px;
}
ul#bottom-menu li a:hover { color: #5696d3; }

div#content {
    padding-top: 12px; padding-left: 15px;
    padding-bottom: 20px; padding-right: 15px;
    margin-top: 15px;
    width: 515px;
    float: right;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    border-left: 2px solid #f0f0f0; border-top: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
}
/* hack fr nicht-ie */
/*div#content[id] { height: auto; min-height: 150px; }*/

div.validate { margin-top: 20px; }

.card {
    margin-top: 20px;
    text-align: right;
}
.card a { font-size: 11px; text-decoration: none; }

table.formular { border-collapse: collapse; }
table.formular td { border: 1px solid white; }
table.formular tr td.name { font-size: 11px; color: white; background-color: #5c86c7;  text-align: right; font-weight: bold; padding-left: 10px; padding-right: 5px; }

button#submit,
button.ab,
table.formular tr.submit td.name { background-color: #ffffff; }

table.formular tr.submit input {background-color: #fff;}
table.formular td.field { padding: 3px; border-left-width: 0; padding-left: 6px; }
table.formular td.color { width: 4px; border-right-width: 0; }
table.formular tr.pflicht td.color { background-color: #38537A; }
table.formular tr.error td.field input,
div.formular table tr.error td.field textarea { background-color: #e2e7f0; }

button#submit,
button.ab,
table.formular td.field input,
table.formular td.field textarea { border: 1px solid #5c86c7; }

table.formular tr.checkbox td.field input { border-width: 0; }
table.formular tr.subject td { border-bottom: 10px solid white; }

div#fehler { font-size: 11px; width: 300px; background-color: #e2e7f0; border: 1px solid #5c86c7; padding: 5px; margin-bottom: 10px;}
div#fehler h4 { font-size: 11px; color: #38537A;}
div#fehler p { font-size: 11px; margin: 0; }
div#fehler ul { margin: 0; padding: 0; padding-left: 15px; }
div.pflicht { margin-bottom: 10px;  }
div.pflicht div { background-color: #38537A; width: 5px; height: 5px; float: left; margin-top: 0px; margin-right: 6px; 

.news h2 { margin-top: 20px; margin-bottom: 5px; }
.news h3 { margin-top: 0px; font-weight: normal; margin-bottom: 0; }
.news p.more { margin-top: 5px; text-align: right; font-weight: bold; }