/* Google Webfonts */

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xGAzD5WKQVN4wSyA0MYYi4rr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xM6Eyu0BCqAfob_z3hhzRFzr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
}


/* Body Formatierung */

html, body, div, p, img {
  border: none;
  margin: 0;
  padding: 0;
}

* { margin:0; padding:0; }

body { 
  background:#afafb1; 
  height:100%; 
  font-family:Arial, Helvetica, FreeSans, sans-serif;
  font-size:13px;
}


/* Fonts Formatierung */

a:link, a:visited {color: #efc600;text-decoration: none;}
a:hover {text-decoration:underline;}
a:active {color: #900;text-decoration: none;}

hr { border:0 dotted #ccc; border-bottom-width:2px; margin-top:20px;  margin-bottom:20px; clear:both; }
p {font-size: 13px;line-height: 20px;margin-bottom: 15px;}
h1 {margin:0 0 10px 0; line-height:110%; padding:0;font-size:28px;font-family: 'Open Sans Condensed', sans-serif;text-transform:uppercase;}
h2 {margin-bottom:10px;font-size:18px;}
h3 {margin-bottom:10px;font-size:16px;}

p {font-family:Arial;font-weight:normal !important;font-size:13px;margin:5px 0 10px 0;}
a {color:#fff;}

.undertitel {font-family: 'Open Sans Condensed', sans-serif;font-weight:300;font-size:18px;}
.logotitle {font-family: 'Open Sans Condensed', sans-serif;line-height:25px;text-transform: uppercase;}

#content ul {padding:0px 0 5px 20px;}
#content ul li {margin:6px 0 0 2px;padding:0 0 0 5px;}


#navi {
  position:absolute; 
  left:40px; 
  top:40px; 
  color:#fff; 
  font-weight: 700; 
  font-size:28px; 
  width:220px; 
  imgtext.maxW = 100
  z-index:1000;
}

/* Navigation */
/* Ebene Eins */
 
#navi ul.nav-ebene-eins {
  padding:0;
  margin:0;
  list-style-type:none;
}

#navi ul.nav-ebene-eins li {
  padding:0;
  margin:0;
  display:inline;
  float:left;
  position:relative;
  width:220px;
}

#navi ul.nav-ebene-eins li a {
  display:block;
  padding:0;
  margin:5px 0 0 0px;
  border-left:5px solid #efc600;
  font-size:24px;
  font-size /*\**/: 17px\9;
  text-align:left;
  background:transparent url(img/hgtrans.png) left top;
  color:#fff;
  line-height:45px;
  text-decoration:none;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
}

#navi ul.nav-ebene-eins li a span {
  width:11px;
  height:45px;
  background:transparent url(img/navi-hover.png) center top no-repeat;
  float:Left;
  margin-right:0px;
}

#navi ul.nav-ebene-eins li a:hover,
#navi ul.nav-ebene-eins li.menu-level1-current-active a,
#navi ul.nav-ebene-eins li.pretty-hover a, 
#navi ul.nav-ebene-eins li a.active {
  background:black;
}

#navi ul.nav-ebene-eins li a:hover span,
#navi ul.nav-ebene-eins li.menu-level1-current-active a span,
#navi ul.nav-ebene-eins li.pretty-hover a span,
#navi ul.nav-ebene-eins li a.active span {
  background:#efc600 url(img/navi-hover.png) left bottom no-repeat;
  margin-right:10px;
}


/* Navigation */
/* Ebene Zwei */

#navi ul.nav-ebene-zwei {
  padding:0;
  margin:0;
  position:absolute;
  left:220px;
  top:5px;
  width:200px;
  z-index:1000;
  display:block;
}

#navi ul.nav-ebene-zwei li {
  clear:left;
  width:180px !important;
}

#navi ul.nav-ebene-zwei li a {
  border:none;
  text-align:center;
  color:#fff !Important;
  background:transparent url(img/nav2hg.gif) 4px top no-repeat !important;
  margin:0 !important;
  font-size:18px;
  font-size /*\**/: 14px\9;
  text-align:left;
  padding:0 0 0 20px;
  line-height:46px;
}

#navi ul.nav-ebene-zwei li a:hover, #navi ul.nav-ebene-zwei li.pretty-hover a {
  background:transparent url(img/nav2hg.gif) 4px bottom no-repeat !important;
  color:#333 !Important;
}

/* Ebene Drei */

#navi ul.nav-ebene-drei {
  padding:0;
  margin:0;
  position:absolute;
  left:175px;
  top:0px;
  width:200px;
  z-index:1000;
  display:block;
}

#navi ul.nav-ebene-drei li {
  clear:left;
  width:180px !important;
}

