@charset "utf-8";
/* CSS Document */
 
body{
margin:0px;
height:100%;
background: url(stillfree.jpg) 4px 52px no-repeat  #F5F5F5;
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
color: #5c5c5c;
}

img {
	border: 0;
	}

h1 {
font-size: 1.2em;
font-weight: bold;
}

a,
a:link{
	color:#800;
	}
a:hover{
	color:#500;
	}
ul {
	padding: 0;
	margin: 0; }

#site {
	width: 940px;
	padding: 0 0 0 37px;
	}

#leftbar {
	background-color: #731d1f;
	background-image: url(files/verlauf.jpg);
	background-repeat: repeat-y;
	width: 191px;
	height: 668px;
	float: left;
	}

#f2logo {
	margin: 0 100px 0 0;
	}

#navcontainer {
	background: #fff;
	margin: 117px 0 0 0;
	padding: 0;
	text-transform:lowercase;
	}
	
#navcontainer ul {
	text-align: right;
	list-style: none;
	list-style-image: none; 
	padding: 0;}



#navcontainer li a,
#navcontainer li a:link,
#navcontainer li a:visited {
	display:block;
	background-color: #630204;
	border-bottom: 4px solid #5f0000;
	text-align:right;
	padding: 4px 17px;
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}

#navcontainer li a:hover {
	background-color: #5f0000;
	border-bottom: 4px solid #4b0000;
}

#navcontainer li a.selected {
	background-color: #580000;
	border-bottom: 4px solid #4d0000;
	}

#navcontainer li a.selected:hover {
	background-color: #300;
	border-bottom: 4px solid #4d0000;
	}
	
#navcontainer ul ul li a,
#navcontainer ul ul li a:link,
#navcontainer ul ul li a:visited {
	padding: 0px 17px 4px 0;
	background-color: #4b0000;
	border: 0;
	font-size: 1em;

}
#navcontainer ul ul li a:hover {
	background-color:#300;}
	
#navcontainer ul ul li a.selected {
	background-color:#300;}
	
#navcontainer ul ul li a.selected:hover {
	background-color:#100;
	border:0;}


#barfooter {
	width: 176px;
	color: #FFFFFF;
	text-align:right;
	font-size: 1em;
	position:absolute;
	bottom: 0px;
	top: 650px;
	}
	
#barfooter a {
color: #eee;
text-decoration:none;
}

	
#content {
	position:absolute;
	left: 240px;
	top:0px;
	width: 700px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	text-align: justify;
	float:right;
	}

#content ul {
	padding-left: 20px;
	}

#titelbar {
	padding: 5px 0 0 10px;
	font-size: 24px;
	letter-spacing: 2px;
	text-transform:lowercase;
}

#metaimage {
	padding: 5px 0 0 0;
	border-bottom: 10px solid #252525;
	}

#breadcrumb {
	padding: 5px 0 10px 0;
}

.bildcontainer {
	float: left;
	width: 250px;
	margin-right: 3px;
	}

.beschreibung {

	background-color:#ddd;
	height: 184px;
	padding: 4px 10px 0 0;
	}

	
.refcontainer {

	border-bottom: 10px solid #252525;
	}
	
	
/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition 
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
Stand: 22.01.2008 
 
/*



/* Formular Definition */


/* Div das das Formular umschließt */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
width: 370px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 210px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
    width: 210px;
	background-color: #eeeeee;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit{
	width: 100%;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
	width: 345px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}


/* Fieldsetbeschriftung */
.formgen legend {
	font-weight: bold;
	color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */


/* Spalten */

.zweier, .dreier {
	width: 700px;
	height: auto;
	padding: 0;

}



.zweier .spalte_1 {
	
	width: 340px;
	float: left;
}



.zweier .spalte_2 {
	 width: 340px;
	 float: right;
}



.clearer {
	clear: both;
	line-height:0px;
	padding:0;
	margin:0;
}

/* KONTAKT FORMULAR*/

input{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.textcontact {
	border:1px solid #A0A0A0;
	background-color:#EEE;
	width:100%;
	color:#222;
}
.itextinset {
	border:1px solid #A0A0A0;
	background-color:#EEE;
	width:250px;
	color:#222;
}
.button {
	font-weight:bold;
	border:1px solid #808080;
	background-color: #A0A0A0;
	width:150px;
	color:#000000;
}