/* RESET BROWSERSTYLE */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {
    padding: 0;
    margin: 10px;
}

/* GLOBAL */
h1, h2, h3 {
    font-family: Helvetica, sans-serif;
    color: #223344;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 400;
    padding: 0 0 6px 0;
    margin: 6px 0 10px 0;
}

h4 {
    font-family: tahoma, sans-serif;
    color: #223344;
    font-size: 22px;
    line-height: 1.4em;
    font-weight: 400;
    margin: 15px 0 10px 0;
}

h5 {
    font-family: tahoma, sans-serif;
    color: #223344;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400;
    margin: 15px 0 10px 0;
}
h6 {
    font-family: tahoma, sans-serif;
    color: #223344;
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 400;
    margin: 15px 0 10px 0;
}
p {
    margin: 10px 0;
}
ol {
    margin: 6px 0;
}
ol li {
    line-height: 1.0em;
    border: 0;
    padding: 3px 0;
    margin: 2px 0 2px 22px;
}
ul {
    list-style-image: url(images/inhlist.gif);
    margin: 6px 0;
}
ul li {
    line-height: 1.2em;
    border: 0;
    padding: 3px 0;
    margin: 2px 0 2px 17px;
}
hr {
    height: 1px;
    clear: both;
    color: #aaaaaa;
    background-color: #aaaaaa;
    border: 0;
    margin: 16px 0;
}
blockquote {
    padding: 2px 0 2px 20px;
    border-left: 3px solid #999999;
}
div.tplge_content_anchor {
    display: none;
}
div.tplge_menu_anchor {
    display: none;
}
div.tplge_news_anchor {
    display: none;
}
div.tplge_news_anchor_bottom {
    display: none;
}

td.tablefont {
    font-size:14pt;
}
/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/
img.tplge_left_border {
    float: left;
    max-width: 40%;
    border: 5px solid #999988;
    margin: 0 20px 10px 0;
}
img.tplge_left_noborder {
    float: left;
    max-width: 40%;
    border: 0;
    margin: 0 20px 10px 0;
}
img.tplge_right_border {
    float: right;
    max-width: 40%;
    border: 5px solid #999988;
    margin: 0 0 10px 20px;
}
img.tplge_right_noborder {
    float: right;
    max-width: 40%;
    border: 0;
    margin: 0 0 10px 20px;
}
img.tplge_border {
    border: 5px solid #999988;
}
img.tplge_noborder {
    border: 0;
}
img.tplge_centered {
    display: block;
    margin: 24px auto;
}
img.tplge_maxwidth98 {
    max-width: 97%;
}

.tplge_code {
    clear: both;
    background: #eeeedd;
    color: #333333;
    font-family: serif, monospace;
    border: 1px solid #999999;
    padding: 10px 16px;
}
.tplge_box01 {
    clear: both;
    background: #f6f6f3;
    border: 4px double #aaaaaa;
    padding: 12px 16px;
    margin: 16px 0;
}
.tplge_legal {
    padding: 6px 0;
}

.tplge_clearLeft {
    clear: left;
}
.tplge_clearRight {
    clear: right;
}
.tplge_clearBoth {
    clear: both;
}

/* 
##############################
           B O D Y
##############################
*/

/* BODY UND SEITE / BODY AND PAGE */
body {
    background-color: #fffcd2;
    background-size: cover;
    background-attachment: fixed;
    font-size: 1.2em;
    color: #444444;
    font-family: "Times New Roman", Times, serif;
    line-height: 1.4em;
}

#top {
    font-size: 1em;
    line-height: 1.2em;
}


/* 
##############################
        L A Y O U T
##############################
*/

.tplge_content {
    width: 900px;
    margin: 0 auto;
}





/* 
##############################
        D E S I G N
############################## 
*/

/* KOPFBEREICH / HEADER */
.tplge_headers {
    }


/* top header */
.tplge_topheader {
    background: #d0d9df;
}

/* image header */
.tplge_header {
#background-color: #58514c; color: #000000; 
    background-image: url(images/icheader.jpg);
    background-size: cover;
    color: #000000;
    height: 30vw;
    width: 96vw;
    border: .5vw solid #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.tplge_headerin {
    text-align: center;
    height: 280px;
    max-width: 1150px;
    padding: 0 24px;
    margin: 0 auto;
    overflow: hidden;
}
#tplge_headerin h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 5vw;
    font-weight: bold;
    color: #eeeeee;
    padding: 2px 0;
    margin: 0;
    text-shadow: #333333 1.5px 1.5px;
}


/* toggle button for slide-in menu */
img.tplge_menutoggle {
    display: block;
    float: left;
    padding: 6px;
    cursor: pointer;
}

