/* CSS - Reset Begin */
/* Resetten aller Margins und Paddings,  Schriftauszeichnungen */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;	/* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	font-family: inherit;
	vertical-align: baseline;
}

html { height: 100%; margin-bottom: 1px; }
body { position: relative; }
* html body { position:static; }

:focus {	outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }
/* CSS Reset End */

/* Globale Einstellungen, Hauptschriftart */
body,table,td,tr,th,div,p,pre,h1,h2,h3,h4,ol,ul,li,input,textarea,button,select {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

strong, b { font-weight: bolder; }
em, i { font-style: oblique; /* oder italic */}

/* div					{position: relative;} */
/* Schriftgroesse */
body,td,th,pre,input,textarea,button,select {font-size: 10pt; }

/*Form-Elemente*/
form					{display: inline;}
input, select, textarea, button	{background-color:#D7D5C9;}
button 				{ cursor: auto;}
/* (Beschriftung eines Form-Elements) */
label					{}
/* (Semantische und optische Gruppierung von Form-Elementen)*/
fieldset				{margin:10px; border:0px hidden black;}
/* (Beschriftung eines Fieldsets)*/
legend					{}

/* Absatzabstand normale Absätze */
br					{font-size: 5pt; line-height: 5pt;}

/* Hintergrundfarbe */
body {
	background-color: #EFEFEF;
	color: #0F0F0F;
}

/* Body für zentrierte Seiten */
body.zentriert { text-align: center; background-position: top center; }  /* für Seitenzentrierung, zusammen mit seitenbox->margin:auto; */

p { margin-bottom: 10px; }

/* Überschriften */
h1,h2,h3,h4,h5,h6 { margin: 0 0 0.25em 0; }
h1,h2,h3 { font-weight:bold; }
h1 { font-size: 150% }                        /* 18px */
h2 { font-size: 133.33% }                     /* 16px */
h3 { font-size: 116.67% }                     /* 14px */
h4 { font-size: 116.67% }                     /* 14px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic }  /* 14px */

/* Links */
a {	text-decoration: none;	}
a:link {color:#2020FF}
a:visited {	color:#5050FF}
/* a:active {color:#DEC3A9} */
a:hover{color: #8080FF;}

/* Keine automatische Link-Border um Bilder */
img { border: 0px; }

/* Listen */
ol,ul	{ margin-left: 20px; }
ul	{ list-style-type: disc;}
li	{ margin-top: 5px; }

/* Seitenbereiche */

/*	Box in Box - Prinzip: wegen Unterschied IE und Mozilla äußeres DIV mit width
	und height, inneres mit margins und paddings
*/
div.seitenbox {
    /* background-color: #F0F0F0; */
    width: 772px;
    max-width: 772px;
    min-height: 400px;
    text-align: left;
}
/* IE Workaround fuer die Höhe des Contents */
* html body div.seitenbox { height: 400px; }

body.zentriert div.seitenbox { margin: 0px auto; } /* für Seitenzentrierung, zusammen mit body->text-align:center; */

div.seite {
    margin: 5px 0px 0px 0px;
}

div.kopf {
	position: relative;
    height: 46px;
    width: 100%;
    background-color: #4040D0;
	background: url(images/bgkopf.png) repeat-y center;
    overflow: hidden;
}

/* Hauptbereich der Seite */
div.main {
	/*position: relative;*/
	margin-top: 10px;
}

div#mainleftbox, div#maincenterbox, div#mainrightbox { /*background-color: blue; */}
div#mainleft, div#maincenter, div#mainright { position: relative; /*background-color: red; */}
* html div.#maincenterbox { position:relative; }

* html div#mainleftbox { margin-right: -3px; }
* html div#mainrightbox { margin-left: -3px; }

/* Hauptbereich der Seite unterteilt in 3 floatende Spalten*/
div#mainleftbox {
    float: left;
    width: 150px;
	/*min-height: 300px;*/
}
/* IE Workaround fuer die Höhe des Contents */
* html body div#mainleftbox {/*width: 124px; height: 300px;*/}

div#mainleft {
    padding: 0px 0px 0px 0px;
    /* background-color: #D0D0E0; */
}

div#mainrightbox {
	float: right;
	width: 130px;
	/* min-height: 400px; */
}
/* IE Workaround fuer die Höhe des Contents */
* html body div#mainrightbox {/*width: 120px; height: 400px;*/}

div#mainright {
    padding: 0px 0px 0px 10px;
    /* background-color: #C0C0D0;
	border: 1px outset #C0C0D0; */
}

div#maincenterbox {
	/*float: left;*/
	width: auto;	/* 490px; */
	/*min-height: 400px;*/
}

/* patch wg. IE6 #id.class-Bug */
div.maincenterbox { margin: 0px 130px 0px 150px; }

