@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=4.1.0');
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), 
        url('../font/fontawesome-webfont.woff?v=4.1.0') format('woff'), 
        url('../font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), 
        url('../font/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset typo3-Bilder */
.sidewrap div.csc-textpic-center .csc-textpic-center-outer {
    position: inherit;
    float: inherit;
    right: inherit;
}

.sidewrap div.csc-textpic-center .csc-textpic-center-inner {
    right: inherit;
    float: inherit;
    position: inherit;
}

.sidewrap div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: inherit;
}

.sidewrap div.csc-textpic-intext-right .csc-textpic-imagewrap, 
.sidewrap div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: inherit;
}





/* Reset default browser CSS */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: 'Roboto', sans-serif; 
    font-weight: 400;  	
}

b {
    font-weight: 700;	
}



html, body {
    background:#fff;
}

.clear {
    clear:both;
}

.autismusfont {
    font-weight: bold;
    font-size:115%;
    padding:0px 0 0;
    display: inline-block;
    vertical-align: top;
    line-height:95%;
}

#wrapper {
    max-width: 1280px;
    margin:auto;
    padding-top:30px;
    background: #fff;
}

.header {
    display:table;
    width:100%;
}

#logo {
    width:290px;
    height:127px;
    display:table;
    background: url(../images/autismus_logo290.png) no-repeat;
    float: left;
}

#indexedsearchbox {
    width:220px;
    display:table;
    float:right;
}

#indexedsearchbox #indexedsearch {
    position:relative;
}


#indexedsearch input[type="text"] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 182px;
    height: 28px;
    font-size: 15px;
    border: 0px;
    margin-right: 0px;
    padding: 0px 5px 0px 5px;
    background:	#ededee;
}

#indexedsearch input[type="image"] {
    position: absolute;
    top: 0px;
    right: 0px;	
}



#resultindexedsearch{
    display:table;
    margin: 20px 0 0 0;
}

#resultsearchbox{
    position:relative;
    width:220px;
    height: 28px;
}

#resultsearchbox input[type="text"] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 182px;
    height: 26px !important;
    font-size: 15px;
    border: 1px solid #ededee;
    margin-right: 0px;
    padding: 0px 5px 0px 5px;
}

#resultsearchbox input[type="image"] {
    position: absolute;
    top: 0px;
    right: 0px;	
}

#resultindexedsearch span{
    float:left;
    margin-right: 40px; 
    line-height: 28px;
}



#headernav {
    width: 300px;
    display:table;
    float:right;
    margin-left:30px;
    border-top: 1px solid #999;
}

.closeheadernav {
    display:none;
}

#headernav ul li {
    list-style-type: none;
    height: 34px;
    border-bottom: 1px solid #999;	
}

#headernav ul li a {
    text-decoration:none;
    font-size: 15px;
    line-height:34px;
    font-family: 'Roboto', sans-serif; 
    font-weight: 300;
    color:#000;
    display:block;
}

#headernav ul li a:hover {
    font-weight:500;
}


#headernav ul ul {
    display:none;
}

.mainnav-toggle-wrap {
    display:none;
}






#content {
    width: 77%;
    float:left;
    padding-right:30px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    box-sizing: border-box;		
}  

#content a {
    color:#e42825;
    text-decoration: none;
}

#content a:hover {
    text-decoration: underline;
}

#content h1 {
    font-size: 18px;
    line-height: 22px;
}

.slider-wrapper {
    clear:both;	
    margin-top:30px;
    background: #e5e5e5;
}

.bx-wrapper {
    position: relative;
    margin: 30px auto 30px;
    padding: 0;
    *zoom: 1;
    background: #e5e5e5;
}

.bxslider .imgwrap {
    width: 400px;
    height:265px;
    overflow:hidden;
    float:left;
    /*background:#d9dadb;*/
}

.bxslider .newbxcaption {
    position:absolute;
    top:30px;
    left:0px;
    width:200px;
    background:#e42825; 
    background-color:rgba(237,28,41,0.85);
    padding:25px; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    box-sizing: border-box;	
}

.bxslider .newbxcaption h2 {
    font-weight: 500;
    color:#fff;
}

.bxslider .newbxcaption p {
    color:#fff;
    font-size:14px;
}

.bxslider .newbxarticle {
    width: auto;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    padding:30px 30px 30px 430px;
}

.bxslider .newbxarticle h1 {
    font-size:18px;
}

