/*html, body, H1, H2, H3, H4, H5, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {*/
html, body,
html *, body * {
    font-family: arial, verdana, sans-serif !important;
}
html, body {
    font-size: 12px;
    min-height:100%;
    height:auto;
}
body {
    background:url('img/bg.png') repeat 0 0;
    position:relative;
}

#header {
    position:static;
    top:auto;
    height:auto;
    background:#3c3e3e;
    border-bottom:7px solid #fff04e;
    padding:30px 4%;
    width:auto;
}
#header .page_title {
    background:transparent;
    height:auto;
    float:left;
    width:40%;
}

#header:after,
#header .page_title:after,
#header .top_menu:after,
#content_wrapper:after,
.form-group:after {
    clear:both;
    display:block;
    content:" ";
}
#header .page_title a {
    display:block;
}
#header .page_title a > img {
    height:90px;
    float:left;
}
#header .page_title a > span {
    font-size:34px;
    line-height: 34px;
    color:#fff;
    display:block;
    float:left;
    padding-top:11px;
    padding-left: 30px;
}
#header .page_title a > span > span {
    text-transform:uppercase;
    font-size:34px;
    line-height: 34px;
    color:#fff;
    display:block;
    padding-top:11px;
}

#header .top_menu {
    float:left;
    background:none;
    width:46%;
}
#header .top_menu a {
    font-size:18px;
    text-transform:uppercase;
    margin-left:20px;
    font-weight: normal;
    color:#d4d4d4;
    display:block;
    float:left;
    padding: 11px;
    line-height: 21px;
}
#header .top_menu a:nth-of-type(6) {
    clear:both;
}
#header .top_menu .active a,
#header .top_menu a:hover {
    color:#fff04e;
    background:#e73328;
    text-decoration:none;
}

.login-button {
    padding: 10px 2%;
    color: #e73328 !important;
    background: #d4d4d4;
    display: block;
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    width:5%;
    text-align: center;
    margin-top: 20px;
}
.login-button:hover {
    background: #e73328;
    color: #d4d4d4 !important;
    font-size: 18px;
    font-weight: normal;
    text-decoration:none;
}

#container1 {
    position: fixed;
    min-height: auto;
    width: 100%;
    height: auto;
    background-color: transparent;
	top:0;
	left:0;
	z-index: 9;
}
#container3 { /*left*/
    position: static;
    width: 22%;
    bottom: auto;
    left: auto;
    top: auto;
    border-right: none;
    margin-bottom: 0;
    float:left;
    margin:30px 1% 30px 4%;
    background:#3c3e3e;
}
#container2 { /*right*/
    position: static;
    left: auto;
    width: 68%;
    height: auto;
    top: auto;
    margin-bottom: 0;
    float: left;
    margin:30px 4% 30px 1%;
    /*margin:30px 4% 30px 28%;*/
}
#content {
    width: auto;
    position: static;
    margin-left: 0;
    background-color: transparent;
    margin-top: 0;
    padding-left: 0;
    border-left: none;
    overflow: visible;
    clear: none;
}
#content > div {
    background:#f5f5f5;
    border:6px solid #fff;
    color:#000;
    margin-bottom:20px;
    padding: 20px;    
}
#content_wrapper {
    border-top:15px solid #e73328;
    padding-bottom: 30px;
	margin-top:152px;
}

#container2 h3 {
    color: #e73328;
    padding-bottom: 5px;
}
.tx-felogin-pi1 form{
    text-align: left;
    display:block;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    }
.tx-felogin-pi1 INPUT, TEXTAREA, SELECT {
    display:block;

    font-size: 12px;
    margin-bottom: 5px;
}

.tx-felogin-pi1 INPUT, TEXTAREA, SELECT label {
    color: #e73328;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
}
.tx-felogin-pi1 label{
    color: #e73328;
    font-weight: bold;
}

