@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/* Download START */
a.csdl_aic,
a.csdl_atc {
    text-decoration: none;
}
.csdl_aic img {
    position: relative;
    top: 3px;
}
/* Download STOP */

/* Fancybox START */
span.fncb_fancy_title {
    font-size: 12px;
    font-weight: bold;
}
span.fncb_fancy_displaycounter {
    font-size: 11px;
}
#fancybox-title {
    line-height: 16px;
    text-align: left;
}
#fncb_bottomNavClose {
    cursor: pointer;
    display: block;
}
/* Fancybox STOP */


body{
    background: #F8F8F8;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6em;
    font-size: 15px;
    margin: 0px;
}

h1{
    font-size: 26px;
    line-height: 32px;
}
h2{
    font-size: 18px;
    line-height:22px;
}
h3{
    font-size: 16px;
}

.sidebar table{
    width: 100%;border-collapse: collapse; border-spacing: 0;
}

.sidebar table tr td:first-child{
    width: 50%;
}

.sidebar table tr.linebtm td{
    border-bottom: 1px solid #8C8E8F;
}

a{
    text-decoration: none;
    color: #3c6778;
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}


a:hover{
    color: #a6172b;
}
.row {
    margin: 0 -15px 0 -15px;
    min-width: 100%;
	width: auto;
}
.container .row > * {
	margin-left: 15px;
	margin-right: 15px;
}
ul.row,
ul.bilder,
ul.dokumente,
ul.videos {
	padding: 0;
}
ul.row li,
ul.bilder li,
ul.dokumente li,
ul.videos li {
	list-style: outside none none;
	padding: 0;
}
.error {
	color: #a6172b;
	font-weight: bold;
}

.content {
    background: #FFFFFF;

    width: 100%;
    height:100%;

    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);


    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;

    padding-bottom: 40px;
}


.content .pad{
    padding: 0px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar {
    border-left: 2px solid #000;
    font-size:14px;;
}

.sidebar p{
    margin: 0 0 1em 0;
}



nav ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    line-height: 1.3em;
}

nav ul li{
    border-left: 2px solid #a6172b;
    margin: 10px 0px;
}
nav ul li a{
    padding: 0px 10px;
    font-weight: 700;
    color:#47464a;
    text-decoration: none;

    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;


    display:inline-block;
}

nav ul li a:hover, nav ul li a.current1,nav ul li a.current2,nav ul li a.current3{
    padding-left: 25px;
    color: #a6172b;
}
nav ul li ul {
    margin-left: 25px;
    padding-bottom: 10px;
    display: none;
}
nav ul li.current1 > ul{
    display: block;
}
nav ul li ul li{
    border-left: 2px solid #3c6778;
}

nav ul li ul li a{
    font-size: 14px;
    font-weight: 400;
}
nav ul li ul li ul{
    margin-left: 25px;
    padding-bottom: 10px;
    display: none;
}
nav ul li ul li.current2 > ul{
    display: block;
}
nav ul li ul li ul li{
    border-left: 2px solid #D4D4DA;
}

nav ul li ul li ul li a{
    font-size: 12px;
    font-weight: 400;
    color: #47464A;

}