/* IE Workaround fuer die Höhe des Contents */
* html body div.maincenterbox {margin: 0px 140px 0px 140px;}

div#maincenter {
    padding: 0px 10px 0px 10px;
    /* border-left: 1px dotted #808080;
    border-right: 1px dotted #808080; */
}
div.maincenterbox.noleftcol { margin-left: 0px; }
div.maincenterbox.norightcol { margin-right: 0px; }
* html body div.maincenterbox.noleftcol { margin-left: 0px; }
* html body div.maincenterbox.norightcol { margin-right: 0px; }

/* Fussbereich der Seite, Impressum, Copyright */
div.fuss  {
	margin-top: 20px;
	height: 20px;
	font-size:10px;
}

/* allgemeiner Floatclearer ohne Höhe */
div.clearfloat {font-size: 1px; clear: both; line-height: 1px;}
.clearafter:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
#ie_clearer { display: none; }
* html body div#ie_clearer {
    display: block; /* DIV sichtbar machen */
    \clear: both; /* Normales Clearing für IE5.x/Win */
    width: 100%; /* IE-Clearing mit 100%-DIV für IE 6 */
    font-size: 0;
    margin: -2px 0 -1em 1px; /* IE-Clearing mit übergroßem DIV für IE7 */
}

/* Suche  */
div.suchbox {
	margin: 0px 0px 10px 0px;
}
div.suchbox .submitbutton {
	background:transparent none repeat scroll 0;
	border:0 solid black;
	margin: 0;
	padding: 0 5px 0 0;
	color: blue;
	cursor:pointer;
	font-weight:bold;
}
div.suchbox .searchbox {
	color:#AAA6A4;
	background-color: white;
	font-size: 70%;
	height:14px;
	width: 95%;
	padding: 2px 0 0 2px;
}
span.highlight {
   	background-color: #FFFFC0;	/* war yellow; */
}
/* Navigation */
div.menubox {
	width: 100%;
}
div#menu {
	/*background:#b8ab8f;*/
	margin: 0px 5px 5px 0px;
	padding-bottom: 5px;
}

/* Allgemeine Settings für alle Menüebenen */
#menu ul, li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#menu ul {
	list-style-type: none;
}
#menu ul li {
	font-size: 12pt;
	width: 99%;
}

#menu ul a {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	background-color: #4040D0;
	display: block;
	border: 1px outset #4040D0; /* Button-Effekt */
	width: 100%;
     height: 18px;
	margin: 0px 0px 8px 0px;		/* bestimmt Buttonabstand nach unten */
     padding-top: 3px;
	/* padding: 5px 0px 5px 0px; */	/* bestimmt Höhe des Buttons */
}
#menu ul a.aktiv {
	/* nur Unterschiede zu #menu a müssen notiert werden */
	color: white;
	background-color: #A0A0C0;
	border: 1px outset #A0A0C0; /* Button-Effekt */
}
#menu ul a:hover {
	/* nur Unterschiede zu #menu a müssen notiert werden */
	/* background:#D7D5C9; */
	border: 1px inset #B0B0FF; /* Button-Effekt */
}
#menu ul .dot {
	color: #505050;
	background-color: #B0B0B0;
	width: 8px;
	height: 22px;
	display: block;
	float: left;
	vertical-align: bottom;
	margin-right: 4px;
	margin-top: -4px;
	margin-left: -1px;
	visibility: hidden;
}
#menu ul a .dot {
	/* nur Unterschiede zu #menu .dot müssen notiert werden */
	color: grey;
}
#menu ul a:hover .dot {
	/* nur Unterschiede zu #menu a .dot müssen notiert werden */
	/*background:#909090;*/
	visibility: visible;
}
#menu ul a.aktiv .dot {
	background-color: transparent;
	/* visibility: visible; */
}

/* hier für jede Ebene die entsprechenden Definitionen */

/* Ebene 1 entspricht den allgemeinen Menu-Einstellungen */
/* für Ebene 2 nur die Änderungen */
/* für Ebene 3 nur die Änderungen */
#menu ul.ebene2, ul.ebene3, ul.ebene4 { visibility: hidden; display: none;}

/* Ein einzelner Textbereich in Box-in Box-Technik */
div.textbox {}
div.text {
	/* padding-right: 10px; */
	margin-bottom: 10px;	/* Absatzabstand */
}

/* Messages */
p.message, p.fehler {
	padding:3px 3px 3px 3px;
	margin: 10px 0px 10px 0px;
	color: green;
	font-weight: bold;
	border: 2px solid #80c080;
	background-color: #c0f0c0;
}

p.fehler {
	color: red;
	border: 2px solid #c08080;
	background-color: #f0c0c0;
}

/* Styles für Formulare */
div.formular { width: 90%; background-color: transparent; padding: 5px; margin: 0px auto;}

