/* Theme Name: jhorak
 CSS Document */


@charset "UTF-8";


* { margin:0; padding:0; }
@font-face {
    font-family: 'meta';
    src: url('FFMetaProBook.woff') format('woff'),
         url('FFMetaProBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;         
    }
    
@font-face {
    font-family: 'meta-light';
    src: url('FFMetaProLight.woff') format('woff'),
         url('FFMetaProLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;         
    }
 
    
@font-face {
  font-family: "thin";
  src: url("./fonts/FFMetaProThin.eot"); /* IE9 Compat Modes */
  src: url("./fonts/FFMetaProThin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/FFMetaProThin.otf") format("opentype"), /* Open Type Font */
    url("./fonts/FFMetaProThin.svg") format("svg"), /* Legacy iOS */
    url("./fonts/FFMetaProThin.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/FFMetaProThin.woff") format("woff"), /* Modern Browsers */
    url("./fonts/FFMetaProThin.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
} 

html {
padding:0px;
border: 0px;
margin: 0px;
min-width: 100%;

font-size: 100%;
line-height: 100%;
position: relative;

}

body {
padding:0px;
border: 0px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%;
margin: 0px;
padding: 0px;
font-family: meta-light, sans-serif;
background-image: url(../img/home_hg.jpg);
background-repeat: no-repeat;
background-color: #dce5f3;
font-size: 1.0rem;
line-height:1.2rem;
color: #000000;
}

body.sub {
padding:0px;
border: 0px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%;
margin: 0px;
padding: 0px;
font-family: meta-light, sans-serif;
background-image: url(../img/hg_subseiten.jpg);
background-repeat: no-repeat;
background-color: #dce5f3;
font-size: 1.0rem;
line-height:1.2rem;
color: #000000;
}

ul#fade-menu li{
display:inline;
float:left;
margin:4px;
cursor:pointer;
width:100%;
}

ul#fade-menu li ul li{
margin:0;
padding:0;
float:none;
display:block;
width:100%;
font-size: 1.5em;
line-height: 1.0em;
}

ul#fade-menu ul{
width:500px;

padding:8px;
opacity:0;
visibility:hidden;
margin-left:0;
-o-transition:visibility 0.5s linear 0.5s, opacity 1s linear;
-moz-transition:visibility 0.5s linear 0.5s, opacity 1s linear;
-webkit-transition:opacity 1s linear;
}


ul#fade-menu li:hover ul{
visibility:visible;
opacity:1;
font-size: 1.5em;
line-height: 1.0em;

background: #ffffff;
}

div.semmelmenu {
float:none;
font-family: meta, sans-serif;
width: 90%;
height: 100%;
margin-top: 20px;
margin-right: 3.0em;
margin-bottom: 0px;
line-height: 1.2rem;
}

div.semmelmenu_sub {
float:none;
font-family: meta, sans-serif;
width: 90%;
height: 100%;
margin-top: 0px;
margin-right: 3.0em;
margin-bottom: 0px;
line-height: 1.2rem;
}

@media (min-width: 75.0em) {
div#semmel {
position: absolute;
top: 0em;
right: 2em;
cursor:pointer;
border: 0px;
width: 100% !important;
visibility: hidden;
text-align: right;

  }
}

@media (max-width: 75.0em) {
div#semmel {
position: absolute;
top: 2em;
right: -2.5em;
font-size: 1.5rem;
line-height: 1.3rem;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 80% !important;
visibility: visible;
  }
}

@media (max-width: 30.0em) {
div#semmel {
position: absolute;
top: 5.3em;
right: 3.7em;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 80% !important;
visibility: visible;
font-size: 1.5rem;
line-height: 1.2rem;
  }
}

ul.semmelm {
display:block;
display:inline-block;
list-style: none;
background-color: #e1eaf8; 
opacity: 0.9;  
padding-right: 20px;
padding-left: 1px;
margin-top:50px;
list-style-type: none;
text-indent: 0;
}

ul.semmelm_sub {
float:left;
display:block;
display:inline-block;
list-style: none;
background-color: #e1eaf8; 
opacity: 0.9;  
padding-right: 20px;
padding-left: 0px;
margin-top: 43px;
margin-left: -30px;
list-style-type: none;
text-indent: 0;
}  

@media (min-width: 75.0em) {
div#semmel_sub {
position: absolute;
top: 0em;
right: 2em;
cursor:pointer;
border: 0px;
width: 50% !important;
visibility: hidden;
text-align: right;

  }
}

