/* CSS für die Portalseiten */
/* generel settings */
body {
    font-family: Verdana, Arial, Sans-Serif;
    background: #ffffff url(/images/bg_body.jpg) repeat-x;
    color: #333333;
    font-size:11px;
    text-align: center;
    margin: 0;
    padding: 0;
    
    }
/* Structure */
body {
    margin: 0;
    padding: 0;
    }
#page {
    position: absolute;
    background: url(/images/090610-kah-bg.jpg) no-repeat; 
    margin:0 auto;
    padding: 0;
    display:block;
    height:601px;
    width: 960px;
    border: 0px solid #959596;
    text-align:left;
}
div#middle {
    position: relative;
    left: 0px;
    top: 20px;
    margin-bottom: 15px;
}
#flash {
    position: relative; 
}

#pageneutral {
    position:relative;
    background: url(/images/090610-kah-bg.jpg) no-repeat; 
    margin:0 auto;
    padding: 0;
    display:block;
    height:601px;
    width: 960px;
    border: 0px solid #959596;
    text-align:left;
    
}
#content-top {
    width: 766px;
    height: 10px;
    background: url(/images/content-top-02.png) no-repeat;
    position:relative;
    margin-left:0px;
    margin-top:20px;
    font-size: 1px;
}
#content {
    width: 746px;
    position:relative;
    background: url(/images/content-02.png) repeat-y;
    margin-top: 0px;
    padding: 10px 10px 1px 20px;
}
div.clsArticle {
    position: relative;
    width: 726px;
    margin-top: 0px;
    padding-top: 0px;
}
div.clsArticleLeft {
    width: 320px;
    float: left;
    margin-top: 0px;
    padding-top: 0px;
}
div.clsArticleRight {
    width: 370px;
    float: right;
    margin-top: 0px;
    padding-top: 0px;
}

div.clsAnreisser {
    position: relative;
    width: 726px;
    margin: 0px 0px 20px 0px;
    padding-top: 0px;
    border-bottom: 1px solid #CCCCCC;
}
div.clsImage {
    position: relative;
    width: 726px;
    margin: 0px 0px 20px 0px;
    padding-top: 0px;
}
#content-left, div.imgAnreisser {
  width:225px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding:0px;
  float: left;
  background-color:#ffffff;
  font-weight: bold;
  }
div.imgAnreisser img {
    margin-bottom: 6px;
    margin-top: 4px;
}
#content-left, div.clsPictureBoxSmall {
  width:192px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding:0px;
  float:left;
  background-color:#ffffff;
  font-weight: bold;
  }
div.clsPictureBoxSmall img {
    margin-bottom: 6px;
    margin-top: 4px;
}
#content-left, div.clsPictureBoxBig {
  width:386px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding:0px;
  float:left;
  background-color:#ffffff;
  font-weight: bold;
  }
