/*  rot: F0012B */
/* blau: 12C2E9 */

body
{
	     background-image: url(../images/back.jpg);
	    background-repeat: no-repeat;
	background-attachment: fixed;
	  background-position: top center;
	     background-color: #FFFFFF;
	               margin: 0;
	              padding: 0;
}

a
{
	color: #12C2E9;
}

a:hover
{
	color: #000000;
	text-decoration: none;
}

#seite
{
	   width: 100%;
	  height: 100%;
	position: absolute;
}

#links
{
	margin-left: 4em;
		  width: 13em;
		  float: left;
		 height: 100%;
}

#links #navigation
{
	     width: 9em;
	     float: left;
	margin-top: 5.5em;
}

#links #navigation ul
{
	    overflow: hidden;
	      margin: 0;
	     padding: 0;
	border-right: 1px solid #DEDEDE;
	 border-left: 1px solid #DEDEDE;

}

#links #navigation ul li
{
	list-style-type: none;
	     text-align: left;
	         margin: 0;
	        padding: 0;
}



#links #navigation ul li a
{
	         display: block;
	           width: 100%;
	   border-bottom: 1px solid #DEDEDE;
	         padding: 0.5em 0.5em 0.5em 0.5em;
	           color: #FFFFFF;
	background-color: #F0012B;
	 text-decoration: none;
}

#links #navigation ul li li a
{
	 padding-left: 0;
	padding-right: 0.5em;
	   text-align: right;
}


#links #navigation ul li.erstes a
{
	 border-top: 1px solid #DEDEDE;
}

#links #navigation ul li a:hover
{
	           color: #12C2E9;
	background-color: #DEDEDE;
}

#links #leiste
{
	background-color: #F0012B;
	    border-right: 1px solid #DEDEDE;
	           width: 20px;
	           float: left;
	          height: 100%;
	     margin-left: 1em;
}

#links #leiste p
{
	       padding: 0;
	        margin: 0;
	   padding-top: 5.5em;
	         color: #FFFFFF;
	   font-weight: bolder;
	      overflow: hidden;
	    text-align: center;
	text-transform: uppercase;
}

#rechts
{
	 text-align: left;
	margin-left: 13em;
	font-family: Verdana, Arial;
}

#rechts #kopf h1
{
	         color: #F0012B;
	letter-spacing: 3px;
	        margin: 0;
	       padding: 1em 0 0.5em 0.6em;
	   font-family: Arial;
}

#rechts #inhalt
{
	background-color: #FFFFFF;
	          border: 5px solid #12C2E9;
	background-color: #FFFFFF;
	         padding: 0 0.5em;
	        overflow: auto;
	          height: 420px;
	           width: 625px;
}

#rechts #inhalt #text
{
	float: left;
	width: 380px;
}

#rechts #inhalt #text h2
{
	         color: #12C2E9;
	/*text-transform: uppercase;*/
	font-variant: small-caps;
	letter-spacing: 3px;
	        margin: 0;
	       padding: 0.5em 0 0 0;
	   font-family: Arial;

}

#rechts #inhalt #text p
{
	padding: 0.5em 0;
	 margin: 0;
}

#rechts #inhalt #logo
{
	padding-top: 1em;
	margin-left: 390px;
}

#rechts #inhalt #logo img
{
	position: fixed;
	  border: 0;
}

#rechts #inhalt #logo2
{
	 margin-top: 300px;
	margin-left: 420px;
}

#rechts #inhalt #logo2 img {
	position: fixed;
	  border: 1px solid #F0012B;
}


#tabelle
{
	border: 0;
}

#tabelle .spalte1
{
	color: #12C2E9;
	font-variant: small-caps;
	vertical-align: top;
	font-size: larger;

}

#tabelle td.spalte2
{

}

.formulare
{

}

.formulare fieldset
{
border: 1px solid #12C2E9;
padding: 0.3em;
}


.formulare label
{
cursor: pointer;
float: left;
}

.formulare label.formular_error
{
color: #F0012B;
}

.formulare input,
.formulare textarea
{
float: right;
width: 13em;
border: 1px solid #12C2E9;
border-left: 10px solid #12C2E9;
}

.formulare textarea
{
height: 5em;
}

.formulare button
{
margin-top: 1em;
clear: both;
float: right;
width: 14em;
cursor: pointer;
border: 1px solid #12C2E9;
background-color: #12C2E9;
}
