@charset "utf-8";
@font-face {
  font-family: 'open-sans';
  src: url('fonts/OpenSans-Regular-webfont.woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open-sans';
  src: url('fonts/OpenSans-Bold-webfont.woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'open-sans';
  src: url('fonts/OpenSans-BoldItalic-webfont.woff');
  font-weight: bold;
  font-style: italic;
}
/* CSS Document */
html, body {
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height: auto;
}
html.ie6, .ie6 body {
  height: 100%;
}
body {
  font: 100% 'open-sans', Arial, Helvetica, sans-serif;
  background: #FFFFFF url(images/bg.png) top left;
  margin: 0; 
  padding: 0;
 /* text-align: center; */
  color: #333;
  min-width:960px;
 
}
#Content ul { overflow:auto; margin: 0 0 10px 10px; padding: 0; }
#Content ul li { list-style: none; margin: 0; padding: 0 0 0 13px; background:url(images/li.gif) top left no-repeat }
.clear {clear: both; height: 0px; }
a {color:#999; text-decoration:none}
a:hover {color:#555;}
a img {border: none; }
/*a[href^="http://"],
a[href^="https://"] {
    background:transparent url(images/extern.gif) center right no-repeat;
    padding-right:15px;
   }
a[href^="http://www.lvps178-77-74-13.dedicated.hosteurope.de"],
a[href^="https://www.lvps178-77-74-13.dedicated.hosteurope.de"],
a[href^="https://lvps178-77-74-13.dedicated.hosteurope.de"],
a[href^="http://lvps178-77-74-13.dedicated.hosteurope.de"]
  {
    padding-right: 0;
    background: transparent;
  }*/
.left {float: left; margin: 0px 10px 5px 0px;}
.right {float: right; margin: 0px 0px 5px 10px; }
hr {border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px dotted #CCC; clear: both;}
h1,h2,h3,h4,h5,h6 {color:#66675F}
#Content h1 { margin-bottom: 20px;}
#Content h2 { font-size: 1.8em; margin-bottom: 15px;}
#print {float: right; width: 59px; height: 54px; }
.ansprechpartner { width: 100%; height: 34px; background:url(images/menu-pfeil.gif) top left no-repeat; padding: 7px 0 0 20px; margin-top: 20px; box-sizing: border-box;}
#container {
  width: 1000px;
  text-align: left; 
  margin:0 auto;
  padding: 0;
  min-height: 100%; /* Mindesthöhe für moderne Browser */
}
.ie6 #container {
  height: 100%;
}

#header {
padding:0;
  width:1000px;
  margin:0px auto;
  background-color:#ffffff;
  -moz-box-shadow: 0 0 3px 0px #333;
  -webkit-box-shadow: 0 0 3px 0px #333;
  box-shadow: 0 0 3px 0px #333;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index:200;
height: 122px;
}

.ie6 #header, .ie7 #header {
  position: relative;
}

#header h1 {
  margin: 0; 
  padding: 10px 0;
}

#breadcrumbs_color {
 
}
#breadcrumbs {padding: 5px 0px 5px 10px; color: #999; height: 20px;  font-size: 9pt;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
}
#breadcrumbs a{
  color: #999 ;
  text-decoration:none;
}
#breadcrumbs a:hover {
  color: #666; text-decoration:underline;
}
#mainContent {
  padding: 0; 
  margin: 0;
}
#wireframe {
 /* background: transparent url(images/wireframe.gif) no-repeat top right;
   margin: 3px 0;*/
}

#Content {

    margin: 0 0 20px 0;
    min-height: 380px;
    padding: 0 10px;
    width: 750px;
  float: right;
  font-size: 80%;
  min-height: 380px;
}
#Content  p{
  margin: 0 0 18px 0;
}
.content_bild { width: 230px;  }
/*Wortwolke*/
.s1 { font-size: 0.9em; }
.s2 { font-size: 1.0em; }
.s3 { font-size: 1.1em; }
.s4 { font-size: 1.2em; }
.s5 { font-size: 1.3em; }
/*jQuery Cycle */
#s1 {
  padding: 0;/* cursor:url(images/arrow_down.png), hand;*/ cursor: pointer; height: 450px;
  height: 500px; background: white;
}
#s1 img { border: 1px solid #fff; background: #fff; float: left;
/*-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 1px #ddd;
-moz-box-shadow: 1px 1px 1px #ddd;
box-shadow: 1px 1px 1px #ddd;*/
}

