@charset "utf-8";

/* courgette-regular - latin_latin-ext */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: local('Courgette Regular'), local('Courgette-Regular'),
       url('../fonts/courgette-v5-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/courgette-v5-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* CSS Document */
body {font-size:small;font-family:Verdana, Geneva, sans-serif;background-color:#EEE;}

* {margin:0;padding:0;}
a,p,h1,h2,h3,ul {margin-bottom:1em;line-height:1.7em;}

a {color:inherit;}
h1 {font-size:140%;color:#0863C7;}
h2 {font-size:170%;font-family: 'Courgette', cursive;margin-bottom:0.5em;}
h3 {font-size:110%;}

#pg-home #top #topmenu #home a,
#pg-service #top #topmenu #service a,
#pg-angebote #top #topmenu #offers a,
#pg-kontakt #top #topmenu #contact a,
#pg-impressum #top #topmenu #site-notice a,
#pg-daten #top #topmenu #daten a {background-color:#FFF !important;color:#069;}
#pg-home #top #topmenu #home a:hover,
#pg-service #top #topmenu #service a:hover,
#pg-angebote #top #topmenu #offers a:hover,
#pg-kontakt #top #topmenu #contact a:hover,
#pg-impressum #top #topmenu #site-notice a:hover {cursor:default;line-height:70px;}
#pg-daten #top #topmenu #daten a:hover {cursor:default;line-height:70px;}
 
#top,#bottom {position:fixed;width:100%;background-color:#0A78C8;}
#top {top:0;height:60px;border-bottom:10px solid #FF4500;z-index:100;}
#bottom {bottom:0;z-index:110;}
#bottom p.bline {text-align:center;color:#FFF;line-height:1.8em;font-size:120%;display:block;padding:10px 0;width:60em;margin:0 auto;width:100%;}

#top ul {display:block;width:960px;margin:0 auto;color:#FFF;}
#top ul li {list-style:none;margin:0em;float:left;}
#top ul li a {display:block;text-decoration:none;font-size:140%;line-height:70px;padding:0 0.7em;}
#top ul li a:hover {background-color:#EBEBEB;color:#069;line-height:60px;}

#page {width:920px;margin:0 auto;background-color:#FFF;color:#047;padding:100px 20px 12em 20px;overflow:hidden;}
#page>ul {list-style-position:outside;margin:0 0 1em 3em;width:600px;}

#page #special {float:right;margin:0 10px 10px 20px;}
#page #special p img {border-radius:8px 8px;}

#page #slideshow {float:right;clear:right;height:380px;width:260px;/*background-color:#FAFAFA;*/background-color:#EBEBEB;margin:0 10px 10px 20px;color:#FFF;border-radius:8px 8px;}
#page #slideshow ul {list-style:none;padding:0px 30px;}
#page #slideshow ul li a img {padding-bottom:20px;}
#page #slideshow p.headline,
#page #angebote p.headline  {font-size:120%;display:block;background-color:#0863C7;padding:6px 12px/*;border-bottom:1px solid #f60*/;border-top-left-radius:8px;border-top-right-radius:8px;}
#page #slideshow ul li a {display:block;padding-bottom:40px;text-decoration:none;font-size:120%;color:#069;max-width:220px;}

#page #angebote {float:right;clear:right;width:260px;background-color:#EBEBEB;margin:40px 10px 20px 50px;color:#FFF;border-radius:8px 8px;}
#page #angebote p {padding:10px 40px;color:inherit;}
#page #angebote p a {text-decoration:none;}
#page #angebote h2 {padding:0 40px;color:#0863c7;}

 /* Kontaktformular */
#page #kontaktbox {float:right;width:380px;background-color:#EBEBEB;margin:0 10px 0 0;color:#FFF;border-radius:8px 8px;color:#047;}
#kontaktbox form {margin:20px;}
#kontaktbox form fieldset {padding:5px;}
#kontaktbox form fieldset label {clear:left;display:block;width:80px;float:left;margin-bottom:0.8em;}
#kontaktbox form fieldset input {display:block;width:230px;margin-bottom:0.8em;}
#kontaktbox form fieldset legend {margin: 0 10px;}
#kontaktbox form fieldset textarea {width:310px;height:14em;}
#kontaktbox form fieldset #submit {margin-top:10px;width:150px;}
#kontaktbox form fieldset input:focus,
#kontaktbox form fieldset textarea:focus {background-color:#FFFFAA;}





#page a, #page ul li {letter-spacing:0.02em}

.dn {display:none;}
/*.extra {color:#f70;}*/
.lblue {color:#09c;}
.dblue {color:#047;}
.important {display:none;}
.smaller {font-size:70%;display:block;line-height:1.5em;margin:0.2em 0;}
.tab1 {display:block;width:5em;float:left;}