body {
	background-color: #ffffff;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-image:url(../pics/hintergrund_01.jpg);
	background-repeat:repeat-x;
}

a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	font-weight: bold;
    }

a:active, a:hover{
	color: #970217;
	text-decoration: none;
	font-weight: bold;
 }
 
 a.pfeillink:link , a.pfeillink:visited {
 	/*IE 5 HACK */
	background:none;
	backg\round-image:url(../pics/pfeil_blau.gif);
	backg\round-repeat:no-repeat;
	backg\round-position:0px 3px;
 	padding-left:12px;
 }
 
  a.pfeillink:hover , a.pfeillink:active{
   	/*IE 5 HACK */
	background:none;
	backg\round-image:url(../pics/pfeil_rot.gif);
	backg\round-repeat:no-repeat;
	backg\round-position:0px 3px;
 	padding-left:12px;
 }
 
 img{ border:none;}
/**************************Container*********************************************/
 
#container{
	margin:0 auto;
	width:800px;
	background-color:#ffffff;
	border:1px solid #BBBBBB;
	text-align:left;
	background-image:url(../pics/hintergrund_02.gif);
}


#top{
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	background-color:#ffffff;
	width:770px;
	text-align: left;

	border-top:15px solid #ffffff;
}
.top_left{
	float:left;

}
.top_right{
	float:right;
	margin-top:45px;
}

#topBild{
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	background-color:#ffffff;
	width:770px;
	text-align: left;
	border-bottom:15px solid #ffffff;
}

/*******LINKE SPALTE****************************************************************/
#links{	
	position:relative;
	top:0px;
	left:15px;
	width:160px;
	text-align:left;
	float:left;
}
/*****************NAVIGATION*************************/
#nav {
	background-color:#BBD6E4;
	width:160px;
}
/* nur IE/Mac \*//*/ 
#nav{
margin-left:15px;
width:150px;
}
/**/ 
#nav ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none;
	color: #006699;
}

#nav li { 
	margin: 0px; 
	width:160px;
	float: left;
	border-bottom: 1px solid white;
}

#nav a {
	display: block;
	width:143px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:17px;
	text-decoration: none;
	text-align: left;
	color: #006699;

	background-image:url(../pics/pfeil_blau.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	background-color:#BBD6E4;
}

#nav a:hover,  #nav .active{
	text-align: left;
	background-color: #970217;
	color:#ffffff;

	background-image:url(../pics/pfeil_weiss.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	/*IE 5 HACK */
	width:160px;
	w\idth:143px;
}

#nav ul li ul {
	
}

#nav ul li ul li{
	margin: 0px; 
	width:160px;
	float: left;
	border:none;
	background-color:#eeeeee;
	
}
#nav ul li ul li a{
	padding-left:15px;
	background:none;
}

#nav ul li ul li a:hover,  #nav ul li ul li .active{
	text-align: left;
	color: #970217;
	background:none;
	background-color:transparent;
}

/*******MITTLERE SPALTE****************************************************************/
#mitte{	
    margin-left: 30px;
	width:420px;
	text-align:left;
	float:left;
}

/* nur IE/Mac \*//*/ 
#mitte{
   margin-left: 15px;
}


/*******RECHTE SPALTE****************************************************************/
#rechts{	
	margin-left:15px;
	width:160px;
	text-align:left;
	float:left;
}

#login{
	padding:4px;
	border-bottom:1px solid #ffffff;
	background-color:#BBD6E4;
	font-size:8pt;
}
#login .f_text{
 width:149px;
}

#bildunten{
	position:relative;
	font-size:8pt;
}


.rand{
	width:100%;
	height:15px;
	background:#ffffff;
}

/**********UNTEN***************************************************************************/
#unten{
	border-top:1px solid #eeeeee;
	margin-top:15px;
	padding-top:5px;
	background-color:#ffffff;
}

/***********************************************************************/



/**************************Allgemeine Styles*********************************************/
.abstand {
	clear:left;
	width:100%;
	height:15px;
	background-color: #ffffff;
}

