/* Globale Einstellungen, Resetten aller Margins und Paddings, Hauptschriftart */
body,table,td,tr,th,div,p,pre,h1,h2,h3,h4,ol,ul,li,input,textarea,button,select {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Gillsans, Arial, sans-serif;
}

/* 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: #F0F0F0;
	color: #0F0F0F;
	background-image: url(images/backgrnd.gif);
	/*background-repeat: no-repeat; */
}

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

p {
	margin-bottom: 10px;
}

/* Überschriften */
h1 {font-size: 12pt; font-weight: bold; text-transform: uppercase;
	letter-spacing: 0.1em;  margin-bottom: 10px; text-align: center;}
h2 {font-size: 11pt; font-weight:bold; margin-bottom: 5px;}
h3 {font-size: 10pt; font-weight:bold; margin-bottom: 5px;}
h4 {font-size: 10pt; font-weight:normal; margin-bottom: 5px;}
h5 {font-size: 10pt; font-weight:normal; font-style: italic;}

/* Links */
a {	text-decoration: none;	}
a:link {color:#0000FF}
a:visited {	color:#6060FF}
/* a:active {color:#00ff00} */
a:hover{color: #A0A0FF}

/* 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: 100%;
    max-width: 100%;
    /* min-height: 400px; */
    text-align: left;
}
/* IE Workaround fuer die Höhe des Contents */
* html body div.seitenbox { overflow: visible; /*height: 400px;*/ }

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

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

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

/* Hauptbereich der Seite unterteilt in 3 floatende Spalten*/
div.mainleft {
    position: relative;
    float:left;
    overflow:hidden;
    width: 90px;
    /* background-color: #D0D0E0; */
}

div.maincenterbox {
	position: relative;
	/*float: left;*/
	overflow: hidden;
	width: 100%;
	min-height: 400px;
}
/* IE Workaround fuer die Höhe des Contents */
* html body div.maincenterbox { height: 350px; overflow: visible;}

div.maincenterbox.wide {
	width: 100%;
    border-right: none;
}
div.maincenter {
    padding: 0px 10px 0px 10px;
}
div.maincenterbox.wide div.maincenter { border-right: none; overflow: visible; }

div.mainrightbox {
	position: relative;
	float: right;
	overflow: hidden;
	width: 127px;
	min-height: 300px;
}
/* IE Workaround fuer die Höhe des Contents */
* html body div.mainrightbox {width: 126px; height: 300px; overflow: hidden;}

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

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

/* allgemeiner Floatclearer ohne Höhe */
div.clearfloat {font-size: 1px; clear: both; line-height: 1px;}

/* Ein einzelner Textbereich in Box-in Box-Technik */
div.textbox {
    width: 100%;
}
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: 150px; }
div.formular div.entry input.wide, select.wide, textarea.wide { width: 460px;}

/* 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; }/* CMS Farbwelten */
.cmscontent .hell { background-color: #FFE0E0; border: 1px solid #FFA0A0; }
.cmscontent .mittel { background-color: #FFE0A0; border: 1px solid #FFC080; }
.cmscontent .dunkel { background-color: #FFC080; border: 1px solid #FFA060; }
.cmscontent div.text { margin: 0px 0px 20px 0px; }
/* Div für textumflossene Bilder */
div.bild {
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
	font-size: 10pt;
}
#liste table { table-layout: fixed; border-collapse: collapse; empty-cells: show; width: 100%; }
#liste table tr { vertical-align: top; }
#liste table tr th, td { border-bottom: 1px solid #E0E0E0; padding: 0px 1px 10px 1px; }
#liste table tr td div { float: right; text-align: right; }
#liste p { margin-bottom: 3px; }
* html body #liste table { width: 97%; }