/**** BASICS ****/

* { margin: 0; padding: 0; }
body { background: #E6EEFC url(../pics/bg.gif) repeat-x; color: #000; font: 101% arial, helvetica, sans-serif; }
a:link, a:visited { color: #000; text-decoration: none; background-color: transparent; }
a:hover, a:active, a:focus { color: #000; background-color: #FFF; text-decoration: underline; }
/*:focus { outline: 0; }*/
a img { border: 0; }
.arrow { color: #00A0A7; display: inline; }
.more { font-weight: bold; margin: -1em 0 1.4em; }
.pdf { font-weight: bold; }
abbr, acronym { font-style: normal; border-bottom: 1px dashed #666666; cursor: help; }
ul.bulletindent { margin: 5px 0 15px; padding: 0 0 0 200px; }
ul.bulletindent li { list-style: disc; padding: 1px; margin: 0 0 .1em 0; }
ul.bullet { margin: 5px 0 15px; }
ul.bullet li { list-style: disc; padding: 1px; margin: 0 0 .1em 0; }
.arrow { color: #00A0A7; }
.glossar { color: #000000; text-decoration: none; border-bottom: thin dashed black; background-color: transparent; }
h3.big { font-size: 1em; margin: 0 0 .9em 0; }


/**** HEADER ****/

#page { width: 99%; max-width: 1024px; min-width: 780px; }
#header { margin: 0 25px; background: url(../pics/bisog.png) no-repeat right 25px; height: 122px; }
#logo { display: none; }

/**** Hauptmenue ****/
#header ul { list-style: none; }
#header ul li { float: left; font-size: 0.7em; font-weight: bold; text-transform: uppercase; color: #E6EEFC; }
#header ul li a { display: block; color: #E6EEFC; padding: 94px 11px 6px; }
#header ul li.active, #header ul li.trail a { padding: 94px 11px 6px; background: #00A0A7; color: #000; }
#header ul li a:hover, #header ul li a:active, #header ul li a:focus { text-decoration: none; background-color: #00A0A7; color: #000; }

.invisible { position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; }
.sprunglinks { position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; }
.sprunglinks a:hover, .sprunglinks a:active, .sprunglinks a:focus { color: #FFF; position: absolute; display: block; top: 1005px; left: 1030px; height: auto; width: auto; font-size: 70%; font-weight: bold; text-decoration: underline; white-space: nowrap; background-color: transparent; }


/**** CONTENT ****/

#contentwrap { margin: 36px 0 50px 0; }
#contentwrap p, #contentwrap ul { font-size: .8em; }
.mod_breadcrumb { font-size: .7em; margin: 0 0 1em 0; }

/* Home */
.home { background: url(../pics/element.gif) no-repeat top left; }
.home .mod_article { margin: 0 30px 0 360px; }
.home h2 { font-size: 150%; color: #00A0A7; margin: 0 0 .5em 0; }
.home p { line-height: 1.5em; margin-bottom: 1.4em; }

/* Subpages */
#main { margin: 0 340px 0 35px; }
#main h1 { font-size: 1em; margin: 0 0 .9em 0; }
#main h2 { font-weight: bold; font-size: .9em; margin: 1em 0 1em 0; }
#main h3 { font-weight: bold; font-size: .8em; margin: 0 0 0.2em 0; }
#main h3.big { font-size: 1em; margin: 0 0 .9em 0; }
#main p { padding: 0; margin-bottom: 1.4em; line-height: 1.4em; }
#main blockquote { padding: 0 0 0 1em ; margin: 1em 0; border-left: 1px solid #00A0A7; font-style: normal; }
dl { font-size: .8em; margin-top: 1.5em; }
dt { font-weight: bold; margin: 0 0 1em; }
dd { padding: 0 0 1.5em 4em; }

/* Bilder */
#main .image_container { margin: 0 15px 20px 0; overflow: hidden; float: left; }
#main .image_hundert { margin: 0 0 20px 0; width: 99%; }
#main .image_hundert, #main .image_container .inside { border-top: 10px solid #000; border-bottom: 5px solid #000; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; background: #000; }
#main .image_container img {}
#main .image_hundert img { width: 100%; height: inherit; }
#main .image_container h1, #main .image_hundert h1, #main .image_container h2, #main .image_hundert h2, #main .image_container h3, #main .image_hundert h3, #main .image_container h4, #main .image_hundert h4, #main .image_container h5, #main .image_hundert h5, #main .image_container h6, #main .image_hundert h6 { color: #fff; font-size: 0.8em; line-height: 1.2em; padding: 0 5px 2px; display: block; overflow: hidden; }
#main .image_container .caption, #main .image_hundert .caption { color: #fff; font-size: 0.75em; line-height: 1.2em; padding: 2px 5px 0; display: block; overflow: hidden; }
/*#main .image_container .caption p { margin: 0; padding: 0; font-size: 1em; }*/
#main .hundert { width: 99%; height: inherit; }

/* Listen */
#main ul { margin: 5px 0 1.4em; }
#main ul li { list-style: none; margin: 0 0 3px 0; line-height: 1.2em; }
#main ul.bulletindent { margin: 5px 0 15px; padding: 0 0 0 200px; }
#main ul.bulletindent li { list-style: disc; padding: 1px; margin: 0 0 .1em 0; }
#main ul.bullet { margin: 5px 0 15px 1.2em; }
#main ul.bullet li { list-style: disc; padding: 1px; margin: 0 0 .1em 0; }

/* Formular */
#main .formbody { }
#main .formbody  label { font-size: .8em; line-height: 1.2em; display: block; margin: 0 0 3px; clear: left; }
#main .formbody  input { display: block; font: .8em arial, helvetica, sans-serif; clear: left; }
#main .formbody  input.text, #main .formbody  input.captcha { padding: 2px; border: 1px solid #000; width: 350px; margin: 0 0 10px; }
#main .formbody  input.text:focus { background: #E6EEFC; }
#main .formbody  #ctrl_3, #main .formbody #ctrl_12 { width: 30px; display: inline; float: left; margin: 0 5px 0 0; }
#main .formbody  #anzahl { display: block; margin: 0 0 10px; }
#main .formbody #anzahl span, #main .formbody .captcha_text { font-size: .8em; line-height: 1.8em; display: inline; }
#main .formbody #ctrl_8 { width: 50px; }
#main .formbody #ctrl_10, #main .formbody #ctrl_11 { width: 200px; }
#main .formbody #ctrl_11 { margin: 0 0 15px; }
#main .formbody input.submit { padding: 2px 5px; margin: 20px 0 0; width: auto; overflow: hidden; }


/* sitemap */
.sitemap #main h1 { margin: 0 0 2.5em; }
.sitemap #main li { margin: 1.1em 0 0 0; font-weight: bold; }
.sitemap #main li ul li { font-size: 1.2em; margin: .3em 0 0 2em; font-weight: normal; }

/* Specials */
#main .mod_navigation h1, #main .mod_navigation h2 { display: none; } /* Überschrift von Navigationsmodulen unterdrücken */
a.glossar { color: #000000; text-decoration: none; border-bottom: thin dashed black; background-color: transparent; }
a.glossar:hover, a.glossar:active, a.glossar:focus { color: #000000; text-decoration: none; background-color: #FFFFFF; border-bottom: thin dashed #666666; cursor: help; }


/**** RECHTE SPALTE ****/

#right { float: right; width: 315px; }
#right #flash { margin: 38px 0 15px; border: 0px solid #000 !important; }

/* Menues rechts */
#right .mod_navigation, #right .mod_article, #right .mod_listing, #right .mod_articleList, #right .box { margin: 0 27px 30px 0; width: 284px; border: 3px solid #000; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#right .image_hundert { background: #000; }
#right .gruen { background: #000; border: 3px solid #00a0a7; }
#right h1, #right h2, #right h3 { background: #000; padding: 3px 16px 5px 13px; color: #fff; font-weight: bold; font-size: .75em; line-height: 1em; }
#right .gruen h2 { background: #00a0a7; color: #000; }

#right ul { padding: 10px 17px 12px; }
#right ul li { list-style: none; margin: 0 0 4px 0; }
#right ul li a  { text-decoration: none; color: #000; display: block; width: 100%; }
#right ul li span.active { font-style: oblique; display: block; width: 100%; }
#right ul li span.leer { display: block; width: 100%; }
#right ul li a:hover, #right ul li a:active, #right ul li a:focus { color: #FFF; background-color: #000; text-decoration: none; }
#right .gruen ul li a, #right .gruen ul li.active { color: #FFF; }
#right .gruen ul li a:hover, #right .gruen ul li a:active, #right .gruen ul li a:focus { color: #000; background-color: #E6EEFC; text-decoration: none; }

/* Menue Themenfelder */
ul#themenfelder { margin: 0 !important; padding: 0; }
ul#themenfelder li { font-size: 15px !important; line-height: 16px !important; font-weight: bold; list-style: none; margin: 0 !important; padding: 0px; }
ul#themenfelder li a { display: block; width: 282px; padding: 9px 0 9px 12px !important; margin: 0; background: url(../pics/themennavi.jpg) no-repeat top left; cursor: default !important; }
*html ul#themenfelder li a { width: 270px; padding: 8px 0 8px 12px !important; }
ul#themenfelder li a:hover { text-decoration: none; cursor: default !important; }
ul#themenfelder li#bewegung a { background-position: 0 0; }
ul#themenfelder li#ernaehrung a { background-position: 0 -40px; }
ul#themenfelder li#vorsorge a { background-position: 0 -80px; }
ul#themenfelder li#seelisch a { background-position: 0 -120px; }
ul#themenfelder li#medizin a { background-position: 0 -160px; }


/**** FOOTER ****/

#footerwrap { position: relative; display: block; width: 100%; min-height: 35px; margin: 0 auto; color: #fff; background: #1B1B1F url(../pics/bg-footer.gif) repeat-x; clear: both; }
#fusszeile { max-width: 1024px; min-width: 780px; }
#stilauswahl { float: left; margin: 9px 0 10px 0; padding: 0 5px 0 35px; text-align: left; font-size: 0.7em; font-weight: bold; color: #E6EEFC; text-transform: uppercase; background-color: #1B1B1F; }
#footerwrap .mod_customnav { float: right; margin: 15px 0 10px 0; padding: 0 25px 0 0; font-size: 0.7em; font-weight: bold; color: #E6EEFC; text-transform: uppercase; background-color: #1B1B1F; }
#footerwrap .mod_customnav ul li { list-style: none; display: inline-block; float: left; border-right: thin solid #fff; padding: 0 10px; }
#footerwrap .mod_customnav ul li.last { border-right: 0px solid #fff; padding: 0 0 0 8px; }
#footerwrap a { color: #E6EEFC; text-decoration: none; }
#footerwrap a:hover, #footerwrap a:active, #footerwrap a:focus { color: #FFF; text-decoration: underline; background-color: #00A0A7; border-width: medium; }
.footeraktiv { color: #FFF; background-color: #00A0A7; border-bottom: thin solid #00A0A7; }
/* stilauswahl  */
.fsSmall { font-size: smaller; }
.fsBig { font-size: 1.2em; }
.line { background-image: url(../pics/spacer_grey.gif); background-repeat: repeat-x; font-size: 0; height: 1px; width: 100%; }