@media (max-width: 75.0em) {
div#semmel_sub {
position: absolute;
top: 2.5em;
left: 0em;
font-size: 1.5rem;
line-height: 1.3rem;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 50% !important;
visibility: visible;

  }
}


@media (max-width: 57.97em) {
div#semmel_sub {
position: absolute;
top: 3.8em;
left: 0.0em;
font-size: 1.5rem;
line-height: 1.3rem;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 50% !important;
visibility: visible;
//background-color: #ffffff;
  }
} 

@media (max-width: 30.0em) {
div#semmel_sub {
position: absolute;
top: 5.3em;
left: 1.0em;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 60% !important;
visibility: visible;
font-size: 1.5rem;
line-height: 1.2rem;
//background-color: #ffffff;
  }
}

@media (max-width: 25.0em) {
div#semmel_sub {
position: absolute;
top: 4.8em;
left: 0.0em;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 60% !important;
visibility: visible;
font-size: 1.5rem;
line-height: 1.2rem;
//background-color: #ffffff;
  }
}

@media (max-width: 30.0em) {
ul.semmelm {
display:block;
display:inline-block;
line-height: 1.5rem;
list-style: none;
background-color: #e1eaf8;
padding-right: 20px;
padding-left: 1px;
margin-left -8px
border-color: #ffffff;
border-wdth: 1px;
    }
}

@media (min-width: 75.0em) {
label.hamburg { 
   display: none; 
//   position: absolute; 
   top: 0 em;
   left: 0em; 
   margin-left: auto; margin-right: auto;
   margin-bottom: 10px;
   border-radius: 4px;
   background: #dce5f3; 
}
    }
    
@media (max-width: 75.0em) {
label.hamburg { 
   display: block; 
   position: absolute;
   visibility: visible; 
   top: 0.0em;
   left: 0.3em; 
   margin-left: auto; margin-right: auto;
   margin-bottom: 10px;
   border-radius: 4px;
  // background: #dce5f3; 
}
    }

input#hamburg {display:none}

.line { 
   
   height: 4px; width: 35px; 
   background: #e7511e; border-radius: 2px;
   position: relative;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 17px; }
.line:nth-child(3) { top: 22px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(10px) rotate(-45deg);
    background: #3c2782;
}

#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-9px) rotate(45deg);
    background: #3c2782;
}

#hamburg:checked + .hamburg .line

// hamburg_sub  !!!

@media (min-width: 75.0em) {
label.hamburg_sub { 
   display: block; 
   position: absolute;
   visibility: hidden; 
   top: 0 em;
   left: 0em; 
   margin-left: auto; margin-right: auto;
   margin-bottom: 10px;
   border-radius: 4px;
   background: #dce5f3; 
}
    }
    
@media (max-width: 75.0em) {
label.hamburg_sub { 
   display: block;
   float: left; 
   //position: absolute;
   visibility: visible; 
   top: -4.7em;
   left: 0.0em; 
   margin-left: auto; margin-right: auto;
   margin-bottom: 10px;
   border-radius: 4px;
  // background: #dce5f3; 
}
    }

input#hamburg_sub {display:none}

.line { 
   
   height: 4px; width: 35px; 
   background: #e7511e; border-radius: 2px;
   position: relative;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 17px; }
.line:nth-child(3) { top: 22px; }

#hamburg_sub:checked + .hamburg_sub .line:nth-child(1){
   transform: translateY(10px) rotate(-45deg);
    background: #3c2782;
}

#hamburg_sub:checked + .hamburg_sub .line:nth-child(2){
   opacity:0;
}

#hamburg_sub:checked + .hamburg_sub .line:nth-child(3){
   transform: translateY(-9px) rotate(45deg);
    background: #3c2782;
}

#hamburg_sub:checked + .hamburg .line

// ende hamburg_sub

@media (min-width: 75.0em) {
div#semmel_sub_home {
position: absolute;
top: 0em;
right: 2em;
cursor:pointer;
border: 0px;
width: 50% !important;
visibility: hidden;
text-align: right;

  }
}

@media (max-width: 75.0em) {
div#semmel_sub_home {
position: absolute;
top: 175px;
left: 35px;
font-size: 1.5rem;
line-height: 1.3rem;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 50% !important;
visibility: visible;
  }
}

@media (max-width: 35.0em) {
div#semmel_sub_home {
position: absolute;
top: 7.3em;
left: 0.9em;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 50% !important;
visibility: visible;
font-size: 1.5rem;
line-height: 1.2rem;
//background-color: #ffffff;
  }
}

