﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
background:none repeat scroll 0 0 transparent;
border:0 none;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}
body {
line-height:1;
}
ol, ul {
list-style:none outside none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
:focus {
outline:1px dotted #000000;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
label:hover, input.submit:hover {
cursor:pointer;
}
a {
color:#003399;
text-decoration:underline;
}

li a {
color:#003399;
text-decoration:none;
}

.floatLeft {
 	float:left;
	padding-right:20px;
}

.floatRight {
 	float:right;
	padding-left:20px;
}

.center {
text-align:center;
}
.clearer {
clear:both;
}
html {
height:100%;
padding:0 0 1px;
}
body {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
font-size:100.01%;
text-align:center;
}
#mainWrapper {
font-size:0.75em;
margin:0.666em auto 0;
text-align:left;
width:64.916em;
}
#header {
background:url("../img/bck_header.jpg") no-repeat scroll right bottom transparent;
border-left:1px solid #E1E1E1;
border-right:1px solid #E1E1E1;
width:100%;
}
#innerWrapper {
border-color: #E1E1E1;
border-right:1px solid #E1E1E1;
border-style:none solid solid;
border-width:0 1px 1px;
float:left;
padding-bottom:8.333em;
padding-top:3.416em;
width:100%;
}
#topMenu {
border-bottom:0.333em solid #FAEBC8;
margin-bottom:2.5em;
}
#topMenu ul {
border-bottom:1em solid #FFE098;
padding-bottom:0.6em;
padding-left:0;
}
#topMenu li {
display:inline;
}
#topMenu a {
background:none repeat scroll 0 0 #FFFFFF;
border-right:1px solid #909090;
border-top:1px solid #909090;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
margin:0 0.333em 0 0;
padding:0.5em 1.5em;
}
#topMenu li.current a, #topMenu a:hover {
background:none repeat scroll 0 0 #FEC634;
}
#mainMenu {
float:left;
width:17.1666em;
}
#mainMenu li {
display:inline;
}
#mainMenu a {
background:none repeat scroll 0 0 #FFE098;
color:#000000;
display:block;
font-family:Arial,Helvetica,sans-serif;
line-height:1.25em;
padding:0.166em 0.666em 0.166em 0.833em;
}
#mainMenu li.current a {
background:none repeat scroll 0 0 #FAEBC8;
border-bottom:1px solid #FFE098;
}
#mainMenu li.current a:hover {
background:none repeat scroll 0 0 #FFE098;
}
#mainMenu li li a, #mainMenu li.current li a {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #DDDDDD;
color:#377CC9;
padding-left:1.666em;
}
#mainMenu li li.current a, #mainMenu li li a:hover, #mainMenu li.current li a:hover {
background:url("../img/arrow.gif") no-repeat scroll left center #FFFFFF;
}
#mainMenu li li li a, #mainMenu li.current li li a, #mainMenu li li li a:hover, #mainMenu li.current li li a:hover {
background:none repeat scroll 0 0 #F2F2F2;
border-bottom:1px solid #FFFFFF;
color:#515151;
}
#mainMenu li li li li a, #mainMenu li.current li li li a, #mainMenu li li li li a:hover, #mainMenu li.current li li li a:hover {
background:none repeat scroll 0 0 #DAE8F7;
border-bottom:1px solid #FFFFFF;
color:#000000;
padding-left:3.333em;
}
#content {
line-height:1.5em;
margin-left:24.5em;
padding-right:2.833em;
}
#content h1 {
color:#01509B;
font-family:Arial,Helvetica,sans-serif;
font-size:2.333em;
font-weight:normal;
line-height:1em;
margin-bottom:0.357em;
}
#content h2 {
margin-bottom:0.333em;
}
#content h3 {
margin-bottom:0.333em;
}
#content h4 {
margin-bottom:0.333em;
}
#content h5 {
margin-bottom:0.333em;
}
#content h6 {
margin-bottom:0.333em;
}
#content p, #content ul, #content ol {
margin-bottom:0.8333em;
}
#content ul {
list-style:square outside none;
}
#content ol {
list-style:decimal outside none;
}
#content ul li {
margin-left:1.25em;
}
#content ol li {
margin-left:1.5em;
}
#footer {
border-bottom:1px solid #E1E1E1;
clear:both;
color:#909090;
margin:0 0.1666em 6.666em;
padding:0.833em 0;
text-align:right;
}
#footer a {
color:#CC9933;
}
.fliess {
margin-bottom:1.666em;
}
.imageText {
float:left;
margin-bottom:0.7em;
width:100%;
}
.imageText .fliess {
margin-bottom:0;
}
#content .imageText p {
}
.imageLeft {
float:left;
margin:0 1.5em 1.666em 0;
}
.imageRight {
float:right;
margin:0 0 1.666em 1.5em;
}
.multiImage {
clear:both;
float:left;
margin-bottom:1.666em;
width:100%;
}
.multiImage .left, .multiImage .right {
float:left;
}
.multiImage .left {
margin-right:1px;
}
.downloadWrapper {
float:left;
margin-bottom:0.25em;
width:100%;
}
.download {
background:none repeat scroll 0 0 #F9ECBE;
float:left;
padding:0.166em;
width:25.083em;
}
.download a {
background:none repeat scroll 0 0 #FFFFFF;
display:block;
float:left;
height:3.5em;
margin-right:0.5em;
width:4em;
}
.download-hdl {
}
#content .download-hdl p {
margin-bottom:0;
}
.download-file {
}
#content .download-file p {
margin-bottom:0;
}
.formgen label {
display:block;
float:left;
font-weight:bold;
margin-right:1em;
width:14em;
}
.formgen label.formradio, .formgen label.formcheckbox {
display:inline;
float:none;
font-weight:normal;
padding-left:0.5em;
width:auto;
}
.formgen label:hover, .formsubmit:hover {
cursor:pointer;
}
.formgen div.formradio, .formgen div.formcheckbox {
float:left;
}
.formgen div.formradio div, .formgen div.formcheckbox div {
clear:left;
}
.formgen label.radioHeading:hover, .formgen label.checkboxHeading:hover {
cursor:default;
}
.forminfo {
margin-bottom:1.666em;
}
.formblock {
clear:left;
float:left;
margin-bottom:0.8333em;
width:100%;
}
.formblock.submit {
clear:left;
float:none;
width:auto;
}
.formheadline {
font-weight:bold;
}
.formtext, .formtextfield, .formfile, .formselect {
width:18em;
}
.formtext, .formtextfield, .formfile, .formselect, .formsubmit {
background:none repeat scroll 0 0 #F9ECBE;
border:1px solid #000000;
padding:0.25em;
}
.formerror {
color:red;
}
.formhidden {
display:none;
visibility:hidden;
}

