body
   {  margin:0 auto;
      padding:0;
      font:87.01% 'Asap','Bitstream vera sans','dejavu sans',sans-serif;
      background-color:#f5f5f5;
      background-image:url(../images/gitter.gif);
      background-repeat:repeat-x;
      color:#000;
      width: 100%;

}

#header
   {  background-color:transparent;
      background-image:url(../images/rstern.gif);
      background-repeat:no-repeat;
      background-position:14% 0;
      margin:8px 0 0 0;
      padding:0 0 0 200px;
      height:150px;
      width:100%;
}

#header img
   {  position:absolute;
      top:66px;
      left:23%;
      width:450px;
      height:46px;
      margin-left:-5px;
}

#header h1
   {  position:absolute;
      left:-3000px;
      color:#fff;
      font-weight:normal;
      width: 98%;
      margin: 0 0 10px 0;
      padding:15px 0 0 0;
}

#header p
   {  position:absolute;
      left:-3000px;
      color:#f5f5f5;
      font-size:1.2em;
      font-weight:bold;
      width: 98%;
      margin: 0 0 10px 0;
}

#wrap
   {  background-color:transparent;
      color:#2b2b2b;
      margin:0 0 0 23%;
      padding:0 0 20px 0;
      width:auto;
}


#avmenu
   {  position:absolute;
      top:176px;
      left:8px;
      width:22%;
}

#avmenu[id] {
      width:17%;
}

#avmenu ul
   {  list-style: none;
      width: 100%;
      margin: 0 0 20px 0;
      padding: 0;
}

#avmenu ul.nav2nd,
#avmenu ul.nav3rd
   {  margin: 0;
}

#avmenu li
   {  margin: 7px 0 0 0;
      font-size: 1em;
}

#avmenu li li
   {  margin: 7px -16px 0 16px;
}

#avmenu li li li
   {  margin: 7px -16px 0 16px;
}

#avmenu li a
   {  font-weight: bold;
      line-height: 1.3;
      text-decoration: none;
      color: #fff;
      display: block;
      padding: 1px 6px 1px 6px;
      background:#000;
      border-left: 3px solid #dc141c;
      border-right: 3px solid #dc141c;
}

#avmenu li a:hover,
#avmenu li a.current
   {  color: #fff;
      background:#dc141c;
      border-left: 3px solid #000;
      border-right: 3px solid #000;
}


/* --------- Service-Navigation ----------- */

#navi2{
   position:absolute;
   top:134px;
   right:5px;
   width:80%;
   margin:0 0 0 40%;
   padding:0;
   text-align:right;
   z-index:5;
   }

#navi2 ul{
   font-size:0.8em;
   font-weight:normal;
   line-height:1.2;
   margin:0 0 0 40%;
   padding:0;
   }

#navi2 li{
   display:inline;
   list-style-image:none;
   padding:2px 3px 0 6px;
   margin:0;
   border-left:3px #f00 solid;
   }

#navi2 li a{
   text-decoration:none;
   }

#navi2 li a:link,
#navi2 li a:visited{
   text-decoration:none;
   color:#000;
   font-weight:normal;
   }

#navi2 li a:active,
#navi2 li a:hover,
#navi2 li a:focus{
   color:#f00;
   text-decoration:underline;
   font-weight:normal;
   }

#navi2 li a.aktiv{
   background-color:#ff9933;
   font-weight:normal;
   }



.announce a:link,
.announce a:visited,
.announce a:hover
   {  color:#000;
}

.announce a:hover
   {  text-decoration:underline;
}

ul.nav2nd li
   {  margin-left:18px;
}

.announce {
margin: 60px 0 10px 0;
padding: 0;
width: 130px;
color: #fff;
background-color: transparent;
line-height: 1.3em;
}

#extras {
float: right;
background-color:#fff;
width: 180px;
margin: 25px 0 10px 6px;
padding: 6px 3px 3px 10px;
font-size: 0.9em;
border-top:1px solid #696969;
border-bottom:1px solid #696969;
border-left:1px solid #696969;
}

#extras p {
margin:0;
padding: 0 0 0.4em 0;
line-height: 1.5;
}

#extras h3 {
margin:0;
padding: 0 0 0.5em 0;
font-size: 1.3em;
line-height: 1.2;
}

#extras li {
margin-left: -24px;
}

#content {
background:transparent;
margin: 0;
padding: 20px 33% 20px 0;
line-height: 1.6em;
text-align: left;
width:auto;
}

#content h1 {
font-size: 1.6em;
margin: 0 0 0.5em 0;
line-height: 1.1;
}

#content h2 {
font-size: 1.4em;
margin:0;
padding: 0 0 0.6em 0;
line-height: 1.1;
}

#content h3 {
font-size: 1.4em;
margin:0;
padding: 0.9em 0 0.6em 0;
line-height: 1.1;
}

#content h4 {
font-size: 1.1em;
margin:0;
padding: 0.7em 0 0.4em 0;
line-height: 1.1;
}

#content h6   /* wird als Spitzmarke verwendet */  {
	font-size: 1.2em;
	font-weight:normal;
	margin:0;
   padding: 0 0 0.5em 0;
	text-decoration:underline;
	line-height: 1.1;
	}

#content img {
padding: 1px;
display: inline;
}

#content a:link,
#extras a:link{
color:#f00;
}

