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: 16px; color: black; background: fixed; background-image: url(../../../files/kachel.gif); background-repeat: repeat; }
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;}

* html, * html body {height:100%; overflow:hidden;}
/* Kleines Extra für den IE */
* html #menu { margin:0.2em; }

/* Header */
* html #header {margin:0; height:10%;}
#header {position:fixed; top:0px; left:0px; z-index:200;}

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

#logohintergrund {position: fixed; top:32px; left:209px; width:217px; height: 76px; float:left; z-index:40;}

/* Footer */
* html #footer {padding-top:1%;}
#footer {position:fixed; bottom:0px; left:0px; right:0px; background-image: url(../../../files/bg_footer.png); background-repeat: no-repeat; width: 1026px;  color:#fff; z-index: 200; height:24px; padding-top: 6px; padding-left: 20px;}
#footer div { padding:6px 0 0 20px; font-size: 12px}
#footer a:link { color: #fff; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; outline-style: none; }
#footer a:visited { color: #fff; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; outline-style: none; }
#footer a:hover { font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; outline-style: none; }
#footer a:active { color: #5b5b5b; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 15px; text-decoration: none; border-style: none; outline-style: none; background-image: none; padding:0;}
#facebook {background-color: transparent; background-image: url(../../files/facebook.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 6px; display: inline !important}


/* Content */
* html #cont {padding:0.5em; height:85%; overflow:auto;}
#content { background-image: url(../../../files/bg_content_main.png); background-repeat: repeat-y; width: 524px; padding: 0px 20px 0px 20px;}
#content_main { width: 524px; border:solid; border-color:#000; border-width: 1px;}
#content_main li { list-style:square; list-style-position:outside; margin-left: 14px; margin-top: 3px}
#content_main p { margin-bottom: 0.6em;}

#content_teaser { width: 524px;}
#content_teaser td {vertical-align: top;}
#loginindex td {vertical-align: top;}


#content_headline { width: 524px; border:solid; border:#000; border-width: 1px; background-color: #000;}

#box {position:absolute; top:153px; left: 384px; width:564px;}
#box div {line-height:1.5em;	}

#noscript {display: inline; position:fixed; top: 0; left: 0}
#noscript div {line-height:1.5em;background:#e00909; color:#FFF; z-index: 220 !important; width: 948px; font-size: 1.4em}
#noscript div a {line-height:1.5em;background:#e00909; color:#FFF; font-size: 1em; text-decoration:underline;}

#tabellelinkzurueck {position: absolute; top: 0; left: 0;}

#noflash {width:500px; display: block;}
#noflash div {line-height:1.5em;}


body {margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000}
/*body{background:url(../img/loading.gif);}*/

img {display:block}

#hauptnavigation {position: fixed; top: 124px; left: 50px; z-index: 190;}

#navigation {padding-left: 17px; padding-right: 17px; padding-top: 60px; padding-bottom: 5px; width: 224px; background-image: url(../../../files/bg_navigation.png); background-repeat: repeat-y;}

#navigation ul {width: 220px; border-top:solid; border-bottom-color:#000; border-width: 1px; z-index: 90;}
#navigation ul li a {color: #000; line-height: 2.6em; padding: 3px 5px 3px 5px;}
#navigation ul li a:hover {}
#navigation ul li a.rex-current {}