.bxslider .newbxarticle p {
    padding: 8px 0px 0px 0px;
    font-size:14px;
}




/* PAGER */
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 1px;
    right:0px;
    width: 100%;
    z-index: 99;
    padding-left:400px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    box-sizing: border-box;	
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e42825;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 0px;
}

#artikelbox {
    width:100%;
    clear:both;	
    margin:0px auto;
    background: #e5e5e5;
}

.artikelboxwrap {
    padding:0px 0px 30px 30px;
}

#artikelbox article {
    width: 33.33333%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    box-sizing: border-box;	
    padding:30px 30px 0 0;
    float:left;
    overflow:hidden;	
}


#artikelbox article header {
    margin-bottom:20px;
}

#artikelbox article header a {
    display:block;
    width: 100%;
    height:auto;
    overflow:hidden;	
}

#artikelbox article header a img {
    max-width: 100%;
    height:auto;
    margin:auto;
}

#artikelbox article h1 {
    margin-bottom:5px;
    font-size:18px;
    line-height:22px;
}

#artikelbox article p {
    font-size:14px;
    line-height:18px;

}

.readmore {
    background: url(../images/arrow_right14.png) no-repeat 0 50%;
    padding-left:10px;
    font-size:14px;
}


.aside-fp {
    float:right;
    width: 23%;
    margin-top:30px;
    overflow: hidden;

}

.aside-fp p,
.aside p {
    padding: 0 0 5px 0;
}

.aside-fp img,
.aside img {
    max-width:100%;
    height:auto;
}

.aside-fp div.sidewrap{
    padding: 0 0 30px 0;
}
.aside div.sidewrap {
    padding: 0 0 15px 0;
}

#subnav {
    width: 26%;
    float:left;
    padding-right:25px;
    margin-top:15px;

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

#subnav ul {
    border-bottom: 1px solid #999;	
}

#subnav ul li {
    border-top: 1px solid #999;	
    list-style-type: none;
}

#subnav ul li ul {
    display:none;
}

#subnav ul li.current ul {
    display:block;
}

#subnav ul li.current ul li ul {
    display:none;
}

#subnav ul li.current ul li.current ul {
    display:block;
}

#subnav ul li ul,
#subnav ul li ul li {
    border: 0px;	
}

#subnav ul li ul li {
    margin-left: 20px;	
}

#subnav ul li a {
    font-size:15px;
    display:block;
    padding:3px 0;
    text-decoration: none;
    color:#000;
    font-weight:300;
}

#subnav ul li a.current,
#subnav ul li a.parent {
    color:#000;
    font-weight:500;
}

#subnav ul li ul li a.current,
#subnav ul li ul li a.parent {
    color:#e42825;
    font-weight:500;
}

#subnav ul li a:hover {
    color:#e42825;
    font-weight:500;	
}

#subnav img.fbacolor {
    padding-right:5px;
}

#subnav span.fbacolor {
    margin-right:5px;
    display: inline-block; 
    width: 12px; 
    height: 12px; 
    vertical-align: middle;
    margin-bottom: 4px;
}
#subnav span.fbalabel {
    font-weight: inherit;
    vertical-align: middle;
}

#pagecontent {
    width:51%;
    float:left;
    padding-right:30px;
    margin-top:15px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    box-sizing: border-box;	
}

.aside {
    float:right;
    width: 23%;
    margin-top:15px;
    overflow: hidden;

}


#footer {
    clear:both;
    margin-top:30px;
    padding:30px 0;
    border-top:2px solid #999999;
    display:table;
    width:100%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    box-sizing: border-box;	
}

#footer p {
    font-size:12px;
    padding: 0 0 5px 0;
}

#footer .tablerow {
    display:table-row;
}




#footer ul {
    text-align: justify;
}

#footer ul li {
    display: inline-block;
}

#footer .col-1 {
    border-bottom:1px solid #999;
}

#footer .col-1 img {
    padding-right:4px;
    padding-top: 4px;
}


#footer .col-2 img {
    padding-right:4px;
    padding-top: 4px;
}

#footer #line {
    padding-left: 100%;
}

#pagecontent,
.sidewrap {
    font-size: 14px;
    line-height: 20px;

}

#pagecontent .align-left { text-align: left }
#pagecontent .align-right { text-align: right }
#pagecontent .align-center { text-align: center }
#pagecontent .align-justify { text-align: justify }
.sidewrap .align-left { text-align: left }
.sidewrap .align-right { text-align: right }
.sidewrap .align-center { text-align: center }
.sidewrap .align-justify { text-align: justify }

