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


html { margin: 0px;  }
body {background-color: #cbd4dd; margin: 0px; }
html, body, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
img { border: 0px; margin-bottom: 10px;}
a { color: #000000; }
a:link, a:visited, a:active { color:#000000; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }

h1 { font-size: 17px; color: #324f53; font-weight:bold; margin-top: 0; margin-bottom: 5px; font-family:  Verdana, Arial, Helvetica;}
h2 { font-size: 14px; color: #324f53; margin-top: 0; margin-bottom: 5px; font-family:  Verdana, Arial, Helvetica;}
h3 { font-size: 12px; margin-top: 0; margin-bottom: 5px; color: #324f53;}
h4	{margin-bottom: 5px; color: #324f53; font-size: 11px; margin-top: 0px;}
p { font-size: 11px; margin: 0px; margin-bottom: 10px; margin-top: 10px;}
p.fussnote { font-size: 10px; }

strong	{color: #324f53; font-family:  Verdana, Arial, Helvetica;}

img.plus { margin-left: -10px; }



div.page {padding: 0px; margin: 0px auto;	position: relative;	top: 0px; width: 861px; background-color: #FFFFFF;}

div#site-head {background-color: #658384; background-image: url(/files/allgemein/img_header.jpg); background-position: bottom; background-repeat: no-repeat; width: 861px; height: 133px; padding-top: 15px;}
div.home div#site-head {background-color: #658384; background-image: url(/files/allgemein/img_headerhome.jpg); background-position: bottom; background-repeat: no-repeat; width: 861px; height: 249px; padding-top: 15px;}

div#transparent {	width: 240px; height: 430px; background-color: #fff; position: absolute;
					left: 0px;
					opacity: 0.5; filter: alpha(opacity=50);
					}

div#main-menu { margin-left: 0px; margin-top: 2px; float: left; background-color: #FFFFFF;}

div#main-menu ul {background-color: #d2dcdc; border-left: 1px solid #b8c6cb; margin: 0px; padding-left: 0px; *margin-right: -10px; list-style-type: none;}
div#main-menu ul li { border-bottom: 1px solid #FFFFFF; }
div#main-menu ul li a {color: #324f53; padding-top: 3px; padding-bottom: 4px; padding-left: 30px; width: 200px; display: block; text-decoration: none; font-style: italic; font-family: Verdana, Arial, Helvetica; background-image: url(/files/allgemein/liststein.gif); background-repeat: no-repeat; background-position: 5px 5px;}
div#main-menu ul li a:hover	{ background-color: #E6ECF3; color: #324f53; background-image: url(/files/allgemein/dreieck_over.gif); background-repeat: no-repeat; background-position: 160px 5px;}
div#main-menu ul li.active {background-color: #b8c6cb; }
div#main-menu ul li.active a	{color: #324f53; background-image: url(/files/allgemein/liststeinactive.gif); background-repeat: no-repeat; background-position: 5px 5px;}
div#main-menu ul li.last a	{border: none;}

div#main-menu li.active ul.ebene2	{ list-style-type: none; border: none; border-left: 1px solid #deedf3; width:150px; left: 0px; *margin-left: -25px;}
div#main-menu li.active ul.ebene2 li	{list-style-image: none; border-bottom: none;}
div#main-menu li.active ul.ebene2 li a { background-color: #FFFFFF; color: #808080; background-image: none; border: none; padding-left: 45px; *margin-left: 20px; font-weight: normal; }
div#main-menu li.active ul.ebene2 li a:hover,
div#main-menu li.active ul.ebene2 li.active a { color: #000000; font-weight: bold; background-color: #FFFFFF; background-image: none;}


div#content {position: relative; width: 861px; background-color: #FFFFFF; }


div#inner-content {position: relative; right: 30px; padding-bottom: 20px; float: right; top: 20px;
    width: 565px; overflow: hidden;  /* wegen ie bug (menü verschiebt sich manchmal nach unten)*/
}

div#inner-content p	{padding-bottom: 10px;}

div#inner-content form	{margin-bottom: 20px;}

div#bottom {position: relative; background-image: url(/files/allgemein/img_footerbg.jpg); background-repeat: no-repeat; padding: 0px; clear: both; height: 120px;}

div#bottom p	{color: #324f53; text-align: center; font-weight: bold; font-size: 10px; padding-top:73px; }

div.element { clear: both; }
div.clear	{clear: both;}

table.formular { border-collapse: collapse; }
table.formular td { border: 1px solid #FFFFFF;}
table.formular tr td.name { font-size: 10px; color: #324f53; background-color: #d2dcdc;;  text-align: right; padding-left: 10px; padding-right: 5px; font-family:  Verdana, Arial, Helvetica; letter-spacing: 1px;}
table.formular tr.submit td.name { 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: #d2dcdc; }
table.formular tr.error td.field input,
table.formular tr.error td.field textarea { background-color: #faaf3a; }
table.formular input,
table.formular textarea { border: 1px solid #d2dcdc;; }
table.formular tr.submit input { margin-top: 10px; padding: 0; width: auto; }
table.formular tr.checkbox input,
table.formular tr.multicheckbox input,
table.formular tr.option input { border-width: 0px; }
table.formular tr.text td.field input { width: 207px; }
table.formular tr.email td.field input { width: 207px; }
table.formular tr.format td.field input { border-width: 0; }

div.pflicht { margin-bottom: 10px; }
div.pflicht div { background-color: #d2dcdc; width: 5px; height: 5px; float: left; margin-top: 0px; margin-right: 6px; }
div#fehler { font-size: 11px; width: 175px; background-color: #faaf3a; border: 1px solid #103377; padding: 5px; margin-bottom: 10px; }
div#fehler p { font-size: 11px; margin: 0; }
div#fehler ul { margin: 0; padding: 0; padding-left: 15px; }