INPUT, TEXTAREA, SELECT {
    color: #3c3e3e;
}
#content p,
#content ul li,
#content div,
#content span,
#content table td,
#content table th {
    font-size: 14px;
    color: #3c3e3e;
    line-height: 150%;
}
#content p.bodytext {
    font-size: 14px;
    color: #3c3e3e;
    line-height: 150%;
    padding-bottom: 10px;
    margin-bottom: 10px;

}
#content a {
    color: #e73328;
}
H1, H2, H3, H4, H6 {
    font-size: 18px;
    color: #e73328;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
H1 {
    font-size: 20px;
    color: #e73328;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
H2 {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
H3 {
    font-size: 18px;
    color: #e73328;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
H4 {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
H5{
    font-size: 16px;
    color: #e73328;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#content_left h1,
#content_left h2,
#content_left h3,
#content_left h4,
#content_left h5 {
    color: #e73328;
}


/*~~~~~~~~~~~Image Styles ~~~~~~~~~~~~~~~*/

.ce-gallery figcaption {
        font-size: 12px;
}

.ce-border img, .ce-border iframe {
    border: 2px solid #e73328;
    padding: 0px;
}



#content_left A, #content_left A:visited { 
    color: #EED000; 
    text-decoration: underline; 
}

#navigation {
    width: auto;
    position: static;
    background-color: transparent;
    margin: 0;
    top: auto;
    left: auto;
    padding: 20px;
    float: none;
}
#content_left {
    width: auto;
    position: static;
    margin: 0;
    background-color: transparent;
    clear: none;
    padding: 0 20px 20px;
}

#navigation h3 {
    margin: 0 0 30px;
    color: #fff04e;
    background: #e73328;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    padding: 20px;
    font-size: 22px;
}

#navigation h3 a, #navigation h3 a:hover, #navigation h3 a:visited {
   text-decoration: none;
   color: #fff04e;
}

.menu2-level2-no a,
.menu2-level3-no a,
.menu2-level4-no a {
    width: auto;
    top: auto;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    line-height: 25px;
    text-decoration: none;
    border: none;
    padding: 0;
    margin: 0;
}
.menu2-level2-act, .menu2-level2-act a, .menu2-level2-act a:visited,
.menu2-level3-act, .menu2-level3-act a, .menu2-level3-act a:visited,
.menu2-level4-act, .menu2-level4-act a, .menu2-level4-act a:visited,
.menu2-level5-act, .menu2-level5-act a, .menu2-level5-act a:visited {
    width: auto;
    top: auto;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    text-decoration: none;
    border: none;
    color:#e73328;
    padding: 0;
    margin: 0;
}
.menu2-level2-no a:hover, .menu2-level2-act a:hover,
.menu2-level3-no a:hover, .menu2-level3-act a:hover,
.menu2-level4-no a:hover, .menu2-level4-act a:hover,
.menu2-level5-no a:hover, .menu2-level5-act a:hover {
    color: #fff04e;
    font-size: 18px;
    line-height: 25px;
    text-decoration: none;
    border:none;
    padding: 0;
    margin: 0;
}

.menu2-level3-no, .menu2-level3-act {
    margin-left:10px;
}
.menu2-level4-no, .menu2-level4-act {
    margin-left:20px;
}
.menu2-level5-no, .menu2-level5-act {
    margin-left:25px;
}


#footer {
    font-size: 9px;
    text-align: center;
    border: none;
    background-color: #3c3e3e;
    line-height: normal;
    margin-top: 30px;
    padding: 10px;
    color: #999;

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.navbar-toggle {
    border: 2px solid #fff04e;
    margin-right: 10px;
    position:relative;
    padding: 9px 10px;
    background-color: #e73328;
    background-image: none;
    float: right;
    margin-top: 25px;
    cursor:pointer;
    display:none;

}
.navbar-toggle .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    background-color: #fff04e;
    height: 3px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

/*
body#p2 #container3 {
    display:none;
}
body#p2 #container2 {
    width: 92%;
    margin: 30px 4% 30px;
}
*/
body#p2 #container3 #navigation {
    display:none;
}
body#p2 #container3 #content_left {
    padding-top: 20px;
}

.news-amenu-container {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    width: auto;
}
.news-amenu-container UL {
    padding: 0;
    margin: 0;
    border: none;
    list-style-type: none;
}
.news-amenu-container LI {
    padding: 0;
    font-size: 14px;
    color: #d4d4d4;
    text-decoration: none;
    border: none;
    background: transparent;
}
.news-amenu-container LI:hover {
    font-size: 14px;
    color: #d4d4d4;
    border: none;
    background: transparent;
}
.news-amenu-container LI A {
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    color: #d4d4d4;
    text-decoration: none;
    border: none;
    background: transparent;
}
.news-amenu-container LI A:hover {
    font-size: 14px;
    line-height: 18px;
    color: #d4d4d4;
    text-decoration: underline;
    background: transparent;
}
.news-list-date {
    background-color: transparent;
}

