/* CSS Document   ================================================== */
body { text-align: center; height: 100%; margin: 0 auto; padding: 0; background: #fff url(../images/body.png) repeat-x; font-family: "droid-sans-1","droid-sans-2",sans-serif; font-size: 100%; color: #666; }
html { height: 100% }
img { border: 0 }
a { color: #666; outline: none; }
a:hover { color: #9bb70d }
ul { list-style-position: outside; margin: 1.5em 0 0 15px; }
html:root ul { margin-left: -15px }
li { padding-bottom: 5px; list-style-image: url(../images/icons/liste.gif); }
h1 { margin: 0 0 5px 0; text-transform: none; font-size: 18px; font-family: "cronos-pro-caption-1","cronos-pro-caption-2",sans-serif; }
h2 { margin: 25px 0 10px 0; font-size: 1em; font-family: "cronos-pro-caption-1","cronos-pro-caption-2",sans-serif; }
.minifont { -moz-border-radius: 2px 2px 2px 2px; background: none repeat scroll 0 0 #9BB70D; color: #FFFFFF; font-size: 80%; left: 0; margin: -3px 0 0 -7px; padding: 2px 2px 2px 5px; position: relative; z-index: 100; }
.h_grafiken { margin: 15px 0 5px 0 }
form { display: inline }
input, textarea { padding: 6px 0 8px 4px; border: 1px solid #ddd; background: #eee; font-family: "droid-sans-1","droid-sans-2", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; color: #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.absenden { padding: 15px 10px; background: #8fc400; /* old browsers */ background: -moz-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#8fc400)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ); /* ie */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #8fc400; -moz-box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow: 2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; color: #fff; cursor: pointer; }
.absenden:hover { -moz-box-shadow: 0 0 0px #aaa; -webkit-box-shadow: 0 0 0px #aaa; box-shadow: 0 0 0px #aaa; }
select { border: 1px solid #e3c61c; background: #f5ebad; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; color: #666; }
textarea { border: 1px solid #e3c61c; background: #f5ebad; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; color: #666; overflow: hidden; }
hr { height: 1px; border: 0 none; margin: 0; padding: 0; }
.line { display: block; width: 100%; height: 1px; margin: 1em 0; border-top: 1px dashed #e3c61c; }
.line_grey { display: block; width: 95%; height: 1px; margin: 2em 0; border-top: 1px dashed #b4b4b4; }
.mini { display: block; margin: .2em 0; }
.midi { display: block; margin: .8em 0; }
.maxi { display: block; margin: 1.5em 0; }
.cl { clear: left; display: block; margin: 15px 0; }
.cr { clear: right; display: block; margin: 15px 0; }
.cb { clear: both; display: block; margin: 0; }

/* layout  */
.wrapper { text-align: center; margin: 0 auto; margin-top: 50px; }
.wrapper_content_border { text-align: center; width: 890px; margin: 0 auto; border: 1px solid #EAEADE; background: #fff; }
.wrapper_content { width: 870px; background: #fff url(../images/background_wrapper_content.png) repeat-y; border-top: 1px solid #fff; }
.infothek { float: right; text-align: left; width: 210px; padding: 30px 10px 0 0; font-size: .7em; color: #0066cc; }
.infothek h1 { color: #0066cc; background: url(../images/infothek_top.png) left bottom no-repeat; padding: 0 0 18px 0; }
.infothek a { text-decoration: none; font-size: 13px; color: #9bb70d; }
.infothek_date { margin: 5px 0 3px 0; font-size: 11px; }
.infothek_top { position: absolute; top: 0; width: 200px; margin: 30px 0 0 0; padding: 85px 0 0 0; background: url(../images/infothek_top.png) no-repeat; }
.content { text-align: left; width: 620px; float: left; }
.quicknav { position: relative; z-index: 1; margin: -30px 0 0 0; font-size: 12px; color: #fff; width: 890px; text-align: right; }
.quicknav a { text-decoration: none; color: #454343; }
.quicknav a:hover { color: #0066cc }
.motion { background: #fff; nowhitespace: afterproperty; position: absolute; z-index: 100; top: 0; width: 400px; margin: 51px 0 0 0; /*background: url(../images/motion/background_motion.gif) no-repeat;*/;; }
.motion_pic { padding: 0; margin: 0; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.logo { margin: 5px 25px 25px 0 }
.menu { position: absolute; z-index: 10; width: 215px; height: 300px; margin: 35px 0 25px 406px; }
.menu a { display: block; padding: 6px 0 6px 40px; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #ddd; }
.menu a.navi:hover, .menu a.navi.aktiv { color: #fff; background: #9bb70d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.content_randspalte { float: right; width: 200px; margin: 450px 0 0 0; font-size: .7em; }
.content_randspalte h1 { color: #0066cc; background: url(../images/infothek_top.png) left bottom no-repeat; padding: 0 0 18px 0; }
.content_randspalte a { color: #8dc73f }
.untermenu { margin: 0 0 5px 0; font-size: 1.4em; }
.untermenu a { display: block; padding: 5px 0 5px 70px; background: url(../images/icons/bluemchen_grau_small.gif) 55px 8px no-repeat; text-decoration: none; font-weight: normal; font-size: .55em; color: #666; border: 0; }
.untermenu a:hover, .untermenu a.aktiv { padding: 5px 0 5px 70px; background: url(../images/icons/bluemchen_gruen_small.gif) 55px 8px no-repeat; color: #9bb70d; }
.slogan { z-index: 101; position: relative; width: 300px; min-height: 20px; margin: 340px 0 30px 0; padding: 15px 25px; background: #9bb70d; font-weight: bold; font-size: .9em; color: #fff; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.slogan h1 { margin: 0 0 0 0; padding: 0; font-size: 24px; letter-spacing: 0; }
.slogan h2 { margin: 0 0 0 0; padding: 0; font-size: 16px; letter-spacing: 0; }
.slogan_autor { text-align: right; font-weight: normal; font-size: .7em; }
.fliesstext { width: 340px; padding: 0 25px 25px 25px; font-size: 13px; line-height: 18px; }
.einleitung { line-height: 1.5em; nowhitespace: afterproperty; font-style: italic; font-size: 12px; /*letter-spacing: .15em; */;; }
.footer { height: 100px; line-height: 1.75em; font-size: 12px; color: #aaa; padding: 15px 0 0 0; position: relative; }
.footer a, .footer a:visited { color: #aaa }
.footer a:hover { color: #9bb70d }

/* icons und co */
.bilderrahmen { float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #999; }
.pix { float: left; margin: 0 10px 5px 0; padding: 0; border: 3px solid #ccc; }
.pix_nonfloat { padding: 0; border: 3px solid #ccc; }
.icons { margin: 0 0 -3px 0 }
.raeumlichkeiten { width: 200px; margin: 0 0 25px 0; }
.partnerlogos { margin: 10px 0 }

/* java */
.highslide-html { background: #fff }
.highslide-html-blur { }
.highslide-html-content { height: 250px; position: absolute; display: none; }
.highslide-loading { display: block; padding: 2px 2px 2px 22px; border: 1px solid #333; background: #fff url(../images/java/loader.white.gif) 3px 1px no-repeat; text-decoration: none; font-weight: bold; color: #666; }
a.highslide-credits, a.highslide-credits i { padding: 2px; text-decoration: none; color: #4b4b4b; }
a.highslide-credits:hover, a.highslide-credits:hover i { background: #ccc; color: #fff; }
.highslide-body { text-align: left; margin: 15px; }
.highslide-body a { overflow: hidden; padding: 5px 0; text-decoration: none; font-size: 1em; color: #4b4b4b; }
.highslide-wrapper { background: #fff }
.highslide-wrapper .highslide-html-content { width: 250px; padding: 5px; line-height: 1.5em; font-size: .7em; }
.highslide-wrapper .highslide-header div { }
.highslide-wrapper .highslide-header ul { text-align: left; margin: 0; padding: 0; }
.highslide-wrapper .highslide-header ul li { padding-left: 1em; display: inline; }
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next { display: none }
.highslide-wrapper .highslide-header a { text-decoration: none; text-transform: uppercase; font-weight: bold; color: #666; }
.highslide-wrapper .highslide-header a:hover { color: #333 }
.highslide-wrapper .highslide-header .highslide-move a { cursor: move }
.highslide-wrapper { float: right; width: 11px; height: 11px; background: url(../images/java/resize.gif); }
.highslide-move { cursor: move }
.highslide-display-block { display: block }
.highslide-display-none { display: none }