/*
MICHAEL
*/



 .kleiner {
    font-size: 0.5em;
    text-align: center;
    line-height: 100%;
}



@font-face {
    font-family: 'opensansregular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#webfontj1CI1MAi') format('svg');
}


@font-face {
    font-family: 'opensansbold';
    src: url('../font/OpenSans-Bold-webfont.eot');
    src: url('../font/OpenSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Bold-webfont.woff') format('woff'),
         url('../font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Bold-webfont.svg#webfontj1CI1MAi') format('svg');
}


@font-face {
    font-family: 'opensansitalic';
    src: url('../font/OpenSans-Italic-webfont.eot');
    src: url('../font/OpenSans-Italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Italic-webfont.woff') format('woff'),
         url('../font/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Italic-webfont.svg#webfontj1CI1MAi') format('svg');
}

@font-face {
    font-family: 'opensansitalicbold';
    src: url('../font/OpenSans-BoldItalic-webfont.eot');
    src: url('../font/OpenSans-BoldItalic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-BoldItalic-webfont.svg#webfontj1CI1MAi') format('svg');
}

@font-face {
    font-family: 'opensanslight';
    src: url('../font/OpenSans-Light-webfont.eot');
    src: url('../font/OpenSans-Light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Light-webfont.woff') format('woff'),
         url('../font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Light-webfont.svg#webfontj1CI1MAi') format('svg');
}


* {margin:0;padding:0;}


html, body, #wrap {height: 100%;}

body {
overflow-x: hidden !important;
}

body > #wrap {height: auto; min-height: 100%;}




#main_end { padding-bottom: 50px;}  /* Muss genau so hoch sein wie der Footer */

#footer {
        position: relative;
        margin-top: -50px; /* Negativer Wert der Footer-H?he */
        height: 50px;
        clear:both;
}

/* CLEAR FIX */
.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht f?r IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht f?r IE-mac Ende */





body { margin: 0;
padding: 0;
font-size: 1.2em;
font-family: 'opensansregular', Verdana, Arial, sans-serif;
# background-image: url(../gfx/hg.png);
# background-repeat:repeat-x;
background-color: #ffffff;

}


img { width: 100%; height: auto; }
.reframe { max-width: 100%; margin: 0 auto; }





div#topline {  }
div#topline p { margin: 0; padding:0 0 0px 0; font-size: 0em; text-align: center; line-height: 0%; }

div#top {
                display: none;
        }

div#logo_start {
                display: none;
        }

div#logo2 {
                width: 100%;
                height: auto;
                position:absolute;right:0px;top:-80px;
                text-align:left;
                background-color: #ffffff;
        }


div#logo2 img {  width: auto;
height: 100%;
 margin-left: 30px;
padding-top: 80px;
}


        div#zert2 {
        height: 60px;
                position:absolute;left:10px;top:-70px;
}

div#zert2 img {
        width:auto;
        height: 100%;
}

ul#mainmenu {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
#        -webkit-justify-content: space-between;
        -ms-flex-pack:justify;
        justify-content: space-between;
        margin-left: 0;
        padding-left: 25%;
        margin-right: 0px;
        list-style-type: none;

 }

   ul#mainmenu li {
        position: relative;
   width: 100%;
   font-size:0.6em;
   background-image: none;
                background-position: right bottom;
        background-color: #ff8c40;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-top: -75px;
   padding-top: 10px;
   padding-bottom: 0px;
   z-index:9999;
   height: 50px;
   }

      ul#mainmenu li a {
     min-height: 50px;
   }

   ul#mainmenu li:hover {
   background-image: none;
                background-position: right bottom;
   }

   ul#mainmenu li a.active, ul#mainmenu li a.actifsub {
 #  background-image: none;
                background-position: right bottom;
                text-decoration: underline;

   }

   ul#mainmenu li ul  {
        margin-top: 0px;
   }

   ul#mainmenu li  li a{

   }


   ul#mainmenu li li a.active, ul#mainmenu li li a.actifsub {
   background-image:none;
                color: #003f7d;
   }

   ul#mainmenu li li:hover {
   background-image: none;
   }