#pagecontent .left { float: left }
#pagecontent .right { float: right }
.sidewrap .left { float: left }
.sidewrap .right { float: right }


#pagecontent img,
.sidewrap img  { 
    max-width:100%;
    height:auto;

}

#pagecontent img.align-left,
.sidewrap img .align-left { 
    float: left;
    padding: 3px 10px 5px 0; 
}

#pagecontent img.align-right,
.sidewrap img .align-right { 
    float: right;
    padding: 3px 0px 5px 10px; 
}

#pagecontent img.align-center,
.sidewrap img .align-center { 
    display: block; 
    margin-left: auto;
    margin-right: auto;
    padding: 3px 0px 5px 0;

}







#pagecontent .header h1 {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size:22px;
    line-height: 26px;
    padding:0 0 10px 0;
}

#pagecontent h1,
.sidewrap h1 {
    font-size:19px;
    line-height: 23px;
    padding: 10px 0 8px 0;
}


#pagecontent h2,
.sidewrap h2 {
    font-size:18px;
    line-height: 21px;
    padding: 8px 0 6px 0;
}

#pagecontent h3,
.sidewrap h3 {
    font-size:17px;
    line-height: 21px;
    padding: 8px 0 6px 0;
}

#pagecontent h4,
.sidewrap h4 {
    font-size:16px;
    line-height: 20px;
    padding: 7px 0 5px 0;
}



#pagecontent h5,
.sidewrap h5 {
    font-size:14px;
    line-height: 20px;
    padding: 4px 0 2px 0;
    font-weight:700;

}

#pagecontent h6,
.sidewrap h6 {
    font-weight:500;
    padding: 8px 0 0px 0;
}

#pagecontent p,
.sidewrap p {
    padding:5px 0px;
}

#pagecontent .sidedescription {
    font-size:110%;
    font-style:italic;
    padding:0 0 20px 0;
}

#pagecontent .sidedescription i {
    font-style:normal;
}

#pagecontent a,
.sidewrap a {
    color:#e42825;
}

#pagecontent a[href$='.pdf'],
.sidewrap a[href$='.pdf'] {
    padding: 0px 33px 0px 0px;
    background: transparent url(../images/pdflink.png) no-repeat center right;

}

#pagecontent table {border-collapse: collapse;  border-spacing: 0;  }
#pagecontent th{color:#000; text-align: center;font-weight: 500;  }
#pagecontent th,
#pagecontent td{padding:3px 5px;  border: 1px solid #ccc; }

#pagecontent table.woborder td,
#pagecontent table.woborder th {
    border: none;
}

#pagecontent ul,
.sidewrap ul {
    margin-bottom: 3px;
}

#pagecontent ul li {
    margin: 3px 0 3px 25px;
    list-style-type: disc;
}

.sidewrap ul li {
    margin: 3px 0 3px 15px;
    list-style-type: disc;
}

#pagecontent ol {
    margin-bottom: 3px;
}

#pagecontent ol li {
    margin: 3px 0 3px 25px;
}

.sidewrap ol li {
    margin: 3px 0 3px 15px;
}

#pagecontent strong,
.sidewrap strong {
    font-weight:700;
}

#pagecontent abbr,
#pagecontent cite {
    font-style: italic;
}

#pagecontent code,
#pagecontent kbd,
#pagecontent pre {
    font-family: Consolas,monospace;
    max-width:100%;
    overflow:auto;
}

#pagecontent ins {
    background:#ffcb05;
}
#pagecontent sub,
.sidewrap sub {
    vertical-align: sub;
    font-size:80%;
}

#pagecontent sup,
.sidewrap sup {
    vertical-align: super;
    font-size:80%;
}


#pagecontent blockquote {
    background: #f9f9f9;
    border-left: 10px solid #E5E5E5;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
}

#pagecontent blockquote:before {
    color: #e5e5e5;
    content: open-quote;
    font-size: 400%;
    line-height: 10%;
    vertical-align: -0.4em;

}

#pagecontent blockquote p {
    display: inline;
}



#pagecontent .fbasection {
    text-decoration: none;
    width:100%;
    border-spacing: 0;	
}

#pagecontent .fbatitle a {
    text-decoration: none;
    color:#000;	
    display:block;
    padding-right:10px;
}