#navi li.pretty-hover ul.nav-ebene-drei li a {
  border:none;
  text-align:center;
  color:#fff !Important;
  background:transparent url(img/nav2hg.gif) 4px top no-repeat !important;
  margin:0 !important;
  font-size:18px;
  font-size /*\**/: 14px\9;
  text-align:left;
  padding:0 0 0 20px;
  line-height:46px;
}

#navi li.pretty-hover ul.nav-ebene-drei li a:hover {
  background:transparent url(img/nav2hg.gif) 4px bottom no-repeat !important;
  color:#333 !Important;
}

/* Navigation */
/* FOOTER */

#footer_inhalt {
  width:725px;
}

#footer .menu-footer {
  padding-left:5px;
  color:#666;
  font-size:13px;
  float:right;
}

#footer .menu-footer a {
  color:#747577;
  font-weight:normal;
  padding: 0 5px 0 5px;
  font-size:11px;
}

#footer .menu-footer a:hover {
  text-decoration:underline;
}

/* Navigation */
/* Klickpfad */

#page1 #klickpfad {display:none;}

#klickpfad .first {
  background:transparent url(img/home.png) left top no-repeat;
  padding:0 0 0 20px;
}

#klickpfad a {
  padding:15px 0 0 0;
  font-size:12px;
  color:#fff;
}

#klickpfad {
  font-size:12px;
  padding-bottom:25px;
}

/* Navigation */
/* Icons */

#icons {
  position:relative;
  top:10px;
  left:15px;
}

#icons a:hover {text-decoration:none;}
#icons a:hover img {
  top:-2px;
  position:relative;
}


/* Inhalte*/

#logo {
 text-align:center;
   background:#fff;
  padding:10px;
}

#quasys {
 text-align:left;
   background:#fff;
  imgtext.maxW = 100;
  padding:10px;
}

 
 
#copyright {  
  font-size:11px;
  color:#747577;
  margin-left:40px;
}

.code {
  width:1px;
  height:1px;
  overflow:hidden;
}

#content {
  position:absolute;
  left:270px; 
  top:40px; 
  width:750px; 
  color:#fff; 
  padding-bottom:50px;
}

#inhalt_de {
  border-left:10px solid #efc600;
  background:transparent url(img/hgtrans.png) left top;
  padding:20px 30px 20px 20px;
  margin-bottom:20px;
  min-height:400px;
  width:450px;
  float:left;
}

#inhalt_rechts {
  background:transparent url(img/hgtrans.png) left top;
  float:left;
  width:230px;
  margin-left:10px;
}

#inhalt_rechts .con-mitte-left {padding:20px;}
#inhalt_rechts .con-mitte-left h1 {font-size:20px;}
  
#footer {
  position:fixed;
  bottom:0;
  background:#333;
  height:35px;
  width:100%;
  line-height:35px;
  border-top:1px solid #3b3b3b;
  display:block;
}

/* Kontaktformular  ALT */

#mailform fieldset {
  border:none;
  padding:10px 0 10px 0;
  margin:0;
}

#mailform label {
  float:left;
  width:90px;
  line-height:25px;
}

#mailform .csc-mailform-field {
  padding-bottom:5px;
}

#mailform input, #mailform textarea {
  width:300px;
  border:1px solid #efc600;
  padding:5px;
  font-family: arial;
  font-size:12px;
}

#mailform textarea {
  width:300px;
  height:100px;
}

#mailform input.csc-mailform-submit {
  margin-left:90px;
  background:#970000;
  width:100px;
  font-weight:bold;
  color:#fff;
  border:1px solid #efc600;
}


/* Kontaktformular  NEU */

.csc-mailform {
  border:none;
  padding:10px 0 10px 0;
  margin:0;
}

.csc-mailform ol {
  padding:0;
  margin:0;
  list-style-type:none;
}

.csc-mailform ol li {
  padding:0;
  margin:0;
}

.csc-mailform label {
  float:left;
  width:90px !Important;
  line-height:25px;
}

.csc-mailform .csc-form-element {
  padding-bottom:5px;
}

.csc-mailform input, .csc-mailform textarea {
  width:300px;
  padding:0;
  margin:0;
  border:1px solid #efc600;
  padding:5px;
  font-family: arial;
  font-size:12px;
}

.csc-mailform textarea {
  width:300px;
  height:100px;
}

.csc-mailform .csc-form-element-submit input {
  margin-left:102px !important;
  background:#efc600;
  width:120px;
  font-weight:bold;
  color:#fff;
  border:1px solid #efc600;
}

ul#language_switch {
  list-style-type:none;
  padding:0 0 0 17px;
  margin:20px 0 0 0;
}

ul#language_switch li {padding:0;margin:0;float:left;}
ul#language_switch li a {font-size:12px;display:block;padding-right:10px;color:#fff;}
ul#language_switch li.active a {text-decoration:underline;}

/* Supersized */

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }  /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }      /*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }