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: white;}
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;}


* 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; right:0px;  z-index:200;}

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

#menu {position: absolute; top:0px; left:176px; z-index:80; width:100%; line-height:12px;}
#menu div{height:76px; padding:42px 0 0 20px; background-image: url(../img/bg_navigation.png);background-repeat: repeat-x;}
#menu a {color:#666666;}
#menu li.active a{color:#00b9f3; 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}
#menu 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}
#menu li a:hover {color:#00b9f3; 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}

/* Footer */
* html #footer {padding-top:1%;}
#footer {position:fixed; bottom:0px; left:0px; right:0px; background:#000; z-index: 200;}
#footer div {height:23px; padding:7px 0 0 20px;color:#FFFFFF; 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 { color: #5b5b5b; 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;}
ul.footer li {display:inline;}

/* Content */
* html #cont {padding:0.5em; height:85%; overflow:auto;}
#cont {padding-top:4.85em; padding-bottom:3em; padding-left:0; width: 100%; height: 100%; position:absolute;top:0;left:0; z-index:70;}
#box {position:absolute; top:15%; right: 10%; width:580px; padding-bottom:50px;}
#box div{line-height:1.5em;background:#fff; }

#noscript {width:580px; display: block;}
#noscript div{line-height:1.5em;background:#00b9f3; color:#FFF }

#noflash {width:500px; display: block;}
#noflash div{line-height:1.5em;background:#00b9f3; color:#FFF }


/* Hintergrund */
#bg, #bg table, #bg td {width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden;}
#bg div{position:fixed; width:200%; height:200%; top:-50%; left:-50%;}
#bg td{vertical-align:middle;}
#bg img{min-height:50%;min-width:50%; margin:0 auto;}
#bg_overlay {width: 100%; height: 100%; background-image: url(../../files/overlay_bg.png); background-repeat: repeat; z-index: 10 }

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

img {display:block}

#subnav {position:relative; top:0px; z-index:80; width:100%; line-height:12px}
#subnav div{}
#subnav a {color:#666666;}
#subnav 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;}
#subnav 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}
#subnav 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}
#subnav li.active {color:#00b9f3; 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:30px; color:#00b9f3}
#subnav li {display:inline; padding-right:20px; }

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}

ul.nav1st li {display:inline; padding-right:20px; margin-top: 40px; }

#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 {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}
.linkkategorie 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}
.linkkategorie 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}

hr {color: #ccc; height : 1px; border-color: #ccc; border-width: 1px 0 0 0; border-style: solid;}
  
.kategorien {}
.kategorien img {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}
.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: 180px; width: 300px; z-index: 90; color:#666666}

/*Helfert*/
#space1 {background-image: url(../img/space.gif); background-repeat: no-repeat; background-attachment: scroll; padding-bottom: 5px;}
#space2 {background-image: url(../img/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: #666666; font-size: 1em; line-height: 1.4em; width: 500px; margin-bottom: 0.8em;}

h1 { color: #666; font-size: 36px; font-family: arial, helvetica; font-weight: bold; text-align: left; overflow: hidden; line-height:38px;}
h2 { color: #666; font-size: 14px; font-family: arial, helvetica; text-decoration: none; text-align: left; overflow: hidden; line-height:1.2em; margin-bottom: 1em; }
h3 { color: #666666; font-size: 14px; font-family: arial, helvetica; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1.2em; padding-bottom: 0.5em; }
h4 { color: #666666; font-family: arial, helvetica; font-weight: bold; }

a:link { color: #00b9f3; 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 { color: #00b9f3; 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	{ color: #00b9f3; 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 { color: #00b9f3; 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; }

/* Formular Definition */

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

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

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

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

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

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

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

/* Sende-Button */
.formgen .formsubmit {width: 58px; text-align: center; background-color: #00b9f3; border: none; float: right; color: #fff; padding: 5px;}
.formgen .formsubmit:hover {width: 58px; text-align: center; background-color: #00b9f3; border: none; float: right; color: #fff;}

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

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


/*Texteingabe Mehrspaltig */
.column1 {float:left; padding:0pt 10px 0pt 0pt; width:100%; color: #555555;}
/*.column1 a:active, a:hover {padding:0; background-image: none; }*/
.column21 {float: left; padding: 0pt 10px 0pt 0pt; width: 150px; color: #555555;}
.column22 {float: left; padding: 0pt 10px 0pt 0pt; width: 300px; color: #555555;}
.column31 {float:left; padding:10px 10px 0pt 0pt; width:170px;color: #555555;}
.column32 {float:left; padding:10px 10px 0pt 0pt; width:120px; color: #555555;}
.column33 {float:left; padding:10px 0px 0pt 0pt; width:190px; color: #555555;}