/* slide-in menu */
div.tplge_respToc {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 999;
    width: 0;
     font-family: arial, sans-serif;
    font-size: 15px;
    overflow: hidden;
    transition: width 500ms;
}

.tplge_respToc ul.menulevel1 {
    /*min-width: 280px;*/
    float: right;
    border: 2px solid #112233;
    padding: 8px 0 16px 0;
}

.tplge_respToc ul {
    background: #223344;
    border-radius: 0 7px 7px 0;
    padding: 0 0 9px 0;
    margin: 14px 0 2px 0;
    opacity: 0.95;
}
.tplge_respToc ul ul {
    background: #334455;
    border-radius: 5px;
    opacity: 1;
}
.tplge_respToc ul ul ul {
    background: #445566;
}
.tplge_respToc ul ul ul ul {
    background: #556677;
}
.tplge_respToc ul ul ul ul ul {
    background: #667788;
}

.tplge_respToc li {
    color: #ffcc00!important;
    padding: 12px 6px 4px 16px;
    margin: 0;
    opacity: 1;
}

.tplge_respToc a:link {
    color: #ffffff;
    text-decoration: none;
}
.tplge_respToc a:visited {
    color: #ffffff;
    text-decoration: none;
}
.tplge_respToc a:hover {
    color: #ffcc00;
    text-decoration: none;
}
.tplge_respToc a:active {
    color: #ffcc00;
    text-decoration: none;
}
.tplge_respToc a:focus {
    color: #ffcc00;
    text-decoration: none;
}
/* end slide-in menu */

/* languagemenu */
div.tplge_langmenu_container {
    width: 60%;
    float: right;
    min-height: 36px;
    text-align: right;
    border: 0;
    padding: 12px 24px 0 16px;
    margin: 0;
}
.tplge_langmenu_container img {
    margin: 0 0 0 16px;
}

/* locator */
.tplge_locator {
    font-size: 14px;
    text-align: center;
    padding: 9px 6px 6px 6px;
}
.tplge_locator span.locator_text {
    font-weight: 700;
    padding: 0 6px;
}

/* slimmenu header */
.tplge_slimmenu {
    background: #112233;
    color: #ffffff;
}
.tplge_slimmenuin {
    max-width: 1200px;
    text-align: left;
    font-size: 12px;
    border: 0;
    padding: 1px 0.1% 0 0.1%;
    margin: 0 auto;
}
#tplge_slimmenu span {
    }




/* INHALTSBEREICH / CONTENTS */

.tplge_contents {
    background-color: rgba(255,255,255,.8);
    text-align: left;
    border: 1px solid #ffffff;
}
.tplge_contentin {
    padding: 16px 10px;
}

/* searchbox */
.tplge_searchboxContainer {
    width: 260px;
    background: #ffffff url('images/lupe1.jpg') right top no-repeat;
    border: 2px solid #778899;
    border-radius: 17px;
    color: #662200;
    padding: 0;
    margin: 16px 0 0 8px;
    overflow: hidden;
}
#searchbox {
    text-align: left;
    padding: 0;
    margin: 0;
}
#searchbox input.submit {
    width: 36px;
    height: 28px;
    float: right;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
}
#searchbox input.submit:hover {
    cursor: pointer;
}
#searchbox input.text {
    width: 196px;
    background: #f6f9f9;
    float: left;
    font-size: 14px;
    border: 0;
    border-right: 1px solid #999999;
    border-radius: 15px 0 0 15px;
    padding: 6px 12px;
    margin: 0;
}

#tplge_contentin h1, #contentin h2, #contentin h3 {
    }
#tplge_contentin input.text {
    background: #f6f6f3;
    border: 1px solid #cccccc!important;
}
#tplge_contentin textarea {
    width: 90%;
    background: #f6f6f3;
    border: 1px solid #cccccc!important;
}
#tplge_contentin input.submit, #tplge_contentin input#submit {
    background: url(images/button.jpg) repeat-x;
    float: left;
    color: #333333;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #666666;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 0 6px 0 0;
}

/* prev-top-next */
.tplge_prevtopnext {
    clear: both;
    text-align: center;
    border-top: 0px solid #aaaaaa;
    padding: 8px 0 0 0;
    margin: 36px 0 16px 0;
}
#tplge_prevtopnext span {
    padding: 0 16px;
}

/* sitemap */
.sitemaplevel1 {
    font-size: 16px;
    font-weight: 700;
}
.sitemaplevel2 {
    font-size: 15px;
    font-weight: 100;
}

