@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;


}

@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/BEBAS___-webfont.eot');
    src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
  display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
  display:inline;
}

/* Global properties ======================================================== */
body { 
  background:#222222; 
/*  font-family: 'bebas_neueregular';*/
  font-family: 'Source Sans Pro', sans-serif;

  letter-spacing: 1px;
  font-size:150%; 
  line-height:1em;
  color:#a3a2a2;
  min-width:980px;
}
html { 
  min-width:980px;
}
html, 
body { 
  height:100%;
}



/* Global Structure ============================================================= */
#main {
  margin:0 auto;
  position:relative;
  width:980px;
  font-size:.75em;
}

  /* Header */
  div#header{
    height:654px;
    position:relative;
  }
  
  /* Content */
  section#content {
    float:left;
    width:675px;
    padding-top:44px;
  font-size:12px;
  }
  
  /* Sidebar */
  aside {
    width:262px;
    float:left;
    margin:-96px 43px 0 0;
    position:relative;
    color:#fff;
    background:url(../img/bg-tail.gif) repeat-x left top #780217;
  }
      
  /* Footer */
  footer {
    font-size:.92em;
    height:102px;
    text-transform:uppercase;
  }




/* Left & Right alignment */

.fleft { 
  float:left;
}
.fright { 
  float:right;
}
.clear { 
  clear:both;
}

.col-1, 
.col-2, 
.col-3 { 
  float:left;
}

.alignright { 
  text-align:right;
}
.aligncenter { 
  text-align:center;
}  

.wrapper { 
  width:100%;
  overflow:hidden;
}

.container {
  width:100%;
  padding-bottom:38px;
}


/*---- tailings ----*/
div#flashdta2 {
  background:url(../img/header-bg.jpg);
    background-repeat:  no-repeat;
    background-position:  center 72px;
}

.header-dyn-bg {
  background:url(../img/header-bg.jpg);
    background-repeat:  no-repeat;
    background-position:  center 72px;
}

.header-splash {
  background:url(../img/header-splash.jpg) no-repeat center top 
}
.cont-splash {
  background:url(../img/cont-splash.gif) no-repeat center 654px;
}
.tail-top { 
  background:url(../img/tail-top.gif) repeat-x left top #161515;
}
.tail-bottom {
  /*background:url(../img/tail-bottom.gif) left bottom repeat-x;*/
  background:url(../img/cont1-splash.gif) repeat-y center 654px;
  }

/*----- form defaults -----*/
input, 
select, 
textarea { 
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  vertical-align:middle;
  font-weight:normal;
}

fieldset {
  border:0;
}


/*----- lists -----*/

.news {
  width:100%;
  overflow:hidden;
}
.news li {
  width:100%;
  overflow:hidden;
  vertical-align:top;
  padding-bottom:20px;
  margin-bottom:22px;
  background:url(../img/line-hor.png) repeat-x left bottom;
}
  .news li a {
    text-decoration:none;
  }
    .news li strong {
      text-transform:uppercase;
      color:#fff;
      display:block;
      font-size:1.08em;
      background-color:#f09b0b;
      padding:6px 0 6px 11px;
    }
    .news li a {
      color:#fff;
      text-decoration:none;
      font-weight:bold;
      line-height:1.667em;
      display:block;
      padding-top:8px;
    }
    .news li a:hover {
      color:#000;
    }
      .news li a img {
        position:relative;
        top:5px;
      }

.list {
  padding-bottom:20px;
}
  .list li {
    padding:0 0 4px 11px;
    background-repeat:no-repeat;
    background-position:0 3px;
    background-image:url(../img/marker1.gif);
  } 
  .list.extra li {
    background-image:url(../img/marker2.gif);
  }
      .list li a {
        text-transform:uppercase;
        color:#faac09;
        text-decoration:none;
        font-weight:bold;
        font-size:1.08em;
      }
      .list.extra li a {
        color:#c20526;
      }
      .list li a:hover {
        color:#fff;
      }

.list1 {
  width:100%;
  overflow:hidden;
}      
  .list1 li {
    float:left;
    width:206px;
    line-height:1.667em;
    margin-right:28px;
    padding-bottom:30px;
  }
  .list1 li.alt {
    margin-right:0;
  }
  .list1 li h5 {
    padding-top:16px;
  }
  .list1 li a {
    font-size:1.08em;
    color:#faac09;
  }
  
.list2 {
  width:100%;
  overflow:hidden;
}
  .list2 li {
    float:left;
    width:159px;
    margin-right:13px;
  }
  .list2 li.last {
    margin-right:0;
  }
    .list2 li span {
      display:block;
      padding-top:22px;
    }
  
/*----- other -----*/
.img-indent { 
  margin:0 20px 0 0; 
  float:left;
}
.img-indent1 {
  margin-bottom:20px;
}

.img-box { 
  width:100%; 
  overflow:hidden; 
  padding-bottom:23px;
  line-height:1.667em;
}
  .img-box img { 
    float:left; 
    margin:0 31px 0 0;
  }

.extra-wrap { 
  overflow:hidden;
}

p {
  margin-bottom:20px;
  line-height:1.667em;
}
.p0 {
  margin:0;
  padding:0;
}

dl {
  line-height:1.667em;
}
  dl dt {
    color:#faac09;
  font-size:1.08em;
  font-weight:bold;
  line-height:1.5em;
  text-transform:uppercase;
}
  dl dd {
    padding-bottom:20px;
  }
  dl dd.last {
    padding:0;
  }
  
  .address dd span { 
    float:left;
    width:91px;
  }



/*----- txt, links, lines, titles -----*/
a {
  color:#a3a2a2; 
  outline:none;
}
a:hover {
  text-decoration:none;
}

h1 {
  position:absolute;
  left:-3px;
  top:9px;
  text-indent:-9999px;
}
  h1 a {
    float:left;
    width:352px;
    width:495px;  
    height:76px;
    background:url(../img/logo.png) no-repeat left top;
  }
h2 {
  font-size:24px;
  line-height:1.2em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:22px;
}
h3 {
  font-size:18px;
  line-height:1.2em;
  color:#fff;
  background-repeat:repeat-x;
  background-position:0 0;
  background-image:url(../img/title-tail-1.gif);
  padding:12px 0 7px 15px;
  margin-bottom:23px;
}
h3.style1 {
  background-image:url(../img/title-tail-2.gif);
}
h3.style2 {
  background-image:url(../img/title-tail-3.gif);
}
h5 {
  color:#faac09;
  font-size:1.08em;
  line-height:1.5em;
  text-transform:uppercase;
}
  h5.color1 {
    color:#c20526;
  }
  h5.style1 {
    margin-bottom:20px;
  }
h6 {
  font-size:1em;
  line-height:1.667em;
  margin-bottom:20px;
}


.link {
  font-size:14px;
  line-height:1.2em;
  color:#eaeaea;
  text-decoration:none;
}
.link:hover {
  color:#000;
}

.link1 {
  font-size:14px;
  line-height:1.2em;
  color:#161515;
  display:inline-block;
  text-transform:uppercase;
  text-decoration:none;
  background-repeat:repeat-x;
  background-position:0 0;
  background-color:#faa209;
  background-image:url(../img/button-tail.gif);
  padding:9px 11px 9px 11px;
}
.link1.extra {
  background-image:url(../img/button-tail-1.gif);
  color:#fff;
}
  .link1:hover {
    background:#fff;
    color:#000;
  }
  
  
.line-hor { 
  height:2px;
  background:url(../img/line-hor.png) repeat-x left top;
  overflow:hidden;
  font-size:0;
  line-height:0;
  margin:12px 0 16px 0;
}


/*===== header =====*/
div#header .bg-top {
  position:absolute;
  right:40px;
  top:124px;
  z-index:10;
  width:196px;
  height:48px;
  /*background:url(../img/header-bg-top.png) no-repeat left top;*/
  display:none;
}
div#header nav {
  position:absolute;
  left:0;
  top:98px;
/*font-family: 'bebas_neueregular';  */
  text-transform:uppercase;
  /*font-weight:bold;*/
  font-size:0.9em;
  
}
/*
div#header nav ul li {
    float:left;
    font-size:1em;
  }

div#header nav ul li a {
      text-decoration:none;
      color:#fff;
      float:left;
      padding:30px 10px 20px 10px; 
    }
div#header nav ul li a:hover,div#header nav ul li a.active {  background:url(../img/nav-act.gif) repeat-x left top;  }
*/


div#header #slogan {
  position:absolute;
  left:181px !important;
  left:182px;
  top:347px;
    display:none;
}  

/*===== content =====*/
#content .col-1 {
  width:316px; 
  margin-right:43px;
}
#content .col-2 { 
  width:316px;
}
#content .indent {
  padding-bottom:39px;
}

/*===== Sidebar =====*/
aside .inside {
  padding:24px 25px 40px 24px;
}
aside dl dt {
  color:#fff;
  font-size:1em;
  text-transform:none;
}

/*===== footer =====*/
footer .inside {
  padding:28px 0 0 0;
  font-size:10px
}
footer ul {
  width:100%;
  overflow:hidden;
  padding-bottom:8px;
  font-size:12px;
}
  footer ul li {
    float:left;
    /*font-weight:bold;*/
    padding-right:22px;
  }
    footer ul li a {
      color:#fff;
    }

footer a {
  color:#faa309;
  text-decoration:none;
}
footer a:hover {
  text-decoration:underline;
}


/*----- forms -----*/

#search-form {
  position:absolute;
  right:0;
  top:32px;
  height:32px;
   text-shadow:none;
  border-radius:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-top-left-radius: 10px;
  border-radius:10px 0 0 !important;
  line-height:30px;
  padding-left:10px;
  padding-right:10px;
}

#search-form p{
margin:0px;
  padding:0px;
}

#contacts-form .rowElem { 
  width:100%;
  overflow:hidden;
  height:26px;
}
#contacts-form .rowElem1 { 
  width:100%;
  overflow:hidden;
  margin-bottom:22px;
}
#contacts-form label {
  width:65px;
  display:block;
  float:left;
}
#contacts-form input {
  width:244px;
  display:block;
  float:left;
  padding:2px 0 2px 3px;
  height:16px; 
  background:#222121;
  color:#fff; 
  border:1px solid #a4a4a4;
}
#contacts-form textarea { 
  width:244px; 
  height:167px;
  overflow:auto;
  float:left;
  background:#222121;
  color:#fff;
  border:1px solid #a4a4a4; 
  padding:2px 0 2px 3px; 
}


/*==========================================*/
div#flashdta {
position:absolute;
z-index:0;
width:100%;
top:98px;
}    
div#flashbg {
width:100%;
height:556px;
repeat:no-repeat;
background-image:url(../img/header-bg.jpg);
background-position:center 0px;
}
.tail-top {
z-index:2;
}

.footer-menu {margin-right:20px;}
.inside  h2 {
  font-size: 0.8.em;
}


.csc-header-date {
display:none;
}

.csc-firstHeader{
  position:relative;
  text-indent:0;
  font-size:14px;
  line-height:1.2em;
  color:#fff;
  background-repeat:repeat-x;
  background-position:0 0;
  background-image:url(../img/title-tail-1.gif);
  padding:12px 0 7px 15px;
  margin-bottom:23px;
}

aside div.inside h2{
font-size:16px;
}

header header{
  font-size:12px;
  font-weight:bold;
}

article {
font-size:12px;
}
/* ++++++++++ Wetter  +++++++++++ */

div#wetter {
width:388px;
height:40px;
margin-top:135px;
float:left;
text-align:left;
background-color:white;
border:1px solid white;
opacity:.65;
filter: alpha(opacity=65);
-moz-opacity: 0.65;
}

.degree {

font-size:35px;
font-family:verdana;
width:96px;
float:left;
margin-left:5px;
  margin-top:10px;
/*font-weight:bold;*/
}

.condition {

font-size:9px;
font-family:verdana;
width:115px;
float:left;
font-weight:bold;
margin-top:3px;
}
.sonne a{

font-size:9px;
font-family:verdana;
font-weight:bold;
}
.sonne {

font-size:9px;
font-family:verdana;
width:85px;
float:left;
font-weight:bold;
margin-top:3px;
}

.wicon {
width:80px;
marign-left:10px;
float:left;
height:40px;
background-repeat:no-repeat;
background-position: 0 60%;
}

.tx-wetter-pi1 {
  width:388px;
  height:40px;
  line-height:0.6em;
  padding:5px;
  color:#A3A2A2;
  color:#222222;  
  background-color:#383838;
  background-color:#bcbcbc;  
}

div#slogan {
display:none;
}



/*   Tabelle  */
table.tide thead th {
    padding:3px;
    text-align:center;
  padding-left:30px;
  padding-right:30px;
}

table.tide tbody tr.first {
    color:black;
    background-color: #DDDDDD;
}

table.tide tbody td {
    padding:3px;
    text-align:center;
  padding-left:10px;
  padding-right:10px;
}
table.tide tbody td.cel-4 {
    text-align:right;
    
}




.flash {
    background-color: white;
}


.foerderer td.td-0 {
width:40%;
padding:3px;
}


.foerderer td.td-1 {
width:60%;
padding:3px;  
}

.foerderer tr.tr-even {
background-color:#dfdfdf;
  color:black;
  
}
.foerderer tr.tr-odd {

}