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;}
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 {}
#site {position: absolute; visibility: visible; left: 50%; width: 1000px; margin-left:-500px; margin-top: 20px;  padding-bottom: 20px; z-index : 1; overflow:hidden; background-color: #ffffff; display: block;}

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

#menustartseite {left: 0px;}
#menustartseite div {position: relative; background-image: url(../files/hg_navigation.jpg); background-repeat: no-repeat; height:27px; top:0px; z-index:80; width:1000px; padding-left: 30px; }
#menustartseite a {color:#000; font-size: 14px; padding: 5px 20px 5px 20px; line-height:28px;}
#menustartseite li.active a{color:#000; font-size: 14px; background-color: #f5f5f5}
#menustartseite li a:active {font-size: 14px; color:#000; background-color: #f5f5f5}
#menustartseite li a:hover {font-size: 14px; color:#000; background-color: #f5f5f5}

/* Footer */
#footer {position:relative; padding-left: 50px; z-index: 200; width: 900px}
#footer div {color:#FFFFFF; font-size: 12px}
#footer a { 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:link { color: #000; 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: #000; 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: #f6a800; 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: #f6a800; 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 */
#main {position:relative; width: 1000px; padding-top: 55px; float: left; }

#content {position:relative; width: 650px; margin-bottom: 20px; padding-left: 50px; margin-right: 50px; float: left;}

#related{width: 200px; position:relative; padding-bottom: 20px; float: left; top: 3px;}

#noscript {width:1000px; display: block;}
#noscript div{line-height:1.5em;background: #f6a800; color:#000 }

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


body {margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000}

img {display:block}

#subnav {position:relative; top:0px; z-index:80; width:100%; line-height:12px}
#subnav div{}
#subnav a {color:#666666;}
#subnav a {padding-left: 10px; height:12px; padding-right:10px;}
#subnav a:hover {padding-left: 10px; padding-right:10px; color:#00b9f3}
#subnav a:active {padding-left: 10px; padding-right:10px; color:#00b9f3}
#subnav li.active {color:#00b9f3; padding-left: 10px; padding-right:10px; color:#00b9f3}
#subnav li {display:inline; padding-right:20px; }

ul{float:left; width:600px;}
li {color: #666666;}
li a {height:28px;}
li a:hover{color:#00b9f3}
li a:active {color:#00b9f3}

ul.nav1st li {display:inline; 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 {color: #f6a800; display: inline; font-weight: bold;}
.linkkategorie a:active {color: #f6a800;}
.linkkategorie a:hover {color: #f6a800;}

hr {}

.kategorienwide {width: 600px;} 
.kategorien {width: 305px; padding-right: 20px; margin-bottom: 30px; float: left}
.kategorien img {float: left; width: 120px; display:block; padding-right: 30px;}
.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: 0px; width: 200px; padding-right: 20px; z-index: 90; float: left;}

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

/*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; line-height: 1.4em; margin-bottom: 0.8em;}

h1 { color: #888888; font-size: 22px; font-family: arial, helvetica; font-weight: bold; text-align: left; overflow: hidden; line-height:1.2em; margin-bottom: 0.2em;}
h2 { color: #888888; font-size: 16px; font-weight: bold; font-family: arial, helvetica; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:20px; margin-bottom: 0.4em; }
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: #f6a800; 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: #f6a800; 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: #f6a800; 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: #f6a800; 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: 498px; height: 150px; margin-left: 4px; border: 1px solid #cccccc; color: #666666;}

/* Textfeld */
.formgen .formtext {width: 498px; 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: 137px; 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: #f6a800; border: none; float: right; color: #fff;}
.formgen .formsubmit:hover {width: 58px; text-align: center; background-color: #f6a800; 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: #000;}
/*.column1 a:active, a:hover {padding:0; background-image: none; }*/
.column21 {float: left; padding: 0pt 0pt 0pt 0pt; width: 150px; color: #000;}
.column22 {float: left; padding: 0pt 30px 0pt 0pt; width: 470px; color: #000;}
.column31 {float:left; padding:10px 10px 0pt 0pt; width:170px; color: #000;}
.column32 {float:left; padding:10px 10px 0pt 0pt; width:120px; color: #000;}
.column33 {float:left; padding:10px 0px 0pt 0pt; width:190px; color: #000;}