.lev1.rex-current a:hover {color: #FFF !important;}
.lev1.rex-active a {padding: 3px 5px 3px 5px; border:hidden !important;}
.lev2.rex-normal a:hover {background-color: #FFF; padding: 5px;}
.lev2.rex-active a {background-color: #FFF !important; padding: 5px;}

.lev1 {width: 220px; border-bottom:solid; border-bottom-color:#000; border-width: 1px;}
.lev2 {width: 220px; background-color:#FFF;  border:hidden !important; }

#navigation ul li ul {width: 220px; 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: #909 !important; background-color: #FFF;}

#navigation_abschluss {position: relative; top: 0px; width: 254px; height: 47px; background-image: url(../../../files/bg_navigation_unten.png); background-repeat: no-repeat}

/*ul{float:left;width:600px;}
li {color: #666666;}
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;}
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}
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}*/

#content_main td {vertical-align: top; color: #000;}
.tablefont {padding-left: 7px !important; padding-right: 7px; padding-top: 2px; padding-bottom: 2px;}
.tablefontteaser {width:340px; padding: 10px;}
.tablefontteaserheadline {width:340px; padding: 10px 10px 0px 10px;}

.tableteaser_img {width:138px; padding: 10px;}
#tablezurueck {padding-left: 15px; padding-right: 7px; padding-top: 2px; padding-bottom: 2px;}
#tablevitazurueck {padding-left: 15px; padding-right: 7px; padding-top: 2px; padding-bottom: 2px;}
.tablefont_column3 {padding-left: 7px !important; padding-right: 7px; padding-top: 2px;}
.tablefont_column3 p {width: 160px; padding-top: 5px; padding-bottom: 0px; margin-bottom: 5px}

#tabellenreihe {border-top: 1px solid #000; width:524px; margin: 0; padding: 0; height: 25px}
#tabellenkopfabstand {padding: 8px}
#tabellenreiheabstand {margin: 4px 8px; }
#tabellenreihelinks {float: left; display: inline-block; width: 410px; }
#tabellenreiherechtsaktiv {float: right; display: inline-block; width: 114px !important; height: 25px !important; text-align:center; }
#tabellenreiherechtsinaktiv {float: right; display: inline-block; width: 114px !important; height: 25px !important; text-align:center; }

#zurueck a {background-color: transparent; background-image: url(../img/pfeil_zurueck.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px; height:12px; padding-right:10px; color:#00b9f3;}
#zurueck a:hover {background-color: transparent; background-image: url(../img/pfeil_zurueck.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px; padding-right:10px; color:#00b9f3}
#zurueck a:active {background-color: transparent; background-image: url(../img/pfeil_zurueck.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px; padding-right:10px; color:#00b9f3}

.linkkategorie a {}
.linkkategorie a:active {}
.linkkategorie a:hover {}

hr {height: 1px; border-color: #000; border-width: 1px 0 0 0; border-style: solid; margin: 0 !important; padding:0 !important;}
  
.kategorien {float: left;}
.kategorien img {width: 150px; padding: 10px; z-index: 100;  border-right: 1px solid #000;}
.thumbnail img a:hover, a:active {padding:0; background-image: none;}
.vitaimg {float: left; width: 150px; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display:inline}

.einspaltigimg {float: left; width: 500px; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display:inline}
 
.einspaltig {float: left; width: 100%; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display: block}
 
.txt {margin-left: 170px; width: 320px; z-index: 90; color:#000; border-left: 1px solid #000; padding: 10px;}

/*Helfert*/
#space1 {background-image: url(../space.gif); background-repeat: no-repeat; background-attachment: scroll; padding-bottom: 5px;}
#space2 {background-image: url(../space.gif); background-repeat: no-repeat; background-attachment: scroll; padding-bottom: 25px;}
.clearfix {clear:both; display:block;}

/*TinyMCE
.mapson span {display: none;} */
.clear {clear:both; line-height:0; height:0; margin:0; padding:0; font-size:.1em; overflow:hidden }

/*Schrift*/
p {color: #000; font-size: 1em; width: auto; line-height: 1.5em;}
#farblink p {width: 400px; display: inline;}
#farblink div img {display: inline !important;}

h1 { color: #000; font-size: 24px; font-family: arial, helvetica; font-weight: bold; text-align: left; overflow: hidden; line-height:1.2em;}
h2 { color: #000; font-size: 18px; font-weight: bold; font-family: arial, helvetica; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1.2em;}
h3 { color: #000; 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.4em;}
h3 a { font-weight: bold !important;}
h4 { color: #000; font-family: arial, helvetica; font-weight: bold; margin-top: 1em;}

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

#hiddendiv { display: none;}

.mbild { margin-right: 20px; margin-top: 12px; margin-bottom: 12px; }
.button { color: #fff; font-size: 12px; font-weight: normal; background-color: #00b9f3; margin-top: 5px; padding: 3px 10px; border-style: none; outline-style: none; }
#nav  { background-color: #fff; position: absolute; top: 0; left: 0; float:left; width:auto; height: 24px; z-index: 10; margin-top:0; padding-top:0; padding-bottom: 0; padding-left: 15px; }

#text { margin-top: 10px; padding-right: 5px; padding-left: 5px; }

.column1 {margin-bottom: 10px; float:left; width:100%; color: #000;}
.column1 p {margin-bottom: 10px; }
/*.column1 a:active, a:hover {padding:0; background-image: none; }*/
.column21 {float: left; padding:10px; border-right:solid; border-bottom-color:#000; border-width: 1px;}
.column21 p {width: 130px;}

.column22 {float: left; padding: 10px;}
.column22 p {width: 350px;}


/* Formular Definition */

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

/* 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: 360px; margin-bottom: 15px; background-color: #CCCCCC; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 5px; font-weight: bold; border: 1px solid #000;}

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

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

/* Textfeld */
.formgen .formtext {width: 376px; margin-left: 4px; padding-bottom: 3px; margin-bottom: 5px; font-size: 1em; color: #000; border: 1px solid #000;}
.formgen input:focus, .formgen input:hover, .formgen select:focus, .formgen select:hover, .formgen textarea:focus, .formgen textarea:hover {border: 1px solid #000; 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; text-align: center; border: none; float: right; padding-bottom: 3px;}
.formgen .formsubmit:hover {text-align: center; border: none; float: right;}

/* 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);}


#kachellinie1 {position:fixed; top:124px; left: 40px; bottom:30px; width:39px; border-left:1px solid #fff; z-index:160; float: left;}
#kachellinie2 {position:fixed; top:124px; left: 80px; bottom:30px; width:39px; border-left:1px solid #fff; z-index:160; float: left;}
#kachellinie3 {position:fixed; top:124px; left: 120px; bottom:30px; width:39px; border-left:1px solid #fff; z-index:160; float: left;}
#kachellinie4 {position:fixed; top:124px; left: 160px; bottom:30px; width:39px; border-left:1px solid #fff; z-index:160; float: left;}
#kachellinie5 {position:fixed; top:124px; left: 200px; bottom:30px; width:39px; border-left:1px solid #fff; z-index:160; float: left;}
#kachellinie6 {position:fixed; top:124px; left: 240px; bottom:30px; width:39px; border-left:1px solid #fff; z-index:160; float: left;}
#kachellinie7 {position:fixed; top:124px; left: 280px; bottom:30px; width:39px; border-left:1px solid #fff; z-index:160; float: left;}

.colorTable {width:250px; padding:0; margin:auto;}
.colorTable tr td {width:10px; padding:2px; font:11px "courier new",courier;}
.colorTable tr td div {width:100%; height:100%;}
#mContainer {position: fixed; top: 124px; bottom: 30px}
#darkLayer, #lightLayer {width:1px; height:50%;}
#darkLayer {position:absolute; top: 0px; bottom: 50%; border-bottom:1px solid #fff; z-index: 120;}
#lightLayer {position:absolute; top: 50%; bottom: 30px; height:50%;}
.swatch {float:left; width:320px; height:20%; border-bottom:1px solid #fff; left:0px}