ul#mainmenu li a {
   display:block; padding: 0px; padding-left: 10px; text-decoration: none; color: white; }

   ul#mainmenu li li a {
   min-width: 100px; color: #58584e; padding-left: 15px;  padding-right: 5px;  font-size: 1.3em;}

ul#mainmenu ul li {
   background: none; margin-top: 0; display: block; margin-bottom: 1px; }

ul#mainmenu li:hover ul {
   display: block; }

ul#mainmenu ul {
   min-width: 146px;
   background-image: none;
                background-position: right top;
   position: absolute; left:0; padding-left: 0; width: 100%;
   display: none;
   padding-top: 0px;
   padding-bottom: 20px;
   z-index:250; }



#sidebar_left ul, #sidebar_left2 ul { # list-style-type:none; padding-left: 15px; padding-bottom: 15px; }
#sidebar_left ul ul { margin-top: 1em;  }
#sidebar_left li { margin-bottom: 0ex; border-bottom: 0px dotted gainsboro}
#sidebar_left li li { border-bottom:none,}

#sidebar_left, #sidebar_left2, #sidebar_left3 { width: 100%; # background-color: #ffffff; # display: none;}
#sidebar { width: 0%; display: none;}

#sidebar_on_off {display: none; }

#home { background: #2A363B; color:white; padding: 10px; text-align: center; font-weight: bold; cursor: pointer }
footer { border-top: 4px solid #94948d; background: #94948d; min-height: 30px; color: #000000; font-size: 0.6em; line-height: 160%; padding-top:2px; padding-left: 30px }


    #slideshow {
                   position: relative;
                #   width: 1280px;
                   height:auto;
                   margin-top: 90px;
                   margin-bottom: 0px;
                   padding-left: 0px;
                   padding-right: 0px;
                   padding-top: 0px;
                   padding-bottom: 0px;
                   background-color: none;
                   }

        #slideshow img {
          margin-top: -4px;
          max-height: 200px;
          width: auto;
        }

               iframe {
  width: 615px;
  height: 106px;
          }

            #slideshow_iframe {
                   position: relative;
                   width: 100%;
                   height:auto;
                   margin-top: 0px;
                   margin-bottom: 0px;
                   padding-left: 0px;
                   padding-right: 0px;
                   padding-top: 0px;
                   padding-bottom: 0px;
                   background-color: #ffffff;
                   }

        #slideshow_iframe img {
          margin-top: -4px;
          max-height: 200px;
          width: auto;
        }



#slideshow2 { margin-bottom: 0px; }


#newsticker {
         display: none;
        }

#newsticker a{
         color: #ffffff;
        }

    #icons {
    display: none;
    }

   .nav_sticky {
         width: 100%;
         height: 100px;
       #  background-color: #b4b308;
       background-image: none;
         margin-top: 5px;
         margin-bottom: 20px;
         color: #ffffff;
         position: -webkit-sticky;
         top: 245px;
        z-index: 1;
        text-align: center;
        }

      .nav_sticky img{
        height: 108px;
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
   #     -webkit-box-shadow: 3px 3px 3px grey;
# -moz-box-shadow: 3px 3px 3px grey;
# box-shadow: 3px 3px 3px grey;
      }



        .sticky {
        position: fixed;
        width: 100%;
        left: 0;
        top: 100px;
        z-index: 100;
        border-top: 0;
}


div#inhalt {
    position: relative;
    margin-top: 10px;
    width: 96%;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
    background-color: #FFF;
}


#image {
width: 100%;
#height: 300px;
position: relative;
z-index: 1;
text-align: center;
}

#image img{
width: 100%;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
}


#image_streifen {
width: 100%;
height: 200px;
position: absolute;
z-index: 2;
background-position:top right;
 background-image: none;
background-position: center center;
 background-repeat: repeat-x;
}

#main { # background-color: #e3e2dc; }

#content, #content2 { # min-height: 300px; # background-color: #fff; margin-bottom: 20px;}

