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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1.5em; color: #7b7b7b;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight:bold;}
td, tr {background-color: #FFF;}

input[type="submit"] {height: 23px; text-align: center; border: none; padding: 3px; font-family: arial, helvetica; }
#loginfeld input {height: 16px !important; font-size: 0.9em; color: #000; border: 1px solid #000; padding: 2px; margin-bottom: 8px;}
#loginfeld input:focus {border: 1px solid #000; background-color: #f6f6f6 !important;}

body {margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
html {width: 966px;}
* html, * html body {height:100%; overflow:hidden; }
/* Kleines Extra für den IE */
* html {padding:0.5em; height:85%; overflow:auto;}
* html #menu { margin:0.2em; }

/* Header */
* html #header {margin:0; height:10%;}
#header {position:absolute; top:0px; left:0px; z-index: 200;}
#headerhintergrund {position: absolute; top: 0px; left: 0px; width: 966px; height: 251px; float: left; z-index: 40; background-image: url(../../files/header_hintergrund.jpg); background-repeat: no-repeat;}

#logo {position: absolute; top: 0px; left: 8px; width: 210px; float: left; z-index: 210;}
#logo a:active {padding:0; background-image: none; }

/* Footer */
* html #footer {padding-top:1%;}
#footer {position:absolute; top:0px; left:0px; background-color: #f0f0f0; width: 960px; height:25px; color:#7b7b7b; line-height: 16px; z-index: 100; padding-top: 5px;}
#footer div { padding:1px 20px 0 0px; font-size: 12px; float: right; }
#footer a:link { color:#7b7b7b; font-size: 12px; font-family: arial, helvetica; font-weight: normal; text-decoration: none; border-style: none; outline-style: none; }
#footer a:visited { color:#7b7b7b; font-size: 12px; font-family: arial, helvetica; font-weight: normal; text-decoration: none; border-style: none; outline-style: none; }
#footer a:hover { color:#cf172c; font-size: 12px; font-family: arial, helvetica; font-weight: normal; text-decoration: none; border-style: none; outline-style: none; }
#footer a:active { color:#7b7b7b; font-size: 12px; font-family: arial, helvetica; font-weight: normal; text-decoration: none; border-style: none; outline-style: none; background-image: none; padding:0;}

/* Content */

#main {float: left; background-image: url(../../files/hintergrund_content.gif); width: 700px;  background-repeat: repeat-y;  }
#left { float: left; width: 460px; padding: 0px 20px 0 0px; background: url(bck.left.gif) left top repeat-x #fff;}
#right { float: left; width: 220px;}
.rightfont { padding: 0px 20px 0px 20px;}

#topteaser { width: 219px; background-color: #fae84f; color:#000000; margin-left: 1px}
#topteaser .font {padding: 15px 20px 15px 20px;}
#topteaser p {color:#000000}
#topteaser h2 {color:#000000; font-size: 16px; font-weight: normal; font-family: arial, helvetica; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1.2em; margin-bottom: 10px; margin-top: 0px}
#topteaser h3 { color:#000000; font-size: 12px; font-family: arial, helvetica; font-weight: bold; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1.2em; padding-bottom: 0.2em; padding-top: 0em}
#topteaser_abschluss {position: relative; top: 0px; width: 219px; height: 11px; background-image: url(../../files/topteaser_abschluss.jpg); background-repeat: no-repeat}

#box {position: absolute; float: left; display: block; top: 278px; left: 260px; width: 680px;}
#box li {list-style-type: square; list-style-position: inherit; margin-left: 13px;}
#box li a {background-image: url(../img/pfeil_inactiv.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px; height:12px; padding-right:10px;}
#box li a:hover{background-color: transparent; background-image: url(../img/pfeil_activ.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px; padding-right:10px; color:#00b9f3}
#box li a:active {background-color: transparent; background-image: url(../img/pfeil_activ.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px; padding-right:10px; color:#00b9f3}*/

img {display:block}

/* Hauptnavigation */
#hauptnavigation {position: absolute; top: 200px; left: 20px; z-index: 190; width: 206px;}
#navigation {padding-left: 13px; padding-right: 13px; padding-top: 25px; padding-bottom: 0px; width: 176px; background-image: url(../../files/navigation_hintergrund.png); background-repeat: repeat-y;}

#navigation ul {width: 174px; border-bottom-color:#dd5d6c; border-width: 1px; z-index: 90;}
#navigation ul li a {color: #FFF; line-height: 2.6em; padding: 3px 5px 3px 16px;}
#navigation ul li a:hover {}
#navigation ul li a.rex-current {}

.lev1.rex-normal a {color: #FFF !important; font-weight: bolder}
.lev1.rex-current a {color: #FFF !important; font-weight: bolder}
.lev1.rex-normal a:hover {color: #FFF !important; font-weight: bolder; background-image: url(../../files/pfeil_weiss_rechts.gif); background-repeat: no-repeat;}
.lev1.rex-active a:hover {color: #FFF !important; font-weight: bolder; background-image: url(../../files/pfeil_weiss_rechts.gif); background-repeat: no-repeat;}
.lev1.rex-active a {color: #FFF; padding: 3px 5px 3px 5px; border:hidden !important; font-weight: bolder}

.lev2.rex-active a {color: #FFF; padding: 3px 5px 3px 5px; border:hidden !important; font-weight: normal !important}
.lev2.rex-normal a {padding: 5px; font-weight: normal; font-weight: normal !important}
.lev2.rex-normal a:hover {font-weight: normal !important; background-image: url(../../files/pfeil_weiss_rechts.gif); background-repeat: no-repeat;}

.lev2.rex-current a {font-weight: normal !important; background-image: url(../../files/pfeil_weiss_rechts.gif); background-repeat: no-repeat;}

.lev1 {width: 174px; border-bottom:solid; border-bottom-color:#dd5d6c; border-width: 1px;}
.lev2 {width: 174px; border:hidden !important; letter-spacing: -0.01em}

#navigation ul li ul {width: 160px; padding-bottom: 5px; border:hidden !important; z-index: 100;}
#navigation ul li ul li a {line-height: 1.8em; }
#navigation ul li ul li a:hover {}
#navigation ul li ul li a.rex-current {color: #fff !important; }
#navigation_abschluss {position: relative; top: 0px; width: 205px; height: 42px; background-image: url(../../files/navigation_abschluss.jpg ); background-repeat: no-repeat}


hr {height: 1px; border-color: #d0d0d0; border-width: 1px 0 0 0; border-style: solid; margin: 0 !important; padding:0 !important;}
  
/*Helfert*/
#space1 {line-height: 0.4em}
.clear { clear: both; line-height:0; }

/*TinyMCE
.mapson span {display: none;} */

/*Schrift*/
p {color: #7b7b7b; font-size: 12px; width: auto; line-height: 1.5em; margin-bottom: 0.6em}

h1 { color: #cf172c; font-size: 24px; font-family: arial, helvetica; font-weight: normal; text-align: left; overflow: hidden; line-height:1.2em; margin-bottom: 16px}
h2 { color: #6c6c6c; font-size: 16px; font-weight: normal; font-family: arial, helvetica; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1.2em; margin-bottom: 19px; margin-top: 6px}
h3 { color: #7b7b7b; font-size: 12px; font-family: arial, helvetica; font-weight: bold; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1.2em; padding-bottom: 0.2em; padding-top: 0.4em}
h4 { color: #7b7b7b; font-size: 12px; font-family: arial, helvetica; font-weight: bold; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1.2em; padding-bottom: 0.2em;}

a:link {color: #cf172c; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 1.5em; text-decoration: none; border-style: none; border-width: 0; outline-style: none; }
a:visited {color: #cf172c; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 1.5em; text-decoration: none; border-style: none; border-width: 0; outline-style: none; }
a:hover	{color: #cf172c; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 1.5em; text-decoration: none; border-style: none; border-width: 0; outline-style: none; }
a:active {color: #cf172c; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 1.5em; text-decoration: none; border-style: none; border-width: 0; outline-style: none; }

#hiddendiv { display: none;}

/*.column1 a:active, a:hover {padding:0; background-image: none; }*/
.column21 {float: left; width: 40px;}
.column21 p {width: 40px;}

.column22 {float: left; width: 420px;}
.column22 p {width: 420px;}


/* Formular Definition */

/* Div das das Formular umschlie?t */
.formgen {font-size: 1em;}

/* 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? */

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

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

/* --------- FORMULAR-OBJEKTE ------------ */
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{width: 332px; height: 200px; margin-left: 4px; border: 1px solid #d0d0d0; color: #7b7b7b;}

/* Textfeld */
.formgen .formtext {width: 332px; margin-left: 4px; padding-bottom: 3px; margin-bottom: 5px; font-size: 1em; color: #7b7b7b; border: 1px solid #d0d0d0;}
.formgen input:focus, .formgen input:hover, .formgen select:focus, .formgen select:hover, .formgen textarea:focus, .formgen textarea:hover {border: 1px solid #d0d0d0; background-color: #f6f6f6;}

/* Label */
.formgen label {width: 120px; clear: left; float: left;}

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

/* Sende-Button */
.formgen .formsubmit {width: 58px;  height: 23px; color: #fff; background-color: #cf172c; text-align: center; border: none; float: right; padding-bottom: 3px;}
.formgen .formsubmit:hover {text-align: center; border: none; float: right; background-color: #cf172c; }
.formgen .formsubmit:focus {text-align: center; border: none; float: right; background-color: #cf172c; }

/* Fieldsetbeschriftung */
.formgen legend {color: #000;}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {border-bottom-width: 1px; color:#CC0000;}
.formgen .formcaptcha {width: 100%; border: 2px solid #CC0000; vertical-align: top; float: left; margin-right: 10px;}

/* Ende der Formulardefinition */

.do_rexsurf {width: 200px; position: absolute; left: 675px; text-align: left; float: left; z-index: 200; top:10px;
 background-color: none; filter: Alpha(Opacity=60);}