#nav { 
 margin-bottom:30px;
}

#nav a { 
padding: 5px;
margin: 5px; 
border-top: 1px solid #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-box-shadow: 1px -1px 1px #77;
-moz-box-shadow: 1px -1px 1px #777;
box-shadow: 1px -1px 1px #777;
background: #fff url(images/liste-top.png) repeat-x top left; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#nav a.activeSlide {color:#C00; font-weight:bold;}
#nav a:focus { outline: none; }
.zoom { }
#footer {

border-top: 1px solid #999;
   margin: 0px auto;
    padding: 0 10px;
    width: 1000px;
  height: 52px;
}
#footer p {
  margin: 0; 
  padding: 10px 0; 
}
#footerlinks {
  text-align: left; padding: 15px 0px; color:#d8d4d4;font-size: 0.8em;
}
#footerlinks a {
 color: #999;
}
#footerlinks a:hover {
 color: #555;
}

.liste_top_content /*, .liste_top*/  {
/*text-shadow: #222 1px -1px 1px;*/
color: #777;
background: #fff;
background: #fff url(images/liste-top.png) repeat-x top left; 
border-top: 1px solid #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-box-shadow: 1px -1px 1px #DDDDDD;
-moz-box-shadow: 1px -1px 1px #DDDDDD;
box-shadow: 1px -1px 1px #DDDDDD;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding: 10px;
}
.liste_top_content { padding: 0; }
.doku_img  {
/*text-shadow: #222 1px -1px 1px;*/
color: #fff;
font-weight: bold;
font-size: 14pt;
background: #fff url(images/liste-top.png) repeat-x top left;
border-top: 1px solid #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-box-shadow: 1px -1px 1px #777;
-moz-box-shadow: 1px -1px 1px #777;
box-shadow: 1px -1px 1px #777;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;

padding: 10px;
margin: 10px 0 0 0;
}

