/* 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(http://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(http://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:#111; 
  height:100%; 
  font-family:Arial, Helvetica, FreeSans, sans-serif;
  font-size:13px;
}


/* Fonts Formatierung */

a:link, a:visited {color: #0066cc;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:relative;  
  top:40px;
 float:left; 
  color:#fff; 
  font-weight: 700; 
  font-size:28px; 
  width:220px; 
  z-index:1000;
  padding-left:40px;
}

#content {
  position:relative;
  left:0px; 
  top:40px; 
  width:500px; 
  color:#fff; 
  float:left;
  padding-bottom:50px;
  padding-left:5px;
}

/* 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 #0066cc;
  font-size:28px;
  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:#0066cc 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:-45px;
  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;
  text-align:left;
  padding:0 0 0 20px;
  line-height:46px;
}

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

/* Navigation */
/* FOOTER */

#footer_inhalt {
  width:100%;
  max-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 {
  background:transparent url(img/hgtrans.png) left top;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:8px;
  padding-right:0px;
}

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

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



#inhalt_de {
  border-left:10px solid #0066cc;
  background:transparent url(img/hgtrans.png) left top;
  padding:20px 30px 20px 20px;
  margin-bottom:20px;
  min-height:400px;
}
  
#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;
}

/* 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; }


.responsivemenu {display:none;}

ul.mobile-nav-ebene-eins {position:absolute;z-index:5000;top:82px;width:100%;padding:0;margin:0;list-style-type: none; display:none;}
ul.mobile-nav-ebene-eins li {position:relative;}
ul.mobile-nav-ebene-eins a {display:block;line-height:40px;background:#464646;border-bottom:1px solid #535353;padding-left:20px;color:#fff;font-size:12px;}
ul.mobile-nav-ebene-eins a:hover {background:#535353;text-decoration:none;}
ul.mobile-nav-ebene-eins li span {width:42px;height:40px;background:transparent url(img/openclose.png) center top no-repeat; position: absolute; right:0px; top:0;}
ul.mobile-nav-ebene-eins li span.open {background:transparent url(img/openclose.png) center bottom no-repeat;}

ul.mobile-nav-ebene-zwei {width:100%;padding:0;margin:0;list-style-type: none; display:none;}
ul.mobile-nav-ebene-zwei a {background:#535353;border-bottom:1px solid #606060;}
ul.mobile-nav-ebene-zwei a:hover {background:#606060;text-decoration:none;}


@media screen and (max-width: 810px) {
#navi {
  padding-left:0px;
}
}

@media screen and (max-width: 750px) {
#navi {
  width:220px;
}
#content {
  width:calc(98% - 220px);
  padding-left:2%;
}

}

@media screen and (max-width: 700px) {

  .responsivemenu {display:block;position:absolute;top:27px; left:0px;width:80px;background:transparent;height:36px;z-index:5000;font-size:12px;}
  .showmenu {display:block;position:absolute; left:15px; top:0px;z-index:5000; height:36px; background:transparent url(img/menu.png) left center no-repeat; line-height:36px;padding-left:45px;}
  .showmenu:hover {cursor:pointer;}
  
#navi {float:none; width:100%;top:0;}  
#navi .nav-ebene-eins, #icons, #footer {display:none;}

#content {
  width:100%;
  padding-left:0;
  float:none;
  top:20px;
}

#inhalt_de {
  border-left:none;
}

#logo {

  padding-top:10px;
  padding-bottom:10px;
  padding-left:0px;
  padding-right:0px;
  text-align:center;

}

#logo img {
  width:40% !important;
  height:auto !important;
  max-width:202px !important;
}
  
  .csc-mailform label {float:none;width:100%;}
  .csc-mailform input,  .csc-mailform textarea {width:90%;}
  .csc-mailform .csc-form-element-submit input {margin-left:0 !important;}
}


@media screen and (max-width: 500px) {

#content img {
  width:100% !Important;
  height:auto !important;
  max-width:400px !important;
}
}



@media screen and (max-width: 450px) {
.csc-textpic-intext-left-nowrap-160 .csc-textpic-text {
  margin-left:0px !important;
}

}