#content a:visited,
#extras a:visited {
color:#b22222;
}

#content a:hover,
#content a:active {
color:#f00;
}

#content li {
margin: 0 0 0.5em -20px;
}

#content ul {
margin-top:0;
padding-top:0;
}

#content p {
margin:0;
padding:0 0 0.6em 0;
}

#content p.footnote   {
	padding-bottom:0.1em;	
	}

#content p.iview   {
	text-indent:-1.5em;	
	margin-left:1.5em;
	font-style:italic;
	}
	
#content .kasten   {
	float:right;
	margin:5px 0 2px 6px;	
	padding:15px 2px 12px 20px; 
	background-color:#f00;
	color:#fff;
	font-size:1.3em;
	font-style:italic;
	width:45%;">
}	

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

#footer-container {
position:fixed;
left:0;
bottom:0;
background-color:#dc141c;
width:100%;
}


#footer {
width: auto;
color: #fff;
padding:10px 0 3px 23%;
font-size: 0.70em;
}

#footer a,
#footer a:link,
#footer a:visited
{
color: #fff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.flLeft img {
margin: 5px 16px 0 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.cap  {   
	font-variant: small-caps;	
	}


th    { background-color: #d7d6d3; }
input    { color: #000000; margin:0 0 6px 0;}
textarea { color: #000000;width:90%; margin:0 0 10px 0 }
select   { color: #000000; }
label    { width:20em;}
legend   { padding:6px;}

td.grey     { background-color: #f0efeb; }
td.lgrey { background-color: #faf9f5; }
td.dgrey { background-color: #eae9e5; }
td.greenwhite  { background-color: #aab9a8; color:#ffffff; }
td.greenblack  { background-color: #aab9a8; }
th.grey     { background-color: #d7d6d3; }

.blue    { color: #32353a; }
.lblue      { color: #32353a; }
.dblue      { color: #32353a; }
td.blue     { background-color: #ccd7dd; font-size: 12px; }
td.lblue { background-color: #d6e1e4; }
td.llblue   { background-color: #E4EFF2; }
td.dblue { background-color: #b0bdc3; }

th.blue     { background-color: #d7d6d3; }
th.lblue { background-color: #d7d6d3; }
th.dblue { background-color: #d7d6d3; }
a.blue      { color: #666699;  }

img
   {  border:none;
}


#button {
   font-size:1em;
   font-weight:normal;
   font-family:arial, verdana, helvetica, sans-serif;
   color:#00f;
   border: 0;
   background:#f5f5f5;
   text-decoration:none;
}



/* Klassen f?r Bild links- oder rechtsb?ndig */

.flLeft {float:left;margin-right:12px;}
.flRight {float:right;margin-left:6px;}



/*
  Beispiel:
  ?berschrift linksb?ndung, gross
  Fusszeile rechtsb?nding, kleiner
  alternierende Zeilen,
  erste Spalte Fett,
  zweite Spalte gerader Zeilen gr?sser und gr?n (das ist wirklich nur ein Beispiel.)
*/
table.csv {
    color:black;
    background-color:#808080;
}
table.csv caption {
    text-align:left;
    font-size:150%;
    font-weight:bold;
}
table.csv tfoot {
    text-align:right;
    font-size:smaller;
}
table.csv tr.odd {
  background-color:#e0e0e0;
}
table.csv tr.even {
  background-color:#ffffff;
}
table.csv .col1 {
  font-weight:bold;
}
table.csv tr.even td.col2
{
    font-size:larger;
    color:green;
}


/* Trennlinien */

.tlinesw,
.tlinered
{  margin:8px 0 0 0;
   padding:0;
   width:99%;
   }

.tlinesw
{  border-top:1px #000 solid;
   }

.tlinered
{  border-top:1px #f00 solid;
   }


/* 
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
{
	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: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 2px dashed #990000;
}
 
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
 
 
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #000;
	background-color: #DFEEDD;
}
 
 
/* Textfeld */
.formgen .formtext
{
	width: 300px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #fff;
	border: 1px solid #dc141c;
}
 
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #fff;	
}
 
 
 
/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #000;
}
 
 
/* 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;
	background-color: #dc141c;
	border: 1px solid #dc141c;
	float: right;
	color: #FFFFFF;
	font-weight:bold;
}
 
 
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFF;
	background-color: #dc141c;
	font-weight:bold;
	width: 300px;
	font-size:1.1em;
}
.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: #000;
}
 
.formgen .formheadline {
	color: #993300;
	background-color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}
 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
 

.floatLeft, 
dl.image 
{
	float:left;
	margin: 4px 12px 6px 0;
	}

.image dd  {
	margin-left:0;
	font-style:italic;
	width:250px;
	line-height:110%;
	}


/* Mime-Images  */
.link_icon { display:block; padding-left:20px; background-repeat:no-repeat; background-position:0px 2px;}
.ico_pdf { background-image:url(../images/fico_pdf.gif); }
.ico_xls { background-image:url(../images/fico_xls.gif); }
.ico_doc { background-image:url(../images/fico_doc.gif); }
.ico_zip { background-image:url(../images/fico_zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(../images/fico_jpg.gif); }
.ico_gif, .tif { background-image:url(../images/fico_pic.gif); }
.ico_def { background-image:url(../images/fico_def.gif); }