@media (max-width: 30.0em) {
div#semmel_sub_home {
position: absolute;
top: 6.3em;
left: 0.9em;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 50% !important;
visibility: visible;
font-size: 1.5rem;
line-height: 1.2rem;
//background-color: #ffffff;
  }
}

@media (max-width: 25.0em) {
div#semmel_sub_home {
position: absolute;
top: 5.3em;
left: 0.5em;
margin-bottom: 10px;
cursor:pointer;
border: 0px;
width: 60% !important;
visibility: visible;
font-size: 1.5rem;
line-height: 1.2rem;
//background-color: #ffffff;
  }
}

.page_item {
display:block;
width:100%;
list-style: none;
padding: 5px;
list-style-type: none;
text-indent: 0;
font-size: 1.0rem;
line-height: 1.0rem;
}

img.logo {
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
border: 0px;
width: 725px !important;
  }




@media (max-width: 75.0em) {
img.logo {
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
border: 0px;
width: 529px !important;
  }
}

@media (max-width: 35.0em) {
img.logo {
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
border: 0px;
width: 100% !important;
  }
}


@media (max-width: 25.0em) {
img.logo {
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
border: 0px;
width: 100% !important;
  }
}


div#wrapper {
padding-top: 0px;
float:left;
width: 100%;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%;

}

div#header {
float:left;
font-family: meta, sans-serif;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%;
width: 96%;
}

div#header_sub {
float:left;
font-family: meta, sans-serif;
margin-left: 40px;
margin-top: 50px;
margin-bottom: 0px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%;
width: 96%;
}

@media (max-width: 75.0em) {
div#header_sub {
float:left;
font-family: meta, sans-serif;
margin-left: 40px;
margin-top: 30px;
margin-bottom: 0px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%;
width: 95%;
    }
}

@media (max-width: 30.0em) {
div#header_sub {
float:left;
font-family: meta, sans-serif;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 0px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%;
width: 90%;
    }
}

@media (max-width: 75.0em) {
div#sidebar {
float:left;
height: 100%;
width: 15%;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 20px;
padding-left: 17px;
display: none;
  }
}

@media (min-width: 75.0em) {
div#sidebar {
float:left;
height: 100%;
width: 200px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 15px;
padding-left: 17px;
visibility: visible;
  }
}

div#menu_container {
position: absolute;
top: 0px;
left:  1003px;
width: 20%;
height: 100%;
margin-top: 50px;
margin-bottom: 0px;
padding-left: 17px;
line-height: 18pt;
}


div#menu_div {
float:left;
font-family: meta, sans-serif;
width: 100%;
height: 100%;
margin-top: 80px;
margin-left: 20px;
margin-bottom: 0px;
padding-left: 0px;
line-height: 18pt;
font-size: 18pt;
}


@media (min-width: 75.0em) {
div#content {
float:left;
height: 100% !important;
width: 70%  !important;
margin-top: 50px;
margin-bottom: 0px;
margin-left: 50px;
font-size: 1.1rem;
line-height: 1.2rem;
    }
}

@media (max-width: 75.0em) {
div#content {
float:left;
height: 100% !important;
width: 90%  !important;
margin-top: 50px;
margin-bottom: 0px;
margin-left: 5%;
font-size: 1.1rem;
line-height: 1.2rem;
    }
}

@media (max-width: 30.0em) {
div#content {
float:left;
height: 100% !important;
width: 90%  !important;
margin-top: 50px;
margin-bottom: 0px;
margin-left: 5%;
font-size: 1.1rem;
line-height: 1.2rem;
    }
}


.blau {
color: #3c2782;
font-family: meta, sans-serif;
font-size: 1.1rem;
line-height: 1.4rem;
}

.blau_daten {
color: #3c2782;
font-family: meta, sans-serif;
font-size: 1.1rem;
line-height: 1.4rem;
margin-left: -6px
}

.orange {
color: #e85511;
font-family: meta, sans-serif;
font-size: 1.1rem;
line-height: 1.4rem;
margin-top: 20px;
}

.orange_sub {
font-family: meta, sans-serif;
color: #e85511;
font-size: 1.1rem;
line-height: 1.4rem;
margin-left: -17px;
}

.orange_daten {
font-family: meta, sans-serif;
color: #e85511;
font-size: 1.1rem;
line-height: 1.4rem;
margin-left: 0px;
}

