/* WCHS Ruhpolding 2012 */
/* Erstellt Juni 2010 */
/* www.b-fusion.de network@b-fusion.de */


/* allgemeine Formatierungen */

body {
  margin:5px auto;
  background-color:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:14px;
  color:#464648;
  background-image:url(../img/BgBody.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment:fixed;
}
.editmode {
  color:#f00; 
  font-size: 13px;
  font-weight:bold;
}
/* Allgemeines */
#Language{
  position:relative;
  width:810px;
  margin:0 auto;
  height:20px;
  padding:10px 0 0 185px;
}
#Language img{
  border:none;
  margin-right:10px;
}
#Search{
  position:absolute;
  top:5px;
  right:5px;
}
/* Header */
#Header{
  position:relative;
  margin:0 auto 7px auto;
  width:990px;
  height:319px;
}
#HeadGal{
  position:absolute;
  top:0px;
  right:0px;
  width:806px;
  height:317px;
  overflow:hidden;
  background-image:url(../img/BgSlideshow.png);
  background-repeat:no-repeat;
  padding:2px 0 0 0px;
  overflow:hidden;
  z-index:50;
}
/*#HeadGalTarget{
  position:absolute;
  top:15px;
  right:25px;
  width:117px;
  height:17px;
  z-index:100;
}
#HeadGalTarget img{
  height:17px;
  width:117px;
}*/
#HeadGal .slideshow {
  width:797px;
  height:310px;
  overflow:hidden;
}
#Logo{
  position:absolute;
  top:0px;
  left:0px;
}
#Logo img, #LogoLeiste img{
  border:none;
}
/* Main */
#Main{
  margin:0 auto;
  width:972px;
  position:relative;
  background-color:#fff;
  padding-top:20px;
  min-height:300px;
}
#LogoLeiste{
  margin:0 auto;
  width:972px;
  position:relative;
  padding:5px 0 10px 0;
}
.cleaner{
    clear:both;
    height:2px;
    font-size:1px;
    border:none;
    margin:0; padding:0;  
}
.ImgLeft{
  float:left;
  margin:0 10px 5px 0;
}
.ImgRight{
  float:right;
  margin:0 0 5px 10px;
}
p{
  margin:0;
}
form{
  margin:0;
}

/* Navigation -------------------------------*/
#Navi{
  position:relative;
  width:972px;
  margin:0 auto;
  height:37px;
  background-color:#fff;
}
#Navi ul{
  padding:4px 0 0 4px;
  margin:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  z-index:999;
}

#nav, #nav ul{
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  z-index:10000;
}

#nav a:link, #nav a:visited{
display:block;
text-decoration:none;
}
#nav a{
  margin:0;
  height:25px;
  width:137px;
  padding:8px 0 0 0;
  color: #000;
  text-align:center;
  font-weight:bold;
  text-decoration: none;
  font-size:12px;
  line-height:14px;
  float: left;
  /*white-space:pre;*/
  border-right:1px solid #fff;
  text-transform:uppercase;
  background-image:url(../img/BgNavi.jpg);
  background-repeat:repeat-x;
}
#nav a:hover, #nav a:active{
  color:#fff;
}
#nav a.active:link, #nav a.active:visited{
  margin:0;
  height:25px;
  width:137px;
  padding:8px 0 0 0;
  color: #fff;
  text-align:center;
  font-weight:bold;
  text-decoration: none;
  font-size:12px;
  line-height:14px;
  float: left;
  /*white-space:pre;*/
  border-right:1px solid #fff;
  text-transform:uppercase;
  background-image:url(../img/BgNavi.jpg);
  background-repeat:repeat-x;
}
#nav a:hover{
  color:#fff;
}
#nav li{
  float:left;
  position:relative;
}
#nav ul {
  position:absolute;
  display:block;
  width:1px;
  top:33px;
  left:-1px;
  z-index:55;
}
#nav li ul a{
  display:block;
  width:170px;
  height:25px;
  padding:5px 2px 5px 5px;
  height:auto;
  float:left;
  color:#fff;
  background-image:url(../img/BgNaviSub.png);
  background-repeat:no-repeat;
  background-position:0px -50px;
  border-bottom:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  font-size:11px;
  font-weight:normal;
  text-transform:none;
}
#nav li ul a:hover{
  background-position:0px -10px;
  background-color:#0064A7;
}
#nav ul ul{
top:auto;
}  