#pagecontent .fbasection th, 
#pagecontent .fbasection td
{
    border-spacing: 0;	
    border:1px solid #fff;
    background: #e5e5e5;
}

#pagecontent .tblcellshort {
    width:15%;
}

#pagecontent .tblcelllong {
    width:85%;
}

#pagecontent .fbareadmore {
    background: url('../images/arrow_right14.png') no-repeat scroll 0px 50% transparent;
    padding-left: 10px;
    font-size: 14px;
    display:block;
    margin-bottom:30px;
    text-decoration: none;
    float:right;
}

#pagecontent .fbatbl {
    width:100%;
}

#pagecontent .fbatbl th, 
#pagecontent .fbatbl td
{
    padding:3px 5px 3px 5px;
    border-spacing: 0px;
    border: 1px solid #FFF;
    background: none repeat scroll 0% 0% #E5E5E5;
    font-size:90%;
}

#pagecontent .fbatbl .hl h1 {

} 

#pagecontent .fbatbl .hl h2 {
    padding: 0px 0 8px 0;
    font-size: 100%;	
} 

#pagecontent .breit {
    width:100%;
    display:block;
}

#pagecontent .button {
    background: url('../images/arrow_right14_white.png') no-repeat 10px 50% #e42825;
    padding:6px 15px 6px 20px;
    color:#fff;
    font-weight:500;
    text-decoration: none;
}

#pagecontent .printbutton {
    background: url('../images/print.png') no-repeat 4px 50% #cfcfcf;
    padding:6px 15px 6px 35px;
    color:#000;
    font-weight:500;
    text-decoration: none;
}

.main {
    clear: both;
    display:block;
}

#navigationBreadcrumb {
    margin:10px 0 0px 0;
}

#navigationBreadcrumb a {
    text-decoration:none;
    font-size:13px;
    color: #000;
}

#navigationBreadcrumbInner ul {
    list-style-type:none;
}

#navigationBreadcrumbInner > ul {
    float:left
}

#navigationBreadcrumbInner > ul > li {
    position:relative
}

#navigationBreadcrumbInner > ul > li.active {

}
#navigationBreadcrumbInner > ul > li > a {
    padding:3px 6px 6px 17px;
    background:url(../images/arrow_right12_black.png) 3px 50% no-repeat
}


#navigationBreadcrumbInner > ul > li > a:hover, 
#navigationBreadcrumbInner > ul > li > a.active {
    background:url(../images/arrow_down12_black.png) 3px 50% no-repeat #e5e5e5
}

#navigationBreadcrumbInner > ul:first-child > li > a {
    padding:0 6px 0 0;
    background:none
} 


#navigationBreadcrumbInner > ul > li > ul {
    display:none;
    z-index:10000000;
    position:absolute;
    background-color:#e5e5e5
}

#navigationBreadcrumbInner > ul > li > ul.active {
    display:block;
    padding:5px 0 0 0;
}
#navigationBreadcrumbInner > ul > li > ul > li {
    display:block;
    white-space: nowrap
}
#navigationBreadcrumbInner > ul > li > ul > li > a {
    padding:2px 17px 2px 17px;
    display:block;
    color:#000;
}
#navigationBreadcrumbInner > ul > li > ul > li.active > a {
    display:block;
    color:#E42825;

}
#navigationBreadcrumbInner > ul > li > ul > li > a:hover {
    color:#E42825;
}


#unterseite .headernav-toggle {
    display:none;
}

#pagecontent.zweispaltig{
    width: 74%;
    padding-right: 0px;
}

body.ohnesubnav #pagecontent{
    width: 70%;
}

body.ohnesubnav #subnav{
    display:none;
}

#pagecontent div.tx-indexedsearch-res .tx-indexedsearch-redMarkup{
    color: #e42825 !important;
}

.kwschulungen form>div {
    margin: 0.5em 0;
}
.kwschulungen form>div label {
    display: inline-block;
    width: 15em;
    max-width: 100%;
    vertical-align: top;
}
.kwschulungen form>div.required label:after {
    display: inline;
    content: '*';
    color: #e42825;
    font-weight: 700;
}
.kwschulungen form>div input[type=text],
.kwschulungen form>div input[type=password],
.kwschulungen form>div select {
    display: inline-block;
    width: 250px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
}
.kwschulungen form>div input[type=checkbox] {
    margin: 0;
}
.kwschulungen form h2 {
    margin: 1.5em 0 0 0;
}
.kwschulungen form h2:first-of-type {
    margin-top: 0em;
}
.kwschulungen form div.validationError{
    margin-bottom: 0.25em;
    color: #e42825;
    line-height: 1.4
}
.kwschulungen form div.input{
    display: inline-block;
    width: 250px;
    max-width: 100%;
}

.formular td{
    border: 0 !important;
}

.formular td h4{
    text-align: left;
}

.formular td:first-child{
    text-align: right;
    max-width: 200px;
}

.formular .small{
    font-size: 10px;
}

.formular td input[type=text] {
    width: 250px;
}




@media (max-width: 1310px) {

    #wrapper {
        margin:0 30px;
        max-width: 100%;

    }	

    #headernav {
        width: 215px;
    }

    #headernav ul li a {
        font-size: 13px;
    }

    #content {
        width: 77%;
        float:left;
    } 

    .bxslider .imgwrap {
        width: 277px;
        width: 300px;
        height: 200px;
    }

    .bxslider .newbxarticle {
        padding: 22px 30px 22px 330px;
    }

    .bxslider .newbxarticle h1 {
        font-size: 17px;
    }

    .bxslider .newbxarticle p {
        padding: 5px 0px 0px 0px;
        font-size: 14px;
    }

    #artikelbox article {
        width: 33.3333333%;

    }

    #artikelbox article header a {

    }



    .readmore {
        font-size:14px;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        padding-left:300px;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 8px;
        height: 8px;
        margin: 0 6px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .aside-fp {
        width: 23%;
    }

}



@media (min-width: 961px) {
    #artikelbox article.drittel {
        clear: both;
    }
}

@media (max-width: 960px) {

    #wrapper {
        max-width: 860px;

    }

    #headernav {
        width: 215px;
    }

    #content {
        width: 77%;
        float:left;
    }

    .bxslider .imgwrap {
        width: 300px;
        height: 200px;
    }

    .bxslider .newbxarticle {
        padding: 22px 30px 22px 330px;
    }

    .bxslider .newbxarticle h1 {
        font-size: 17px;
    }

    .bxslider .newbxarticle p {
        padding: 5px 0px 0px 0px;
        font-size: 14px;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        padding-left: 300px;
    }

    #artikelbox article {
        width: 50%;

    }

    #artikelbox article header a {

    }

    #artikelbox article.odd {
        clear: both;
    }

    .aside-fp {
        width: 23%;
    }

    #subnav {
        width: 30%;
        float:left;
        padding-right:25px;
        margin-top:15px;
    }

    #pagecontent.zweispaltig{
        width: 70%;
        padding-right: 0px;
    }

    #pagecontent {
        width: 70%;
        float: left;
        padding-right: 30px;
        margin-top: 15px;
        box-sizing: border-box;
    }


    #unterseite .aside-fp {
        width: 100%;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;
        padding: 0px;		    
    }

    #unterseite .aside-fp div.sidewrap {
        padding: 0 15px 30px 0px;
        float:left;
        max-width:33.33333%;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;	
    }	

    #unterseite .aside-fp div.sidewrap:nth-of-type(3n+1) {
        clear:both;
        padding: 0 20px 30px 0px;

    }

    #unterseite .aside-fp div.sidewrap:nth-of-type(3n+2) {
        padding: 0 10px 30px 10px;
    }	

    #unterseite .aside-fp div.sidewrap:nth-of-type(3n+3) {
        padding: 0 0px 30px 20px;
    }

}







@media (max-width: 885px) {

    #wrapper {
        max-width: 100%;
        margin: 0px;

    }

    #logo {
        width:250px;
        height:115px;
        margin: 15px 0 15px 15px;
        background: url(../images/autismus_logo290.png) no-repeat;
        background-size: contain;
    }

    #content {
        width:74%;
        float:left;

    }

    #navsearchwrap {
        width:230px;
        float: right;
    }

    #searchbox,
    #indexedsearchbox {
        padding-top:20px;
        width: 215px;
        height:28px;
    }

    .bxslider .imgwrap {
        width: 250px;
        height: 166px;
        padding-bottom: 6px;
    }

    .bxslider .newbxarticle {
        padding: 15px 20px 15px 270px;
    }

    .bxslider .newbxarticle h1 {
        font-size: 16px;
    }

    .bxslider .newbxarticle p {
        padding: 5px 0px 0px 0px;
        font-size: 13px;
    }

    .bxslider .newbxcaption h2 {
        font-size: 16px;
    }

    .bxslider .newbxcaption p {
        font-size: 13px;
    }		

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        padding-left:250px;
    }

    #artikelbox article {

    }

    .aside-fp {
        width: 26%;
    }

    .aside-fp div.sidewrap {
        padding: 0 15px 30px 0px;
    }	

    #artikelbox article.drittel {
        clear: inherit;
    }

    #artikelbox article.odd {
        clear: both;
    }

    #footer {
        margin-top:30px;
        padding:30px 30px;
        border-top:2px solid #999999;
        display:table;
        width:100%;

    }

    #subnav {
        width: 30%;
        float: left;
        padding-right: 25px;
        padding-left:18px;
    }

    #pagecontent.zweispaltig{
        width: 70%;
        padding-right: 25px;
    }   

    #subnav ul li a {
        font-size:13px;
    }

    #navigationBreadcrumb {
        padding: 0 25px 0 18px;
    }

    #unterseite .aside-fp {
        width: 100%;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;
        padding: 20px;		    
    }

    body.ohnesubnav #pagecontent{
        width: 100% !important;
        margin: 10px 30px 0 30px;
    }

    body.ohnesubnav .newsarchivimg{
        float: none;
    }

    .newsarchivimg{
        max-width: 100% !important;
    }

    .tx-locator-pi1 td {
        display: block;
        border-bottom: 0px solid #CCC !important;
    }

    .tx-locator-pi1 thead {
        display: none;
        width:100%;
    }    

    #startseite #startseiteteaser {
        padding-left:25px;
    }   
}



@media (max-width: 670px) {

    #wrapper {
        max-width: 100%;

    }


    #mainnav {
        clear:both;
        display:inherit;
        margin-top:30px;
    }

    #mainnav a {
        font-weight:300;
    }

    #mainnav a.current,
    #mainnav a:hover {
        font-weight:500;
    }

    #mainnav > ul{
        width:100%;

    }


    #mainnav ul li {
        background: #e42825;
        list-style-type: none;	
        display:block;

    }

    #mainnav ul li a {
        padding: 10px 20px 10px 20px;
        display:block;
        color:#fff;
        text-decoration:none;
        border-bottom:2px solid #fff;

    }

    #mainnav ul li ul li{
        background: #ccc;
    }

    #mainnav ul li ul li a {
        color:#000;
    }

    #mainnav ul li ul li ul li{
        background: #e5e5e5;
    }

    #mainnav ul li.has-sub > a  {
        background: url(../images/arrow_down.png) 96% center no-repeat;
    }

    #mainnav ul li.has-sub.active > a {
        background: url(../images/arrow_up.png) 96% center no-repeat;
    }

    #mainnav ul li ul {
        display:none;
    }

    #mainnav span.fbacolor {
        margin-right:5px;
        display: inline-block; 
        width: 12px; 
        height: 12px; 
    }

    #content {
        width:100%;
        padding-right: 0px;

    }



    .bxslider .imgwrap {
        width: 260px;
        height: 172px;
    }

    .bxslider .newbxarticle {
        padding: 10px 15px 10px 275px;
    }
    .bx-wrapper .bx-pager, 
    .bx-wrapper .bx-controls-auto {
        width: 100%;
        background: #e5e5e5;
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: inherit;
        bottom: 0px;
        right:0px;
        z-index: 99;
        padding-left:250px;
    }

    .aside-fp {
        width: 100%;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;
        padding: 0 15px;		    
    }

    .aside-fp div.sidewrap {
        padding: 0 0 30px 0;
        float:left;
        max-width:50%;
        padding: 0 15px 30px 15px;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;	
    }	

    .aside-fp div.sidewrap:nth-of-type(2n+1) {
        clear:both;
    }

    #subnav {
        display:none;
    }

    body.ohnesubnav #pagecontent{
        margin: 10px 0 0 0;
    }

    #pagecontent.zweispaltig{
        width: 100%;
    }   

    #pagecontent {
        width: 100%;
        padding: 0 20px 0 20px;	
    }


    #unterseite .aside-fp div.sidewrap {
        padding: 0 20px 30px 20px;
        float:left;
        max-width:50%;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;	
    }	

    #unterseite .aside-fp div.sidewrap:nth-of-type(3n+1) {
        clear:none;
        padding: 0 20px 30px 20px;
    }

    #unterseite .aside-fp div.sidewrap:nth-of-type(3n+2) {
        padding: 0 20px 30px 20px;
    }	

    #unterseite .aside-fp div.sidewrap:nth-of-type(3n+3) {
        padding: 0 20px 30px 20px;
    }

    #unterseite .aside-fp div.sidewrap:nth-of-type(2n+1) {
        clear:both;
        padding: 0 20px 30px 20px;

    }	

    .mainnav-toggle:before { 
        color: #fff; 
        content: "\f0c9";
    }


    .mainnav-toggle-wrap {
        background:#E42825;
        margin-top:15px;
        padding: 0 20px;
        line-height: 37px;
        color:#fff;
    }	

    .mainnav-toggle {
        cursor: pointer;	
        font-family: "FontAwesome";	
        font-size: 21px;	
        font-style: normal;	
        font-weight: normal;	
        line-height: 37px;	
        margin-right: 20px;	
        text-align: left;	
        vertical-align: middle;	
        width: 35px;
    }

    #navigationBreadcrumb {
        display:none;
    }

    #footer {
        padding:30px 20px;

    }


}