#content h1, #content2 h1, sidebar_left2 h1 { font-size: 1.2em; font-family: 'opensansbold', Verdana, Arial, sans-serif; }
#content h2, #content2 h2, sidebar_left2 h2 { font-size: 1.2em; font-family: 'opensanslight', Verdana, Arial, sans-serif; text-align: justify; line-height: 180%;}

#content h3, #content2 h3, , sidebar_left2 h3 { font-size: 1.2em; font-family: 'opensansregular', Verdana, Arial, sans-serif; }


#content p, #content2 p, sidebar_left2 p { font-size: 0.7em; margin-top: 0px;}

.blue {
color: #ffffff;
}

.green {
color: #000000;
}



.white {
color: #000000;
}

.white a {  background-image: none;  padding-left: 16px; color: #868686; font-weight: bold; # font-size: 0.7em;  }


.h3, .blue h3, .white h3{
font-size: 1.2em;
font-weight: normal;
}

.h4, .blue h4, .white h4{
font-size: 0.8em;
font-weight: normal;
}

#contentarea {
padding: 10px 10px 10px 10px;
}

#nav { display: none; text-align: left;}

#nav2 {
   position:relative;
   top: 85px;
   width: 100%;
height: 37px;
font-size: 0.8em;
background: none repeat scroll 0% 0% #868686;
margin-top: 5px;
z-index: 9999;
text-align: left;
}

   #nav2 a{
   padding-left: 30px;
   color:#ffffff;
   font-weight: normal; }

    #nav2 p{

   color: white;
   padding-left: 20px;
   width: 80%;   }

   div#navigation_oben_container
{
        width: 100%;
        height: 60px;
       position: relative;

        left:1px;
        text-align: left;
        font-size: 10px;
        font-weight: normal;
        color: #ffffff;

                margin-top: 0px;
                display: none;
         }

                    div#navigation_oben_container a
{
        color: #ffffff;
         }


#article {
        position:relative;
#         margin: 10px 10px -10px 10px;
        padding-bottom: 20px;
#    padding-top: 5px;
#        border-bottom: 2px dotted gainsboro;
        height: auto;
}

#article h3{
    margin-top: 0px;
        margin-bottom: 20px;
        font-size: 1.2em;
        color: #14255f;
}
#article p{
    margin-top: 0px;
        margin-bottom: 15px;
    #  font-size: 0.75em;
    #    text-align: justify;
    #    line-height: 120%;
}






#links { width: 100%; padding-right: 20px; padding-bottom: 10px;}
#links2 { width: 1%; padding-right: 20px; }

#links img { width: 100%; }

#rechts { width: 100%;  }

#back-top {
position: fixed;
bottom: 70px;
# margin-left: 670px;
z-index: 9999;
}


#back-top span {
width: 80px;
height: 20px;
display: block;
background: url(../gfx/top.png) no-repeat;
}

#content_inner h1{
font-size: 1.2em; margin-top: 10px;
        }
#content_inner h2{
font-size: 1.0em; margin-top: 10px;
        }

#content_inner img {
width: 100%;
        }

        #content_inner p img {
width: auto;
        }

        #content_inner, #content ul {
 font-size: 100%;
 padding-left: 14px;
        }

                #content_inner, #content ul li {
padding-bottom: 10px;
        }

        #content_inner, #content ul ul {
font-size: 1.0em;
padding-top: 10px;
        }

        #content ul li {
        font-size: 100%;
        line-height: 100%;
}

        div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-imagewrap, .csc-textpic-imagewrap table { float: block; width: 100%; }


        div.nav_sticky { height: 108px; }



div#header_image {
        #        background-color: red;
                height: auto;
                margin-top: 0px;
        }

        div#header_image img {
                margin-top: -25px;
                margin-bottom: -10px;
        }

.csc-textpic-firstcol {# width: 19%; }
.csc-textpic-lastcol {# width: 19%; }
.csc-textpic-imagecolumn {# width: 19%; }

div#navigation_footer {display: none; }
div#navigation_footer_mobil {display: block; }


div#menue {
        display: none;
}


.topup{ display: none; background-color: #ffffff; }




#topblue {
position: fixed;
top: -5px;
width: 100%;
height: 10px;
background-color: #14255f;
z-index: 9999;
}


#image_streifen {
display: none;
}

#topnav{
         width: 95%;
         text-align: right;
         font-size: 0.6em;
         z-index: 999;
         }