div.clsPictureBoxBig img {
    margin-bottom: 6px;
    margin-top: 4px;
}
  #content-bottom {
    width: 766px;
    height: 10px;
    background: url(/images/content-bottom-02.png) no-repeat;
    font-size: 1px;
    position:relative;
    margin: 0px;
    padding: 0px;
}
#noscript{
    position: absolute;
    left:0px;
    top: 10px;

}
/* Topnavigation */
#top {
    width: 960px;
    height: 49px;
    margin-top: 0px;
    padding-top: 11px;
}
#topnavi{
    position:relative;
    width: 450px;
    height: 49px;
    left:0px;
    top:19px;
    float:left;    
}
#topnavi a:link, #topnavi a:active, #topnavi a:visited{
    float:left;
    font-family:verdana;
    font-size:12px;
    color:#6e6e6e;
    font-weight:bold;
    text-decoration:none;    
    margin:0px 10px 0px 0px;
    white-space:nowrap;
}
#topnavi a:hover{
    color:#f49b00;
}
/* Aktiver Menüpunkt */
#topnavi a.aktiv{
    color:#f49b00;
}
#topnavi a.aktiv:hover{
    color:#6e6e6e;
}
#topnavi a.fraktion:link, #topnavi a.fraktion:visited, #topnavi a.fraktion:active{
    float:left;
    font-family:verdana;
    font-size:10px;
    color:#6e6e6e;
    font-weight:bold;
    text-decoration:none;    
    margin:0px 10px 0px 0px;
}
#topnavi a.fraktion:hover{
    color:#f49b00;
}
/* CDU Logo */
#cdu{
    position:relative;
    width: 303px;
    height: 49px;
    left: 226px;
    top: 0px;
    float: left;
    padding: 0px;
}
#cdu a img{
border:0;    
}
/* Teaser Horizontal - Motivationsereich */
#motivationsteaser{
    position:relative;
    top: 5px;
    left:0px;
    display:block;
    width:766px;
    height:150px;    
    padding:0px 0px 0px 7px;
    background: url('/images/bg_teaser_horizontal.gif') no-repeat;
}
#motivationsteaser div.moti-box {
    float: left;
    width: 180px;
    height: 131px;
    margin: 10px 0px;
    padding: 0 4px 0 4px;
}
#motivationsteaser div.moti-box img {
    border: none;
    margin: 0;
}
#motivationsteaser div#termine {
    background: url('/images/090616-termine-180x131.jpg') left top no-repeat;
    padding: 32px 10px 42px 10px;
    margin-left: 4px;
    width: 160px;
    height: 57px;
}
div#termine span.date, div#termine span.desc {
    font-size: 10px;
    color: #dd8800;
    font-weight: bold;
    display: block;
    margin: 0;
    line-height: 14px;
    margin-top: 3px;
}
div#termine span.desc {
    color: #333333;
    font-weight: normal;
}

/* Navigation Meta */
#navimeta{
    position:relative;
    margin-top:27px;
    padding-bottom: 11px;
    left:0px;
    font-family: verdana;
    font-size:11px;
    color:#333333;
    font-weight:normal;
}
    
#navimeta a:link, #navimeta a:visited, #navimeta a:active{
    color:#333333;
    text-decoration:none;    
    margin:0px 10px 0px 10px;
}
#navimeta a:hover{
    color:#f49b00;
    text-decoration:underline;
}
/* Alternative Startseite */
#alternativseite{
    position:absolute;
    top:579px;
    left:839px;
    font-family: verdana;
    font-size:11px;
    color:#333333;
    font-weight:normal;
    border:0px solid #000000;
}
#alternativseite a:link, #alternativseite a:visited, #alternativseite a:active{
    color:#333333;
    text-decoration:none;    
    margin:0px 0px 0px 0px;
}
#alternativseite a:hover{
    color:#f49b00    ;
    text-decoration:underline;
}
/* Rechte Spalte */ 
#accordion {
    position:absolute;
    top: 60px;
    left:776px;
}
/* Suche */
#suche_link{
    display:block;
    width:184px;
    height:35px;
    text-decoration:none;
    background: url('/images/b-suche.gif') no-repeat;
}
#suche{
    display:block;
    width:184px;
    height:85px;
    text-decoration:none;
    background: url('/images/fl-suche03.gif') no-repeat;
}
 
#suche input.searchinput{
    position:absolute;
    z-index:20;
    top:39px;
    left:34px;
    width:140px;
    height:17px;
    color:#333333;
    font-size:11px;
    font-family:verdana;
    border:1px solid #cbcbcb;    
    margin:0px;
}
#suche input.searchsubmit{
    position:absolute;
    z-index:20;
    top:30px;
    left:34px;
    width:140px;
    height:17px;
    margin:60px 0px 0px 0px;
}
/* Spenden */
#spenden_link{
    display:block;
    width:184px;
    height:35px;
    background: url('/images/b-spenden2.gif') no-repeat;
}
#spenden{
    display:block;
    width:184px;
    height:85px;
    padding:0;
    border:0px solid #000000;
    padding:0px 0px 0px 34px;
}
#spenden input, form p{
    padding:2px 0px 0px 0px;
    margin:0;    
}
#spenden form{
    float:left;    
    margin:0px 10px 0px 0px;
    padding:0;
}
.spenden:link, .spenden:visited, .spenden:active{
    display:block;
    width:184px;
    height:85px;
    text-decoration:none;
}

