body{font-family: Georgia, Serif; background-color: #4b4a4d; margin: 0; font-size: 12px; line-height: 1.5;}

a{text-decoration: none;}
a img{border: none;}
p{line-height: 1.5;}
h1{font-size: 22px; font-style: italic; font-weight: bold; color: #8A0029; line-height: 1.5;}
h2{font-size: 18px; font-style: italic; font-weight: bold; color: #8A0029; line-height: 1.5;}
h3{font-size: 16px; font-style: italic; font-weight: bold; color: #8A0029; line-height: 1.5;}


.wrapper{ width: 1044px; margin-left: auto; margin-right: auto;margin-top: 0px; margin-bottom:0px;background-image: url(../images/background_white.gif); position: relative;}

.header{background-image: url(../images/background_red.gif); height: 130px;display: block;}
.menu{position:absolute; top: 81px; left: 50px;}
.logo{position:absolute; top: 17px; left: 695px;}

.menu ul{list-style-type: none; margin: 0px; padding:0px;}
.menu ul li{display: inline;}
.menu ul li a, .menu ul li a:hover, .menu ul li a.active {padding-left: 10px; padding-right: 10px; font-size: 14px;background-color: #520319; color: #ffffff; text-decoration: none; height: 49px;line-height: 40px; display: block; float: left; margin-right: 1px;}
.menu ul li a:hover{background-color: #d9d9d9; color: #88052a;}
.menu ul li a.active{background-color: #ffffff; color: #88052a; }
.menu ul li a.active:hover{}

.content{background-image: url(../images/content.gif);background-position: bottom;min-height: 400px;background-repeat: no-repeat;margin-bottom: -17px; padding-left: 60px;padding-right: 60px;padding-top: 20px;}

.contentleft{width: 470px; display: block; float:left; padding-left: 5px;margin-bottom: 25px;}
.contentright{width: 400px; display: block; float:left; margin-left: 25px;margin-bottom: 25px;}
.contentboth{width: 900px;}

.content a{text-decoration: none;color: #8A0029;border-bottom: 1px dotted #8A0029;}
.content a img{border: none;color: #8A0029;border-bottom: 1px dotted #8A0029;}

.footer{background-image: url(../images/footer.gif);background-repeat:no-repeat; height: 170px;;padding-left: 60px;padding-right: 60px;padding-top: 20px; }
.adresse{width:700px;color: #ffffff; display: block; float: left; font-size: 11px; line-height: 24px;}
.adresse h1{font-size: 18px; font-style: italic; font-weight: bold; margin: 0px; color: #ffffff;}
.adresse a {text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ffffff;}
.absatz{margin-top: 5px;}
.kurzbeschreibung{width:200px;color: #ffffff; float: left; text-align: right; font-size: 14px; line-height: 32px;}
.impressum{margin-top: 50px; margin-bottom: 50px;}
.impressum a {text-decoration: none; color: #000; border-bottom: 1px dotted #000;}



/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 0px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




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


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
}

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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #eeeeee;
	border: 1px solid #999999;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	background-color: #520319;	
	color: #ffffff;
}



/* Label */
.formgen label {
	width: 147px;
	clear: left;
	float: left;
	height: 20px;
}


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 89%;
	background-color: #8A0029;
	border: 1px solid #999999;
	color: #ffffff;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

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


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #8A0029;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

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