#nav li ul ul {
left:12em;
margin:20px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/* SubNavigation -------------------------------*/
#SubNavi { 
  margin:0 0 20px 0;
  min-height:140px;
}
#SubNavi ul { 
  list-style: none;
  margin:0;
  padding:0;
}
#SubNavi li { 
  padding:0;
}
#SubNavi li a:link, #SubNavi li a:visited {
  background-image:url(../img/Arrow.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  display:block;
  color: #787e78;
  font-size:12px;
  text-decoration: none;
  padding:4px 0 4px 10px;  
}
#SubNavi li a:hover, #SubNavi li a:active {
  color: #e26920;
  background-image:url(../img/Arrow.gif);
}
#SubNavi li a.active:link, #SubNavi li a.active:visited, #SubNavi li a.active:hover, #SubNavi li a.active:active {
  background-image:url(../img/Arrow.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  display:block;
  color: #e26920;
  font-size:12px;
  text-decoration: none;
  padding:4px 0 4px 10px;  
}
/* Content Angaben -------------------------------*/
#LeftCol{
  float:left;
  width:190px;
  padding:0 15px;
}
.BoxLeft{
  width:295px;
  margin:0 0 20px 0;
  padding:0 0 20px 0;
  float:left;
  color:#787e78;
  line-height:16px;
  background-image:url(../img/BgDotted.gif);
  background-repeat:repeat-x;
  background-position:bottom;
}
#Content{
  position:relative;
  float:right;
  width:532px;
  margin:0 0 15px 0;
  padding:0;
  color:#464648;
  line-height:16px;
  background-color:#fff;
}
#Content a:link, #Content a:visited {
  color:#00498a;
  text-decoration:none;
}
#Content a:hover, #Content a:active {
  text-decoration:underline;
}
#Content h1{
  color:#00498a;
  font-size:12px;
  line-height:16px;
  margin:3px 0 5px 0;
}
#Content h2{
  font-size:12px;
  line-height:16px;
  margin:0;
  color:#464648;
}
.HlBlue{
  color:#00498a;
}
.Datum{
  color:#00498a;
  font-size:11px;
}
#RightCol{
  /*position:absolute;
  right:0;
  top:20px;*/
  width:190px;
  float:right;
  margin:0;
  padding:0 15px;
}
/*---- Boxen -----*/
#Wetter{
  width:122px;
  margin:0 0 20px 34px;
}

