/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */
.album_content {
        width:100%; 
        float:left;
}
.clear {
        clear:both
}
/* Album List UL */
.albumlist
{
        margin-left:0;
        padding-left:0;
        float:left;
}

/* Picture List UL */
.picturelist
{
        margin-left:0;
        padding-left:0;
}

/* Album and Picture Lists */
.thumb
{
        padding:0;
        width:150px;
        margin:0 0.5em 0.5em 0;
    
/* Thumbnail spacing */
        text-decoration:none;
        line-height:normal;
        list-style-type:none;
        text-align:center;
        float:left;

}

.thumb a
{
        display:block;
        height:72px; 
/* Set link formatting*/
        width:100px; 
/* Thumb width*/ 
        
/* Thumb height*/
        padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
        margin:0;
        background-color:white;
/*Background of thumb */
        border-top:1px solid #eee;
/* Borders of thumb frame */
        border-right:2px solid #ccc;
        border-bottom:2px solid #ccc;
        border-left:1px solid #eee;
        text-decoration:none;
}
.albumcomment { text-align: left; }
.thumb a:visited img
{
        background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
        background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
        font-size:smaller;
        text-align:center;
        font-weight:bold;
        font-style:normal;
}
.albumname a
{
        display: inline;
        border: none;
        margin:0;
        padding:0;
        background-color:transparent;
}
.albumpicturecount
{
        font-size:smaller;
        text-align:center;
        font-weight:normal;
        font-style:italic;
}

.albumcomment
{
        text-align:center;
        font-weight:normal;
        font-style:normal;
}

.albumnav
{
        text-align:center;
        font-weight:normal;
        font-style:normal;
        font-size:smaller;
}

.instructiontext
{
        font-weight:normal;
        font-style:normal;
        font-size:smaller;
        font-style:italic;
}

/* Big Picture */
.bigpicture
{
        padding:0.5em 0 0;
        clear:left;
        border-top:1px solid #ccc;
        text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
        text-align:center;
        margin:0 0 5px;
        padding:0;
}

.bigpicture img
{
/* Big picture settings */
        padding:18px;
/* Image padding to form photo frame. */
        width:80%;
/* Width of big picture - set to auto for actual width*/
        margin:0;
        background-color:white;
/* Background of picture */
        border-top:1px solid #eee;
/* Borders of picture frame */
        border-right:2px solid #ccc;
        border-bottom:2px solid #ccc;
        border-left:1px solid #eee;
        text-decoration:none;
}

.bigpicturenav
{
        margin:0;
        padding:0;
        color:#000;
        font-size:smaller;
        line-height:normal;
}

/*Thickbox CSS */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* Already done in main CMSMS stylesheet. Commenting out. */
/* *{padding: 0; margin: 0;} */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
        font: 12px Arial, Helvetica, sans-serif;
        color: #333333;
}

#TB_secondLine {
        font: 10px Arial, Helvetica, sans-serif;
        color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
        position: fixed;
        z-index:100;
        top: 0px;
        left: 0px;
        background-color:#000;
        opacity: 0.75;
        height:100%;
        width:100%;
}
 /*
* html #TB_overlay { ie6 hack
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
} */

#TB_window {
        position: fixed;
        background: #ffffff;
        z-index: 102;
        color:#000000;
        display:none;
        border: 4px solid #525252;
        text-align:left;
        top:50%;
        left:50%;
}
 /*
* html #TB_window { ie6 hack 
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
} */

#TB_window img#TB_Image {
        display:block;
        margin: 15px 0 0 15px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #666;
        border-left: 1px solid #666;
}

#TB_caption{
        height:25px;
        padding:7px 30px 10px 25px;
        float:left;
}

#TB_closeWindow{
        height:25px;
        padding:11px 25px 10px 0;
        float:right;
}

#TB_closeAjaxWindow{
        padding:7px 10px 5px 0;
        margin-bottom:1px;
        text-align:right;
        float:right;
}

#TB_ajaxWindowTitle{
        float:left;
        padding:7px 0 5px 10px;
        margin-bottom:1px;
}

#TB_title{
        background-color:#e8e8e8;
        height:27px;
}

#TB_ajaxContent{
        clear:both;
        padding:2px 15px 15px 15px;
        overflow:auto;
        text-align:left;
        line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
        padding:15px;
}

#TB_ajaxContent p{
        padding:5px 0px 5px 0px;
}

#TB_load{
        position: fixed;
        display:none;
        height:13px;
        width:208px;
        z-index:103;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

 /*
* html #TB_load { ie6 hack 
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}*/