#topnav a{
         font-weight: normal;
         }


   table.footer {
    margin-left: 0px;
}

#content_out {
 min-height: 300px;
 }

 #main_photo {
 display: none;
 }

 #main_photo_mobil {
                padding-top: 10px;
                display:-webkit-flex;
                display:-ms-flexbox;
                display:flex;
              -webkit-justify-content: space-between;
                -ms-flex-pack:justify;
                justify-content: space-between;
                margin-bottom: -10px;
        }

  #main_photo_mobil img{
               width: 100%;
               height: auto;
        }

        #contentarea2 {
               min-height: 220px;
        }


         #bild_container {

        }
        #bild_container_links{
                padding-right: 10px;
                 width: 25%;

        }
        #bild_container_rechts{
                float: right;
                width: 70%;
        }

/* Tabletts */
@media only screen and (min-width: 760px) {

  body { background-color: #ececec; }



   div#top {
                position: relative;
                display: block;
                #background-image: none;
                background-color: #ffffff;
                # background-size: 100%;
                height: 20px;
                z-index: 99;
        }


        div#toTop {
       background-image: url(../gfx/blatt.gif);
background-repeat: no-repeat;
background-position: right bottom;
        }

div#logo2 {
                display: none;
        }

div#logo {
                height: 70px;
                margin-top: 0px;
               z-index:999;
        }


div#logo img {  width: auto;
height: 70%;
 margin-left: 30px;
 float: left;
}


div#logo_klein {
                height: 70px;
                margin-top: 0px;
               z-index:999;
        }


div#logo_klein img {  width: auto;
height: 100%;
margin-left: 0px;
 float: left;
}


.small_header {
 position: absolute; width: 100%; #height: 55px; margin-top: 0px; z-index:999; display:none; }



.header {
 position: absolute; height: 55px; margin-top: 0px; z-index:999; display:block;
}

.small_header img{
width: auto;
height: 100%;
 margin-left: 80px;
 float: left;
 }

.header img  {
width: auto;
height: 100%;
 margin-left: 80px;
 float: left;
}

footer { font-size: 0.45em; }



div#logo_start {
                display: block;
                height: 80px;
                margin-top: 248px;
                position:absolute;
                z-index:999;
        }

div#logo_start img {  width: auto;
height: 100%;
# margin-left: 50%;
}




div#startbild{
        width: 94%;
        height: auto;
        margin-top: 0px;
        margin-left: 20px;
        margin-bottom: 0px;
        text-align: left;
        position: relative;
        padding-left: 0px;
        font-weight:normal;
        left: 0px;

}


        ul#mainmenu ul {
   background-image: none;
        }


        .reframe { max-width: 760px; }

        ul#mainmenu {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                margin-top: 85px;
                margin-left: 0px;
                margin-right: 0px;

        }



        ul#mainmenu ul {
   background-image: none;
        }

                   ul#mainmenu li {
        position: relative;
   width: 100%;
   font-size:0.65em;
        background-color: #ff8c40;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-top: -82px;
   padding-top: 20px;
   padding-bottom: 0px;
   z-index:9999;
 #  height: 47px;
   }

        ul#mainmenu ul li {
   min-height: 10px;
   margin-top: 0px;
   padding-bottom: 00px;
   height: auto;
   }

     ul#mainmenu ul li a {
     min-height: 10px;
   }

        div#hauptmenue  ul li  a.active2, div#hauptmenue  ul li  a.n4 {
  # color: blue;
   font-weight: bold;
   }

   div#hauptmenue  ul li  a.n2:hover {
   color: #94948d;
   }


        #nav {
        display: block;
        margin-top: 0px;
        padding-top: 0px;