.Banner{
  margin-bottom:20px;
}
.Banner img{
  border:none;
}
.BoxBlue{
  margin-bottom:15px;
}
.BoxHeadBlue{
  background-image:url(../img/HeadBoxBlue.png);
  background-repeat:no-repeat;
  color:#fff;
  width:180px;
  padding:4px 5px 0 10px;
  text-transform:uppercase;
  height:21px;
  font-size:12px;
  overflow:hidden;
}
.BoxHeadBlueWC{
  background-image:url(../img/BgEonWC.jpg);
  background-repeat:no-repeat;
  color:#fff;
  width:180px;
  padding:17px 5px 0 10px;
  text-transform:uppercase;
  height:20px;
  font-size:12px;
  overflow:hidden;
}
.BoxContentBlue{
  background-image:url(../img/ContentBoxBlue.png);
  background-repeat:no-repeat;
  background-position:bottom right;
  width:170px;
  padding:10px 15px 15px 10px;
  position:relative;
}
.BoxContentBlue a:link, .BoxContentBlue a:visited {
  color:#00498a;
  text-decoration:none;
  display:block;
}
.BoxContentBlue a:hover, .BoxContentBlue a:active {
  text-decoration:underline;
}
.BoxContentBlue img{
  width:188px;
  margin:-10px 0 -11px -9px;
  border:none;
}
.Play{
  position:absolute;
  top:0px;
  left:0px;
}
.VideoPlay span {
  display:none;
  background-image:url(../img/VideoPlay_h.png);
}
.VideoPlay:link, .VideoPlay:visited {
  display:block;
  width:188px;
  height:100px;
  background-image:url(../img/VideoPlay.png);
  background-repeat:no-repeat;
  background-position:60px 20px;
}
.VideoPlay:hover, .VideoPlay:active {
  background-image:url(../img/VideoPlay_h.png);
}
.BoxContent2Col{
  width:256px;
  padding:0;
  float:left;
  margin-bottom:15px;
}
.BoxContent2Col a:link, .BoxContent2Col a:visited{
  color:#00498a;
  text-decoration:none;
}
.BoxContent2Col a:hover, .BoxContent2Col a:active{
    text-decoration:underline;
}
.BoxContent2{
  position:relative;
  width:256px;
  height:170px;
  padding:0;
  background-color:#fff;
  border:1px solid #00498a;
  overflow:hidden;
  float:left;
  margin-bottom:10px;
}
.BoxContent2Teaser{
  position:absolute;
  bottom:-4px;
  left:-3px;
  width:245px;
  padding:7px;
  background-image:url(../img/White.png);
  color:#000;
  font-size:11px;
  line-height:14px;
  height:50px;
  overflow:hidden;
}
.BoxContent2Teaser a:link, .BoxContent2Teaser a:visited {
  color:#00498a;
  text-decoration:none;
  display:block;
  vertical-align:bottom;
}
.BoxContent2Teaser a:hover, .BoxContent2Teaser a:active {
  text-decoration:underline;
}
.BoxContent2TeaserText{
  position:relative;
  width:256px;
  height:193px;
  padding:10px 0;
  overflow:hidden;
  float:left;
}
.BoxContent1ColStart{
  width:355px;
  clear:left;
  padding:15px 0 15px 177px;
  border-top:1px solid #adc8e2;
}
.BoxContent1ColStart img{
  float:left;
  margin:0 10px 8px -177px;
  border:1px solid #00498a;;
}
.BoxContent1ColStart a:link, .BoxContent1ColStart a:visited {
  color:#00498a;
  text-decoration:none;
  display:block;
}
.BoxContent1ColStart a:hover, .BoxContent1ColStart a:active {
  text-decoration:underline;
}
.BoxContent1ColStartLB{
  width:355px;
  clear:left;
  padding:15px 0 15px 0px;
  border-top:1px solid #adc8e2;
}
.BoxContent1Col{
  width:532px;
  clear:left;
  padding:15px 0;
  margin-bottom:20px;
  border-top:1px solid #adc8e2;
}
.BoxContent1Col img{
  margin:0;
  border:1px solid #00498a;
}
#ImgBox{
  float:left;
  margin:0 15px 5px 0;
}
#ImgBox a:link, #ImgBox a:visited{
  text-decoration:none;
}
#ImgBox a:hover, #ImgBox a:active{
  text-decoration:none;
  color:#e26920;
}
#ImgBox img{
  border:none;
}
.BoxContent1Col a:link, .BoxContent1Col a:visited {
  color:#00498a;
  text-decoration:none;
  display:block;
}
.BoxContent1Col a:hover, .BoxContent1Col a:active {
  text-decoration:underline;
}
#ImgBoxBilderbogen{
  margin:15px -10px 0 0;
}
#ImgBoxBilderbogen img{
  float:left;
  margin:0 5px 5px 0;
}
.Vcard{
  border-bottom:1px solid #adc8e2;
  margin-bottom:10px;
  padding:0 0 10px 0;
}
.Vcard img{
  float:left;
  margin:0 10px 5px 0;
  border:1px solid #00498a;
}
#Programm table{
  border:1px solid #00498a;
  margin-bottom:10px;
  width:532px;
}
#Programm td{
  vertical-align:top;
  padding:3px 5px;
}
#Programm .TableHead{
  background-image:url(../img/BgNavi.jpg);
  background-repeat:repeat-x;
  color:#fff;
  padding:3px 5px;
  text-transform:uppercase;
  border-bottom:1px solid #00498a;
}
#Programm .Time{
  color:#000;
  font-weight:bold;
  width:70px;
  border-right:1px solid #00498a;
}
#Programm strong{
  color:#000;
}
.BoxContentPressemeldung{
  width:532px;
  clear:left;
  padding:15px 0 15px 0px;
  border-top:1px solid #adc8e2;
}
.BoxContentBilderDownload{
  position:relative;
  width:256px;
  padding:10px 0;
  float:left;
}
#TableOK th{
 padding:5px;
 font-weight:bold;
 text-align:left;
}
#TableOK td{
 padding:5px;
}
#TableOK td strong{
 font-size:14px;
}
#TableOK table{
 margin-bottom:20px;
}
#TableOK h1{
 font-size:14px;
 margin:30px 0 20px 0;
 text-transform:uppercase;
}
/* Footer -------------------------------*/
#Footer{
  margin:0 4px;
  padding:10px 15px;
  /*background-image: url(/includes/img/Sponsors.jpg);
  background-repeat:no-repeat;*/
  border-top:1px solid #e26920;
  font-size:11px;
  height:84px;
}
#Footer a:link, #Footer a:visited{
  color:#464648;
  text-decoration:none
}
#Footer a:hover, #Footer a:active{
  text-decoration:underline
}
span.slideshowBackground {
  display: block;
  background-image: url(/includes/img/BgCount1.jpg);
  color:#fff;
  padding:4px 5px 0 10px;
  text-transform:uppercase;
  height:21px;
  font-size:12px;
  overflow:hidden;
  width:241px;
  cursor:pointer !important;
}
span.slideshowBackground img {
  float:left;
  margin-right:5px;
  margin-top:2px;
}
#slideshowText {
  font-weight:bold;
}