.linie{
	margin-top:15px;
	margin-bottom:15px;
	padding:0px;
	background-image:url(../pics/strichellinie.gif);
	background-repeat:repeat-x;
	height:1px;
}


/*Überschriften***/
h1{
	margin: 0px;
	padding-bottom:5px;
	font-size: 14pt;
	color: #970217;
	font-weight:bold;

}
h2{
	margin: 0px;
	padding-bottom:5px;
	font-size: 12pt;
	color: #970217;
	font-weight:bold;

}
h3{
	margin: 0px;
	padding-bottom:5px;
	font-size: 9pt;
	color: #970217;
	font-weight:bold;
}
p {
	margin: 0px;
	padding-bottom:10px;
}

.hauptteaser{
	background-color:#eeeeee;
	padding:10px;
	margin-bottom:15px;
	background-image:url(../pics/strichellinie.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.teaser{
	clear:both;
}

.teaser .img_left{
	float:left;
	width:164px;
	margin-right:10px;

}

.teaser .text{
	float:left;
	display:block; 
	width:244px;
}
/* nur IE/Mac \*//*/ 
.teaser .text{
  display:inline; 
  float:none;
}

.teaser ul{
	margin:0px;
	margin-bottom:15px;
	padding:0px;
	padding-left:15px;
}

/*********Formular**************************************************************/
form{
margin:0px;
padding:0px;
}

label{
	font-weight:bold;
}
input{
margin-bottom:5px;
}
.f_text{
border: 1px solid #006699;
}

.f_button{
	color:#ffffff;
	background-color:#006699;
	border: none;
	font-weight: bold;
}

/******* Formation *****/

/* 
FORMATION CSS:
Heavily borrowed from:
http://silice.de/csstest/formtest.html
*/

form.formation *
{	font-size:100.01%;
	margin:0;
	padding:0;
	color:black;
	background-color:white;
	font-family:Verdana,Sans-serif;
}

form.formation fieldset
{	border:1px solid #CCC;
	margin:2em;
	padding:1em;
	font-size:0.9em;font-weight:700;
	width:25em;
}

form.formation  p.radio,
form.formation p.checkbox
{	font-size:0.9em;
}

/* really bad IE hack \*/
* html form.formation fieldset { width:29em; }
* html form.formation fieldset legend { margin-bottom:1em; }
/* IE hack */

form.formation label
{	font-size:0.8em;
	font-weight:700;
	width:10em;
	float:left;
	margin:0 0 0.3em 0;
}

form.formation input, 
form.formation select, 
form.formation textarea
{	font-weight:normal;
	float:left;
	margin:0 0 0.3em 0;
	font-size:0.8em;
}

form.formation fieldset br
{	clear:left;
}

form.formation input.text,
form.formation input.password
{	width:20em;
	border:1px solid #CCC;
	padding:0.1em;
}

form.formation select
{	width:20.3em;
	border:1px solid #CCC;
}

form.formation textarea
{	width:20em;
	border:1px solid #CCC;
	padding:0.1em;
}

form.formation input.checkbox
{	margin-left:8em;
}

form.formation label.checkbox
{	font-weight:normal;
	margin-left:1em;
}
form.formation input.radio
{	margin-left:8em;
}

form.formation label.radio
{	font-weight:normal;			
	margin-left:1em;
}
form.formation input.button
{	width:30.3em;
	border:1px solid #CCC;
	background-color:#DDD;
	font-weight:700;
	font-size:0.8em;
	margin-top:2em;
	color:black;
}

form.formation input.button:hover
{	border:1px solid black;
}

form.formation p.FORMATIONerror
{	border:1px solid #CC6666;
	color:#000000;
	background-color:#FFCCCC;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:0.7em;
	text-align:center;
}

form.formation p.FORMATIONsuccess
{	border:1px solid #76CB66;
	color:#000000;
	background-color:#D3FECB;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:0.7em;
	text-align:center;
}
form.formation strong
{	background:none;
}