#kontaktformular label {
    float:left;
    width:160px;
    margin-right:10px;
}
#kontaktformular label .required {
    color:#ff000;
}
#kontaktformular input,
#kontaktformular textarea {
    width:200px;
    padding:5px;
}
#kontaktformular #kontaktformular-checkbox-1 {
    width:auto;
    padding:0;
}
#kontaktformular .form-check-label {
    width:auto;
    margin-right:0;
}
#kontaktformular .form-group {
    margin-bottom:10px;
}

.news-single-related, .news-single-files, .news-single-links,
.news-single-additional-info {
    background-color: transparent;
    border: none;
}
.news-list-container .showResultsWrap {
	display:none;
}
.news-list-item,
.news-latest-item,
.news-single-item {
	border:none;
}
.news-list-item:after,
.news-latest-item:after,
.news-single-item:after {
	clear:both;
	content:" ";
	display:block;
}
.news-single-img {
	background:none;
	border:none;
	max-width:100%;
	height:auto;
	margin:0;
	float:none;
}
.news-list-container IMG {
	float:none;
}
.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer {
    clear: both;
}
.news-list-image,
.news-latest-image,
.news-single-image {
	background:none;
	border:none;
	float: left;
	margin-right: 2%;
	width:20%;
}
.news-list-image,
.news-latest-image {
	width:15%;
}
.news-list-image img,
.news-latest-image img,
.news-single-image img {
	max-width:100%;
	height:auto;
}
.news-content {
	float:left;
	width:78%;
}
.news-list-item .news-content,
.news-latest-item .news-content {
	width:83%;
}
.news-single-rightbox {
    width: 260px;
	max-width:100%;
}
.news-single-item .news-single-image,
.news-single-item .news-content {
	margin-top:10px;
	margin-bottom:10px;
}
#footer ul {
	display:inline;
	width:auto;
	text-align:left;
	margin:0;
	padding:0 0 0 15px;
}
#footer ul li {
	display:inline;
	width:auto;
	text-align:left;
	margin-left:5px;
}
#footer ul li:after {
	content:"|";
	margin-left:5px;
	color:#666;
	font-size: 9px;
}
#footer ul li:last-of-type:after {
	content:"";
	margin:0;
}
#footer ul li a {
	color: #999;
	font-size: 9px;
}
#footer ul li a:hover {
	text-decoration:underline;
}

#sponsors header {
    visibility: hidden;
}

#content .name-of-person {
	font-size: 11px;
}

@media (max-width: 1160px) {

    #header .page_title a > span,
    #header .page_title a > span > span {
        font-size:26px;
    }
    #header .top_menu a {
        font-size: 16px;
        margin-left: 10px;
    }
}

@media (max-width: 1060px) {

    #container3 {
        width: 92%;
        margin: 30px 4% 0;
    }
    #container2 {
        width: 92%;
        margin: 30px 4% 30px;
    }

}

@media (min-width: 990px) {

    #header .top_menu {
        display:block !important;
    }

}

@media (max-width: 990px) {

    .navbar-toggle {
        display:block;
    }
    #header .page_title {
        width: 70%;
    }

    #header .top_menu {
        width: 100%;
        display:none;
        padding-top: 30px;
    }

    #header .top_menu a {
        margin-left: 0;
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
    }
    .login-button {
        display:none;
    }
	#container3 { /*left*/
		position: static;
	}

}

@media (max-width: 670px) {
	.news-list-image,
	.news-latest-image,
	.news-single-image {
		width:40%;
	}
	.news-content {
		width:58%;
	}
}

@media (max-width: 590px) {

    #header .page_title a > span, #header .page_title a > span > span {
        font-size: 18px;
    }

}

@media (max-width: 490px) {

    #header .page_title a > span, #header .page_title a > span > span {
        display:none;
    }
	.news-list-image,
	.news-latest-image,
	.news-single-image {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.news-content {
		width:100%;
	}

}

@media (max-width: 390px) {

    DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
    DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap *,
    DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
    DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap * {
        float: none !important;
        display:block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position:static !important;
    }
    .csc-textpic-intext-left-nowrap .csc-textpic-text,
    .csc-textpic-intext-right-nowrap .csc-textpic-text {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}