#TB_HideSelect{
        z-index:99;
        position:fixed;
        top: 0;
        left: 0;
        background-color:#fff;
        border:none;
        opacity: 0;
        height:100%;
        width:100%;
}
/*
* html #TB_HideSelect {  ie6 hack
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
} */

#TB_iframeContent{
        clear:both;
        border:none;
        margin-bottom:-1px;
        margin-top:1px;
}

/* CSS for Lightbox follows */
#lightbox{
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../templates/db/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        }

#imageData{
        padding:0 10px;
        }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }        
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }                        
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }        
                
#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        opacity: 0.6;
        }
        

.clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
        }

* html>body .clearfix {
        display: inline-block; 
        width: 100%;
        }

* html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
        }        
/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 97%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/* Start of CMSMS style sheet '02.1 Gallery CMotion horizontal' */


/* CMOTION GALLERY */



/* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! */



div.largeview {

 text-align: center;

}



#motioncontainer {

margin-top: 5px;

height: 70px; /* according to gallery height */

width: 99.99%;

}



#motioncontainer a img {

border: 0; /* Set image border color */

margin: 0; /* chage this if you want some air inbetween images*/

height: 60px;

width:auto;

}



/* change cursor when clicking on image */

/*#motioncontainer a:active img {

cursor: progress;

}*/



#statusdiv {

background-color: #fff;

color: #FFBF00;/*#8f8f8f;*/

font-size: 65%;

font-weight: bold;

border: 0px solid #afafaf;

padding: .1em;

width: 100px;

position: absolute; /* Stop Editing Gallery Styles */

top: -10px;

left: 0px;

visibility: hidden;

}



#motioncontainer a:hover {

color: red; /* Dummy definition to overcome IE bug */

}



/* Those are already set in the template using

the "style"-tag for both of the divs. It seems to

work only this way - if someone could tell me why,

I'll appreciate!  */

/*

div#motioncontainer {

position:relative;

overflow:hidden;

}

div#motiongallery {

position:absolute;

left:0;

top:0;

white-space: nowrap;

}*/



/* END CMOTION GALLERY */

/* End of '02.1 Gallery CMotion horizontal' */
/* Stylesheet: FSG 7.0 Album Modified On 2013-04-18 00:19:03 */
*{border-radius:0;}

body,td,th {
        font-family:Helvetica,Arial,Verdana;
        font-size: 0.8em;
        color: #222;
        line-height:22px;
}
body {
        background-color: #bfbfc3;
        margin: 0;
        padding: 25px;
        text-align:center;
        font-size: 0.8em;
}

img {
border: 0px;
}
a{
color:#0060AD;
}
a:link{
color:#0060AD;
}
a:visited{
color:#0060AD;
}
a:hover {
        color:#01509B;
        text-decoration:underline;
}

.wrapper {
       border-top-left-radius: 15px;
       border-top-right-radius: 15px;
       border-bottom-left-radius: 15px;
       border-bottom-right-radius: 15px;
      

       max-width: 1350px;
       min-width: 930px;
       margin: 0 auto;

       /* border-left:3px solid #ededed;
       border-right:3px solid #ededed; */

       text-align:left;
       background:#fff;
       /* box-shadow: 0 0 15px rgba(0, 0, 250, 0.55); */
       overflow:hidden;
}

.upperhead{
width:100%;
background:url(images/toprepeatx_02.jpg) repeat-x top;
height:25px;
}



.header {
    background: #0060ad;
    border-top-left-radius: 13px; 
    border-top-right-radius: 13px; 
    height:198px;
    position:relative;
    overflow:hidden;
}


.headerfader {
    border-top-right-radius: 13px;
    height: 198px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36%; /*vorher 110% */
    z-index: 5;
}

.slideshow{position:relative;}
.slideshow img{position:absolute;z-index:1;background-color:white}
.slideshow img.active{z-index:3}


.logo {
    height: 166px;
    position: absolute;
    right: -5px;
    top: 0;
    z-index: 10;
}

.logomobile {
display:none;
}

.tel{
float:right;
background:url(images/tel_04.jpg) center top no-repeat;
margin-right:10px;
padding-top:18px;
padding-left:46px;
font-size:12px;
width:200px;
}


.banner{
text-align:center;

height:184px;
padding-top:0px;
width:100%;
}


.underbanner {
    background: none repeat scroll 0 0 #0060AD;
    border-top: 0 solid #EDEDED;
    line-height: 20px;
    padding-top: 0;
    position: relative;
    text-align: left;
    margin-top: -32px;
}