/* Shop */
#shop_link{
    display:block;
    width:184px;
    height:35px;
    background: url('/images/b-shop01.gif') no-repeat;
}
#shop{
    display:block;
    width:184px;
    height:85px;
    padding:0;
    border:0px solid #000000;
}
.shop:link, .shop:visited, .shop:active{
    display:block;
    width:184px;
    height:85px;
    text-decoration:none;
    background: url('/images/fl-shop-02.gif') no-repeat;
}
/* Briefwahl*/
#briefwahl_link{
    display:block;
    width:184px;
    height:36px;
    background: url('/images/b-briefwahl.gif') no-repeat;
}
#briefwahl{
    display:block;
    width:184px;
    height:36px;
    padding:0;
    border:0px solid #000000;
}

/* Presse */
#presse_link{
    display:block;
    width:184px;
    height:36px;
    background: url('/images/b-presse.gif') no-repeat;
}
#presse{
    display:block;
    width:184px;
    height:36px;
    padding:0;
    border:0px solid #000000;
}

/* Service */
#service_link{
    display:block;
    width:184px;
    height:35px;
    background: url('/images/b-service.gif') no-repeat;
}
#service{
    display:block;
    width:184px;
    height:35px;
    padding:0;
    border:0px solid #000000;
}
/* Mitglied werden */
#mitgliedwerden_link{
    display:block;
    width:184px;
    height:35px;
    background: url('/images/b-mitgl-werden.gif') no-repeat;
}
#mitgliedwerden{
    display:block;
    width:184px;
    height:35px;
    padding:0;
    border:0px solid #000000;
}

/* Mitgliedernetz Login */
#mitglieder_link{
    display:block;
    width:184px;
    height:35px;
    background: url('/images/b-login.gif') no-repeat;
}
#mitglieder{
    z-index:10;
    display:block;
    width:184px;
    height:85px;
    text-decoration:none;
    background: url('/images/fl-login.gif') no-repeat;
}
#mitglieder input.mitgliederbenutzer{
    position:absolute;
    z-index:20;
    top:335px;
    left:34px;
    width:140px;
    height:17px;
    color:#333333;
    font-size:11px;
    font-family:verdana;
    border:1px solid #cbcbcb;    
  margin:0px;
}
#mitglieder input.mitgliederpasswort{
    position:absolute;
    z-index:20;
    top:366px;
    left:34px;
    width:140px;
    height:17px;
    color:#333333;
    font-size:11px;
    font-family:verdana;
    border:1px solid #cbcbcb;    
    margin:0px;
}
#mitglieder input.mitgliedersubmit{
    position:absolute;
    z-index:20;
    top:388px;
}
/* Newsletter */
#newsletter_link{
    display:block;
    width:184px;
    height:35px;
    background: url('/images/b-newsletter.gif') no-repeat;
}
#newsletter{
    display:block;
    width:184px;
    height:35px;
    padding:0;
    border:0px solid #000000;
}
/* Zielgruppen */
#zielgruppen_link{
    display:block;
    width:184px;
    height:35px;
    background: url('/images/b-zielgruppen.gif') no-repeat;
}
#zielgruppen{
    display:block;
    width:184px;
    height:85px;
    padding:0;
    border:0px solid #000000;
    background: url('/images/fl-zg-5.gif') no-repeat;
    padding:0px 0px 0px 34px;
}
.zielgruppen:link, .zielgruppen:visited, .zielgruppen:active{
    display:block;
    width:184px;
    height:85px;
    text-decoration:none;
    background: url('/images/fl-zg-5.gif') no-repeat;
}
#zielgruppen_link_1 {
    display:block;
    color:#000000;
    width:140px;
    height:12px;
    position:relative;
    top:6px;
}
#zielgruppen_link_2{
    display:block;
    color:#000000;
    width:140px;
    height:12px;
    position:relative;
    top:10px;
}
#zielgruppen_link_3{
    display:block;
    color:#000000;
    width:140px;
    height:12px;
    position:relative;
    top:14px;
}
#zielgruppen_link_4{
    display:block;
    color:#000000;
    width:140px;
    height:12px;
    position:relative;
    top:16px;
}
#zielgruppen_link_5{
    display:block;
    color:#000000;
    width:140px;
    height:12px;
    position:relative;
    top:20px;
}
/* Mobilseite*/
#mobilseite_link{
    display:block;
    width:184px;
    height:36px;
    background: url('/images/b-mobil.gif') no-repeat;
}
#mobilseite{
    display:block;
    width:184px;
    height:36px;
    padding:0;
    border:0px solid #000000;
}
/* Terminkalender*/
#termine_link{
    display:block;
    width:184px;
    height:36px;
    background: url('/images/b-termine.gif') no-repeat;
}
#termine{
    display:block;
    width:184px;
    height:36px;
    padding:0;
    border:0px solid #000000;
}



