html{min-height:100%;margin-bottom:1px;}
hr{border:solid #f0f0f0 1px;height:1px;}
body{padding:0;font:76% Verdana,Tahoma,Arial,sans-serif;background:#ffffff;width:100%;}
#wrap{background:#ffffff;color:#666666;width:100%;margin-left:4%;margin-right:0%;}
#header{clear:both;margin:20px 0 0 0;padding:0;color:#669933;}
#header h1{line-height:1.9em;margin:0px 210px 10px 25px;font-size:3.8em;width:100%;}
#header h1 a{color:#669933;text-decoration:none;text-align:center;outline:0;width:100%;}
#header h2{float:center;text-align:center;color:#669933;margin:0 25px 10px 0;font-size:1.0em;line-height:1.0em;}
#frontphoto{margin:15px 250px 40px;border:0;}
#frontphoto2{margin:0 0 0px 0;border:0;}
#avmenu{width:100%;margin:0 0 10px 0;padding:0;font-size:1.3em;}
#avmenu ul{list-style:none;width:100%;margin:0;padding:0;font-size:1.3em;}
#avmenu li{}
#avmenu li a{line-height:1.5em;text-decoration:none;color:#ffffff;display:block;padding:2px 0 2px 10px;margin-bottom:4px;background:#669933;border-right:4px solid #669933;}
#avmenu a.current{font-weight:bold;color:#ffffff;background:#99CC33;border-right:4px solid #99CC33;}
#avmenu li a:hover{background:#FBF2DC;color:#669933;border-right:4px solid #99CC33;}
#avmenu li li a{padding:2px 0 2px 20px;}
#avmenu li li li a{padding:2px 0 2px 20px;}
.announce{margin:10px 0 10px 0;padding:0px;width:100%;color:#ffffff;background-color:#fcfcfc;line-height:1.3em;font-size:0.9em;}
.announce2{margin:10px 0 10px 0;padding:0px;width:100%;color:#AD160F;background-color:#fcfcfc;line-height:1.3em;font-size:0.9em;}
#extras1{width:100%;margin:0 450px -20px -21px;padding:10px 10px 0 10px;line-height:1.7em;color:#669933;font-size:2.0em;}
#extras p{margin:0 0 1.5em 0;}
#extrastext{width:100%;margin:0 450px -20px -21px;padding:10px 10px 0 10px;line-height:1.7em;color:#669933;font-size:2.0em;width:65%;}
#content{padding:0 10px 0 50px;line-height:1.4em;font-size:1.3em;text-align:left;width:100%;margin:585px 450px 20px -45px;background-color:#FBF2DC;}
#contentsedcards{padding:0 10px 0 50px;line-height:1.6em;font-size:0.9em;text-align:left;min-width:625px;margin:985px 480px 20px 0;background-color:#FBF2DC;}
#content h2{font-size:1.3em;margin:0 0 0.5em 0;}
#content2{padding:0 10px 0 10px;line-height:1.5em;text-align:left;font-size:1.3em;width:100%;margin:0 450px 20px -20px;background-color:#FBF2DC;}
#contentlinks{padding:0 10px 0 50px;line-height:1.4em;text-align:center;font-size:1.3em;width:100%;margin:0 450px 20px -40px;}
h3{font-size:1.5em;color:#669933;}
a{text-decoration:underline;color:#808080;}
a:hover{text-decoration:underline;color:#339933;}
a img{border:0;}
#footer{clear:both;padding:0 0 20px 0;text-align:left;color:#808080;font-size:1.0em;line-height:1.0em;margin:0px 220px 0 0px;width:100%;}
#footer2{clear:both;padding:20px 0 20px 0;border-top:1px solid #f0f0f0;text-align:left;color:#669933;line-height:1.7em;font-size:1.7em;margin:50px 220px 0 0;}
#footer2 a{color:#808080;text-decoration:underline;}
#footer2 a:hover{text-decoration:underline;}
#footer a{color:#808080;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
.pleft{float:left;margin-top:5px;margin-right:5px;margin-bottom:5px;vertical-align:text-bottom;border:none;}
.pright{float:right;margin-top:5px;margin-left:5px;margin-bottom:5px;vertical-align:text-bottom;border:none;}
.pnormal{clear:both;border:none;}
.pleft{float:left;margin-top:6px;margin-right:6px;margin-bottom:4px;vertical-align:text-bottom;border:none;}
.pright{float:right;margin-top:6px;margin-left:8px;margin-bottom:5px;vertical-align:text-bottom;border:none;}
.pnormal{clear:both;border:none;}
.pleft_b{float:left;margin-top:6px;margin-right:6px;margin-bottom:4px;vertical-align:text-bottom;border:4px solid #1A5005;}
.pright_b{float:right;margin-top:6px;margin-left:8px;margin-bottom:5px;vertical-align:text-bottom;border:4px solid #1A5005;}
.pnormal_b{clear:both;border:4px solid #1A5005;}
.zweispalter{margin:0 auto;width:60%;}
.zweispalter_1{min-width:20%;margin-left:30px;margin-right:30px;margin-bottom:20px;}
.zweispalter_2{min-width:20%;margin-left:30px;margin-bottom:20px;}
.zweispalter_1, .zweispalter_2{float:left;}
.clboth{clear:both;display:block;line-height:0;font-size:0;}
.zweier, .dreier{margin:0 auto;width:100%;}
.zweier .spalte_1{width:49%;float:left;margin-bottom:10px;}
.zweier .spalte_2{float:right;margin-bottom:10px;width:49%;}
.zdclboth{clear:both;display:block;line-height:0;font-size:0;}
.linkzweispalter{margin:0 auto;width:60%;margin-bottom:30px;}
.linkzweispalter_1{width:20%;margin-left:60px;}
.linkzweispalter_2{width:20%;margin-right:60px;}
.linkzweispalter_1{float:left;}
.linkzweispalter_2{float:right;}
.linkclboth{clear:left;display:block;line-height:0;font-size:0;width:100%;}
.renderhead{display:block;}
.renderhead span{display:none;}
.renderhead img{padding:5px;}
.renderhead{display:block;}
.renderhead span{display:block;color:blue;}
.renderhead img{display:none;}
#searchform{margin-top:25px;width:100%;background:#FBF2DC;font-size:0.9em;}
#searchform fieldset{padding:5px;border:0;}
#searchform label{display:block;margin-left:5px;}
#searchform input{width:95%;margin-left:5px;border:solid 1px #d4d4d4;}
/*
REDAXO-Modul: doForm! 3
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: 10px;
}
/* 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
{
width: 233px;
margin-bottom: 15px;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;
}
.forminfo
{
width: 220px;
margin-bottom: 15px;
background-color: #FFCC33;
padding-top: 3px;
padding-bottom: 30px;
padding-right: 2px;
padding-left: 5px;
font-weight: bold;
border: 5px dashed #990000;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
/*
--------- FORMULAR-OBJEKTE ------------
*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
width: 40%;
height: 200px;
margin-left: 4px;
border: 1px solid #006600;
background-color: #000000;
}
/* Textfeld */
.formgen .formtext
{
width: 220px;
margin-left: 4px;
padding-bottom: 4px;
font-size: 1em;
background-color: #FFFFFF;
}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
border-bottom-color: #006600;
background-color: #F9F9F8;
}
/* Label */
.formgen label {
width: 120px;
clear: center;
float: center;
height: 20px;
font-weight: bold;
color: #006600;
padding-bottom: 40px;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
width: 200px;
background-color: #33FF33;
margin-left: 4px;
color: #000000;
}
/* Sende-Button */
.formgen .formsubmit
{
width: 100%;
text-align: center;
float: right;
}
/* Fieldsetbeschriftung */
.formgen legend {
color: #333333;
}
.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: #006600;
}
.formgen .formheadline {
color: #990000;
background-color: #FFF7EA;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 5px;
margin-bottom: 5px;
font-style: verdana;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */