/*  Peter Ressel - basic style document */

html, body {/*allgemeine Einstellungen damit alle Browser mit gleichen Parametern arbeiten*/
font-size:14px;
font-family: Verdana, Ariel, Helvetica, sans-serif;
color: #000;
padding: 0;
margin: 0;
border: none;
}
/******************************************/
/*Einstellungen für den Fensterhintergrund*/
/******************************************/
body {
background: #309030 ;
color: #000;
}

/********************/
/*Textformatierungen*/
/********************/
h1 {font-size:1.6em; font-weight: bold; margin: 0.5em 0 0.8em 0;}
h2 {font-size:1.3em; font-weight: bold; margin: 0.5em 0 0.5em 0;}
h3 {font-size:1.1em; font-weight: bold; margin: 0.5em 0 0.5em 0;}
h4 {font-size:1.0em; font-weight: bold; margin: 0.5em 0 0.5em 0;}
h5 {font-size:0.8em; font-weight: bold; margin: 0.5em 0 0.5em 0;}
h6 {font-size:0.5em; font-weight: bold; margin: 0.5em 0 0.5em 0;}
p {font-size:1.0em; font-weight: normal; margin: 0.5em 0 0.5em 0;}
hr {background:#000; width: 100%; height: 1px; margin: 0 auto;}
/*****************************/
/*Ende der Textformatierungen*/
/*****************************/

/*******************************/
/*universelle DIV's und Klassen*/
/*******************************/
.clear {clear: both;}
.right {float:right;}
.left  {float:left;}
.center {text-align:center;}
/*****************************************/
/*Ende der universellen DIV's und Klassen*/
/*****************************************/

/***********************************************/
/*Einstellungen für den Rahmen des Webauftritts*/
/***********************************************/

#around {
width: 92%;
min-height: 50em;
background: #8ef68e url(images/header9_bg.jpg) no-repeat;
margin: 0 auto;

}
/********************************************************/
/*Ende der Einstellungen für den Rahmen des Webauftritts*/
/********************************************************/

/******************************/
/*Einstellungen für den header*/
/******************************/
#header {
position: relative;
height: 12em;
}
#header img {
float: left;
width: 11em;
padding: 0.3em 1em 0 1em;
}
#header p{
font-size: 1.5em;
font-weight: bold;
margin: 0;
padding: 1em 0 0 17em;
}
#header p span{
font-size: 1.5em;
font-weight: bold;
font-family: Times New Roman;
color: #00ff00;
}
#header p.header_url {
font-size: 1.5em;
color: #007000;
margin: 0 0 0 10em;
}
#header .user {
padding: 0;
margin: 0;
font-size: 0.9em;
float: right;
width: 22em;
}
#header .user p {
padding: 0;
margin: 0em 1.5em 0 0;
font-size: 1em;
text-align: center;
}
#header .user ul {
color: #000000;
list-style: none;
margin: 0;
padding: 0;
}
#header .user ul li a.ueberschrift {
text-align: left;
color: #ffd033;
font-weight: bold;
}
#header .user ul li ul {
font-size: 0.8em;
background: #ece9d8;
padding: 0.3em;
display: none;
}
#header .user ul li a {
text-decoration: none;
font-style: italic;
}
#header .user ul li a.pw_vergessen {
font-size: 0.9em;
font-weight: normal;
}
#header .user ul li a:hover {
color: #ff8000;
}
#header .user ul li:hover ul {
display: block;
}
#header .user form input {
background: #ffffff;
border-top: 2px solid #888888;
border-left: 2px solid #888888;
border-right: 1px solid  #bbbbbb;
border-bottom: 1px solid  #bbbbbb;
}
#header .user form label, #header .user form p {
color: #000;
}
#header .user form input#anmelden {
font-size: 0.9em;
background: #f9bf59;
margin: 3em 1em 0 0;
border: 1px solid #000000;
float: right;
}
/***************************************/
/*Ende der Einstellungen für den header*/
/***************************************/