div.formular a.button {
	height: 19px;
	background-color: #D4D0C8;
	color: #000000;
	font-size: 10px;
    font-weight:normal;
	padding: 2px 8px 4px 8px;
	border: 2px outset #D4D0C8;
}
/* IE Workaround fuer die Höhe des Buttons */
* html body div.formular a.button { height: 19px; padding: 0px 8px 0px 8px; }

div.formular a.button:link, a.button:visited, a.button:hover {
	color:#000000;
	text-decoration: none;
}
div.entry {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div.formular div.entry label {
	display: block;
	float: left;
    width: 120px;
}

div.formular div.entry label.required {
	color: #E0161D;
}

div.formular div.entry label.top {
	float: none;
}


div.formular div.entry input, textarea, select, option {
	background-color: #D4D0C8;
	font-size: 10px;
	font-weight: normal;
}

div.formular div.entry input.radio {
    width: 15px;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
}

div.formular div.entry textarea {
	/* width: 70%; */
}

div.formular div.entry option {
   	padding: 0px 0px 5px 5px;
}

div.formular div.entry input.button {
	height: 20px;
	width: 30px;
	color: #049C8C;
	font-size: 1px;
	padding: 1px 8px 1px 8px;
	border: 2px outset #D4D0C8;
}

/* Styles für spezielle Formulare (Mein Account und Suchen) */
div.formular div.entry label { width: 120px; }
div.formular div.entry input, select, textarea { width: 138px; }
div.formular div.entry label.wide { width: 200px; }
div.formular div.entry input.wide, select.wide, textarea.wide { width: 360px;}
/* div.formular div.entry textarea.wide { width: 360px; } */
div.maincenterbox.wide div.formular div.entry label { width: 90px; }
div.maincenterbox.wide div.formular div.entry input, select { width: 158px; }
div.maincenterbox.wide div.formular div.entry textarea { width: 248px; }

/* Infobox */
a.infobox { text-decoration:none;}
a.infobox:hover { cursor:help; text-decoration: none; z-index: 3; }
a.infobox span { visibility: hidden; position:absolute; left:16em;
               margin-top:1.5em; padding: 5px; font-weight: normal;
               text-decoration: none; }
a.infobox:hover span { visibility: visible; border:1px solid black;
                     color:black; background-color: #FFFFE0;}
* html body a.infobox span { display:none; }
* html body a.infobox:hover span { display:block; width: 200px; }

/* Acronyme, Abkürzungen (Info-Mouseover) */
acronym[title], abbr[title] { cursor:help; }
acronym, abbr { border-bottom-style:none; cursor:auto; }

/* Div für textumflossene Bilder */
div.bild {
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
	font-size: 10pt;
}

p.message {
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	color: blue;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	border: 2px solid #8080c0;
	background-color: #c0c0f0; }

/* CMS Klassen modifizieren, bzw. überschreiben */
.cmscontent .hell { background-color: #D0D0FF; border: 1px solid #A0A0FF; }
.cmscontent .mittel { background-color: #B0B0FF; border: 1px solid #9090FF; }
.cmscontent .dunkel { background-color: #9090FF; border: 1px solid #7070FF; }
.cmscontent table, td, th { border: 1px solid gray; }
.cmscontent table { table-layout: fixed; border-collapse: collapse; empty-cells: show; margin: 1px 1px 1px 1px;}
.cmscontent th { background-color: #c0c0f0; font-weight: bold; }
.cmscontent td, th { padding: 2px; }

@media screen{
	div.kopfprint, div.fussprint { display: none; visibility: hidden; width: 1px; height: 1px; }
}
@media print{
	/* Hintergrundfarbe */
	body {
		background-color: white;
		background-image: none;
		color: black;
	}
	div.seitenbox { width: 95%; padding-left: 20px; }
	/* IE Workaround fuer die Höhe des Contents */
	* html body div.seitenbox { padding-left: 50px; }
	div.kopf, div.fuss, div.mainleft, div.mainrightbox { display: none; visibility: hidden; width: 1px; height: 1px; }
	div.kopfprint, div.fussprint { display: block; visibility: visible; width: auto; height: auto; }
	div.kopfprint { border-bottom: 1px solid gray; margin-bottom: 20px; padding-bottom: 5px; }
	div.fussprint { border-top: 1px solid gray; margin-top: 20px; padding-top: 10px;  }
	div#mainleftbox { display: none; visibility: hidden;  }
	div#mainrightbox { display: none; visibility: hidden;  }
	div#maincenterbox { margin: 0px; overflow: show; }
	* html body div#maincenterbox { margin: 0px; overflow: show; }
	div#maincenter { padding: 0px; overflow: show; }
	div.debug { display: none; visibility: hidden; width: 1px; height: 1px; }
}