div#img_sub {
float: left;
margin-top: 25px;
margin-left: 15px:
}

@media (max-width: 35.0em) {
div#img_sub {
float: left;
margin-top: 10px;
margin-left: 3px:
    }
}

@media (max-width: 25.0em) {
div#img_sub {
float: left;
margin-top: 0px;
margin-left: 0px:
    }
}

.liste{
margin-top: 7px;
margin-left: 6%;
}

td {padding-right: 5px;}


a:link { color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a:active { color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a:visited { color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a:hover { color: #e85511; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }

@media (max-width: 75.0em) {
a:link { font-family:meta; line-height:1.3rem color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a:active { font-family:meta; line-height:1.3rem color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a:visited { font-family:meta; line-height:1.3rem color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a:hover { font-family:meta; line-height:1.3rem color: #e85511; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
}

a.menu:link { color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a.menu:active { color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a.menu:visited { color: #3c2782; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }
a.menu:hover { color: #e85511; font-size: 1.0rem; text-decoration: none; border-bottom: 0px #ffffff; }

a.kontakt:link { color: #3c2782; font-size: 0.9rem; text-decoration: none; border-bottom: 0px #ffffff; margin-left: 66px;}
a.kontakt:active { color: #3c2782; font-size: 0.9rem; text-decoration: none; border-bottom: 0px #ffffff; margin-left: 66px;}
a.kontakt:visited { color: #3c2782; font-size: 0.9rem; text-decoration: none; border-bottom: 0px #ffffff; margin-left: 66px;}
a.kontakt:hover { color: #e85511; font-size: 0.9rem; text-decoration: none; border-bottom: 0px #ffffff; margin-left: 66px;}

a.hammenu:link { color: #3c2782; font-size: 1.1rem; text-decoration: none; border-bottom: 0px #ffffff; line-height: 1.6rem; }
a.hammenu:active { color: #3c2782; font-size: 1.1rem; text-decoration: none; border-bottom: 0px #ffffff; line-height: 1.6rem; }
a.hammenu:visited { color: #3c2782; font-size: 1.1rem; text-decoration: none; border-bottom: 0px #ffffff; line-height: 1.6rem; }
a.hammenu:hover { color: #e85511; font-size: 1.1rem; text-decoration: none; border-bottom: 0px #ffffff; line-height: 1.6rem; }

@media (max-width: 30.0em) {
    a.hammenu:link { color: #3c2782; font-size: 1.2rem; text-decoration: none; border-bottom: 0px #ffffff; line-height: 1.7rem; }
    a.hammenu:active { color: #3c2782; font-size: 1.2rem; text-decoration: none; border-bottom: 0px #ffffff; line-height: 1.7rem; }
    a.hammenu:visited { color: #3c2782; font-size: 1.2rem; text-decoration: none; border-bottom: 0px #ffffff; line-height: 1.7rem; }
    a.hammenu:hover { color: #e85511; font-size: 1.2rem; text-decoration: none; border-bottom: 0px #ffffff; line-height: 1.7rem; }
}

li.cont {
margin-left: 15px;
margin-bottom: 5px;
text-indent: 0px;
} 

ul.liste1 {
list-style-image:url('../img/liste1_blob.gif');
margin-left:75px;
margin-top:10px;
margin-bottom: 20px;
line-height: 1.4rem;
}

ul.liste2 {
list-style-image:url('../img/liste2_blob.gif');
margin-left:75px;
margin-top:0px;
line-height: 1.4rem;
}


ul.liste2spez {
list-style-type:none;
margin-left:75px;
margin-top:0px;
line-height: 1.4rem;
}

ul.blau_spez {
list-style-image:url('../img/liste2_blob.gif');
font-family: meta, sans-serif;
margin-left:20px;
margin-top:0px;
color: #3c2782;
font-size: 1.1rem;
line-height: 1.4rem;
}

@media (max-width: 35.0em) {
ul.liste1 {
list-style-image:url('../img/liste1_blob.gif');
margin-left:40px;
margin-top:10px;
margin-bottom: 20px;
line-height: 1.4rem;
}

ul.liste2 {
list-style-image:url('../img/liste2_blob.gif');
margin-left:40px;
margin-top:0px;
line-height: 1.4rem;
}


ul.liste2spez {
list-style-type:none;
margin-left:40px;
margin-top:0px;
line-height: 1.4rem;
}

ul.blau_spez {
list-style-image:url('../img/liste2_blob.gif');
font-family: meta, sans-serif;
margin-left:20px;
margin-top:0px;
color: #3c2782;
font-size: 1.1rem;
line-height: 1.4rem;
}
}

div#bilder {
float: left;
width: 100%;
margin-top: 60px;
margin-bottom: 0px;
//background-color:#ffffff;
}

@media (max-width: 75.0em) {
div#bilder {
float: left;
width: 100%;
margin-top: 100px;
margin-bottom: 10px;
    }
}

@media (max-width: 58.0em) {
div#bilder {
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
    }
}

@media (max-width: 35.0em) {
div#bilder {
float: left;
width: 100%;
margin-top: 0px;
margin-bottom: 10px;
    }
}

@media (max-width: 25.0em) {
div#bilder {
float: left;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
    }
}

@media (min-width: 450px) {
img.img-bottom {
margin-right: 5px;
margin-top: 0px;
margin-bottom: 10px;
border: 0px;
width: 32.0% !important;
  }
}


div#meta {
float: left;
width: 81%;
margin-bottom: 0px;
background-color: #ffffff; 
padding: 10px;
padding-left: 30px;
}

a.impr:link { color: #3c2782; font-size: 0.7rem; text-decoration: none; border-bottom: 0px #ffffff; }
a.impr:active { color: #3c2782; font-size: 0.7rem; text-decoration: none; border-bottom: 0px #ffffff; }
a.impr:visited { color: #3c2782; font-size: 0.7rem; text-decoration: none; border-bottom: 0px #ffffff; }
a.impr:hover { color: #e85511; font-size: 0.7rem; text-decoration: none; border-bottom: 0px #ffffff; }

.head {
 font-size: 1.7rem;
 line-height: 2.0rem;
 color: #3c2782;
}

div#sublink {
margin-left: 2em;
width: 100%;
float: left;
margin-bottom: 30px; 
margin-top: 20px;

}

@media (max-width: 75.0em) {
div#sublink {
margin-left: 8.0em;
width: 100%;
float: left;
margin-bottom: 0px; 
margin-top: 0px;

    }
}

@media (max-width: 35.0em) {
div#sublink {
margin-left: 3.0em;
padding-left: 0.0em;
width: 100%;
float: left;
margin-bottom: 0px; 
margin-top: 0px;
    }
}

@media (max-width: 25.0em) {
div#sublink {
margin-left: 0.0em;
padding-left: 0.0em;
width: 100%;
float: left;
margin-bottom: 0px; 
margin-top: 0px;
    }
}


div#sublinkkosten {
margin-left: 5.2em;
padding-left: 0.0em;
width: 90%;
float: left;
margin-bottom: 0px; 
margin-top: 0px;
    }



@media (max-width: 25.0em) {
div#sublinkkosten {
margin-left: 5.2em;
padding-left: 0.0em;
width: 70%;
float: left;
margin-bottom: 0px; 
margin-top: 0px;
    }
}


@media (max-width: 75.0em) {
div#sublinkkosten {
margin-left: 5.2em;
padding-left: 0.0em;
width: 90%;
float: left;
margin-bottom: 0px; 
margin-top: 0px;
    }
}



img.horak {
float:left;
margin-right: 40px;
}

@media (max-width: 30.0em) {
img.horak {
float:left;
margin-right: 0px;
height: 0px;
    }
}

img.horak_e {
float:left;
margin-right: 15px;

}

@media (max-width: 40.0em) {
img.horak_e {
float:left;
margin-right: 1.0em;
width: 35%;
    }
}

@media (max-width: 25.0em) {
img.horak_e {
float:left;
margin-right: 1.0em;
width: 40%;
    }
}

ul.linksub{
list-style-image:url('../img/liste2_blob.gif');
margin-top:0px;
margin-left:0em;
line-height: 1.6rem;
}

.absatz {
margin-bottom:7px;
}

p.klein {
line-height: 10px;
margin-bottom:0px;
}

br.klein {
 content: "";
  margin: 0.5rem;
  display: block;
  font-size: 0.5rem;
}

ul.daten {
list-style-image:url('../img/liste1_blob.gif');
margin-left:20px;
margin-top:10px;
line-height: 1.4rem;
}

ul.datena {
list-style-type:none;
margin-left:40px;
margin-top:-1px;
line-height: 1.4rem;
}

div#kontakt_1   {
float: left;
margin-bottom: 50px;
}

div#kontakt_2   {
float: left;
margin-bottom: 50px;
}

table.kosten {
 margin-left: 75px;
}