@import url(textstyles_kg.css);
@import url(navi_kg.css);
@import url(https://kluge-gesellschaft.de/fileadmin/templates/ext.css);


body {
margin:0;
  padding:20px 0 0 0;
hyphens:auto;
font-size:62.5%;
    background-color:#f1f1ce;
}

body, header, nav, #main, section, footer, div {  box-sizing:border-box;}

#all {
  width:962px;
  margin:0 auto;
  border:1px solid #333;
  background-color:#fff;
  }

header{
  width:962px;
  position:relative;
  }

#slogan {color:#fff;
  position:absolute;
  bottom:25px;
  left:40px;
  width:882px;
  z-index:10;
}

#slogan h1 {font-size:60px;margin:0;}
#slogan h2 {font-size:36px;margin:0;}

#slogan h3 {
  margin:0;
  padding:12px 12px 0 0;
}

#slogan h5 {text-align:right;padding: 0 12px 0 0;font-weight:normal;}

#slogan .oben, .oben {margin-bottom:220px;}

#pic {height:330px;overflow:hidden;}

nav#mainnavi {
height:42px;
border-bottom:1px solid #331;
  background-color:#404000;
  border-top:1px solid #776800;
}

nav#mainnavi li a {color: #fff;}

nav#subnavi {
  height:42px;
  background-color: #cc9;
  border-bottom: 1px solid #776800;
}

main {  }

#logo {text-align:right;}

#logo img {width:332px;height:131px;}
  

#content {
  padding:24px 48px 20px;
}

footer {
  border-top: 1px solid #776800;
  height:160px;
  padding:10px;
  background-color:#404000;
}

footer li a {color: #fff;}


/* Mobile  */

@media (max-width:960px) {
body {padding:0;}
}

@media (max-width:768px) {
body {padding:0;background:transparent;}
#all,header,nav#subnavi, #content, #sidebar,#slogan   { width: 100%; }
main,nav#subnavi, #content, #sidebar, #logo, #slogan {display:block;}
header, #logo, #slogan, nav#mainnavi, footer {height:auto;}
#mainnavi li {float:none;padding: 5px 20px;}
nav#subnavi {padding: 12px;}
#logo {padding:6px;}
footer li {float:none;}

}



/*** EXT  **/
/* Powermail */

.tx-powermail {
    color: #331;
    width: auto;
}

.tx-powermail h3 {display:none;}

.tx-powermail .powermail_fieldset {
    background: #cc9 none repeat scroll 0 0;
    border: 1px solid #331;
}

.tx-powermail .powermail_fieldset .powermail_legend {
    color: #331;
    float: left;
}

.tx-powermail .powermail_fieldset .powermail_label { width: 110px;text-align:right;padding:3px 6px 0 0 ;}

.tx-powermail .powermail_fieldset .powermail_field {
    border: 1px solid #331;
    color: #331;
    width: 210px;
  font-size:14px;
  background-color:#fff;
}


.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    background-color: #39381D;
    border: 1px solid #331;
  font-size:14px;
  padding: 4px 20px;

}

.mandatory {color:#c00;}

.tx-powermail .powermail_fieldset legend.powermail_label {    text-align: left;}