/* Tabellen */
.hervor1 {
width:80px;
background:none repeat scroll 0 0 #e1e1e1;
}

.gammelbyn {
background:none repeat scroll 0 0 #f1f1f1;
border:1px solid #ccc;
}

td {
padding:2px;
}


/* 
REDAXO-Modul: doForm! 3 - 4
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.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: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: normal;
	border: 1px solid #EA0000; 
}
 
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
 
 
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
.formhinweis 
{
margin-bottom: 16px;
}

 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 404px;
	height: 200px;
	margin-left: 1px;
	border: 1px solid #909090;
	background-color: #F9ECBE;
}
 
 
/* Textfeld */
.formgen .formtext
{
	width: 220px;
	margin-left: 4px;
	margin-bottom:2px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #F9ECBE;
	border: 1px solid #909090;
}
 
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
/*	border-bottom-color: #000000; */
	background-color: #FFE176;	
}
 
 
 
/* Label */
.formgen label {
	width: 170px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: normal;
	color: #003399;
}
 
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}
 
 
/* Sende-Button */
.formgen .formsubmit
{
	width: 41%;
	text-align: left;
	background-color: #f2f2f2;
	border: 1px solid #000000;
	float: left;
	color: #000000;
}
 
 
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #909090;
	width: 110px;
	margin-bottom:10px;
	padding:2px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}
 
/* -------------- AUSGABEN / Fehlermeldungen --------*/
 
 
/* Markierung der Labels bei Fehler */
.formgen .formerror {
 
	border-bottom-width: 1px;
	color: #EA0000;
/*	font-weight:bold;
}
 
.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
 
.formgen .formreq {
	color: #006633;
}
 
.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 */ 