#        background-image: none;
#        height: 75px;  }

        #main, #main_photo {
                padding-top: 30px;
                display:-webkit-flex;
                display:-ms-flexbox;
                display:flex;
              -webkit-justify-content: space-between;
                -ms-flex-pack:justify;
                justify-content: space-between;
        }

        #main_photo_mobil {
                display: block;
        }


        #contentarea {
                width: 100%;
                padding-top: 10px;
                display:-webkit-flex;
                display:-ms-flexbox;
                display:flex;
              -webkit-justify-content: space-between;
                -ms-flex-pack:justify;
                justify-content: space-between;
                padding-bottom: 25px;
                min-height: 250px;
        }

        #contentarea2 {
                padding-top: 10px;
                display:-webkit-flex;
                display:-ms-flexbox;
                display:flex;
              -webkit-justify-content: space-between;
                -ms-flex-pack:justify;
                justify-content: space-between;
                color: white;
                min-height: 200px;
                padding-bottom: 15px;
        }


        #sidebar { width: 24%;display: inline; }
        #sidebar_left {  width:44%; display: inline; # padding-left: 80px; }
        #sidebar_left2 {  width:60%; display: inline; # padding-left: 80px; }
        #sidebar_left3 {  width:100%; display: inline; # padding-left: 80px; }

        #sidebar_left ul, #sidebar_left2 ul {font-size: 0.75em; line-height: 120%; }

        #sidebar_on_off {display: block; }

        #sidebar_left h1, #sidebar_left2 h1, #sidebar_left3 h1 { font-size: 1.0em; }
        #sidebar_left h2, #sidebar_left2 h2, #sidebar_left3 h2 { font-size: 0.75em; color: #ff8c40; font-weight: bold;}
        #sidebar_left p, #sidebar_left2 p, #sidebar_left3 p { font-size: 0.75em; line-height: 120%;}
        #sidebar_left a, #sidebar_left2 a, #sidebar_left3 a { color: #868686; font-weight: bold;}

      #slideshow {
                #   width: 1280px;
                   height:120px;
                  margin-top: 80px;
                   margin-bottom: 0px;
                   padding-left: 0px;
                   padding-right: 0px;
                   padding-top: 50px;
                   padding-bottom: 0px;
                   background-color: #ffffff;

                   }

        #slideshow img {
          #      min-width: 500px;
          margin-top: -4px;
          max-height: 230px;
        }

                iframe {
  width: 760px;
  height: 131px;
          }

  #slideshow_iframe {
                   width: 100%;
                   height:auto;
                  margin-top: 0px;
                   margin-bottom: 0px;
                   padding-left: 0px;
                   padding-right: 0px;
                   padding-top: 0px;
                   padding-bottom: 0px;
                   background-color: #ffffff;

                   }

        #slideshow_iframe img {
          #      min-width: 500px;
          margin-top: 0px;
          max-height: 230px;
        }

        #slideshow2  { background-color: #CCC; width: 760px; height:267px; margin-top: 0px; margin-bottom: -10px;}
        #slideshow2 img {width: 760px;}

        #slideshow2 div.csc-textpic { overflow: visible; }

        #newsticker {
         display: block;
         position: relative;
         width: 100%;
         height: 28px;
         background-color: #14255f;
         margin-top: 5px;
         margin-bottom: 20px;
         color: #ffffff;
         font-size: 0.9em;
        }

        #icons {
    display: block;
    }





        #content article { width: 100%; float:none; }

        #nav2 { display: none;  }


        #rechte_spalte {
                width: 90%;
        }

        #rechte_spalte h3{
                height: 23px;
                background-color: #003d7c;
font-size: 0.75em;
color: white;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 10px;
padding-top: 6px;
        }

        #rechte_spalte img {
                width: 100%;
                padding-bottom: 10px;
        }

        #content h3, #content2 h3, , sidebar_left2 h3 { #font-size: 0.85em; #margin-top: 0px;}
        #content p, #content2 p, sidebar_left2 p { font-size: 0.7em; margin-top: 0px;}



        #content {
        width: 75%;
        padding-left: 30px;
        }

        #content2 {
        width: 40%;
        padding-left: 30px;
        }

        #content_inner {