.linklist{
    text-align: right;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.linklist ul{
    margin:0px;
    padding: 0px;
    list-style-type: none;
}

.linklist ul li{
    display: inline-block;
    font-size:14px;
    font-weight: 700;
    padding: 0px 5px 0px 4px;
    border-left: 1px solid #000;
    line-height:1em;
}
.linklist ul li:last-child{
    padding-right:0px;
}
.linklist ul li:first-child{
    border-left: 0px;
}




footer{
    font-size: 12px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,f8f8f8+100&0+0,1+66 */
    background: -moz-linear-gradient(top,  rgba(248,248,248,0) 0%, rgba(248,248,248,1) 66%, rgba(248,248,248,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(248,248,248,0) 0%,rgba(248,248,248,1) 66%,rgba(248,248,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(248,248,248,0) 0%,rgba(248,248,248,1) 66%,rgba(248,248,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */

    margin-top: -30px;

    color: #666666;
}

footer ul{
    margin: 0px;
    padding:0px;
    list-style-type: none;
}
footer ul li{
    display: inline-block;
    padding: 0px 10px 0px 0px;
}
footer ul li:nth-child(n+2)::before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #666666;
    margin-right: 10px;
    margin-bottom: 1px;
}

footer a{
    color: #AAAAAA !important;
    text-decoration: none;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
footer a:hover{
    color: #333333;
}

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
/* iPad Landscape */
@media only screen and (max-width: 1224px) {

    .content .pad {
        padding: 0px 10px;
    }
    .sidebar{
        font-size: 12px;
    }
}

/* only iPad Landscape */
@media only screen and (min-width: 985px) and (max-width: 1224px) {}

/* iPad Portrait */
@media only screen and (max-width: 985px) {
    footer{
        font-size: 9px;
    }
}

/* only iPad Portrait */
@media only screen and (min-width: 793px) and (max-width: 985px) {}

/* bigger than iPhone Landscape */
@media only screen and (min-width: 793px) {
    #menu-toggle,
    .toggle-sub-lvl
    {
        display: none;
    }
    .ft-overlay{
        display: none;
    }
    nav > ul{
        display: block !important;
    }
}

/* iPhone Landscape */
@media only screen and (max-width: 792px) {

    .content ul{
        padding-left: 20px;
    }

    h1{
        font-size: 22px;
    }

    header{
        text-align: center;
        padding-bottom: 10px;
    }
    header img{

        max-height: 95px;
        margin-top: 10px;
    }
    .ft-overlay {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        font-size: 14px;
        color: #FFFFFF;
        background: #424242;
        padding: 10px 0 10px 10px;
        z-index: 999;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ft-overlay i {
        font-size: 24px;
        color: #FFF;
        float: right;
        padding: 0px 10px 0 10px;
    }
.ft-overlay a{ color:#FFF;}
    .ft-overlay .fa-envelope {
        padding-left: 0;
    }

    .sidebar{
        border: 0;
        font-size: 14px;
        line-height:20px;
        padding-top: 40px !important;
    }

    .sidebar h3{
        margin-top: 40px;
    }

    nav{
        margin-bottom: 20px;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(239, 233, 233, 0.2);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
    }
    nav ul{ display: none;}
    .linklist, .linklist ul{ display: none !important;}

    nav ul li{
        border: 0;
        margin: 0;
        position: relative;
    }

    nav ul li ul, nav ul li ul li ul{
        padding: 0px;
        margin: 0px;
    }
    nav ul li ul li , nav ul li ul li ul li{
        border: none;
        margin: 0px;
    }
    nav ul li a,nav ul li a.current1,nav ul li a:hover, #menu-toggle,nav ul li ul li a , nav ul li ul li ul li a ,nav ul li ul li a:hover, nav ul li ul li ul li a:hover,nav ul li ul li a.current2 , nav ul li ul li ul li a.current3  {
        padding: 10px;
        background: #FFFFFF;
        width: 100%;
        border-bottom:1px solid #DDD;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        color: #3c6778;;
        font-size: 16px;
        font-weight:700;
        cursor: pointer;
    }

    nav ul li a.current1, nav ul li ul li a.current2, nav ul li ul li ul li a.current3{
        background: #3c6778;
        color: #FFFFFF;
        border-bottom: 1px solid #3c6778;
    }
    nav ul li ul li a, nav ul li ul li a.current2,nav ul li ul li a:hover{
        padding-left:20px;
        font-size: 14px;
    }
    nav ul li ul li ul li a, nav ul li ul li ul li a.current3,nav ul li ul li ul li a:hover{
        padding-left:40px;
        font-size: 13px;
    }

    #menu-toggle i{
        float: right;
        padding-top:4px;
    }

    span.toggle-sub-lvl {
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        height: 39px;
        width: 39px;
        box-sizing: border-box;
        text-align: center;
        padding-top: 5px;
		background: #a6172b;
        /*background: #82B831;*/
        z-index: 242;
        color: #FFFFFF;
		font-size: 30px;
    }
    footer  {
        display: none !important;
    }
    .content{
        margin-bottom: 50px;
    }

	.row {
		margin: 0;
	}

	.container .row > * {
		margin-left: 0;
		margin-right: 0;
	}


    .content {

        border-radius: 0px;
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        box-shadow: 0 0 0 0 rgba(0,0,0,0);

    }
}

/* only iPhone Landscape */
@media only screen and (min-width: 480px) and (max-width: 793px) {}

/* iPhone Portrait */
@media only screen and (max-width: 479px) {}