.hidden{
    visibility:hidden;    
    text-decoration:none;
}
/* Aktions Teaser Rechts */ 
#aktionsteaser{
    position:absolute;
    top: 0px;
    left: 582px;   
}
#aktionsteaser div a{
    display:block;
    width:198px;
    height:103px;
    text-decoration:none;    
    margin:0px 0px 8px 0px;
    color:#ffffff;
}

h1 { 
 color: #3B4B5B;
 background-color: transparent;
 font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
 margin: 0px 0px 5px 0px; 
 padding: 0px 0px 0px 0px;
}
h2 { 
 color: #dd8800; 
 background-color: transparent;
 font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
 margin: 0px 0px 16px 0px; 
 padding: 0px 0px 0px 0px;
}
h3 { 
 color: #3B4B5B; 
 background-color: transparent;
 font: bold 14px  Verdana, Arial, Helvetica, sans-serif;  
 margin: 0px 0px 12px 0px; 
 padding: 0px 0px 0px 0px;
}
h4 { 
 color: #828282; 
 background-color: transparent;
 position:relative;
 line-height: 140%; 
 margin: 0px 0px 15px 0px; 
 padding: 0px 0px 0px 0px;
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;  
}
h5 { 
 color: #3B4B5B;
 background-color: transparent;
 font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
 margin: 0px 0px 0px 0px; 
 padding: 0px 0px 0px 0px;
}
h6 {  
    color: #000000;  
    background-color: transparent;
    font-weight: bold; 
    font-size: 12px; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 140%;
    margin: 0px 0px 16px 0px;  
    padding: 0px 0px 0px 0px; 
}
p {
 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
 color: #000000; 
 background-color: transparent;
 line-height: 140%;
 margin:16px 0px;
 padding:0px 0px 0px 0px;
}
a {
 color: #F59D07;
}
div.clsArticleRight p, div.clsArticleLeft p {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
 color: #000000; 
 background-color: transparent;
 line-height: 140%;
 margin:8px 0px;
 padding:0px 0px 0px 0px;
} 
ul.clsulpaz {
 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
 color: #000000; 
 list-style: none;
 margin: 0px;
 padding: 0;
 margin-left: 10px;
}
li.clsulpaz {    
 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
 background: url(/images/mehr-links-dott-9x9.jpg) left 3px no-repeat;
 margin: 10px;
 margin-left: 0px;
 padding-left: 15px;
 line-height: 15px;
 vertical-align: top; 
 }
 li.clsulpaz a:link, li.clsulpaz a:active, li.clsulpaz a:visited {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}