#reflection{
    background: #0060AD;
    height: 32px;
    overflow: hidden;
    position: relative;
opacity:0.2;

}
#reflection img{
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.underbanner2{
width:90%;
padding-top:10px;
padding-bottom:10px;
text-align:left;
padding-left:2%;
font-size:12px;
background:#f2f2f2;
border:1px solid #adafff;
}

.underbanner3{
width:40%;
padding-top:3px;
padding-bottom:3px;
text-align:left;
padding-left:2%;
font-size:12px;
background:#ffffff;
border:1px solid #787878;
}


.article{
padding-top:5px;
padding-bottom:10px;
border-bottom:1px solid #ededed;
margin-bottom:30px;
}


.input{
outline:none;
border:1px solid #D4D4D4;
padding-left:2px;
font-family:"Trebuchet MS";
font-size:11px;
color:#666666;
padding-top:4px;
height:17px;
}



.button{
background:#0060ad;
border:1px solid #05396A;
height:21px;
font-size:10px;
font-weight:bold;
color:#FFF;
font-family:verdana;
text-align:center;
}




.content{
    margin-top: -14px; /* fix des weißen Streifens darüber */
    padding: 30px 0 0 30px;
    border-right: 290px solid #fff; /*hässlich, aber funktioniert: Hintergrund der Sidebar, bis zum Boden*/
    display: block;
    overflow: visible;
    z-index:50;
}


.rightcolumn{
    background: none repeat scroll 0 0 #0060AD;
    /* box-shadow: 0 15px 15px rgba(0, 0, 0, 0.75); */
    color: #FFFFFF;
    display: inline;
    float: right;
    height: 100%;
    margin-left: 50px;
    margin-right: -301px;
    margin-top: -35px;
    padding: 0 10px 21px;
    width: 250px;
}

.rightcolumn>div {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 4px 6px #333333;
    clear: both;
    float: right;
    margin-bottom: 20px;
    margin-right: 4px;
    padding: 0 17px 17px;
    width: 210px;
    color:#0060ad;


/*background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 4px 6px #333333;
    clear: both;
    color: #006699;
    float: right;
    font-family: 'Gloria Hallelujah',cursive;
    font-size: 15px;
    margin-right: 150px;
    margin-top: -50px;
    padding: 15px;
    transform: rotate(-3deg);
    width: 200px;
*/
}

.rightcolumn>div h2{
    margin-bottom: 30px;
    width: 100%;
}


.rightcolumn>div:first-child h2{
    margin-top: 35px;
}

/*
.rightcolumn a,.rightcolumn h2 {
color:white;
}
*/


.leftcolumn{
width:auto;
padding-right:10px;
height:auto !important



}


.clear {
    width: 100%;
    height: 1px;
    margin: 0 0 -1px;
    clear: both;
}




.box{

background:#E2EBF4  bottom right no-repeat;
border:1px solid #A5CAEF;
padding:10px;
color:#315E88;
font-size:12px;
margin-top:0px;


}


h2{
 background: url("/h1-underline.png") no-repeat scroll left bottom transparent;
    font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
    color: #0060ad;
    font-size: 17px;
    font-weight: bold;
    padding-top: 5px;
    width: 92%;
    margin-bottom:10px;
}





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


.footer{
padding:5px 20px;
background:#ddd;
border-top:2px solid #ededed;
text-align:right;
font-size:10px;
z-index:90;
position:relative;
}

.rangliste td {
color:#000000;
background-color: #ffffff;
}


.bildrechts {
float:right;
padding-bottom:0.5em;
padding-left:0.5em;
padding-top: 5px;
width:266px;
text-align: justify;
font-style: italic;
font-family:sans-serif;
}

.bildlinks {
float:left;
padding-bottom:0.5em;
padding-right:0.5em;
padding-top: 5px;
width:266px;
text-align: justify;
font-style: italic;
font-family:sans-serif;
}


.hist_images {
width:900px;
}


.hist_images div {
margin-bottom: 30px;
margin-right:20px;
float:left;
padding-top: 5px;
text-align: justify;
font-style: italic;
font-family:sans-serif;
min-height: 300px;
}


.footer a:link, .footer a, .footer a:visited{
color:#555;
}


div#search {
float:right;
margin: 4px 8px;
text-align:right;
}

#cntnt01searchinput{
size:25;
}


div.breadcrumbs {
font-size: 90%;    
margin: 0 1em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */

}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 


.sitemap ul {
list-style: none outside none;
width:350px;
}

.sitemap > ul{
padding-left:0;
}

.sitemap a{
color:black;
text-decoration:none;
display:block;
}


.sitemap li > ul{
display:none;
}

.sitemap li:hover a{
color:white;
}

.sitemap li:hover{
background:none #0060ad;
}

/*
.sitemap li:hover > ul{
display:block; 
margin-bottom:15px;
}
*/

.sitemap li{
padding:5px;
background:none #ECECEC;
border-bottom: 1px solid silver;
}

.cal-liste {
display:none;
}




table th{
padding-right:8px;
 font-size: 1em;
font-weight: bold; 
vertical-align: middle; 
color: #ffffff; 
background-color: #0060ad; 
text-align: left;
}


table tr td {
 font-size: 1em;
vertical-align: middle; 
color: #000000;
background-color: #fdfdfd; 
text-align: left;
border: 1px solid silver;
padding:2px;
}

table {
border:none;
cellspacing:none;
}


#fechtertreffen2014{
    background: url("/images/bgft.jpg") repeat-x scroll 460px 130px #0060ad;
    color: #FFFFFF;
    height: 410px;
}

#fechtertreffen2014 a{
color:white;
}

#fechtertreffen2014 h2{
color:white;
}


#fechtertreffen2015 {
    background: #0060ad;
    color: #ffffff;
    overflow:hidden;
}


#fechtertreffen2015 img {
    border: 0 none;
    margin: 20px -17px -18px;
    max-width: 500px;
    width: 117%;
}

#fechtertreffen2015 a{
color:white;
}

#fechtertreffen2015 h2{
color:white;
}

#fechtertreffen2014 img {
    border: 0 none;
    margin-left: -370px;
}



.file_list{
background:none;
padding: 5px;
color:black;
}
.file_list ul li span {
padding:5px;
display:table-cell;
}

.file_list ul {
 list-style-type: none;
}

.file_list ul li a{
color:black;
}


.gal{
    display: block;
    float: left;
    height: 63px;
    overflow: hidden;
    padding: 2px;
    width: 94px;
}
.gal-new img{
border: 0px;
/*float: left;*/
overflow: hidden;
padding: 0px;
box-shadow: -1px 10px 25px rgba(0,0,0,.2);
width: 100%;
}

.grid{
width:100% !important;
}
.grid-sizer,.gal-new{
width:25%;
margin-bottom:-6px;
}


.training{
   background: #f3f3f5 url("/row.png") repeat-x scroll center top !important;
    border-top: 1px solid #0060ad !important;
}

.trainingszeiten tr td{
 background: #0060ad none repeat scroll 0 0;
    border-bottom: medium none;
    border-left: 1px solid silver;
    border-top: medium none;
border-right: medium none;
    padding: 5px;
}

.trainingszeiten tr{
  background: #0060ad none repeat scroll 0 0;
    width: 100px;
}
.trainingszeiten {
  background: #0060ad none repeat scroll 0 0;
    border: 1px solid silver;
    max-width: 600px;
}

.trainingszeiten th{
text-align:center;
}



.table_time {
  height: 60px;
    margin-top: -15px;
}




/* Trainingszeiten silber auf weiß */

/*
.trainingszeiten tr td{
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    border-top: medium none;
    padding: 5px;
}

.trainingszeiten tr{
width:100px;
}
.trainingszeiten {
border:1px solid silver;
}

.trainingszeiten th{
text-align:center;
}

.training{
background: #bbb;
}

.table_time {
  height: 60px;
    margin-top: -15px;
}

*/

.youtube {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
}

.youtube iframe {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#karte{
height:574px;
width:400px;
float:left;
}

.slicknav_menu{
display:none;
}



.cal-full{
width:90%;
max-width: 760px;
}
/* Stylesheet: FSG 7.2 Blau Slicknav Modified On 2025-07-04 10:53:37 */
/* based on Horizontal menu for the CMS CSS Menu Module by Alexander Endresen */
@media screen and (min-width: 810px) {

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }


#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden; 
   margin-left: 30px; */
/* background: url("/images/menu-background.png") repeat scroll 0 0 #ececec; */


    height: 32px;
    margin-top: -32px;
    opacity: 0.99;
    width: 100%;


}

#facebook img {
height:32px;
margin-left:0;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 

   
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 

}
        
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}


#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
   background: #ececec;

}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #0060ad;

  
   border: 1px solid #CCCCCC;

}
#primary-nav li a { 
    border-top: medium none;
    border-bottom: medium none;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    color: #FFFFFF;
}

