@charset "ISO-8859-1";

html { height: 100%; }

body.start {
  height: 100%;
  text-align: center;
  background-color:#9BA5C0;
  background: #9BA5C0; /*alternative Hintergrundfarbe für IE*/
  background: -webkit-gradient(linear, 0 0, 0 50%, from(#9BA5C0), to(#fff)) fixed;
  background: -moz-linear-gradient(top, #9BA5C0, #fff 50%);
  background-repeat: no repeat;
  background-attachment: fixed;
  color:#091D42; 
  margin: 0;
  padding: 0;
  font-family: Helvetica,Arial,Verdana,Tahoma,Calibri,Geneva,sans-serif;
  font-size: 0.9em;
  line-height: 1.25;
  }
  
body.standard {
  height: 100%;
  text-align: left;
  text-align: -moz-left;
  background-color:#9BA5C0;
  background: #9BA5C0; /*alternative Hintergrundfarbe für IE*/
  background: -webkit-gradient(linear, 0 0, 0 50%, from(#9BA5C0), to(#fff)) fixed;
  background: -moz-linear-gradient(top, #9BA5C0, #fff 50%);
  background-repeat: no repeat;
  background-attachment: fixed;
  color:#091D42; 
  margin: 0;
  padding: 0;
  font-family: Helvetica,Arial,Verdana,Tahoma,Calibri,Geneva,sans-serif;
  font-size: 0.9em;
  line-height: 1.25;
  }
  
  
h1 {
  font-size: 1.4em;
  font-weight: bold;
  color: #525252;
  text-align: left;
  padding-left:50px;
}

h2 {
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  color: #525252;
  padding-top: 1em;
}

.h3 {
    font-size: 1em;
    font-weight: bold;
      text-align: left;
  color: #525252;
}

h4{
  text-align: right;
  font-size:0.8em;
  font-weight: 200;
  margin-top: 0;
  color: #525252
}


p {
  text-align:left;
  line-height:1.5;}

a:link { color:#0000EE; }
a:visited { color:#551A8B; }
a:active { color:#0000EE; }

/* Horizontale Navigation */
/*
###
###
###
*/

#nav_hori{
 width: 100%;
 float: left; 
 margin: 0 0 1em 0;
 padding: 0;
 list-style: none;
 background-color: #3A5C0D;
 border-bottom-left-radius: 15px;
 border-bottom-right-radius: 15px;
 -moz-border-bottomright: 15px;
 -moz-border-bottomleft: 15px;
}

#nav_hori li{
  list-style: none;
  float: left;
}

#nav_hori li a {
		display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-weight: bold;
		color: #F59A07;
                text-decoration: none; }
                


#nav_hori li a:hover{
  color:#555555;
  background-color:#33B5E5;
}

#nav_hori li ul {
  display: none;
  width: 10 em;
  background-color: #3A5C0D;}

#nav_hori li:hover ul{
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;}
  
#nav_hori li:hover li{
  float:none;}
  
#nav_hori li:hover li a{
  background-color: #3A5C0D;
  border-bottom: 1px solid #fff;
  color: #F59A07;}
  
#nav_hori li li a:hover {
  background-color: #33B5E5;
  color:#555555;}

#wrapper
{
    width: 1000px;
    margin: 0px auto;
    padding: 0;

}

#header
{
    background-color: #83A469;
    color: #0B6121;
    margin: 0 0 0;
    padding 0;
}

#mainpage
{
    float: left;
    width= 100%;
    background-color: #D8DFEA;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;

}


#content
{
    width: 950px;
    float: left;
    padding: 0px 25px;
    background-color: transparent;
}

#captcha{
    margin: 0 auto;
    width: 50%;
}

*.center{
  text-align:center;}
  
td{
  text-align:left;}
  
hr {
  background-color:#525252;
  color:#525252;
  border:#525252;
  height:1px;
}

/* Create a bordered box for the form */
form.beitritt {
	padding:10px 20px;
	text-align:left;
}
 
/* Set the font for all of the elements */
form.beitritt,
form.beitritt input,
form.beitritt button {
	font-family: Helvetica, Arial;

}


*.text {
	width:280px;
	padding:5px;
	height: 24px;
	margin-bottom:10px;
	border: 1px solid #BFBFBF;
	border-radius: 3px 3px 3px 3px;
}


form.beitritt div.labelwrapper,
form.beitritt span.labelwrapper {
	position:relative;
	text-align:left;
}



/* Position the labels inside our input fields. */
form.beitritt label {
	position:absolute;
	top:8px;
	left:9px;
	color:#aaa;
}

div.note {
  width: 70%;
  background-color: #FEFAB3;
  background-image: -moz-linear-gradient(center top , #FFF89A, #FFFce9);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
  margin: 0px auto;
  padding: 15px;
}

div.noteold {
  width: 70%;
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #EEEEEE, #FFFFFF);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
    margin: 0px auto;
    padding: 15px;
}

table.formular{
  vertical-align: middle;
}

.form-style{
    max-width: 500px;
    padding: 10px 20px;
    margin: 10px auto;
    padding: 20px;
    border-radius: 8px;
	color: #333333;


}

.form-style textarea:focus,
.form-style select:focus,
.form-style input:focus {
  border-color: #66afe9;
  outline: 0;
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-style label{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}

label.required:after {
  content: ' *';
  color: #000000;
}

.text-right {
	text-align: right;
}
	
.btn {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.has-error .form-feld{
	border-color: #d00000;
}

.hidden {
  display: none !important;
}

.text-center {
    text-align: center;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #c42929;
    font-weight: bold;
}

.captcha-center {
   margin: 0;
   display: inline-block;
}