li.clsulpaz a:hover {
    color:#dd8800;
    text-decoration: underline;
}
p.more-info { 
 color: #dd8800; 
 background-color: transparent;
 font: bold 14px Arial, Verdana, Helvetica, sans-serif;  
 margin: 0px 0px 16px 0px; 
 padding: 10px 0px 0px 0px;
 line-height: 20px;
}
 
/* Kontaktformular  */
#csearch {
 width: /*390px*/ auto;
 margin-top:10px;
 text-align:left;
 display: block;
}
#csearchl{
 width: /*100px*/ 180px;
 padding:0px;
 float:left;
 border-color: #000000;
 vertical-align: top;
 text-align:left;
}
#csearchr{
 width:270px;
 margin-left:8px;
 vertical-align: top;
 float: /*right*/ left;
 text-align: /*left*/ right;
 }
.radiomargin0 {
 margin-top:2px;
 margin-left:0px;
 padding-left:8px;
 vertical-align: middle;
 text-align:left;
}
.radio{
 margin-top:2px;
 margin-left:100px;
 padding-left:8px;
 vertical-align: middle;
 text-align:left;
}
.radio input{
 margin-left:0px;
}
input.frmTextSearch {
 font: normal 12px Verdana, Arial, Helvetica,sans-serif;
 border: 1px solid #000;
 height: 15px;
 padding: 1px 0px 1px 0px; /*problem konq*/
 vertical-align: top;
 text-align:left;
 width: 266px; 
float: right;
}
select.frmTextSearch {
 font: normal 12px Verdana, Arial, Helvetica,sans-serif;
 border: 1px solid #000;
 height: 20px;
 padding: 1px 0px 1px 0px; /*problem konq*/
 margin-left: 0px;
 vertical-align: top;
 text-align:left;
  width: 268px; 
 float: right;
}
textarea.kontakt {
 font: normal 12px Verdana, Arial, Helvetica,sans-serif;
    border: 1px solid #000;
 height: 10em;
 padding: 1px 0px 1px 0px; /*problem konq*/
 vertical-align: top;
 text-align:left;
    width: 266px; 
    float: right;
}

/*************** Stoerer ******************/
#flywindow {
    width: 770px;
    height: 528px;
    position: absolute;
    left: 0px;
    top: 80px;
    z-index: 5000;    
    background: transparent url(/images/hk80-teppich.jpg);
 }
 
 #closebutton {
   display: block;
   width:150px;
   height:12px;
   position:absolute;
   top: 10px;
   left: 10px;
   background: #FFFFFF;
 }
 
 #counter {
   position:absolute;
   left: 367px;
   top: 398px;
   font-size: 52px;
   font-weight: bold;
   color: #dd8800; 
   background: transparent;
}

#closeme {
   position:absolute;
   top: 467px;
   left: 685px;   
   width:76px;
   height: 16px;
   background: transparent;
   margin: 0;
   padding: 0;
   cursor: pointer;
 }

/****************** Laufband *************/
#laufbandbox{
    position:relative;
    top: 10px;
    left: 0px;
    display: block;
    width: 759px;
    height: 37px;    
    background: url(/images/090923-ticker-766.png) no-repeat;
    padding: 0px 0px 0px 7px;
    margin-bottom: 10px;
}

#laufband {
    padding-top: 5px;
}
 
/****************** WM2010-Tipp-Spiel ******************/
div.clsArticle.wmtipp { 
    background: url(/images/100507-teaser-fussballwette.jpg) top left no-repeat;
    padding-top: 115px;
    padding-bottom: 0px;
    height: 405px;    
}

div.clsArticle.wmtipp hr {
    color: #cccccc;
    border: none;
    border-bottom: 1px solid #cccccc;
    height: 1px;
    width: 100%;
}

div.clsArticle.wmtipp div { 
    padding: 15px;
    padding-bottom: 5px;
    margin: 0px 20px 0px 15px;
    width: 65%;
    background: #ffffff;
}

div#wmtippform {
    margin-bottom: 15px;
    padding: 0 18px 115px 30px;
    background: url(/images/100507-teaser-fussballwette_unten.jpg) left bottom no-repeat;
}