/*
   ##################################################
   # Screen - Global Options
   ##################################################
*/

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 70%;
  color: #292929;
  background: #F3F3F3;
  width: 100%;
  height: 100%;
  text-align: center;
}

.acc {
  display: none;
}

.clear {
  clear: both;
}

img, dt, dl, dd, div {
  border: 0;
}

.imgLeft {
  position: relative;
  float: left;
  padding: 0 10px 5px 0;
  margin: 0;
}

.imgRight {
  position: relative;
  float: right;
  padding: 0 0 5px 10px;
  margin: 0;
}

.imgFull {
  position: relative;
  padding: 10px 0 10px 0;
  margin: 0;
}

h2 {
  font-size: 110%;
}

h3 {
  font-size: 110%;
}

h1 span, h2 span, h3 span {
  display: none;
}
a {
  cursor: pointer;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

#site {
  position: relative;
  width: 780px;
  text-align: left;
  margin: 8px auto;
  background: none;
}

/*
   ##################################################
   # Head
   ##################################################
*/

#top {
  position: relative;
  float: left;
  height: 99px;
  width: 780px;
  border-bottom: 1px solid white;
  background: url("../img/bg_top.jpg") no-repeat 0 0;
  z-index: 199;
  font-size: 90%;
}

.metamenu {
  position: relative;
  float: right;
  padding: 8px 13px 0 0;        
  background: none;
  letter-spacing: .05em;
}

#footer .metamenu {
  position: relative;
  float: left;
  padding: 0 0 0 34px;
  background: none;
}

.metamenu ul {
  position: relative;
}

.metamenu ul li {
  display: inline;
  list-style-type: none;
}

.metamenu ul li a {
  text-decoration: none;
  padding: 0 4px 0 4px;
  background: none;
  color: white;
}

.metamenu ul li a:hover, .metamenu ul li a:active, .metamenu ul li a.active {
  color: #292929;
  text-decoration: none;
}

/*
   ##################################################
   # Navigation
   ##################################################
*/

#navigation {
  position: absolute;
  top: 76px;
  padding: 0 0 0 35px;
  z-index: 199;
}

#navigation ul {
  position: relative;
  width: 100%;
}

#navigation ul li {
  position: relative;
  display: inline;
  list-style-type: none;
  float: left;
  margin: 0 1px 0 0;
  background: url("../img/nav_btn_dot.gif") no-repeat right 0;
}

#navigation ul li a span {
  display: none;
}

#navigation ul li a {
  position: relative;
  display: block;
  padding: 0 7px 8px 7px;
  margin: 0 1px 0 0;
  float: left;
  border-top: 2px solid #DED86D;
}

#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a.active {
  border-top: 2px solid #F9AF3E;
}

#navigation ul li > ul {
  top: auto;
  left: auto;
}

#navigation ul li:hover ul, #navigation ul li.over ul {
  display: block;
}

#navigation ul ul {
  display: none;
  position: absolute;
  left: 0;
  margin: 23px 0 0 7px;
  padding: 5px 0 5px 2px;
  background: white;
  width: 107px !important;
}

#navigation ul ul li {
  position: relative;
  float: left;
  list-style-type: none;
  padding: 0 0 0 9px;
  background: url("../img/navigation_level2_icon.gif") no-repeat 1px .3em;
}

#navigation ul ul li a {
  position: relative;
  text-decoration: none;
  float: left;
  font-weight: bold;
  padding: .2em 0 .2em 3px;
  margin: 0;
  width: 95px;
  color: #828282;
  background: none;
  border: none;
}

#navigation ul ul li a:hover, #navigation ul ul li a:active, #navigation ul ul li a.active {
  background: #FFB12A;
  color: white;
  border: none;
}

.langmenu {
  position: relative;
  float: right;
  margin: 61px 0 0 0;
  padding: 0 17px 0 0;
  background: none;
  letter-spacing: .05em;
}

#footer .langmenu {
  margin: 0;
}

.langmenu ul {
  position: relative;
}

.langmenu ul li {
  position: relative;
  display: inline;
  list-style-type: none;
}

.langmenu ul li a {
  position: relative;
  text-decoration: none;
  background: none;
  color: white;
}

.langmenu ul li.first a {
  padding: 0 .5em 0 0;
  border-right: 1px solid #FFAC3E;
  color: white;
}

.langmenu ul li.last a {
  padding: 0 0 0 .6em;
  color: white;
}

.langmenu ul li a:hover, .langmenu ul li a:active, .langmenu ul li a.active, .langmenu ul li.first a.active, .langmenu ul li.last a.active {
  color: #2A2A2A;
  text-decoration: none;
}

#illu {
  position: relative;
  width: 780px;
  height: 299px;
  float: left;
  background: none;
}

#illu_bottom {
  position: relative;
  width: 780px;
  height: 37px;
  float: left;
  background: none;
  border-bottom: 1px solid white;
}

/*
   ##################################################
   # Main
   ##################################################
*/

#main {
  position: relative;
  width: 780px;
  float: left;
  border-top: 1px solid #ABD841;
  background: white;
}

/* ### Content ### */

#content_container {
  position: relative;
  float: left;
  width: 500px;
  padding: 32px 0 35px 35px;
  background: none;
}

#content {
  position: relative;
  background: none;
}

#content ul {
  position: relative;
  margin: 0 0 0 15px;
  padding: .35em 0 .35em 0;
}

#content ul li {
  position: relative;
  padding: 0 0 .1em 0;
}


#content a {
  color: #292929;
}

#content .detail {
  color: #808080;
}

#content h1 {
  position: relative;
  line-height: 100%;
  margin: 0 0 .5em 0;
  background: none;
}

#content h2 {
  position: relative;
  margin: 1.5em 0 .4em 0;
  padding: 0 0 0 10px;
  font-size: 100%;
  background: url("../img/picto_sm_level1.gif") no-repeat 0 0.45em;
}

#content h3 {
  position: relative;
  margin: 1.4em 0 .6em 0;
  background: none;
  font-size: 100%;
  line-height: 130%;
}

#content h4 {
  position: relative;
  margin: 1.4em 0 .6em 0;
  background: none;
  font-size: 100%;
  line-height: 130%;
  color: #666666;
}

#content p.introtext {
  position: relative;
  margin: 0 0 .8em 0;
  font-size: 110%;
  line-height: 135%;
  background: none;
  letter-spacing: -.01ex;
  color: #669933;
}

#content .hr {
  position: relative;
  height: 2px;
  margin: 0;
  padding: 0;
  background: #DFDFDF;
  overflow: hidden;
}

/* ### Programm ### */

#content .programm h1 {
  margin: 0 0 .1em 0;
}

#content .programm p.introtext {
  margin: 0 0 1.6em 0;
}

#content .programm .infotext {
  position: relative;
  margin: 0 0 1.6em 0;
  padding: 0 0 0 8px;
  border-left: 2px solid #E5E5E5;
}

#content p {
  position: relative;
  margin: 0 0 .7em 0;
  line-height: 135%;
  background: none;
  letter-spacing: -.02ex;
}

#content a.more, #content a.more:link, #content a.more:visited {
  color: #669933;
  background: url("../img/picto_more_no.gif") no-repeat 0 .4em;
  padding: 0 0 0 7px;
}

#content a.more:hover, #content a.more:active {
  color: #669933;
  background: url("../img/picto_more_act.gif") no-repeat 0 .4em;
  padding: 0 0 0 7px;
}


/* ## Kontakt ## */

#content .contact {
  position: relative;
  margin: 1em 0 0 0;
}


#content .contact .leftCollumn {
  position: relative;
  float: left;
}

#content .contact .rightCollumn {
  position: relative;
  float: left;
  padding: 0 0 0 10px;
}

#content .required {
  color: #94C91A;
}

#content .contact fieldset {
  position: relative;
  border: 0;
  margin: 0 0 1em 0;
}

#content .contact legend {
  display: none;
}

#content .contact .input {
  position: relative;
  margin: .05em 0 0 0;
  padding: .2em;
  width: 220px;
  background: #FBFBFB;
  border: 1px solid #DFDFDF;
  font-size: 100%;
}

#content .contact #addresses {
  position: relative;
  margin: .05em 0 0 0;
  width: 70px;
}

#content .contact .select {
  position: relative;
  margin: .05em 0 0 0;
  height: 1.5em;
  background: #FBFBFB;
  border: 1px solid #DFDFDF;
  font-size: 100%;
}
#content .contact .textarea {
  position: relative;
  margin: .05em 0 0 0;
  padding: .2em;
  font-family: Verdana, Arial;
  width: 460px;
  height: 150px;
  background: #FBFBFB;
  border: 1px solid #DFDFDF;
  font-size: 100%;
}

#content .contact .button {
  position: relative;
  margin: 0 10px 0 0;
  padding: .2em;
  background: #F5F5F5;
  border: 0;
  color: #FFA300;
  font-weight: bold;
  font-size: 100%;
}

/* ### Anleser ### */

#content .anleser {
  position: relative;
  padding: 1em 0 1em 0;
  background: none;
}

#content .anleser .leftCollumn {
  position: relative;
  padding: 0 9px 0 0;
  float: left;
  width: 200px;
}

#content .anleser .rightCollumn {
  position: relative;
  float: left;
  width: 288px;
}

#content .anleser h2 {
  position: relative;
  margin: 0 0 .9em 0;
  line-height: 100%;
  font-size: 110%;
  background: none;
  padding: 0;
}

#content .anleser p {
  position: relative;
  line-height: 135%;
  letter-spacing: -.02ex;
}

#content .anleser a.more {
  color: #669933;
  text-decoration: none;
  background: url("../img/picto_more_no.gif") no-repeat 0 .35em;
  padding: 0 0 0 7px;
}

#content .anleser a.more:hover, #content .anleser a.more:active {
  text-decoration: underline;
  background: url("../img/picto_more_act.gif") no-repeat 0 .35em;
}


/* ### Partner ### */

#content .partner {
  position: relative;
  padding: 1em 0 1em 0;
  background: none;
}

#content .partner .leftCollumn {
  position: relative;
  padding: 0 0 .5em 0;
}

#content .partner .rightCollumn {
  position: relative;

}

#content .partner h2 {
  position: relative;
  margin: 0 0 .5em 0;
  line-height: 100%;
  background: none;
  padding: 0;
}

#content .partner p {
  position: relative;
  line-height: 135%;
  letter-spacing: -.02ex;
}

#content .partner a.more {
  color: #669933;
  text-decoration: none;
  background: url("../img/picto_more_no.gif") no-repeat 0 .35em;
  padding: 0 0 0 7px;
}

#content .partner a.more:hover, #content .partner a.more:active {
  text-decoration: underline;
  background: url("../img/picto_more_act.gif") no-repeat 0 .35em;
}

/* ### Programm Anleser ### */

#content .programm_anleser {
  position: relative;
  padding: 1em 0 1em 0;
}

#content .programm_anleser .leftCollumn {
  position: relative;
  padding: 0 9px 0 0;
  float: left;
  width: 130px;
}

#content .programm_anleser .rightCollumn {
  position: relative;
  float: left;
  width: 358px;
}

#content .programm_anleser img {
  position: relative;
  z-index: 100;
}

#content .programm_anleser h2 {
  position: relative;
  margin: 0 0 .4em 0;
  line-height: 100%;
  font-size: 90%;
  font-weight: bold;
  background: none;
  padding: 0;
}

#content .programm_anleser h3 {
  position: relative;
  margin: 0 0 .7em 0;
  line-height: 100%;
  
}

#content .programm_anleser h3 a {
  position: relative;
  color: #719226;
  text-decoration: none;
}

#content .programm_anleser h3 a:link, #content .programm_anleser h3 a:visited {
  color: #719226;
}

#content .programm_anleser h3 a:hover, #content .programm_anleser h3 a:active {
  text-decoration: underline;
}

#content .programm_anleser p {
  position: relative;
  line-height: 135%;
  letter-spacing: -.02ex;
  margin: 0;
}

/* ## Gallery ## */

ul.nav_gallery {
  position: relative;
  margin-left: 0!important;
  margin-bottom: .8em!important;
}

ul.nav_gallery li {
  position: relative;
  display: inline;
  list-style-type: none;
  padding: 0 0 0 7px!important;
}

ul.nav_gallery li.previous {
  background: url("../img/picto_gallery_prev.gif") no-repeat  0 0.35em;
  margin: 0 5px 0 0!important;
}

ul.nav_gallery li.next {
  background: url("../img/picto_gallery_next.gif") no-repeat  0 0.35em;
  margin: 0 0 0 5px!important;
}

ul.nav_gallery li.thumb {
  background: url("../img/picto_gallery_thumb.gif") no-repeat  0 0.35em;
  margin: 0 5px 0 5px!important;
}

/* ### Sitemap ### */

.sitemap {
  position: relative;
  padding: 0 0 0 15px;
  line-height: 100%;
}

.sitemap a {
  color: #545454 !important;
}

.sitemap a:hover, .sitemap a:active {
  color: black !important;
  text-decoration: none;
}

.sitemap ul {
  position: relative;
  list-style-type: none;
}

.sitemap ul li {
  position: relative;
  background: url("../img/picto_sm_level1.gif") no-repeat 0 0.3em;
  margin: 0;
  padding: 0 0 .3em 10px !important;
  list-style-type: none;
}

.sitemap ul li a {
  position: relative;
  text-decoration: none;
  font-weight: bold;
}

/* ## level 2 ## */

.sitemap ul ul {
  position: relative;
  padding: .2em 0 0 20px;
  list-style-type: none;
}

.sitemap ul ul li {
  position: relative;
  background: url("../img/picto_sn_level1_no.gif") no-repeat 0 0.3em;
  padding: 0 0 .3em 8px;
  list-style-type: none;
}

.sitemap ul ul li a {
  position: relative;
  text-decoration: none;
  font-weight: normal;
}

/* ## level 3 ## */

.sitemap ul ul ul {
  position: relative;
  padding: .2em 0 0 20px;
  list-style-type: none;
}

.sitemap ul ul ul li {
  position: relative;
  background: url("../img/picto_sn_level2_no.gif") no-repeat 0 0.5em;
  padding: 0 0 .2em 8px;
  list-style-type: none;
}

.sitemap ul ul ul li a {
  position: relative;
  text-decoration: none;
  font-weight: normal;
  color: #545454;
}

/* ### Content Menu ### */

#content_menu {
  position: relative;
  border-top: 2px solid #E5E5E5;
  margin: 25px 0 0 0;
  padding: 7px 0 0 0;
  font-size: 90%;
  letter-spacing: .05em;
  width: 22.3em;
}

#content_menu ul {
  position: relative;
}

#content_menu ul li {
  display: inline;
  list-style-type: none;
}

#content_menu ul li a {
  text-decoration: none;
  float: left;
  color: #292929;
}

#content_menu ul li a:hover, #content_menu ul li a:active {
  color: black;
  text-decoration: none;
}

#content_menu ul li a.print {
  padding: 0 0 0 17px;
  margin: 0 19px 0 2px;
  background: url("../img/picto_print.gif") no-repeat 0 0.2em;
}

#content_menu ul li a.top {
  padding: 0 0 0 12px;
  background: url("../img/picto_top.gif") no-repeat 0 0.3em;
}

/*
   ##################################################
   # Sidebar
   ##################################################
*/

#right_container {
  position: relative;
  width: 200px;
  margin: 32px 0 35px 25px;
  float: left;
  background: none;
  font-size: 90%;
}

#subnavigation {
  position: relative;
  background: none;
  margin: 0 0 15px 0;
}

#subnavigation h3 {
  position: relative;
  margin: 0 0 1em 0;
  line-height: 100%;
}

#subnavigation ul {
  position: relative;
  margin: 0 0 0 2px;
}

#subnavigation ul li {
  position: relative;
  list-style-type: none;
  padding: 0 0 .5em 10px;
  background: url("../img/picto_sn_level1_no.gif") no-repeat 0 .4em;
}

#subnavigation ul li.active {
  background: url("../img/picto_sn_level1_act.gif") no-repeat 0 .4em;
}

#subnavigation ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #545454;
}

#subnavigation ul ul li a {
  font-weight: normal;
}

#subnavigation a.active {
  color: black;
}

#subnavigation ul li a:hover, #subnavigation ul li a:active {
  color: black;
  text-decoration: none;
}

#subnavigation ul ul {
  position: relative;
  margin: .2em 0 0 1px;
}

#subnavigation ul ul li {
  position: relative;
  list-style-type: none;
  padding: 0 0 .3em 9px;
  background: url("../img/picto_sn_level2_no.gif") no-repeat 0 .6em;
}

#subnavigation ul ul li.active {
  background: url("../img/picto_sn_level2_act.gif") no-repeat 0 .6em;
}

#sidebar {
  position: relative;
  background: none;
  color: #545454;
  letter-spacing: .03ex;
}

#sidebar .slot {
  position: relative;
  margin: 0 0 15px 0;
}

#sidebar .programm_auswahl select {
  position: relative;
  background: #FBFBFB;
  border: 1px solid #DFDFDF;
  font-size: 100%;
  width: 167px;
}

#sidebar .programm_auswahl .button {
  position: relative;
  padding: .215em;
  background: #F5F5F5;
  margin: 0 0 0 5px;
  border: 0;
  color: #94C91A;
  font-weight: bold;
  font-size: 100%;
}

#sidebar .slot h3 {
  position: relative;
  line-height: 0%;
  padding: 0 0 3px 0;
  margin: 0 0 8px 0;
  border-bottom: 2px solid #B0D753;
}

#sidebar .orange h3 {
  border-bottom: 2px solid #FFA300;
}

#sidebar .slot p {
  line-height: 135%;
  margin: 0 0 .4em 0;
}

#sidebar .slot a.more {
  color: #669933;
  text-decoration: none;
  background: url("../img/picto_more_no.gif") no-repeat 0 .4em;
  padding: 0 0 0 7px;
}

#sidebar .slot a.more:hover, #sidebar .slot a.more:active {
  text-decoration: underline;
  background: url("../img/picto_more_act.gif") no-repeat 0 .4em;
}

/*
   ##################################################
   # Footer
   ##################################################
*/

#footer {
  position: relative;
  float: left;
  width: 780px;
  height: 18px;
  font-size: 90%;
  padding: 5px 0 0 0;
  background: #A4D82C;
  letter-spacing: .025em;
  border-bottom: 1px solid #F3F3F3;
}

#copyright {
  position: relative;
  padding: 0 0 0 36px;
  float: left;
}

.typo3-adminPanel {
  position: absolute;
  right:0;
  top:0;
  text-align: left;
  z-index: 150;
}