@media (max-width: 524px) {
    #wrapper {
        padding-top:15px;
    }

    #logo {
        width: 190px;
        height: 100px;
    }	


    .bxslider .imgwrap {
        width: 100%;
        height: auto;
    }
    .bxslider .newbxcaption {
        position: absolute;
        top: 30px;
        left: 0px;
        width: 80%;
        background: none repeat scroll 0% 0% rgba(237, 28, 41, 0.85);
        padding: 25px;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;	
    }
    .bxslider .newbxarticle {
        width: 100%;
        padding: 10px 20px;
    }

    .bx-wrapper img {
        width:100%;
    }


    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: inherit;
        padding-left:0px;
    }

    .artikelboxwrap {
        padding: 0px 0 30px 30px;
    }


    #artikelbox article {
        width: 100%;
        margin: 0px 0px 30px 0px;
        float: inherit;
        overflow: hidden;
    }

    #artikelbox article header a {
        height: auto;
    }

    #artikelbox article header a img {
        width: 100%;
        height: auto;
        margin: auto;
    }

    .aside-fp div.sidewrap {
        max-width:100%;

    }

    .headernav-toggle:before { 
        color: #fff; 
        content: "\f0c9";
    }
    .headernav-toggle {
        background-color: #e5e5e5;	
        cursor: pointer;	
        float: right;	
        font-family: "FontAwesome";	
        font-size: 21px;	
        font-style: normal;	
        font-weight: normal;	
        height: 35px;	
        line-height: 37px;	
        margin-top: 63px;	
        margin-right: 15px;	
        text-align: center;	
        vertical-align: middle;	
        width: 35px;
    }	


    /*	
            .sidr-class-closeheadernav {
                    text-align: center;
                    vertical-align: middle;	
                    display:block;
                    color:#fff;
                    padding: 5px;
                    
                    
            }
            
            .sidr-class-closeheadernav a:before {
            color: #FFF;
            content: "\f0c9";
            font-family: "FontAwesome";	
            padding-left:5px;
            }
            
            .sidr-class-closeheadernav a {
                    text-align: center;
                    vertical-align: middle;	
                    color:#fff;
                    padding: 5px 10px;
                    border-top: 1px solid #4D4D4D;
                    border-left: 1px solid #4D4D4D;
                    border-right: 1px solid #1A1A1A;
                    border-bottom: 1px solid #1A1A1A;
                    text-decoration:none;
                    -webkit-border-radius: 8;
                    -moz-border-radius: 8;
                    border-radius: 8px;		
                    
            }	
    */
    #headernav {
        display:none;
        width:100%;
        clear:both;
        padding: 0 0 15px 0;
    }



    #navsearchwrap {
        width: 100%;
        float: inherit;
        padding: 0 15px;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;		    
    }

    #searchbox,
    #indexedsearchbox {
        width: 100%;
        padding-top:0;
    }

    #indexedsearchbox #indexedsearch {
        display: block;
    }

    #indexedsearchbox #indexedsearch table {
        width: 100%;
    }   

    #searchForm input[type="text"],
    #indexedsearch input[type="text"]{
        position: inherit;
        top: inherit;
        left: inherit;
        width: 100%;
        height: 28px;
        font-size: 15px;
        border: 0px none;
        margin-right: 0px;
        padding: 0px 0px;
        background: none repeat scroll 0% 0% #EDEDEE;
    }	

    .aside div.sidewrap {
        padding: 0 20px 30px 20px;
        max-width:100%;
    }	

    .aside div.sidewrap:nth-of-type(3n+1) {
        clear:none;
        padding: 0 20px 30px 20px;
    }

    .aside div.sidewrap:nth-of-type(3n+2) {
        padding: 0 20px 30px 20px;
    }	

    .aside div.sidewrap:nth-of-type(3n+3) {
        padding: 0 20px 30px 20px;
    }

    .aside div.sidewrap:nth-of-type(2n+1) {
        clear:both;
        padding: 0 20px 30px 20px;

    }	

    #pagecontent .tblcellshort {
        width:30%;
    }

    #pagecontent .tblcelllong {
        width:70%;
    }	

    #pagecontent .fbatbl th, 
    #pagecontent .fbatbl td  {
        font-size:100%;
    }

    #pagecontent .fbatbl td {
        display:block;
        border: 0px;
    }

    #pagecontent .fbatbl td.hl {
        font-weight:700;
        border-top: 2px solid #FFF;
    }

}