#primary-nav li li a { 
   border: 1px solid #C0C0C0;
}        


#primary-nav li,#primary-nav li.menuparent { 
   /* background: url("/images/menu-background2.png") scroll repeat 0 0 #ececec; */
  
}



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed)

#primary-nav li.menuactive { 
   background: none #0060ad; 
}

#primary-nav li.menuactive a { 
   color:white;
}
 */




/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat;  */
   background: #ececec;
}

#menuwrapper:hover{
   opacity:0.99;
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li a:hover,
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background: #0060ad; 
   color:white;

}

@media screen and (min-width: 810px) {



/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/

#primary-nav li:hover ul, 
#primary-nav li:hover a:hover,

/*#primary-nav ul li:hover ul, //zweites und drittes Level werden nicht sichtbar
   #primary-nav ul ul li:hover ul, */

#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul,
#primary-nav li:hover a
 { 
   display: block; 
color:white
}

#primary-nav li:hover li a{ /*damit die entsprechenden Links schwarz bleiben */
color:black;
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

}


}
/* Stylesheet: FSG 7.2 Blau Slicknav Menu Modified On 2019-03-04 14:29:35 */
/* Facebook-Feed 
https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/187770_156006301222218_1966600287_q.jpg*/



.news-item{
    background: none;
    border: 1px solid #C4CDE0;
    float: left;
    height: 360px;
    margin: 0 10px 10px 0;
    min-height: 200px;
    padding: 13px 15px;
    width: 190px;
    
    position: relative;
}




.news-item .date{
    border-bottom: 1px solid silver;
    color: silver;
    margin-bottom: 22px;
}


.fbstory{
max-height:270px;
overflow: auto;
}


.fbmedia{
max-width:150px;
}

.fbmedia img{
    /* float: left; */
    margin: 0 10px 5px 0;
    max-width: 150px;
}


.fbmeta {
    bottom: 10px;
    position: absolute;
}




.fblikes, .fbcomments, .fbshares{
    background-image: url("/images/like.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 11px;
    height: 13px;
    margin: 5px;
    padding-left: 20px;
}


.fblikes{
    background-position: 0 -52px; 
}


.fbcomments{
    background-position: 0 -18px; 
}


.fbshares{
    background-position: 0 -37px; 
}

.fbticker .news-item{
background:none;
border:none;
padding:0;
margin:0;
height:auto;
width:100%;
line-height: 140%;
}


.fbticker .fbmeta{
position:relative;
margin-top:15px;
}

.fbticker .date{
border:none;
margin-bottom:10px;
}

.fbticker .fbmedia{

}


.ticker, .fbticker {
    border-bottom: 1px solid #C0C0C0;
    
    padding-bottom: 20px;



/* */
    





}

.ticker h2{
margin-bottom:15px;
background:none;
}

.ticker{
 background: url("/images/fencer2.png") no-repeat scroll 15px 55px #FFFFFF !important;
    margin-right: -10px;
    padding-right: 10px;
}


.tickerentry{
margin: 25px 0;
}

.tickerentry + .tickerentry{
padding-top: 20px;
}

.tickertitel{
font-weight:bold;
}

.tickerdatum, tickerdatum a{
color: #777777;
font-size: 10px;
}

.tickertext{

}




.newsnavigation a {
    background: none repeat scroll 0 0 #E2E2E2;
    border: 1px solid silver;
    color:black;
    font-size: 1em;
    height: 10px;
    margin: 0 3px;
    padding: 0 10px;
    text-decoration: none;
}




.newspic
{
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid;
}


.newspic2{
    border: 1px solid silver;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.newspic3{
    border: 1px solid silver;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    width:400px;
    height:200px;
}





div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background-color: rgb(38, 77, 192)

}


h1.underline {
        background: url(h1-underline.png)
        bottom left no-repeat;
        
        font-size: 1.7em;
        font-weight: lighter;
text-shadow: 0px 0px 6px #888888;
}




.NewsSummary h2{
margin-bottom:10px;
}

.news-meta{
font-size:0.8em;
color:#666;
}


.NewsSummary + .NewsSummary{
    padding:30px 0  0 0;
    border-top: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}


.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 1.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink a{
  padding-top: 0.5em;
}
   

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {

 font-size:12px;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {
    font-size:12px;
padding-bottom: 1.5em;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/





/* Stylesheet: FSG 7.2 Blau Slicknav News Modified On 2025-07-04 10:54:43 */