/* icons div */
.tplge_icons {
    text-align: center;
    padding: 24px 0 16px 0;
}
#tplge_icons img {
    border: 0;
    margin: 0 12px 0 4px;
}

/* FOOTER */
#tplge_footers {
    color: #aabbcc;
    border-top: 1px solid #ffffff;
}

ul.menulevel1 {
    list-style: none;
    font-weight: 700;
}
ul.menulevel2 {
    list-style: none;
    font-weight: 400;
}
ul.menulevel3 {
    list-style: none;
    font-weight: 400;
}
ul.menulevel4 {
    list-style: none;
    font-weight: 400;
}
ul.menulevel5 {
    list-style: none;
    font-weight: 400;
}
ul.menulevel6 {
    list-style: none;
    font-weight: 100;
}

ul.menulevel1 li {
    color: #cc6600;
}


/* NewsArea */
.tplge_newsArea {
    margin: 1% 0;
}
.newsbox {
    background: rgba(251,232,168,.9);
    border: 1px solid blue;
    color: #333333;
    width: 29%;
    float: left;
    padding: 1%;
    margin: 1%;
}

.newsbox h4 {
    text-align: center;
    background-color: #92ceff;
}


.tplge_newsArea h1, .tplge_newsArea h2, .tplge_newsArea h3, .tplge_newsArea h4, .tplge_newsArea h5, .tplge_newsArea h6 {
    color: #333333;
    font-weight: bold;
}

.newsbox a {
    color: #004abc;
}


.tplge_notes {
    font-size: 12px;
    text-align: right;
    border-top: 0px solid #eeeeee;
    padding: 16px 40px 12px 40px;
    margin: 0;
}
div#tplge_notes p {
    padding: 0;
    margin: 0;
}



/* LINKFORMATIERUNG / LINKS */
a:link {
    color: #225580;
    text-decoration: none;
}
a:visited {
    color: #225588;
    text-decoration: none;
}
a:hover {
    color: #cc6600;
    text-decoration: underline;
}
a:active {
    color: #cc6600;
    text-decoration: underline;
}
a:focus {
    color: #cc6600;
    text-decoration: underline;
}

#tplge_slimmenu a:link {
    color: #ffffff;
    text-decoration: none;
}
#tplge_slimmenu a:visited {
    color: #ffffff;
    text-decoration: none;
}
#tplge_slimmenu a:hover {
    color: #ffcc00;
    text-decoration: none;
}
#tplge_slimmenu a:active {
    color: #ffcc00;
    text-decoration: none;
}
#tplge_slimmenu a:focus {
    color: #ffcc00;
    text-decoration: none;
}

#tplge_footers a:link {
    color: #5555aa;
    text-decoration: none;
}
#tplge_footers a:visited {
    color: #222277;
    text-decoration: none;
}
#tplge_footers a:hover {
    color: #ff9900;
    text-decoration: none;
}
#tplge_footers a:active {
    color: #ff9900;
    text-decoration: none;
}
#tplge_footers a:focus {
    color: #ff9900;
    text-decoration: none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
    /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#text_ifr { background-color #ffffff;
}
/* 
##############################
 S O N S T I G E S / R E S T
############################## 
*/

/* scroll-to-top-button */
#tplge_up {
    position: fixed;
    bottom: 24px;
    right: 10px;
    display: block;
    opacity: 0.75;
    transition: 2s;
}


/* 
############################## 
   R E S P O N S I V E  CSS
############################## 
*/

@media (max-width: 959px) {
        
    #body {
        /*min-width: 300px;*/
    font-size: 16px;
    }

    .tplge_headerin {
        padding: 0;
    margin: 0 10px;
    }
    #tplge_headerin h1 {
    line-height: 1.2em;
    }

    /* slimmenu */
    .tplge_slimmenuin {
        padding: 0 10px;
    }

    /* Content */
    .tplge_content {
        width: 95%;
    margin: 0 auto;
    }

    /* Footer */
    .tplge_notesin {
        padding: 16px 10px 10px 10px;
    margin: 0;
    }

    /* News Area */
    .tplge_newsArea {
    margin: 10px auto;
    }
}

@media (max-width: 640px) {
        
    #tplge_headerin h1 {
    }
    .tplge_content {
        width: 97%;
    }
    .tplge_newsArea {
        width: 97%;
    margin: 2px auto;
    }
.newsbox {
    width: 90%;
    float: left;
    padding: 5px;
}
}

/* ===================== */
/* ! Print Adjustments   */
/* ===================== */

@media print {
    body, .newsbox {
        background-color: #ffffff;
    }
    .tplge_slimmenu, .tplge_searchboxContainer,
    .tplge_prevtopnext, .tplge_icons 
    {
        display:none;
    }
}