.liste {
/*
background: white url(images/liste-bottom-bg.png) bottom center no-repeat; 
border: 1px solid #ccc;
border-top: none;
-webkit-box-shadow: 1px 1px 1px #ddd;
-moz-box-shadow: 1px 1px 1px #ddd;
box-shadow: 1px 1px 1px #ddd;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
*/
padding: 10px;
margin-bottom: 10px;
background: url(images/liste_bottom.png) bottom center no-repeat; 
}
.liste h2 {
font-size: 1.3em !important
}
.liste h3 {
color: #999;
margin-bottom: 5px;
}
.liste h4 {
color: #666;
margin-bottom: 5px;
}
.ditto_tags  {
background: #fff url(images/liste-top.png) repeat-x top left; 
border-top: 1px solid #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-box-shadow: 1px -1px 1px #ddd;
-moz-box-shadow: 1px -1px 1px #ddd;
box-shadow: 1px -1px 1px #ddd;
padding: 10px;
margin: 10px 0 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 0.9em;
}
.ditto_tags a {color:#666}
.ditto_tags a:hover {color:#999;}
.page_navi { 
}
.page_navi ul {
padding: 0;
margin: 0; }
.page_navi li { 
list-style: none;
font-weight: bold;
float: left;
padding:5px;
margin: 0 2px;
background: white; border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.date { color:#999; font-size:80%; display: block; margin:0}


.teaser_menu li.active ul li.active {
background: none;
  }
.teaser_menu {
margin: 0;
font-weight: 400;
  }
.teaser_menu li.active{
/*background-image: url(images/menu-pfeil.gif);
background-position: top left;
background-repeat: no-repeat;*/
background-color:#ffffff;
/*border-left: 1px solid white;*/
  }

.teaser_menu li:hover, .teaser_menu li.active ul li{
background-color:#ffffff;
  }
  /*erste bis 3.unterebene nicht aktive links schwarz */
.teaser_menu li.active ul li:hover a, .teaser_menu li.active ul li a, .teaser_menu li.active ul li.active ul li a {
color:#000;
  }  
.teaser_menu a {display: block; color:#333333}
.teaser_menu ul { list-style: none; margin: 0; padding: 20px 0px 0px 0px;  


}
.teaser_menu ul li ul {margin-top: 10px; background: none; border-radius: none; box-shadow: none; border: none}
.teaser_menu li { background: #ededed; border-bottom: 1px solid #cfcfcf; padding: 4px 4px 8px 8px;  }
.teaser_menu li .last, .teaser_menu li ul li { border-bottom: none;padding: 0 0 0 13px;}
.teaser_menu li ul li { margin-left: 0px; margin-bottom: 2px;}
.teaser_menu li ul {padding-top: 0px; padding-bottom: 6px;}
#teaser_div { 
background: #ededed;
border-right: 1px solid #ccc;
border-radius: 7px 0 0 0;
  width: 227px;
  font-size: 80%;}
.teaser {
  border-bottom: 1px solid #cfcfcf;
 /* background: ededed url(images/teaser-bg.png) repeat-x; seltsamer bug, bewirkt transparenz // sowieso alle background-images entfernt */
  padding: 5px 10px;
}
.teaser h2 { margin-bottom: 5px }
.teaser h3 { color:#999; margin-bottom: 5px }
.paging ul li {list-style: none; float: left; padding: 0 5px}
.paging ul {margin: 0; padding: 0;}



#menu {
  height: 28px;
  font-size: 10pt;
  z-index: 10000;
background: #004379;
}
#menu ul li a, #menu ul li a:visited {
  display:block; 
  text-decoration:none; 
  color:#000;
  
/*  padding: 2px 6px;
  margin: 2px 6px;*/
  text-align:center; 
  color:#fff; 
  line-height:28px; 
  overflow:hidden;
}
#menu ul {padding:0; margin:0;list-style-type: none;
  z-index: 10000;
  }
#menu ul li {
float:left; 
position:relative; 
width: 120px;
margin: 0;
padding: 0;
text-decoration:none;
color: white;
}
#menu ul li ul {display: none;}
.noie #menu ul li:hover ul li ul {display: none;}
.pie #menu ul li.pie_hover ul li ul {display: none;}

#menu ul li:hover a {color:#fff; margin: 0; padding: 0;  }
.noie #menu ul li:hover ul { display:block; }
.pie #menu ul li.pie_hover ul { display:block; }
#menu ul li ul {
position:absolute; top:28px; left:0;  width:120px; padding-bottom: 10px; 
border-right: 1px solid #868686;
-webkit-box-shadow: 0px 2px 1px #666;
-moz-box-shadow: 0px 2px 1px #666;
box-shadow: 0px 2px 1px #666;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-pie-watch-ancestors: 1;
}

#menu ul li:hover ul li a.hide { }
#menu ul li:hover ul li:hover a.hide {}
#menu ul li:hover ul li a {display:block; color:#000; padding:5px; font-weight:normal; line-height:normal; }
#menu ul li:hover ul li a:hover { color:#fff; }

.noie #menu ul li:hover ul li:hover ul {display:block;}
.pie #menu ul li.pie_hover ul li.pie_hover ul {display:block;}

#menu ul li ul li ul {
position:absolute; 
left:121px; 
top:0; 
padding-top: 10px;
}

#menu ul li:hover ul li:hover ul.left {left:-120px;}
#menu li.active { font-weight: bold}
#menu li.first {}

/*Farben der Menüpunkte hier... erster Wert Farbe Hauptmenü/ Zweiter Wert dunkleres Untermenü */
/* FUNZT -- zu kompliziert gedacht ;-) */

#menu1, #menu1 a:hover {background:#b80909;} 
#menu1 li, #menu1 ul {background:#a80505;}
/*Speechbobble dreieck im 3. Menü */
#menu1 ul li:hover ul:before {
  content:"\00a0";
  display:block; /* reduce the damage in FF3.0 */
  position:absolute;
  top:0px; /* value = - border-top-width - border-bottom-width */
  left:-20px; /* controls horizontal position */
  width:0;
  height:0;
  border-width:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #a80505;
}

#menu2, #menu2 a:hover  {background:#ee7f01;} 
#menu2 li, #menu2 ul {background:#d57100;}
#menu2 ul li:hover ul:before {
  content:"\00a0";
  display:block; /* reduce the damage in FF3.0 */
  position:absolute;
  top:0px; /* value = - border-top-width - border-bottom-width */
  left:-20px; /* controls horizontal position */
  width:0;
  height:0;
  border-width:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #d57100;
}
#menu8, #menu8 a:hover {background:#f3ac01;} 
#menu8 li, #menu8 ul {background:#d99a02;}
#menu8 ul li:hover ul:before {
  content:"\00a0";
  display:block; /* reduce the damage in FF3.0 */
  position:absolute;
  top:0px; /* value = - border-top-width - border-bottom-width */
  left:-20px; /* controls horizontal position */
  width:0;
  height:0;
  border-width:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #d99a02;
} 
#menu70, #menu70 a:hover  {background:#80c20c;}
#menu70 li, #menu70 ul {background:#6aa10a;}
#menu70 ul li:hover ul:before {
  content:"\00a0";
  display:block; /* reduce the damage in FF3.0 */
  position:absolute;
  top:0px; /* value = - border-top-width - border-bottom-width */
  left:-20px; /* controls horizontal position */
  width:0;
  height:0;
  border-width:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #6aa10a;
} 
#menu12, #menu12 a:hover  {background:#4b9415;}
#menu12 li, #menu12 ul {background:#3c7a0f;}
#menu12 ul li:hover ul:before {
  content:"\00a0";
  display:block; /* reduce the damage in FF3.0 */
  position:absolute;
  top:0px; /* value = - border-top-width - border-bottom-width */
  left:-20px; /* controls horizontal position */
  width:0;
  height:0;
  border-width:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #3c7a0f;
} 
#menu14, #menu14 a:hover  {background:#019fd0;} 
#menu14 li, #menu14 ul {background:#008eba;}
#menu14 ul li:hover ul:before {
  content:"\00a0";
  display:block; /* reduce the damage in FF3.0 */
  position:absolute;
  top:0px; /* value = - border-top-width - border-bottom-width */
  left:-20px; /* controls horizontal position */
  width:0;
  height:0;
  border-width:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #008eba;
} 
#menu23, #menu23 a:hover  {background:#005da8;} 
#menu23 li, #menu23 ul {background:#015191;}
#menu23 ul li:hover ul:before {
  content:"\00a0";
  display:block; /* reduce the damage in FF3.0 */
  position:absolute;
  top:0px; /* value = - border-top-width - border-bottom-width */
  left:-20px; /* controls horizontal position */
  width:0;
  height:0;
  border-width:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #015191;
} 

form, fieldset {border: none}
/* EmailForm 
------------------------------------------------------------------------------- */
.invalidValue {color:#C00;}
#EmailForm {
  /*width: 360px;*/
  text-align: left;
  padding-bottom: 20px;
  border: none;
}

#EmailForm legend {
  display: none;
}

#EmailForm label{
  display: block;
  font-weight:bold;
}

#EmailForm input, #EmailForm textarea {
  font: normal 1em/normal Arial, Helvetica, sans-serif;
}



/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm input.checkbox,
#EmailForm select {
border: 1px solid #bebebe; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
background: #eee url(images/search-input.gif) repeat-x; 

}
#EmailForm textarea {
  margin-top: 3px;
  padding: 0 2px;
  height: 18px;
  width: 383px;
  height: auto;
  display: block;
  max-width: calc(100vw - 46px);
}


/* Ajax Search Button auch für E-Mail Form*/
#search {
  padding: 10px 10px;
  float:right;
  height: 30px;
}
.ie6 #search, .ie7 #search {
  position: absolute;
  top: 0px;
  right: 0px;
}
#search form, #search fieldset{
  border:0;
  margin: 0;
  padding:0;
}
#search .text,  input[type="text"], input[type="password"], input[type="select"] {
height: 18px;

border: 1px solid #bebebe; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
background: #eee url(images/search-input.gif) repeat-x; 
font: normal 1em/normal Arial, Helvetica, sans-serif;
margin: 4px 0px;
}

textarea {
border: 1px solid #bebebe; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
background: #eee url(images/search-input.gif) repeat-x; 
font: normal 0.8em/normal Calibri, Arial, Helvetica, sans-serif;
}
.btn  {
border: 1px solid #555; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
background: #555 url(images/button.gif) repeat-x; 
padding: 4px; 
margin: 2px;
height: 25px;
text-shadow: #666 1px 1px 0; 
color: #fff; 
cursor: pointer;
}
.btn:hover {border-color: #272727; background: #2a2a2a url(images/altbutton.gif) repeat-x; text-shadow: #222 1px 1px 0; color: #ccc;}
#search .submit, .submit, input[type="submit"], input[type="button"]  {
border: 1px solid #555; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
background: #555 url(images/button.gif) repeat-x; 
margin: 2px;
height: 25px;
text-shadow: #666 1px 1px 0; 
color: #fff; 
cursor: pointer; }
#search .submit:hover, #EmailForm input.button:hover, input[type="button"]:hover,.submit:hover,
#search .submit:focus, #EmailForm input.button:focus,
#search .submit:active, #EmailForm input.button:active
{border-color: #272727; background: #2a2a2a url(images/altbutton.gif) repeat-x; text-shadow: #222 1px 1px 0; color: #ccc;}

.sisea-highlight {
    background-color: #ffe7c1;
}

#sidebarlogin fieldset, #sidebarlogin form
{ margin: 0; padding: 0; }

/* PIE */
.pie #nav a,
.pie .liste_top_content,
.pie #teaser_div,
.pie #header,
.pie .liste_top,
.pie .liste,
.pie .ditto_tags,
.pie .page_navi li,
.pie #menu ul li ul,
.pie #menu ul li,
.pie input,
.pie .page_navi li {
behavior: url(/js/PIE.htc);
}


@media (max-width: 1040px) {
  #teaser_div {
    display: none;
  }
  
  #Content {
    float: none;
    width: calc(100% - 20px);
    margin: 0;
  }
  
  #container {
    width: auto;
  }
  
  body {
    min-width: unset;
  }
  
  #header {
    width: auto;
  }
  
  #footer {
    width: auto;
  }
}

#menu, #menu ul {
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

#menu ul li {
  float: none;
}

#header {
  height: auto;
}

@media (max-width: 496px) {
  #search {
    display: none;
  }
  #header img {
    height: 60px;
    width: 120px;
  }
  #header {
    position: absolute;
    position: fixed;
    height: 65px;
    top: 0;
    left: 0;
    right: 0;
  }
  #headerMenu:before {
    display: inline;
    content:'\2630';
    border: 1px solid black;
    border-radius: 8px;
    padding: 0 6px 2px 6px;
    font-size: 160%;
    top: 13px;
    right: 13px;
    position: absolute;
    cursor: pointer;
  }
  #menu {
    display: none;
  }
  #breadcrumbs {
    margin-top: 65px;
  }
  #headerMenuCheck:checked + #menu {
    display: block;
  }
  #menu ul li {
    flex: 1 120px;
  }
}

#headerMenuCheck {
  display: none;
}

img {
  max-width: 100%;
}

.kat-liste {
    display: flex;
    flex-wrap: wrap;
}

.kat-teaser {
    flex: 1 320px;
    margin: 0 7px;
    text-align: center;
    float: left;
}