/* --- BASIC --- */
html, body  { background-color: white; background-image: url(../images/hg_oben.gif); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; width: 100%; height: 100%  }
body { font-size: 0.7em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
table { font-size: 100%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
td {  font-size: 100%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
hr { font-size: 1px; line-height: 1px; margin: 0; padding: 0 }

a:link {}
a:visited {}
a:hover {}
a:active {}

/* wegen content-menue - jetzt direkt uebertragen auf tabellestandard */
/* #contenttext table { clear: both } */
/* --- BASIC --- */
.leergif  { visibility: hidden; width: 0; height: 0; border: solid 1px #fff }


/* --- DIV-Container --- */
#logo01   { background-image: url("../images/kuh_oben.jpg"); background-repeat: no-repeat; background-position: left top; visibility: visible; position: absolute; z-index: 10; top: 0; left: 0; width: 155px; height: 160px }
#startbuttonimg { width: 100%; height: 100%; border-style: none }

#submenue  /* SubMenueEbene */ { z-index: 9 }
#sekundaernavigation   { text-align: right; position: relative; visibility: visible; display: block; margin: 0 0 0 160px; padding: 0; z-index: 5; top: 0; left: 0; height: 3em; min-width: 43em; border-style: none; }

#contentxpos /* x-positioner mit margin-left und height-definition */  { background-image: url(../images/inthemiddle.gif); background-repeat: repeat-y; background-position: left top; margin-top: auto; margin-bottom: auto; position: relative; height: 100%; padding-right: 0.25em; padding-left: 19.75em; border-style: none; }
#contentypos /* y-positioner padding-top und width-definition */   { display: block; margin-top: auto; margin-bottom: auto; padding-top: 8em; padding-bottom: 3em; width: 64em; }

/* anweisung wird nicht vom ie interpretiert */
#contentxpos[id] { height: auto; min-height: 100% }
/* anweisung wird nicht vom ie interpretiert */

#fusszeile  { clear: both; color: black; display: block; position: relative; bottom: 15px; width: 64em; height: 4em; margin: 0; padding: 0; }
#fusszeilecontent   { background-color: #f5f5f5; display: block; padding: 3px; border: solid 1px #808080 }
#toplink    { background-color: #fff; text-align: center; display: block; margin-top: 0.5em; margin-right: 0; margin-left: auto; padding: 0.2em; position: absolute; top: 1.7em; right: 0; width: 18em; border: solid 1px #c8c8c8 }
#ipunktfusszeile { vertical-align: middle }
/* --- DIV-Container --- */

/* ********************** */
/* ***** MAINNMENUE ***** */
#mainmenue   { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 8; top: 0; left: 0; width: 17.5em; height: 100%; border: 1px #f00 }
#mainmenue .marginpadding   { padding-top: 170px }

#pegeltendenz { text-align: center; }
#pegeltendenz img { border: none; background-color: #ccc}

/* *** mainmenue-BASICS *** */
/* ---------------------- */
/* --- First Level --- */
#mainmenue ul       { background-image: none; background-repeat: repeat-y; background-position: 0 0; list-style-type: none; list-style-position: outside; display: block; margin: 0 0 0 10px; padding: 0; z-index: 0 }
#mainmenue ul li               { background-image: none; display: block; margin: 0 1.5em 0.6em 0; padding: 0 }
#mainmenue ul li.open                      { background-image: none; display: block; margin: 0 0 0; padding: 1px 0 0 }
#mainmenue ul li.last               { margin-bottom: 0.6em }
/* --- First Level --- */
/* ---------------------- */
/* --- Second Level --- */
#mainmenue ul ul          { background-color: #b6cee7; background-image: url("../images/verlauf_open_ul.gif"); list-style-type: none; list-style-position: outside; display: block; margin: 0 0 0.1em 20px; padding: 0.7em 0.5em 0.5em; position: relative; z-index: 50; top: -0.5em; border: solid 1px #000 }
#mainmenue ul ul li        { font-size: 1em; background-color: transparent; display: block; margin: 0.5em 0 0.2em; padding: 0; border: 1px #f00 }
#mainmenue ul ul li.last        { font-size: 1em; background-image: none; display: block; margin: 0.5em 0 0.2em; padding: 0; border: 1px #f00 }
/* #mainmenue ul ul li.last  { font-size: 1em;   margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 15px; border: 1px #f00 } */
/* --- Second Level --- */
/* ---------------------- */
/* *** mainmenue-BASICS *** */
/* ---------------------- */
/* *** mainmenue-LINKS *** */
/* ---------------------- */
/* --- First-Level Links--- */
/* normal */
#mainmenue li a, #mainmenue li .aback  { color: #f9f9f9; font-weight: bold; line-height: 1.3em; font-stretch: ultra-condensed; text-decoration: none; background-color: #6f8bc2; background-image: url("../images/verlauf_butt_lo.gif"); background-repeat: repeat-y; display: block; margin: 0; padding: 0 0 0 8px; vertical-align: top; border: solid 1px #000 }
#mainmenue li .aback /* Links umassendes Element */ { background-color: transparent; background-image: none; margin: 0; padding: 0; vertical-align: top; border-style: none }
#mainmenue li a:hover { color: #ff9; line-height: 1.3em; background-color: #b57fa5; background-image: url("../images/verlauf_butt_hi.gif"); background-repeat: repeat-y; vertical-align: top; border: solid 1px #ff9 }
/* normal */
/* open */
#mainmenue li.open a, #mainmenue li.open .aback     { color: #0f0f0f; font-weight: bold; line-height: 1.3em; font-stretch: ultra-condensed; text-decoration: none; background-color: #f5f7fe; background-image: url("../images/verlauf_open.gif"); background-repeat: repeat-y; display: block; margin-top: 0; margin-right: 1.6em; padding: 0 0 0 8px; position: relative; z-index: 100; top: 0; height: 1.3em; vertical-align: top; border: solid 1px #000 }
#mainmenue li.open .aback /* Links umassendes Element */ { background-color: transparent; background-image: none; margin: 0; padding: 0; vertical-align: top; border-style: none }
#mainmenue li.open a:hover  { color: #0f0f0f; line-height: 1.3em; background-color: #f5f7fe; background-image: url("../images/verlauf_open.gif"); background-repeat: repeat-y; position: relative; z-index: 100; vertical-align: top; border: solid 1px #000 }
/* open */
/* act */
#mainmenue li.act a, #mainmenue li.act .aback   { color: #000; font-weight: bold; line-height: 1.3em; font-stretch: ultra-condensed; text-decoration: none; background-color: #f5f7fe; background-image: url("../images/verlauf_open.gif"); background-repeat: repeat-y; display: block; margin: 0; padding: 0 0 0 8px; height: 15px; vertical-align: top; border: solid 1px }
#mainmenue li.act .aback /* Links umassendes Element */ { background-color: transparent; background-image: none; margin: 0; padding: 0; vertical-align: top; border-style: none }
#mainmenue li.act a:hover   { color: #000; line-height: 1.3em; background-color: #f5f7fe; background-image: url("../images/verlauf_open.gif"); background-repeat: repeat-y; vertical-align: top; border: solid 1px }
/* act */
/* --- First-Level Links--- */
/* ---------------------- */
/* --- Second-Level Links--- */
/* normal */
#mainmenue li.open li a:link          { color: #0f0f0f; font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li a:visited            { color: #3f3f3f; font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li a:hover                 { color: #fcfcfc; font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li a:active           { color: #fcfcfc; font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li a                      { color: #0f0f0f; font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: none !important; background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li .aback /* Links umassendes Element */       { background-color: transparent; background-image: url("../images/leer.gif"); margin: 0; padding: 0; border-style: none }

#mainmenue li.open li.act a:link,
#mainmenue li.open li.act a:visited  { color: #fcfcfc; font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
/* normal */
/* last */
#mainmenue li.open li.last a:link              { font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li.last a:visited              { font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li.last a:hover                       { font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li.last a:active            { font-weight: bold; font-stretch: ultra-condensed; text-decoration: none; background-color: transparent; background-image: url("../images/leer.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li.last a                       { background-color: transparent; background-image: url("../images/leer.gif") !important; background-repeat: no-repeat; background-position: left bottom; display: block; margin: 0; padding: 0; height: auto; border-style: none }
#mainmenue li.open li.last .aback /* Links umassendes Element */          { background-color: transparent; background-image: url("../images/leer.gif"); margin: 0; padding: 0; border-style: none }
/* last */
/* --- Second-Level Links--- */
/* ---------------------- */
/* *** mainmenue-LINKS *** */

/* ***** MAINNMENUE ***** */
/* ********************** */

/* --- SEKUNDAER-Navigation --- */
#sekundaernavigation a, #sekundaernavigation .aback  { color: #369; font-size: 100%; font-family: Verdana, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/bt1_right.gif"); background-repeat: no-repeat; background-position: right top; display: block; margin: 0; padding: 9px 14px 0 10px; height: 3em; float: left; vertical-align: middle }
#sekundaernavigation .aback  { margin: 0; padding: 0; height: 3em; }
#sekundaernavigation a:hover  { color: #00c; font-size: 100%; font-family: Verdana, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/bt1_right.gif"); background-repeat: no-repeat; background-position: right top; display: block; margin: 0; padding: 9px 14px 0 10px; height: 3em; float: left; vertical-align: middle }
#sekundaernavigation ul     { background-image: none; background-repeat: repeat-x; background-position: left top; width: 42.3em; list-style-type: none; list-style-position: inside; display: inline; margin: 0; padding: 0; height: 3em; float: right; border-style: none; }
#sekundaernavigation li  { display: inline; font-size: 100%; background-image: url("../images/bt1_left.gif"); background-repeat: no-repeat; background-position: left top; list-style-type: none; margin: 0 3px 0 0; padding: 0; height: 3em; float: left; }
/* --- SEKUNDAER-Navigation --- */

/* --- CONTENT-Menue --- */
#contentmenue  { display: block; padding-bottom: 25px; padding-left: 25px; position: static; z-index: 99; float: right; border-style: none }
#contentmenue ul  { background-image: url("../images/contentnavmiddle.gif"); background-repeat: repeat-y; background-position: left top; list-style-type: none; margin: 0; padding: 0; width: 17.5em }
#contentmenue a { color: #369; font-weight: bold; text-decoration: none; background-image: url("../images/pfeil_blau_336699.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0 0 0 12px; width: auto; border: 2px #00f }
#contentmenue .aback { color: #369; font-weight: bold; text-decoration: none; background-image: url("../images/pfeil_blau_336699.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0 0 0 0; width: auto }
#contentmenue .aback { margin: 0; padding: 0 }
#contentmenue a:hover, #contentmenue li.act a { color: #f60; font-weight: bold; text-decoration: none; background-image: url("../images/pfeil_orange_ff6600.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0 0 0 12px; width: auto }
#contentmenue li { list-style-type: none; display: block; margin: 0; padding: 3px 0 3px 10px }
#contentmenue li.first { background-image: url("../images/contentnavfirst.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 10px }
#contentmenue li.last { background-image: url("../images/contentnavlast.gif"); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 10px }
/* --- CONTENT-Menue --- */

/* --- mainkasten --- */
#contentxpos ul.mainkasten  { background-color: #f0f8ff; padding: 10px 10px 10px 25px; width: 24em; float: right; clear: both; border: solid 1px #000 }
#contentxpos ul.mainkasten ul  { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 10px; padding: 0 }
#contentxpos ul.mainkasten li { display: list-item; list-style-image: url("../images/pfeil_blau_336699.gif"); line-height: 1em; font-size: 1em; margin: 0.4em; }
#contentxpos div.podcastkasten  { margin-top: 10px; width: 27.3em; float: right; clear: both; padding: 0; }
#contentxpos div.podcastkasten img { border: 1px solid #333333; float: left; margin-right: 4px; }

#podcastlayer { border: 1px solid #6e6e6e !important; width: 480px; margin-bottom: 20px; }

/* --- mainkasten --- */

/* --- MAIN-Headline --- */
#mainheadlinepos { display: block; position: relative; top: 0; left: 0; width: 310px; border: 1px #ffc }
#mainheadline { display: block; position: absolute; z-index: 5; top: 15px; left: 0; width: 214px; border: 1px #f00 }
#mainheadline h1 { color: #483d8b; font-size: 20px; }
#mainheadlineshadow { display: block; position: relative; z-index: 0; top: 0; left: 0; width: 320px; border: 1px #f00 }
#mainheadlineshadow h1 { color: #efecfa; font-weight: bold; font-size: 25px; }
#endemainheadline { font-size: 0; line-height: 0px; visibility: visible; margin: 0; padding: 0; position: static; width: 0; height: 1px; clear: both; border-style: none }
/* --- MAIN-Headline --- */

/* HIDE */
#fusszeile hr { visibility: hidden; }
/* HIDE */

/* OFFLEFT */
#mainmenue p,
#sekundaernavigation p,
#contentmenue p,
#accesskeys { position: absolute; left: -9999px }
/* OFFLEFT */

#guestbookentry { background-color: #f0f8ff; display: block; padding: 3px; border: solid 1px #000; clear: both; margin-bottom: 20px; }
#guestbookcomment { background-color: #add8e6; display: block; margin-top: 20px; margin-right: 20px; margin-left: 20px; padding: 3px; border: solid 1px #f93; clear: both; }

/* Webcam Arkaden */
.panorama_div { position: relative; width: 1130px; height: 440px; overflow: hidden; margin: 0 20px 0 0; }

.panorama_div .links-1 { position: absolute; left:0; top: 0; }
.panorama_div .rechts-1 { position: absolute; right:10px; top: 0; }

.panorama_div .links-1 .links_inner { position: relative; width: 545px; height: 430px; border: 1px solid #000000; overflow: hidden; }
.panorama_div .rechts-1 .rechts_inner {position: relative; width: 545px; height: 430px; border: 1px solid #000000; overflow: hidden; }

.panorama_div .links-1 .links_inner img { position: absolute; left: 0; top: -20px; }
.panorama_div .rechts-1 .rechts_inner img { position: absolute; right: 0; top: -20px; }

.panorama_div img { border: none; }
/* Webcam Arkaden */



.panorama_div .links-3 { position: absolute; left:0; top: 0; }
.panorama_div .rechts-3 { position: absolute; right:10px; top: 0; }

.panorama_div .links-3 .links_inner { position: relative; width: 545px; height: 430px; border: 1px solid #000000; overflow: hidden; }
.panorama_div .rechts-3 .rechts_inner {position: relative; width: 545px; height: 430px; border: 1px solid #000000; overflow: hidden; }

.panorama_div .links-3 .links_inner img { position: absolute; left: 0; top: 0; }
.panorama_div .rechts-3 .rechts_inner img { position: absolute; right: 0; top: 0; }

span.bezeichnung { font-weight: bold; margin: 20px 0 2px 0; display: block; }


.csc-menu-4 span { margin-left: 5px; }