@media (min-width: 671px) {

    #mainnav {
        margin-top:15px;
        width:100%;
        min-height:34px;
        background:#e42825;

    }

    #mainnav ul {

        display: table;
    }

    #mainnav ul li {
        float: left;
        list-style-type: none;
        display:inline-block;
        text-align:center;
        border-right: 1px solid #fff;
    }


    #mainnav ul li ul {
        display:none;
    }			

    #mainnav ul li a {
        display:inline-block;
        text-align:center;
        height: 32px;
        line-height: 32px;
        padding: 0px 18px;
        margin-top:2px;
        text-decoration: none;
        color: #fff;

        font-family: 'Roboto', sans-serif; 
        font-weight: 300;   
    }  

    #mainnav ul li a:hover,
    #mainnav ul li a:active,
    #mainnav ul li a.current {
        font-weight:500;
    }

    #mainnav ul li a::after {
        display:block;
        content:attr(title);
        font-weight:500;
        height:0px;
        color:transparent;
        overflow:hidden;
        visibility:hidden;
    }

    #footer .ftcol {
        display:table-cell;
        width:50%;
        vertical-align: bottom;
    }

    #footer .col-1 {
        border-right: 1px solid #999;
        border-bottom:0px;
        padding-right: 20px;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;	

    }

    #footer .col-2 {
        padding-left: 20px;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;	
    }
}

@media (max-width: 670px) {
    #unterseite #mainnav {
        clear:both;
        display:none;
    }	

    #unterseite .mainnav-toggle-wrap {
        display:block;
    }

    .mitgliedsform td  {
        display:block;
        width:100%;
    }

    .mitgliedsform td:first-child  {
        text-align:left;
    }

    .mitgliedsform td input[type="text"]{		
        display:block;
        width:100%;	
    }

    #footer .col-2 {
        padding-top: 20px;
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;  
        box-sizing: border-box;	
    }   

    #unterseite .aside-fp div.sidewrap {
        max-width:100%;
    }

    #startseite #startseiteteaser {
        padding:15px;
    }

}


/*News*/
.newsarchivimg{
    max-width: 400px; float:left; padding: 10px 10px 10px 0;
}

.page-navigation{
    text-align: right;
}

.page-navigation>p{
    display: none;
}

.f3-widget-paginator {
    display: inline-block;
}

.f3-widget-paginator li{
    float: left;
    list-style-type: none !important;
    margin: 0 5px 0 0 !important;
}

/*Indexed Search*/ 
.tx-indexedsearch-browsebox{
    margin: 30px 0 !important;
}
.tx-indexedsearch-browsebox li {
    display: inline;
    list-style: none;
    margin: 0 30px 0 0 !important;
}
.tx-indexedsearch-res{
    margin-bottom: 30px;
}

/*powermail*/
.btn-primary, .btn-primary:hover, .btn-primary:focus{
    background-color: #e42825;
    border-color: #e42825;
}

.parsley-errors-list{
    background-color: white !important;
    border: none !important;
}
.parsley-errors-list > li{
    padding: 0 !important;
    list-style: none !important;
    margin-left: 0 !important;
    color: #e42825;
}

input.parsley-error{
    background-color: white !important;
    border: 1px solid #e42825;
}

.radio.parsley-error, .checkbox.parsley-error{
    background-color: white !important;
}

ul.powermail_message_error{
    margin-bottom: 30px !important;
}