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

@font-face {font-family: "Nunito";
    src: url("//db.onlinewebfonts.com/t/a68b324dfb93d1025b9bc43b6ba48e43.eot");
    src: url("//db.onlinewebfonts.com/t/a68b324dfb93d1025b9bc43b6ba48e43.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/a68b324dfb93d1025b9bc43b6ba48e43.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/a68b324dfb93d1025b9bc43b6ba48e43.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/a68b324dfb93d1025b9bc43b6ba48e43.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/a68b324dfb93d1025b9bc43b6ba48e43.svg#Nunito") format("svg");
}


/* ONEPAGE CLASSES */

.h2onepage_container {padding: 20px 0 60px 0; margin: 0 auto;}
.h2onepage_container_inner {border: 0px solid #00ff00; max-width: 1200px;  padding: 0px 20px 0px 20px; margin: 0 auto;}
.h2onepage_container_1 {background: #ffffff;}
.h2onepage_container_2 {background: #F3F3F3;}
.h2onepage_container_3 {background: #ffffff;}
.h2onepage_container_4 {background: #F3F3F3;}
.h2onepage_container_5 {background: #ffffff;}
.h2onepage_container_6 {background: #F3F3F3;}
.h2onepage_container_7 {background: #ffffff;}
.h2onepage_container_8 {background: #F3F3F3;}


/* SlimMenu CLASSES */

.tplge_slimmenu {}

/* SlimMenu Anpassung für Trenner im Horizontal-Menu von tobso 
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0px 0px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px; /* Breite des Trenners zwischen den Menüpunkten im Horizontal-Menü */
}


/* GLOBAL */

/*h1,h2,h3,h4 {font-family: Nunito, georgia, serif; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 24px 0;}*/

/* h1,h2,h3,h4 {font-family: Nunito, color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 24px 0;} */

h5  {font-family: Nunito; color: #9B0254; font-size: 22px; font-weight: bold; letter-spacing: 1px; padding: 0; margin: 2px 0 10px 0;}
h4  {font-family: Nunito; color: #9B0254; font-size: 28px; font-weight: bold; letter-spacing: 2px; padding: 0; margin: 2px 0 10px 0; line-height: 1.3em;}
h1  {font-family: Nunito, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h2  {font-family: Nunito, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h3  {font-family: Nunito, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h11 {font-family: Nunito, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 600; padding: 0; margin: 24px 0 10px 0;}
h14  {font-family: Nunito; color: #111111; font-size: 22px; font-weight: 100; line-height: 0.0em; letter-spacing: 2px; padding: 0; margin: 2px 0px 10px 0px;}
/* Backup: h14  {font-family: Nunito; color: #111111; font-size: 24px; font-weight: 100; line-height: 0.1em; letter-spacing: 2px; padding: 0; margin: 24px 0 10px 0;} */
/*h4 {font-family: Nunito, verdana; color: #356; font-size: 28px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}*/

/*h5 {font-family: Nunito, verdana, serif; color: #356; font-size: 24px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}*/
h6 {font-family: Nunito, verdana, serif; color: #356; font-size: 22px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 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: #aaa; background-color: #aaa; border: 0; margin: 16px 0;}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;}


/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/

/* Bilder / Images */
img {max-width: 100%;}

img.tplge_left {max-width: 46%; float: left; margin: 0 20px 10px 0;}
img.tplge_right {max-width: 46%; float: right; margin: 0 0 10px 20px;}
img.tplge_centered {max-width: 98%; display: block; margin: 16px auto;}
img.tplge_border {border: 5px solid #689;}
img.tplge_border_white {border: 1px solid #fff;}
img.tplge_border_sepia {border: 5px solid #776;}
img.tplge_noborder {border: 0;}

.tplge_box01 {clear: both; background: #e0e6e9; border: 3px solid #abc; padding: 16px 24px; margin: 16px 0;}
.tplge_code {max-height: 310px; background: #eee; color: #333; font-family: 'courier new', monospace; font-size: 15px; border: 3px solid #a0a6a9; padding: 16px 24px; margin: 24px 0; overflow: scroll;}

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


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

/* BODY UND SEITE / BODY AND PAGE */
body {color: #111111; font-family: Nunito; font-size: 20px; font-weight: 400; line-height: 1.5em;}
#body {min-width: 300px; background: #ffffff; text-align: left;}
#top {font-size: 10px; line-height: 10px;}


/* KOPFBEREICH / HEADERS */

/* top header */
.tplge_topheader    {border: 0px solid #0000ff; background: #30434c; color: #666; padding: 0px 0px 0px 0px; margin: 0;}
#tplge_topheader h1 {color: #999; font-family: Nunito; font-size: 72px; line-height: 72px; font-weight: 100; letter-spacing: 0; padding: 0 16px; margin: 0;}

/* languagemenu */
div.langmenu_container {background: #30434c; text-align: right; padding: 6px 20px 10px 0; margin: 0;}
.langmenu_container img {border: 3px solid #998; padding: 0; margin: 0 0 0 24px;}

/* searchbox */
.tplge_searchboxContainer {width: 260px; float: right; background: #fff url('images/lupe1.jpg') right top no-repeat; border: 1px solid #aaa; border-radius: 5px; color: #620; padding: 0; margin: 30px 16px 24px 0; overflow: hidden;}
#searchbox {text-align: left; padding: 0; margin: 0;}
#searchbox input.submit {background: none; color: transparent; font-family: courier new; font-size: 24px; line-height: 24px; font-weight: 700; border: 0px solid #999; padding: 3px 0 0 0; margin: 0;}
#searchbox input.submit:hover {cursor: pointer;}
#searchbox input.text {width: 196px; background: #fff; float: left; font-size: 14px; border: 0; border-right: 1px solid #999; border-radius: 15px 0 0 15px; padding: 6px 12px; margin: 0;}

/* onePageToc */
.tplge_onePageToc    {border: 0px solid #ff00ff; width: 100%;  background: #9B0254; text-align: left;z-index: 1;}
.tplge_onePageTocIn  {border: 0px solid #ff0ff0; font-family: Nunito, sans-serif; font-size: 20px; font-weight: 400; padding: 0px 0px 0px 0px; margin: 0; border-radius: 0px 0px 0px 0px;} 

.tplge_onePageTocIn1 {border: 0px solid #ff0000; background: #9B0254; max-width: 1200px; margin: auto; /*margin:10px auto 10px auto;*/}

/* image header desktop*/
.tplge_imageHeader     {border: 0px solid #ff0000; background: #ffffff; padding: 0px 0px 0px 0px; margin: 0;}
.tplge_imageHeader img {max-width: 100%; display: block; padding: 0; margin: 0 auto;}

/* image header mobil tablet */
.tplge_imageHeaderMobilHandy     {border: 0px solid #ff0000; background: #ffffff; padding: 0px 0px 0px 0px; margin: 0;}
.tplge_imageHeaderMobilHandy img {max-width: 100%; display: block; padding: 0; margin: 0 auto;}

/* image header mobil handy */
.tplge_imageHeaderMobil     {border: 0px solid #ff0000; background: #ffffff; padding: 0px 0px 0px 0px; margin: 0;}
.tplge_imageHeaderMobil img {max-width: 100%; display: block; padding: 0; margin: 0 auto;}

/* INHALT / CONTENT */

#Start1  {background: #444;}
/* .left01  {border: 0px solid #ff0000; background: none; padding: 0px 0px 0px 0px; margin-right: 20px;  margin-left: 10px; line-height: 60px; min-height: 120px; float: left; max-width: 670px;  }*/
/* .right01 {border: 0px solid #00ff00; background: none; padding: 0px 0px 0px 0px; margin-right: 20px;  margin-left: 10px; line-height: 60px; max-width: 670px;}*/
.left01   {
    width : 50%;
    /*background-color : #ff0000;*/
    float: right;
    height: 100%;
    border:0px solid grey;
}
.right01 #box1 {
    width: 50%;
    float: left;
    /*background-color : #00ff00;*/
    height: 100%;
    border:0px solid black;
}
.News1   {border: 1px solid #333333; background: #EBEBEB; max-width: 450px; min-width: 450px; min-height: 100%; float: left; padding: 10px; margin-bottom: 10px; text-align:center;}
.News2   {border: 1px solid #333333; background: #EBEBEB; max-width: 450px; min-width: 450px; min-height: 100%; float: left; padding: 10px;}


.tplge_content      {border: 0px solid #ff0000; background: #fff; min-height: 120px;}
.tplge_contentin    {border: 0px solid #ffff00; }
#tplge_contentin li {background: none;}

#tplge_contentin input {background: #fff; color: #344; border: 1px solid #b0b9bf; padding: 3px 6px;}
#tplge_contentin textarea {width: 90%; background: #fff; color: #344; font-family: Nunito, sans-serif; font-size: 15px; border: 1px solid #b0b9bf; padding: 6px;}

#tplge_contentin input.submit, #tplge_contentin input#submit {background: url(images/button.jpg) repeat-x; float: left; color: #333; font-size: 14px; line-height: 18px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px 16px 0; box-shadow: 0 0 0}
div.submitButton {min-height: 24px;}
div.submitButton input {float: left; background: url(images/button.jpg) repeat-x!important; border: 1px solid #999!important;}
#cmsimple_mailform {max-width: 900px; padding: 20px; margin: 0 auto;}
#cmsimple_mailform h1 {font-size: 32px; line-height: 30px; font-weight: 400; padding: 0; margin: 0 0 24px 0;}

.tplge_button {background: url(images/button.jpg) repeat-x; float: right; color: #333; line-height: 24px; border: 1px solid #666; border-radius: 3px; padding: 3px 9px; margin: 6px 16px 0 9px;}
.tplge_homepageLink {padding: 16px 16px 9px 16px;}

/* login */
div.cmsimple_loginform {max-width: 900px; padding: 36px 16px 96px 16px; margin: 0 auto;}

.login1           {font-size: 10px; color:#ff0000; padding: 0; margin: 0;}
#login1 a:link    {color: #9B0254; text-decoration: none;}        
#login1 a:visited {color: #9B0254; text-decoration: none;}        
#login1 a:hover   {color: #9B0254; text-decoration: none;}
#login1 a:active  {color: #9B0254; text-decoration: none;}
#login1 a:focus   {color: #9B0254; text-decoration: none;}

/* FUSSLINKS / FOOTER LINKS */

.tplge_footersContainer {background: #9B0254 url(images/bgdark.jpg)top right no-repeat; min-height: 250px; font-family: Nunito, Nunito; color: #356; font-size: 20px; font-weight: 100; letter-spacing: 2px; text-align: center; line-height:2; padding: 6px 20px; margin: 0;}
.tplge_footersContainer span {padding: 6px; white-space: nowrap;}

/* CMSimple MENU */
#tplge_footersContainer ul.menulevel2 {font-size: 16px; padding-left: 16px;}
#tplge_footersContainer ul li span {padding: 0;}
#tplge_footersContainer ul li a {padding: 0;}

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

/* footer links */
.tplge_footersContainer a:link    {color: #dddddd; text-decoration: none;}
.tplge_footersContainer a:visited {color: #dddddd; text-decoration: none;}
.tplge_footersContainer a:hover   {color: #EC5D57; text-decoration: none;}
.tplge_footersContainer a:active  {color: #EC5D57; text-decoration: none;}
.tplge_footersContainer a:focus   {color: #EC5D57; text-decoration: none;}





/* LINKFORMATIERUNG / LINKS */
a:link    {color: #9B0254; text-decoration: none;}
a:visited {color: #9B0254; text-decoration: none;}
a:hover   {color: #E5027F; text-decoration: none;}
a:active  {color: #E5027F; text-decoration: none;}
a:focus   {color: #E5027F; text-decoration: none;}



/* 
##############################
 S O N S T I G E S / R E S T
############################## 
*/


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


/*
@media (min-width: 960px) {

}

@media (min-width: 1025px) and (max-width: 1280px) {
#tplge_topheader h1 {font-size: 48px; line-height: 48px; font-weight: 300;}
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;
}
.Text1 {border: 0px solid #000f00; background: none; min-height: 120px; max-width: 100%;}
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px; text-align:center;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px;}
}

@media (min-width: 720px) and (max-width: 1024px) {
.h2onepage_container_inner {max-width: 640px; margin: 0 auto;}
#tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300;}
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;
}
.Text1 {border: 0px solid #000f00; background: none; min-height: 120px; max-width: 100%;}
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px; text-align:center;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px;}
}


@media (max-width: 719px) {
.h2onepage_container_inner {max-width: 360px; padding: 20px; margin: 0 auto;}
#tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300; text-align: left;}
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;
}

.Text1 {border: 0px solid #00ff00; background: none; min-height: 120px; max-width: 100%;}
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 340px; max-width: 340px; text-align:center;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 340px; max-width: 340px;}

}
*/
@media (max-width: 1280px) {
.tplge_slimmenu {max-width: 360px; margin: 0 0 0 auto;}
.h2onepage_container {padding: 5px 0 60px 0; margin: 0 auto;}

/* Wenn kleiner als 1280px dann zeige nicht Desktop TOP-Grafik an! */
.tplge_imageHeader {display:none!important;}
/* Wenn kleiner als 1280px dann zeige nicht mobile Handy TOP-Grafik an! */
.tplge_imageHeaderMobilHandy {display:none!important;}

/* onePageToc */
.tplge_onePageToc    {border: 0px solid #ff00ff; width: 100%; position: fixed; background: none; text-align: left;z-index: 1;}
.tplge_onePageTocIn  {border: 0px solid #ff0ff0; font-family: Nunito, Nunito, sans-serif; font-size: 20px; font-weight: 400; padding: 0px 0px 0px 0px; margin: 0; border-radius: 0px 0px 0px 0px;} 

.tplge_onePageTocIn1 {border: 0px solid #ff0000; background: none; max-width: 1200px; margin: auto; /*margin:10px auto 10px auto;*/}
}

@media (min-width: 1280px) {
/* Wenn größer als 1280px dann zeige nicht die mobilen TOP-Grafiken an! */
.tplge_imageHeaderMobil {display:none!important;}
.tplge_imageHeaderMobilHandy {display:none!important;}
}
@media (max-width: 700px) {
.left01   {
    width : 100%;
    /*background-color : #ffff00;*/
    height: 100%;
}

.right01 #box1 {
    width: 100%;
    /*background-color : #00ff00;*/
    height: 100%;
}
}

@media (max-width: 500px) {
	/* Wenn kleiner als 500px dann zeige nicht mobile Tablet und Desktop TOP-Grafik an! */
.tplge_imageHeader {display:none!important;}
.tplge_imageHeaderMobil {display:none!important;}
.tplge_imageHeaderMobilHandy {display:block!important;}

}