margin: 10px 10px 10px 10px;
        padding-bottom: 10px;
        padding-top: 5px;
        }

        #content_inner h1{
font-size: 1.2em; margin-top: 0px;
        }
         #content_inner h2{
font-size: 1.0em; margin-top: 0px;
        }

        #content_inner h2{
font-size: 0.9em; margin-top: 0px;
        }

                #content_inner, #content ul {
 font-size: 0.75em;
 padding-left: 14px;
        }


div.text {padding-right: 30px; }
div.datenblatt { text-align: right; }
div.datenblatt a {  background-image: none;  padding-left: 16px; color: #868686; font-weight: bold; # font-size: 0.7em;  }




                div#navigation_oben_container {
                position:relative; display: block; margin-top: 0px; font-size: 0.75em; width: 300px; height: 20px; }

.news-list-date {
        font-size: 0.6em;
}

.csc-textpic-firstcol {# width: 19%; }
.csc-textpic-lastcol {# width: 19%; }
.csc-textpic-imagecolumn {# width: 19%; }

div#navigation_footer {display: block; # font-size: 0.5em; }
div#navigation_footer_mobil {display: none; }
div#home {display: none; }
div#topline {display: none; }

.tx-felogin-pi1 {
         font-size: 0.8em;
        #color: #000000;
        # background-color:#5b72a6;
        padding: 0px 0px 0px 0px;
        margin-bottom:20px;
        margin-left: 0px;
        margin-right: 0px;
}

.user {
        font-size: 13px;
        font-family : Arial, Verdana, Helvetica, sans-serif, serif;
        font-style: normal;
        font-weight: bold;
        color: #7c7a7c;
        width: 150px;
        height:25px;
        border-color: #000000;
        border-width: 1;
        border: 1px dotted #ff8c40;
        background: #e8eaed;
                margin-bottom: 10px;
        }


 .tx-srfeuserregister-pi1 dt {
    width: 25%;
}


div#menue {
        display: block;
          width: 100%;
          height: 61px;
       #  background-position:top right;
       #  background-image: none;
         padding: 0px;
         }


.topup{
         display: block;
         width:100%;
         height: 10px;
      #   background-position:top right;
      #   background-image: none;
         padding-top: 5px;
         }





#shadow {
        width: 100%;
        margin:0 auto;
     #    background-color: white;
     #  -moz-box-shadow:1px 1px 2px #a0a0a0; /* Firefox */
#-webkit-box-shadow:1px 1px 2px #a0a0a0; /* Chrome, Safari */
#-khtml-box-shadow:1px 1px 2px #a0a0a0; /* Konqueror */
#box-shadow:1px 1px 2px #a0a0a0; /* CSS3 */
        }

   table.footer {
    width: 760px;
}
td.width {
    width: 80px;
}

td.width2 {
    width: 60px;
}

#image {
position: absolute;

}


#image img{
#width: auto;
padding-top: 0px;
padding-bottom: 0px;
}


#image_streifen {
display: block;
width: 100%;
height: 230px;
position: absolute;
z-index: 2;
background-position:top right;
 background-image: none;
background-position: center center;
 background-repeat: repeat-x;
}


        .sticky {
         top: 80px;

}


#content_out {
 min-height: 100px;
 }

}

/* Mittlere Gr??e */
@media only screen and (min-width: 980px)  {

  body { # background-image: url(../gfx/bg980.png); }

                 div#logo {
                height: 80px;
                margin-top: 0px;
               z-index:999;
        }


        div#page {
        padding-top: 30px;
        }

div#logo img {  width: auto;
height: 80%;
 margin-left: 30px;
 float: left;
}


                 div#logo_klein {
                height: 80px;
                margin-top: 0px;
               z-index:999;
        }


div#logo_klein img {  width: auto;
height: 100%;
# margin-left: 100px;
 float: left;
}



.small_header {
 position: absolute; width: 100%; #height: 80px; margin-top: 0px; z-index:999; display:none; }

.header {
 position: absolute; height: 80px; margin-top: 0px; z-index:999; display:block;
}

.small_header img{
width: auto;
height: 100%;
 margin-left: 10px;
 float: left;
 }

.header img  {
width: auto;
height: 100%;
 margin-left: 100px;
 float: left;
}

 footer { font-size: 0.6em; }


                div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; width: 20%; }



        #content_inner img {
# width: auto;
        }

        ul#mainmenu {
                margin-top: 92px;
        }



        ul#mainmenu ul {
   background-image: none;
        }


                   ul#mainmenu li {
        position: relative;
   width: 100%;
   font-size:0.9em;
        background-color: #ff8c40;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-top: -82px;
   padding-top: 20px;
   padding-bottom: 0px;
   z-index:9999;
 #  height: 47px;
   }

              ul#mainmenu li li{

   font-size:0.6em;
   }



        .reframe { max-width: 980px; }

        #sidebar { width: 20.5%;display: inline; }
        #sidebar_left, #sidebar_left2, #sidebar_left3 { display: inline;}


        #slideshow {
               #   width: 1280px;
                   height:190px;
                  margin-top: 130px;
                   margin-bottom: 0px;
                   padding-left: 0px;
                   padding-right: 0px;
                   padding-top: 50px;
                   padding-bottom: 0px;
                   background-color: #ffffff;

                   }

        #slideshow img {
          #      min-width: 500px;
          margin-top: -4px;
          max-height: 270px;
        }

               iframe {
  width: 980px;
  height: 169px;
}


          #slideshow_iframe {
                 width: 100%;
                   height:auto;
                  margin-top: 0px;
                   margin-bottom: 0px;
                   padding-left: 0px;
                   padding-right: 0px;
                   padding-top: 0px;
                   padding-bottom: 0px;
                   background-color: #ffffff;

                   }

        #slideshow_iframe img {
          #      min-width: 500px;
          margin-top: 0px;
          max-height: 190px;
        }

        #slideshow2  { background-color: #CCC; width: 980px; height:345px; margin-top: 0px; margin-bottom: -10px;}
        #slideshow2 img {
      #  width: 980px;
        }

        #content, #content2  {
        padding-left: 30px;
        }

        #content article {

        }

        #content header {

        }

        div#navigation_oben_container{
                margin-top: 0px;
                font-size: 0.65em;
                width: 400px;
                }

#links { width: 50%; float:left; padding-right: 0px; }
#links2 { width: 1%; float:left; padding-right: 0px; }

#links img { width: 100%; }

#rechts { width: 45%; float:right; }



div#menue {
        display: block;
        #  width: 1280px;
         width: 100%;
          height: 102px;
     #    background-position:top right;
     #    background-image: none;
     #    background-position: center center;
     #    background-repeat: repeat-x;

         padding: 0px;
         }


.topup{
         display: block;
        # width:1280px;
        width: 100%;
         height: 5px;
       #  background-position:top right;
       #  background-image: none;
       #  background-position: center center;
       #background-repeat: repeat-x;
          padding: 0px;
          padding-top: 20px;
         }

          #shadow {
      #  width: 980px;
      width: 100%;
        }

        table.footer {
    width: 980px;
}
td.width {
    width: 100px;
}

td.width2 {
    width: 230px;
}

#newsletter {
  margin-left:433px; /* h?lfte vom content + 10px Abstand */
top:480px;
margin-top:-30px; /* h?lfte der eigenen H?he */
}

#newsletter {
display: none;
}

#newsletter2 {
display: block;
position: absolute;
top:300px;
margin-top:60px; /* h?lfte der eigenen H?he */
float: right;
right: 0;
}

#image_streifen {
width: 100%;
height: 270px;
position: absolute;
z-index: 2;
background-position:top right;
 background-image: none;
background-position: center center;
 background-repeat: repeat-x;
}

#topblue {
position: fixed;
width: 100%;
height: 18px;
background-color: #14255f;
z-index: 9999;
}


        .sticky {
         top: 90px;

}


}
/* Gro?e Monitore */
@media only screen and (min-width: 1280px)  {


 body { # background-image: url(../gfx/bg.png); }


        div#page {
        padding-top: 50px;
        }

         div#logo {
                height: 70px;
                margin-top: 0px;
               z-index:999;
        }




div#logo img {  width: auto;
height: 100%;
 margin-left: 30px;
 float: left;
}


.small_header {
 position: absolute; width: 100%; #height: 102px; margin-top: 0px; z-index:999; display:none; #background-color: red;}

.header {
 position: absolute; height: 102px; margin-top: 0px; z-index:999; display:block;
}

.small_header img{
width: auto;
height: 100%;
 margin-left: 180px;
 float: left;
 }

.header img  {
width: auto;
height: 100%;
 margin-left: 180px;
 float: left;
}

footer {font-size: 0.7em; }

        #topline { background: gold; }
        .reframe {
        max-width: 1100px;
       #   max-width: 100%;
        }
        #content{ # width: 76%;  }
        #sidebar { width: 20.7%; }


        #slideshow {
                #   width: 1280px;
                   height:190px;
                  margin-top: 140px;
                   margin-bottom: 0px;
                   padding-left: 0px;
                   padding-right: 0px;
                   padding-top: 50px;
                   padding-bottom: 0px;
                   background-color: #ffffff;


                   }

        #slideshow img {
          #      min-width: 500px;
          margin-top: -4px;
          max-height: 300px;
        }

        iframe {
  width: 1100px;
  height: 190px;
}


#slideshow_iframe {
                   width: 100%;
                   height:auto;
                  margin-top: 0px;
                   margin-bottom: 0px;
                   padding-left: 0px;
                   padding-right: 0px;
                   padding-top: 0px;
                   padding-bottom: 0px;
                   background-color: #ffffff;


                   }

        #slideshow_iframe img {
          #      min-width: 500px;
          margin-top: 0px;
          max-height: 300px;
        }



        #slideshow2  { background-color: #CCC; width: 1280px; height:450px; margin-top: 0px; margin-bottom: -10px;}
        #slideshow2 img {width: 1280px;}

        #content, #content2 {
        padding-left: 30px;
       # padding-right: 180px;
      #  min-height: 600px;
        }

         #shadow {
     #   width: 1280px;
     width: 100%

        }


        #content article {
                width: 97%;
        }

        #content header {
                height:2.8em;
        }

        #rechte_spalte {
                padding-left: 7px;
        }

        div#navigation_oben_container
{
                font-size: 0.7em;
                width: 500px;


}

div#menue {
        display: block;
        #  width: 1280px;
         width: 100%;
          height: 102px;
     #    background-position:top right;
     #    background-image: none;
     #    background-position: center center;
     #    background-repeat: repeat-x;

         padding: 0px;
         }


.topup{
         display: block;
        # width:1280px;
        width: 100%;
         height: 20px;
       #  background-position:top right;
       #  background-image: none;
       #  background-position: center center;
       #background-repeat: repeat-x;
          padding: 0px;
          padding-top: 20px;
         }



table.footer {
    width: 980px;
}
td.width {
    width: 180px;
}

td.width2 {
    width: 380px;
}

#image_streifen {
width: 100%;
height: 300px;
position: absolute;
z-index: 2;
background-position:top right;
 background-image: none;
background-position: center center;
 background-repeat: repeat-x;
}

        .sticky {
         top: 100px;

}

}



#slideshow div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: visible;
    margin-top: 0px;
}


div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 5px;
}


#kesearch_results img {
    width: auto;
}


.ui-accordion .ui-accordion-content {
    padding: 0em 0em;
}

.ui-accordion .ui-accordion-icons {
    margin: 0 auto;
  }

  .ui-widget {
    font-family: 'opensansregular', Verdana, Arial, sans-serif;
    font-size: 1.0em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid #D3D3D3;
    background: none;
    font-weight: normal;
    color: #000;
}

.ui-widget-content {
    border: 0px solid #AAA;
    background: none;
    }

    .ui-accordion .ui-accordion-header {
   font-size: 0.9em;
  }



.csc-sitemap ul li ul {

  padding-left: 30px;
  font-size: 0.8em;
  }

 .csc-textpic-caption {
    font-size: 0.6em;
}