/******************************/
/*Einstellungen für die rechte Sidebar*/
/******************************/
#sidebar_right {
width: 16em;
float: right;
padding: 0.5em;
border-left: 1px solid #000;
font-size: 0.8em;
}
#sidebar_right h3 {
background: #00aa00;
text-align: center;
border: 1px solid #003000;
color: #ffd033;
}
/****************************************/
/*Ende der Einstellungen für die Sidebar*/
/****************************************/
/******************************/
/*Einstellungen für den content*/
/******************************/
#content {
margin: 1em 0 0 0;
padding: 0 1em;
}
#content #slideshow {
float: left;
margin: 1em 1em 0 0;
width: 26em;
}
#content #left_of_slide {
margin: 0 15em 0 27em;
}
#content #left_of_slide ul li {
margin: 0 0 0 2em;
}
#content p.ok {
background: transparent url(images/schild-ok.png) no-repeat;
padding: 5px 0 10px 35px;
}
#content p.stopp {
background: transparent url(images/schild-stopp.png) no-repeat;
padding: 5px 0 10px 35px;
}
#content p.meldung {
background: transparent url(images/schild-achtung.png) no-repeat;
padding: 5px 0 10px 35px;
}
#anmelden {
margin: 0 17em 0 0;
}
#anmelden form fieldset {
background: #ece9d8;
border-top: 2px solid #888;
border-left: 2px solid #888;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
width: 80%;
margin: 0 auto;
}
#anmelden form fieldset label {
float: left;
width: 10em;
font-weight: bold;
}
#anmelden form fieldset input {
border-top: 2px solid #888;
border-left: 2px solid #888;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
width: 20em;
}
#anmelden form fieldset input:focus {
background: #ffd033;
}
#anmelden form fieldset input#senden {
background: url(images/button_120x50.png) no-repeat;
border: none;
display: block;
width: 10em;
height: 4em;
margin: 2em auto 0;
padding: 0 0 0.5em 0;
}
#anmelden form fieldset input#senden:hover {
color: #fff;
}
#anmelden form fieldset p a {
display: block;
width: 13em;
font-size: 0.8em;
margin: 0 auto;
text-decoration: none;
}
#anmelden form fieldset p a:hover {
text-decoration: underline;
}
/***************************************/
/*Ende der Einstellungen für den content*/
/***************************************/

/***************************************/
/*Einstellungen für die Registrierung*/
/***************************************/
#content #registrierung {
margin: 0 14em 0 0;

}
#content div.regauswahl {
float: left;
width: 40%;
padding:0 3% 0;
margin: 0 3% 0 0;
border: 1px solid #000;
min-height: 45em;
}
#content div.regauswahl img {
display: block;
width: 60%;
margin:0 auto;
}
#content div.regauswahl span.stern, #content p span.stern {
font-weight: bold;
color: #ff0000;
}
#content div.regauswahl ul li {
margin: 0 0 0 1.5em;
padding: 0;
}
#content div.regauswahl p.button a{
background: url(images/button_120x50.png) no-repeat;
display: block;
font-weight: bold;
font-size: 1.1em;
padding: 1em 0 0 0;
text-decoration: none;
text-align: center;
width: 120px;
height: 50px;
margin: 0 auto 0;
}
#content div.regauswahl p.button a:hover{
color: #eee;
}
/***************************************/
/*Ende der Einstellungen für die Registrierung*/
/***************************************/


/******************************/
/*Einstellungen für den footer*/
/******************************/
#footer {
clear: both;
min-height: 3em;
}
/***************************************/
/*Ende der Einstellungen für den footer*/
/***************************************/
/****************************************/
/*Einstellungen für die Navigation*/
/****************************************/
#nav-top ul {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
float: right;
color:#000;
}
#nav-top ul li {
float: right;
list-style: none;
margin: 0.2em;
padding:0 0 0.4em 0;
}
#nav-top span {
padding: 0.2em 1em;
border-right: 0.2em solid #e05050;
border-bottom: 0.2em solid #e05050;
font-weight: bold;
}
#nav-top a, #nav-top a:link, #nav-top a:visited {
padding: 0.2em 1em;
border-right: 0.2em solid #309030;
border-bottom: 0.2em solid #309030;
text-decoration: none;
font-weight: bold;
color:#000;
}
#nav-top a:hover {
padding: 0.2em 1em;
border-right: 0.2em solid #309030;
border-bottom: 0.2em solid #309030;
color: #f9e935;
font-weight: bold;
}