/***********************************
Datei: template.css CSS 
URL: www.kozyza.de
************************************
Copyright: www.Sabine-Kemper.de
Start: 08.02.2016
Letzte Aenderung: 11.04.2018
***********************************/


/*
######################################################### 
body                                                ###
######################################################### 
*/

body, html {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; /* 1 */
  font-size:105%;
  -ms-text-size-adjust: 105%; /* 2 */
  -webkit-text-size-adjust: 105%; /* 2 */
  color:#666;
  background-color:#fff;
  font-weight:lighter;
  width:100%;
  text-align: center;
}

html {
  line-height:1.3em;
}

/*
######################################################### 
reset                                               ###
######################################################### 
*/

* {
  margin:0;
  padding:0;
  list-style-position: outside;
}

form {margin: 0; padding:0;}
img, table {border:0; max-width: 100%; height: auto; margin:0;padding:0;}
fieldset {border:0;}
table td {text-align: left;}
article, aside {display: block;}
li {list-style-type: none;}


.clear {
  clear: both;
  height: 0;
  width: 0;
  font-size: 0;
  visibility: hidden;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

a:focus {
  outline: none;
}

/* 
###############################################################
kleines Raster 2 #
###############################################################
*/

a {text-decoration:none;color:#ff9933;}
a:hover {color: #333;}
.bild {background-color: #333;height:auto;width:100%;}

.container {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  width:100%;
  text-align: center;
}

#top {
  position: relative;
  height: auto;
  width:100%;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  text-align: center;
}

.intop {
  position: relative;
  margin: 0 auto;
  max-width: 1280px;
  background-color: transparent;
  padding: 0;
  position: relative;
  color: #666;
  text-align: left;
}

#logo {
  margin: 0.2em 0 0.2em 0.4em; 
  padding: 0.2em 0 0.2em 0;
  text-align: center;
  background-color: transparent;
  height:auto;
  max-width: 210px;
  display:block;
  float: left;
  position: relative;
}

.inlogo {
  height:auto;
  max-width: 300px;
  border: none;
}

	#navi_oben {
	padding:0 0 0.3em 0;
	margin:0.6em 0 0.3em 0;
	width: 100%;
	color: #333;
	text-align: center;
	position: relative;
}

#navigation {
	margin: 0 auto;
	top:0px;
	width: 100%;
	position:absolute;
	height:auto;
	max-width: 1280px;
	z-index:15;
 }


/* 
###############################################################
Boxen Schrift #
###############################################################
*/

#logo {
  	margin: 0 auto!important; 
  	padding: 2%!important;
  	text-align: center;
  	width: 30%!important;
  	display:block;
  	position: relative;
	}
	
	#schrift {
  	margin:0 0 0 0;
    width: 100%;
    float:left;
    padding: 0;
 	background: rgba(250,153,51,0.2);
	background-color: rgba(250,153,51,0.2);
	height:auto;
	}
	.inschrift{
	height:auto;
 	padding:0%;
    width: 100%!important;
    float:left;
 	font-size:80%;
	}
	.box_schrift_1 {
 	height:auto;
 	padding:1%;
    width: 100%;
    float:left;
 	}
	.box_schrift_2 {
 	height:auto;
 	padding:1%;
    width: 100%;
    float:left;
 	}
	.box_schrift_3 {
 	height:auto;
 	padding:1%;
    width: 100%;
    float:left;
 	}
	.box_schrift_3 img {
 	width: 60%;
display: none;
}
 
 @media only screen and (min-width: 30.0em) {
	#schrift {
  	margin:0 auto;
    float:left;
 	padding:0;
 	background: rgba(250,153,51,0.2);
	background-color: rgba(250,153,51,0.2);
	}

.inschrift{
 	height:auto;
    width: 100%;
 	}

.box_schrift_1 {
 	padding: 0.2em 0.2em 0 0.5em;
 	background-color: transparent;
    width: 50%;
    float:left;
 	}
 	
.box_schrift_1 p, .box_schrift_2 p {
    	line-height:1.3em; 
}

.box_schrift_2 {
 	height:auto;
 	padding: 0.2em 0.1em 0 0;
 	color: #999;
 	background-color: transparent;
    width: 50%;
 	font-size:90%;
    float:left;
}

.box_schrift_3 {
 	height:auto;
 	padding: 0.2em 0.2em 0 0;
 	color: #999;
 	background-color: transparent;
    width: 50%!important;
    float:right;
 	text-align:right;
}

.box_schrift_3 img{
    float:right;
	display: inline;
	width: 100%;
}
}

@media only screen and (min-width: 44.0em) {
.box_schrift_1 {width: 25%!important;}
.box_schrift_2 {width: 40%!important;}
.box_schrift_3 {width: 30%!important; padding: 1em 0.4em 0 0;}

}

@media only screen and (min-width: 64.0em) {
	#schrift {
  	margin:2em 0 0 0;
    width: 75%;
    float:right!important;
	height:auto;
 	padding:1em 0 0 0.2em;
  	background-color: transparent;
	}

.inschrift{
 	height:auto;
 	color: #999;
 	background-color: transparent;
    width: 100%;
 	font-size:100%;
 	}

.box_schrift_1 {
 	height:auto;
 	padding: 0.2em 0.2em 0 0;
 	color: #999;
 	background-color: transparent;
    width: 25%!important;
    float:left;
 	font-size:90%;
 	}
 	
.box_schrift_1 p, .box_schrift_2 p {
    	line-height:1.3em; 
}

.box_schrift_2 {
 	height:auto;
 	padding: 0.2em 0.1em 0 0;
 	color: #999;
 	background-color: transparent;
    width: 40%;
 	font-size:90%;
    float:left;
}

.box_schrift_3 {
 	height:auto;
 	padding: 0.2em 0.2em 0 0;
 	color: #999;
  background-color: transparent;
    width: 35%!important;
    float:right!important;
 	text-align:right;
}

.box_schrift_3 img{
    float:right;
}
}

/* 
###############################################################
Slider #
###############################################################
*/

#slider_kopf {
  position:relative;
  clear: both;
  max-width: 100%;
  padding:0;
  text-align: center;
  background-color:#e5e5e5;
  height:auto;
}

.moduletable.custom p {
  padding:0!important;
  margin:0!important;
  line-height:0!important; 
}

.inslider {
  position:relative;
  text-align: center;
  height:auto;
  max-width: 1280px;
  margin: 0 auto;
  background-color:transparent;
  padding:0!important;
}

.inslider p {
  padding:0!important;
  margin:0!important;
  line-height:0!important; 
}

/* 
###############################################################
Text Spalten #
###############################################################
*/

.cols {
	column-count: 2;
	column-gap: 1em;
}

/* 
###############################################################
Bereich Einteilung #
###############################################################
*/

.bereich_orange {
 	height:auto;
 	padding:1% 0 1% 0;
 	margin: 2em 0 0 0;
 	color: #fff;
    width: 100%;
    background: rgba(250,153,51,0.2);
	background-color: rgba(250,153,51,0.2);
}

.bereich_grau {
 	height:auto;
 	padding:1% 0 1% 0;
 	margin:1em 0 1em 0;
 	color: #333;
   	width: 100%;
    background: #f5f5f5;
}

.innenbereich  {
 	padding:1% 0 1% 0;
    margin: 0 auto;
   	max-width: 1280px;
 	height:auto;
 	color: #333;
 	background-color: transparent;
 	text-align:left;
}

.innenbereich_ansprechpartner  {
	float: left;
    	max-width: 1000px;
 	height:auto;
}

.innenbereich_team  {
	float: left;
    max-width: 900px;
 	height:auto;
}


.bereich_links{
 height:auto;
 padding:0;
 margin:0;
 color: #333;
 width: 30%;
 background: transparent;
 float:left;
}

.bereich_rechts{
 height:auto;
 padding: 0 0 1em 1em;
 margin:0 0 1em 0;
 color: #333;
 width: 65%;
 background: transparent;
 float:right;
}




/* 
###############################################################
Bilder hover #
###############################################################
*/

#button {
 	height:auto;
 	padding:5px 0 5px 0;
 	color: #fff;
	background-color: rgba(250,153,51,0.8);
    width: 100%;
    text-align:center;
}

.inbutton  {
    padding: 0;
    margin: 0 auto;
    max-width: 1280px;
 	height:auto;
 	color: #fff;
 	background-color: transparent;
 	text-align:left;
}

.box_icon {
	float:left;
	background: transparent;
	position: relative;
	margin: 1em 0.2em;
	max-width: 160px;
	max-height: 160px;
	overflow:hidden;
}

.box_icon img {
	max-width:100%;
	height:auto;
}

.box_icon a {
	text-decoration: none;
	color: #333;
}

.box_icon a:hover {
	text-decoration: none;
	color: #ff9933;
}

.box_icon .slogan {
	top: 100%;
	background-color: rgba(250,250,250,0.9);
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	-ms-transition: all 1s linear;
	transition: all 1s linear;
	font-size: 0.9em;
	text-align:center;
	color: #333;
	padding: 50% 0 0 0;
	border-bottom:medium #ff9933 solid;
	font-weight:normal;
}

.box_icon:hover .slogan {
	color: #ff9933;
	top: 0%;
	opacity: 1;
} 


/* 
###############################################################
Textbereich #
###############################################################
*/

#breadcrumb_text {
	max-width:1280px;
	height: auto;
	background-color: transparent;
	position: relative;
	margin: 0 auto;
}

.moduletablebreadcrumb {
  font-size: 80%;
  color: #666;
  margin: 0 0 1em 0px!important;
  padding: 0 0 1em 0.4em!important;
  text-align:left;
}

.breadcrumbbreadcrumb ul {
  margin:0;
  padding:0;
}

.breadcrumbbreadcrumb li {
  list-style-type:none;
  margin:0;
  padding:0;
  float:left;
}

.pathway {
  color: #666;
}

@media only screen and (min-width: 82em) {
	.moduletablebreadcrumb {
  	padding: 0 0 1em 0em!important;
}
}

#main {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  background-color: transparent;
  height: auto;
}

.mainContent {
  width: 100%;
  height: 100%;
  text-align: left;
  background-color: transparent;
  padding:0!important;
}


/* 
###############################################################
Footer #
###############################################################
*/

#footer {
 	height:auto;
 	padding:1em 0 1em 0;
 	background-color: #666;
    max-width: 100%;
 	color: #fff;
}

.infooter  {
    padding: 0.5em 0 0.5em 0;
    margin: 0 auto;
    max-width: 1280px;
 	height:auto;
 	color: #fff;
 	background-color: transparent;
 	text-align:left;
}

.box1 {
 	height:auto;
 	padding:2% 2% 2% 1%;
 	color: #fff;
 	background-color: transparent;
    width: 25%;
    float:left;
 	font-size:80%;
}

.box2 {
 	height:auto;
 	padding:2% 2% 2% 0;
 	color: #fff;
 	background-color: transparent;
    width: 30%;
    float:left;
 	font-size:80%;
}

.box3 {
 	height:auto;
 	padding:2% 2% 2% 0;
 	color: #fff;
 	background-color: transparent;
    width: 20%;
    float:left;
 	font-size:80%;
}

.box4 {
 	height:auto;
 	padding:2% 2% 2% 0;
 	color: #fff;
 	background-color: transparent;
    width: 10%;
    float:left;
 	font-size:80%;
}

@media screen and (max-width: 55em) {
	.infooter {
	margin:2%;
	}
	.box1, .box2,.box3, .box4 {
	width: 50%;
	}
}

@media screen and (max-width: 34em) {
	.box1, .box2,.box3, .box4 {
	width: 100%;
	}
}

.infooter a {
 	color: #fff;
}


.adresse {
  font-size: 90%;
  text-align: left;
  color: #fff;
  font-weight: normal;
  margin: 1% 0 1% 0;
  padding: 20px 40px 20px 40px!important;
  border: 0px solid #4A6491;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;	
  background: #333;
}

.adresse_bild {
  font-size: 90%;
  text-align: left;
  color: #fff;
  font-weight: normal;
  margin: 1% 0 1% 0;
  padding: 20px 40px 20px 40px!important;
  border: 0px solid #4A6491;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;	
  background: #333;
}

@media screen and (max-width: 50em) {
	.infooter {
    width: 98%;
	padding: 0 0 0 1%;
	}
}

/* 
###############################################################
Button  #
###############################################################
*/

.buttonform {
	cursor: pointer;
	margin: 5px 0 5px 0;
	padding: 10px 0 10px 15px;
	border: 0px solid #4A6491;
	background: #ff9933;
	max-width: 100%;
	text-align:center;
}

.buttonform:hover
{
	background: #ffcc66;
	color: #fff;
}

.buttonform a {text-decoration:none;color:#333;}
.buttonform a:hover {text-decoration:none;color:#fff;}


.buttonpreisbeispiele,  {
	background-color:#ff9933;
	display:block;
	cursor:pointer;
	width: 12em;
	color:#ffffff;
	font-weight:bold;
	margin:2em 0em 2em 0em!important;
	padding: 1em 0 1em 0!important;
	text-decoration:none;
	overflow:hidden;
	border:2px solid #f3f3f3;
	box-shadow: 0 0 3px gray;
	vertical-align:middle;
	text-align:center;
}

.buttonpreisbeispielehome  {
	background-color:#ff9933;
	display:block;
	cursor:pointer;
	width: 12em;
	color:#ffffff;
	font-weight:bold;
	margin:0em 0em 2em 0em!important;
	padding: 1em 0 1em 0!important;
	text-decoration:none;
	overflow:hidden;
	border:2px solid #f3f3f3;
	box-shadow: 0 0 3px gray;
	vertical-align:middle;
	text-align:center;
}

.buttonpreisbeispiele:hover, .buttonpreisbeispielehome:hover {
	background-color:#ccc;
}

.buttonpreisbeispiele a, .buttonpreisbeispielehome a {
	color:#f5f5f5;
}


.buttonpreisbeispiele:active, .buttonpreisbeispielehome:active {
	position:relative;
	top:1px;
}

/* 
###############################################################
Table #
###############################################################
*/

#main div.attachmentsList table { max-width: 1280px; border:0; width: 100%!important; height: auto; margin:0 auto;padding:0;}

#main div.attachmentsList caption, div.attachmentsList caption {
    font-size: 90%;
    font-weight: normal;
    text-align: left;
    margin: 0 0 4px 4px;
    color: #ccc!important;
    }

#main div.attachmentsList table a, div.attachmentsList table a {
    font-weight: normal;    
    color: #333!important;
}

#main div.attachmentsList tbody {
  border: 0!important;
}
    
.attachmentsContainer {
	margin:0 auto;	
}   
/* 
###############################################################
Text #
###############################################################
*/

h1,h2,h3,h4,h5 {
	max-width: 1280px;
	margin:0 auto;
}

h1 {
  clear: both;
  font-size: 180%;
  font-weight:lighter;
  padding: 0.5em 0.2em 0.5em 0.4em;
  color:#ff9933;
  line-height:1.3em; 
  text-align:left;
}

@media only screen and (min-width: 55em) {
	h1 {font-size: 200%;}
	h2 {font-size: 140%;}
	h2.bold {font-size: 140%;}
	h2.jobs {font-size: 160%;}
	h3 {font-size: 125%;}
}

h2 {
  clear: both;
  font-size: 120%;
  font-weight:normal;
  padding: 1em 0.2em 0.5em 0.4em;
  color:#ff9933;
  line-height:1.2em; 
  text-align:left;
}

h2.abstand {
  padding: 1.0em 0 0.5em 0!important;
  line-height:1.2em;
}

h2.abstand_unten {
  padding: 0 0 0.5em 0!important;
}

h2.spalten {
  padding: 1em 0 0.2em 0!important;
  line-height:1.2em;
}

h2.bold {
  clear: both;
  font-size: 120%;
  font-weight:normal!important;
  padding: 1em 0 0 0!important;
  color:#666;
  line-height:1.3em; 
  text-align:left;
	margin: 0 auto;
}

h2.jobs {
  font-size: 120%;
  font-weight:normal;
  padding: 0 0 1em 0!important;
}

h3 {
  clear: both;
  font-size: 110%;
  font-weight:normal;
  padding: 1.4em 0 0.3em 0;
  line-height:1.3em; 
  color:#666;
  text-align:left;
}

h3.jobs {
  padding: 0.5em 0 0.3em 0!important;
}

h3.ohne{
  padding: 0em 0 0.5em 0!important;
}

h4 {
  clear: both;
  font-size: 100%;
  font-weight:normal;
  padding: 20px 0 5px 0;
  line-height:1.3em; 
  text-align:left;
}

h5 {
  font-size: 100%;
  font-weight:bold;
  padding: 10px 0 5px 0;
  line-height:1.3em; 
  text-align:left;
}

.small {
  font-size:85%;
  text-align: left;
  text-align:left;
  max-width: 1280px;
  margin: 1em auto;
}

.small_index {
  font-size:85%;
  text-align: center;
  margin: 5px 0 20px 0;
	}

.bold {
  font-weight:bold;
  margin: 5px 0 5px 0;
  text-align:left;
	margin: 0 auto;
}

.big {
  font-weight:bold;
  margin: 0.4em 0 0.4em 0.2em;
  text-align:left;
  margin: 0 auto;
  font-size:180%;
}

.big_abstand {
  font-weight:bold;
  margin: 0 0 1em 0;
  text-align:left;
  margin: 0 auto;
  font-size:180%;
  line-height:1.4em; 
}

p {
  line-height:1.4em; 
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align:left;
  margin: 0 auto;
  max-width: 1280px;
  padding: 1em 0.2em 0.5em 0.4em;
}

p.oben {
  padding: 0 0 0.5em 0.5em;
}

.text {
  line-height:1.4em; 
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align:left;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 0.5em 0.5em 0.4em;
}

@media only screen and (min-width: 84em) {
	h1 {padding: 0.5em 0 0.5em 0;!important}
	h2 {padding: 1em 0 0.5em 0;font-size: 160%;!important}
	.big {margin: 0.4em 0.5em 0.5em 0; font-size:200%;margin: 0 auto;}
	p.oben {padding: 0 0 0.5em 0;!important}
	p {padding: 1em 0.2em 0.5em 0;}
	.text {padding: 0 0.5em 0.5em 0;}
}

@media only screen and (min-width: 50em) {
	.text {
	column-count: 2;
	-moz-column-count: 2;
      -webkit-column-count: 2;
	column-gap: 4em;
      -moz-column-gap: 4em;
      -webkit-column-gap: 4em;
}
}

@media only screen and (min-width: 84em) {
	.text {padding: 0 0 0.5em 0;!important}
}

.mehrspaltig {
  max-width: 1280px;
  margin: 0 auto;
   margin-top: 1em;
   margin-bottom: 2em;
   column-count: 2; 
	-moz-column-count:    2;
	-webkit-column-count: 2;
   column-gap:2em;
   column-rule-style:dotted; 
   column-rule-width:1px; 
   column-rule-color:silver;
}
.mehrspaltig p {
   line-height: 1.4em;
   margin: 0.2em 0 0.2em 0;
   text-align: left; 
   hyphens:auto;
   orphans:3; 
   widows: 3;
}
.mehrspaltig h2 {
	font-weight: normal;
	margin: 0.3em 0 0em 0!important;
	padding: 0!important;
	color: #ff9933;
	line-height: 1.3em;
}

.mehrspaltig h3 {
	font-size: 110%;
	margin: 0 0 0.5em 0;
	color: #333;
	line-height: 1.1em;
	font-weight: bold;
}

@media only screen and (max-width: 50em) {
.mehrspaltig {
   margin-top: 2em;
   column-count: 1; 
	-moz-column-count:    1;
	-webkit-column-count: 1;
   column-gap:2em;
   column-rule-width:0px; 
	text-align: left!important;
}
}

.white {
  color:#fff;
  text-align:left;
}

.absatz {
  margin: 1em 0 0 0!important;
  padding:0!important;
  font-weight:bold;
  line-height:0.8em;
}

.abstand{
  padding: 1em 0 0 0!important;
  margin: 0 auto;
}

.abstand_kasten {
  padding: 1.6em 0 1em 0!important;
  margin: 0 auto;
}

.active {
  color: #666;
}

hr {
  border-top:#ffcc66 solid 1px; 
  border-left: 0px !important; 
  border-bottom: 0px !important; 
  border-right: 0px !important; 
  padding: 0 0 0 0; 
  margin: 1.2em 0 1em 0;
  color: #ffcc66;
  text-align:left;
}

ul#root_list,ul#root_list1,ul#root_list2,ul#root_list3,ul#root_list4 {
  max-width: 1280px;
   padding: 0 0.2em 1.0em 1.2em;
  margin: 0 auto;
  text-align:left;
  font-size:100%;
  list-style-type: none;
}

ul#root_list li,ul#root_list1 li,ul#root_list2 li,ul#root_list3 li,ul#root_list4 li  {
  list-style-type: disc;
   list-style-position: outside;
   padding: 0 0.2em 0.2em 0.5em;
   font-style: normal;
   text-align:left;
   line-height:1.3em;
   font-weight: normal;
  max-width: 1280px;
   margin: 0 auto;
}

/* 
###############################################################
Bilder zoom                                         #
###############################################################
*/
img.zoom {
 transition: transform 1.8s;
 -moz-transition: transform 1.8s;
 -webkit-transition: transform 1.8s;
 -o-transition: transform 1.8s;
 -ms-transition: transform 1.8s;
}
img.zoom:hover {
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(1.4, 1.4);
 -moz-transform: scale(1.4, 1.4);
 -webkit-transform: scale(1.4, 1.4);
 -o-transform: scale(1.4, 1.4);
 -ms-transform: scale(1.4, 1.4);
}
/* 
###############################################################
Obere Navigation                                          #
###############################################################
*/

#navi_oben {
  height:auto;
  position: relative;
  margin: 0;
  max-width: 38em;
  padding: 0;
  color: #333;
  text-align: right;
  float: right;
  font-size:70%;
}

@media only screen and (min-width: 30.0em) {
#navi_oben {
  font-size:85%;
}
}

#navi_oben li {
  float: right;
  list-style-type: none;
  font-size: 100%;
  text-transform: uppercase;
}

#navi_oben li a {
  color: #ff9933;
  float: left;
  padding: 0px 7px 7px 7px;
  text-decoration: none;
}

#navi_oben li a:hover {
  color: #999;
}

#navi_oben li a.active {
  background-color: #cfcfcf;
  text-decoration: underline;
}

#navi_oben li a.black {
  background-color: #000;
  color: #99CC99;
}

#navi_top {
  text-align:left;
  background-color: transparent;
}


/*
######################################################### 
nach oben                                        ###
######################################################### 
*/

div#links_unten {
  margin: 0 auto;
  padding: 50px 0 10px 0;;
  height:auto;
  text-align:left;
  border: 0px;
  max-width: 1280px;
  color: #3092c0;
}

div#links_unten a {
  text-decoration:none;
}


/* 
###############################################################
Navigation #
###############################################################
*/

div#maximenuck98 .maxiFancybackground .maxiFancycenter, div#maximenuck104 .maxiFancybackground .maxiFancycenter {
    background: url('../images/fancy_bg.png') repeat-x top left;
    height: 0!important;
}

div#maximenuck98.maximenuckh ul.maximenuck, div#maximenuck104.maximenuckh ul.maximenuck {
    background: rgba(250,250,250,0.8);
	background-color: rgba(250,250,250,0.8);
    background-image: url('../images/menue2.png');
    background-repeat: no-repeat;
    background-position: center;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    text-align: center;
}

/* 
###############################################################
Referenzen Bilder #
###############################################################
*/

#referenzengalerie {
  display: table;
  border-spacing: 10px;
}

#referenzengalerie a {
  display: table-cell;
  vertical-align: middle;
}

#referenzengalerie img {
  transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -webkit-transition: 2s;
  width: 100px;
  height: 250px;
  margin: 0.5em 0.5em 0.5em 0;
}


#referenzengalerie img:hover {
  width: 250px;
  height: 250px;
}

#referenzengalerie img {
  background-color: #ffffff;
  padding: 0.5em;
  box-shadow: 0 0 7px rgba(100, 100, 100, 1);
  -moz-box-shadow: 0 0 7px rgba(100, 100, 100, 1);
  -webkit-box-shadow: 0 0 7px rgba(100, 100, 100, 1);
}

/* 
###############################################################
Team Bilder #
###############################################################
*/

.kreis {
	float:left;
	background: transparent;
	position: relative;
    width: 40%;
    height: 40%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    margin: 0 0.4em 0.5em 0.5em;
	box-shadow: 0 0 7px rgba(204, 204, 204, 1);
	-moz-box-shadow: 0 0 7px rgba(204, 204, 204, 1);
	-webkit-box-shadow: 0 0 7px rgba(204, 204, 204, 1);
	overflow:hidden;
	padding:0;
}


@media only screen and (min-width: 38em) {
.kreis {
	float:left;
	background: transparent;
	position: relative;
    width: 200px;
    height: 200px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    margin: 0 0.8em 0.5em 0.5em;
	box-shadow: 0 0 7px rgba(204, 204, 204, 1);
	-moz-box-shadow: 0 0 7px rgba(204, 204, 204, 1);
	-webkit-box-shadow: 0 0 7px rgba(204, 204, 204, 1);
	overflow:hidden;
	padding:0;
}
}

.kreis img {
	max-width:100%;
	height:auto;
	position:relative;
    }

.kreis a, .box a:hover {
text-decoration: none;
}

.kreis .slogan {
top: 100%;
background-color: transparent;
position: absolute;
width: 100%;
height: 50%;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-ms-transition: all 1s linear;
transition: all 1s linear;
font-size: 0.6em;
font-weight:normal;
text-align:center;
line-height:1.2em;
color: #333;
padding: 0;
}

@media only screen and (min-width: 38em) {
	.kreis .slogan {
	font-size: 0.8em;
	}
}

.kreis:hover .slogan {
color: #333;
top: 60%;
opacity: 1;
} 

.kreis img:hover {
	opacity: 0.2;
}


/* 
###############################################################
Boxen Bad Nummerierung #
###############################################################
*/

.boxnummer1 {
	max-width:1280px;
	margin: 3% auto;
	height: auto;
	padding: 0;
	border-top: 1px solid #ff9933;
	background-color: transparent;
	overflow:auto;
}

.nummer1 {
	float:left;
	max-width: 200px;
	height: auto;
	padding: 0;
	border: 0px solid black;
	position: relative;
}

.nummer2 {
	float:left;
	max-width: 960px;
	height: auto;
	padding: 0;
	border: 0px solid black;
	position: relative;
}

/* 
###############################################################
Boxen Bad Bevor es losgeht #
###############################################################
*/

.wrapper1 {width: 100%;float:left;background: #e6e6e6;}
.wrapper2 {width: 100%;float:left;background: rgba(255,204,102,0.3);}
.wrapper3 {width: 100%;float:left;background: rgba(255,204,102,0.8);}
.wrapper4 {width: 100%;float:left;background: #e6e6e6;}
.wrapper5 {width: 100%;float:left;background: #e6e6e6;}
.wrapper6 {width: 100%;float:left;background: #ffcc99;}
.wrapper7 {width: 100%;float:left;background: #ffcc99;}
.wrapper8 {width: 100%;float:left;background: #e6e6e6;}

.wrapper71 {width: 100%;float:left;background: #e6e6e6;}
.wrapper72 {width: 100%;float:left;background: rgba(255,204,102,0.3);}
.wrapper73 {width: 100%;float:left;background: rgba(255,204,102,0.8);}
.wrapper74 {width: 100%;float:left;background: #e6e6e6;}
.wrapper75 {width: 100%;float:left;background: #e6e6e6;}
.wrapper76 {width: 100%;float:left;background: #ffcc99;}
.wrapper77 {width: 100%;float:left;background: #ffcc99;}
.wrapper78 {width: 100%;float:left;background: #e6e6e6;}

.wrapperkudi1 {width: 100%;float:left;background: #e6e6e6;}
.wrapperkudi2 {width: 100%;float:left;background: #fff;}
.wrapperkudi3 {width: 100%;float:left;background: #ffcc99;}
.wrapperkudi4 {width: 100%;float:left;background: #e6e6e6;}

.wrapperklugheien1 {width: 100%;float:left;background: #fff;}
.wrapperklugheien2 {width: 100%;float:left;background: #fff;}
.wrapperklugheien3 {width: 100%;float:left;background: #e6e6e6;}
.wrapperklugheien4 {width: 100%;float:left;background: #ffcc99;}
.wrapperklugheien5 {width: 100%;float:left;background: #ff9933;}
.wrapperklugheien6 {width: 100%;float:left;background: #e6e6e6;}

.wrapperneuesbad1 {width: 100%;float:left;background: #fff;}
.wrapperneuesbad2 {width: 100%;float:left;background: #fff;}
.wrapperneuesbad3 {width: 100%;float:left;background: #e6e6e6;}
.wrapperneuesbad4 {width: 100%;float:left;background: #ffcc99;}
.wrapperneuesbad5 {width: 100%;float:left;background: #ff9933;}
.wrapperneuesbad6 {width: 100%;float:left;background: #e6e6e6;}

.wrapperbadteilsan1 {width: 100%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan2 {width: 100%;float:left;background: #e6e6e6;}
.wrapperbadteilsan3 {width: 100%;float:left;background: #e6e6e6;}
.wrapperbadteilsan4 {width: 100%;float:left;background: rgba(255,204,102,0.8);}
.wrapperbadteilsan5 {width: 100%;float:left;background: #ffcc99;}
.wrapperbadteilsan6 {width: 100%;float:left;background: #e6e6e6;}
.wrapperbadteilsan7 {width: 100%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan8 {width: 100%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan9 {width: 100%;float:left;background: rgba(255,204,102,0.8);}
.wrapperbadteilsan10 {width:100%;float:left;background: #e6e6e6;}
.wrapperbadteilsan11 {width:100%;float:left;background: #e6e6e6;}
.wrapperbadteilsan12 {width:100%%;float:left;background: #ffcc99;}

.box {
  position:relative;
  width: 100%;
  max-width: 100%;
  display:block;
  border: 0px solid white;
  height:auto;
}

.box:before {
  content: "";
  display:block;
  padding-top: 100%;
  height:auto;
}
 
.box .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	overflow:hidden;
}

.box .content p {
    color:#666;
	margin-top:4%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 0.8em;
	line-height:1.0em;
	column-count: 1!important;
	-moz-column-count: 1!important;
      -webkit-column-count: 1!important;
}

.box .content p.bad {
    color:#666;
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 0.7em;
	line-height:0.9em;
	}

.box .content p.bold {
    color:#666;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 1.2em;
	padding-top:0.4em;
}

.box .content p.bold2 {
    color:#666;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 1.5em;
	line-height:1.0em;
}

.box .content p.boldbad {
    color:#666;
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 0.8em;
	padding-top:10px;
}


@media only screen and (min-width: 22.5em) {
.box .content p.boldbad {
	margin-top:1%;
	font-size: 0.9em;
	line-height:0.9em;
}
.box .content p.bad {
	font-size: 0.8em;
	line-height:0.9em;
	margin-top:1%;
	}
.box .content p.bold {
	font-size: 1.0em;
	line-height:1.0em;
}
.box .content p.bold2 {
	font-size: 1.8em;
	line-height:1.1em;
}
.box .content p {
	font-size: 0.8em;
	line-height:0.9em;
	margin-top:1%;
}
}

@media only screen and (min-width: 27em) {
.box .content p.boldbad {
	margin-top:1%;
	font-size: 1.1em;
	line-height:1.1em;
}
.box .content p.bad {
	font-size: 0.8em;
	line-height:1.1em;
	margin-top:1%;
	}

}

@media only screen and (min-width: 31em) {
.box .content p.boldbad {
	margin-top:1%;
	font-size: 1.2em;
	line-height:1.2em;
}
.box .content p.bad {
	font-size: 0.9em;
	line-height:1.2em;
	margin-top:1%;
	}
}

@media only screen and (min-width: 58.5em) {
.wrapper1 {width: 49%;float:left;background: #e6e6e6;}
.wrapper2 {width: 49%;float:left;background: rgba(255,204,102,0.3);}
.wrapper3 {width: 49%;float:left;background: rgba(255,204,102,0.8);}
.wrapper4 {width: 49%;float:left;background: #e6e6e6;}
.wrapper5 {width: 49%;float:left;background: #e6e6e6;}
.wrapper6 {width: 49%;float:left;background: #ffcc99;}
.wrapper7 {width: 49%;float:left;background: #ffcc99;}
.wrapper8 {width: 49%;float:left;background: #e6e6e6;}

.wrapper71 {width: 49%;float:left;background: #e6e6e6;}
.wrapper72 {width: 49%;float:left;background: rgba(255,204,102,0.3);}
.wrapper73 {width: 49%;float:left;background: rgba(255,204,102,0.8);}
.wrapper74 {width: 49%;float:left;background: #e6e6e6;}
.wrapper75 {width: 49%;float:left;background: #e6e6e6;}
.wrapper76 {width: 49%;float:left;background: #ffcc99;}
.wrapper77 {width: 49%;float:left;background: #ffcc99;}
.wrapper78 {width: 49%;float:left;background: #e6e6e6;}

.wrapperkudi1 {width: 49%;float:left;background: #e6e6e6;}
.wrapperkudi2 {width: 49%;float:left;background: #fff;}
.wrapperkudi3 {width: 49%;float:left;background: #ffcc99;}
.wrapperkudi4 {width: 49%;float:left;background: #e6e6e6;}

.wrapperklugheien1 {width: 49%;float:left;background: #fff;}
.wrapperklugheien2 {width: 49%;float:left;background: #fff;}
.wrapperklugheien3 {width: 49%;float:left;background: #e6e6e6;}
.wrapperklugheien4 {width: 49%;float:left;background: #ffcc99;}
.wrapperklugheien5 {width: 49%;float:left;background: #ff9933;}
.wrapperklugheien6 {width: 49%;float:left;background: #e6e6e6;}

.wrapperneuesbad1 {width: 49%;float:left;background: #fff;}
.wrapperneuesbad2 {width: 49%;float:left;background: #fff;}
.wrapperneuesbad3 {width: 49%;float:left;background: #e6e6e6;}
.wrapperneuesbad4 {width: 49%;float:left;background: #ffcc99;}
.wrapperneuesbad5 {width: 49%;float:left;background: #ff9933;}
.wrapperneuesbad6 {width: 49%;float:left;background: #e6e6e6;}

.wrapperbadteilsan1 {width: 49%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan2 {width: 49%;float:left;background: #e6e6e6;}
.wrapperbadteilsan3 {width: 49%;float:left;background: #e6e6e6;}
.wrapperbadteilsan4 {width: 49%;float:left;background: rgba(255,204,102,0.8);}
.wrapperbadteilsan5 {width: 49%;float:left;background: #ffcc99;}
.wrapperbadteilsan6 {width: 49%;float:left;background: #e6e6e6;}
.wrapperbadteilsan7 {width: 49%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan8 {width: 49%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan9 {width: 49%;float:left;background: rgba(255,204,102,0.8);}
.wrapperbadteilsan10 {width: 49%;float:left;background: #e6e6e6;}
.wrapperbadteilsan11 {width: 49%;float:left;background: #e6e6e6;}
.wrapperbadteilsan12 {width: 49%;float:left;background: #ffcc99;}

.box {
  position:relative;
  width: 100%;
  max-width: 100%;
  display:block;
  border: 0px solid white;
}

.box:before {
  content: "";
  display:block;
  padding-top: 100%;
}
 
.box .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	overflow:hidden;
}

.box .content p {
    color:#666;
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 1.1em;
	line-height:1.1em;
	column-count: 1!important;
	-moz-column-count: 1!important;
      -webkit-column-count: 1!important;
}

.box .content p.bad {
    color:#666;
	margin-top:1%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 0.9em;
	line-height:1.1em;
	}

.box .content p.bold {
    color:#666;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 2.2em;
	line-height:1.8em;
}

.box .content p.bold2 {
    color:#666;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 2.0em;
	line-height:1.8em;
}

.box .content p.boldbad {
    color:#666;
	margin-top:3%;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	overflow:hidden;
	font-size: 1.3em;
	line-height:1.0em;
}
}

@media only screen and (min-width: 70em) {
.box .content p.boldbad {
	font-size: 1.6em;
	line-height:1.2em;
}
.box .content p.bad {
	font-size: 1.1em;
	line-height:1.2em;
	}
.box .content p.bold {
	font-size: 1.0em;
	line-height:1.1em;
}
.box .content p.bold2 {
	font-size: 1.8em;
	line-height:1.2em;
}
.box .content p {
	font-size: 1.1em;
	line-height:1.3em;
}
}

@media only screen and (min-width: 80em) {
.wrapper1 {width: 50%;float:left;background: #e6e6e6;}
.wrapper2 {width: 50%;float:left;background: rgba(255,204,102,0.3);}
.wrapper3 {width: 50%;float:left;background: rgba(255,204,102,0.8);}
.wrapper4 {width: 50%;float:left;background: #e6e6e6;}
.wrapper5 {width: 50%;float:left;background: #e6e6e6;}
.wrapper6 {width: 50%;float:left;background: #ffcc99;}
.wrapper7 {width: 50%;float:left;background: #ffcc99;}
.wrapper8 {width: 50%;float:left;background: #e6e6e6;}

.wrapper71 {width: 50%;float:left;background: #e6e6e6;}
.wrapper72 {width: 50%;float:left;background: rgba(255,204,102,0.3);}
.wrapper73 {width: 50%;float:left;background: rgba(255,204,102,0.8);}
.wrapper74 {width: 50%;float:left;background: #e6e6e6;}
.wrapper75 {width: 50%;float:left;background: #e6e6e6;}
.wrapper76 {width: 50%;float:left;background: #ffcc99;}
.wrapper77 {width: 50%;float:left;background: #ffcc99;}
.wrapper78 {width: 50%;float:left;background: #e6e6e6;}

.wrapperkudi1 {width: 50%;float:left;background: #e6e6e6;}
.wrapperkudi2 {width: 50%;float:left;background: #fff;}
.wrapperkudi3 {width: 50%;float:left;background: #ffcc99;}
.wrapperkudi4 {width: 50%;float:left;background: #e6e6e6;}

.wrapperklugheien1 {width: 50%;float:left;background: #fff;}
.wrapperklugheien2 {width: 50%;float:left;background: #fff;}
.wrapperklugheien3 {width: 50%;float:left;background: #e6e6e6;}
.wrapperklugheien4 {width: 50%;float:left;background: #ffcc99;}
.wrapperklugheien5 {width: 50%;float:left;background: #ff9933;}
.wrapperklugheien6 {width: 50%;float:left;background: #e6e6e6;}

.wrapperneuesbad1 {width: 50%;float:left;background: #fff;}
.wrapperneuesbad2 {width: 50%;float:left;background: #fff;}
.wrapperneuesbad3 {width: 50%;float:left;background: #e6e6e6;}
.wrapperneuesbad4 {width: 50%;float:left;background: #ffcc99;}
.wrapperneuesbad5 {width: 50%;float:left;background: #ff9933;}
.wrapperneuesbad6 {width: 50%;float:left;background: #e6e6e6;}

.wrapperbadteilsan1 {width: 50%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan2 {width: 50%;float:left;background: #e6e6e6;}
.wrapperbadteilsan3 {width: 50%;float:left;background: #e6e6e6;}
.wrapperbadteilsan4 {width: 50%;float:left;background: rgba(255,204,102,0.8);}
.wrapperbadteilsan5 {width: 50%;float:left;background: #ffcc99;}
.wrapperbadteilsan6 {width: 50%;float:left;background: #e6e6e6;}
.wrapperbadteilsan7 {width: 50%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan8 {width: 50%;float:left;background: rgba(255,204,102,0.3);}
.wrapperbadteilsan9 {width: 50%;float:left;background: rgba(255,204,102,0.8);}
.wrapperbadteilsan10 {width: 50%;float:left;background: #e6e6e6;}
.wrapperbadteilsan11 {width: 50%;float:left;background: #e6e6e6;}
.wrapperbadteilsan12 {width: 50%;float:left;background: #ffcc99;}
}


/* 
###############################################################
JCE Mediabox #
###############################################################
*/

#jcemediabox-popup-info-bottom {
    background-color: #333!important;
    min-height: 30px;
    padding: 0 0 10px;
}

#jcemediabox-popup-info-bottom, #jcemediabox-popup-info-top {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    visibility: hidden;
    border-radius: 0 0 10px 10px!important;
}

#jcemediabox-popup-content {
    padding: 20px;
    background-color: #333;
}

#jcemediabox-popup-closelink {
    width: 100px;
    height: 30px;
    background: url(../img/close.gif) center left no-repeat;
    bottom: 0;
    right: 60px!important;
    position: relative;
    float: right;
    border: none;
    font-size: 14px!important;
    color: #f3eded;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 22px;
    vertical-align: middle;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#jcemediabox-popup-body {
    position: relative;
    overflow: visible;
    margin: 0 auto;
    width: 300px;
    height: 300px;
    z-index: 10002;
    cursor: default;
	box-shadow: 2px -8px 8px rgb(0,0,0,0.5);
	-webkit-box-shadow: 2px -8px 8px rgb(0,0,0,0.5);
	-moz-box-shadow: 2px -8px 8px rgb(0,0,0,0.5);
	-o-box-shadow: 2px -8px 8px rgb(0,0,0,0.5);
}

.inreferenz {
	max-width: 1280px;
	margin: 0 auto;
}

.inreferenz img {
	width: 24%;
	height: auto;
	float: left;
	margin: 0 1% 1% 0;
	background-color: #ff9933;
	display:block;
}

.inreferenz img:hover {
	box-shadow: 2px 8px 8px 0 #ccc;
	box-shadow: 2px 8px 8px rgb(0,0,0,0.3);
	-webkit-box-shadow: 2px 8px 8px rgb(0,0,0,0.3);
	-moz-box-shadow: 2px 8px 8px rgb(0,0,0,0.3);
	-o-box-shadow: 2px 8px 8px rgb(0,0,0,0.3);
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
	display:block;
	opacity: 0.5;
	}


@media screen and (max-width: 50em) {
.inreferenz img {
	width: 49%;
	float: left;
	margin: 0 1% 1% 0;
	display:block;
}
.inreferenz {
	width: 98%;
	margin: 0 auto;
}
}
	
@media screen and (max-width: 30em) {
.inreferenz img {
	width: 100%;
	float: none;
	margin: 0 0 1% 0;
	display:block;
}
}
/* 
###############################################################
Button #
###############################################################
*/

.inbutton {
	max-width: 1280px;
	margin: 2% auto 1% auto;
	padding: 0 0 0 1%!important;
}

.inbutton img {
	width: 100%!important;
	height: auto;
	float: left;
	margin: 0 0 1% 0;
	display:block;
	position: relative;
}

figure.effectck-bubba {
   width: 18%!important;
	height: auto;
	margin: 0 1% 1% 0!important;
}

figure.imageeffectck .imageeffectck_title {
    word-spacing: -0.15em;
    font-weight: 400;
    font-size: 1.0em!important;
    line-height: 24px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif!important;
}

figure.imageeffectck .imageeffectck-bubba {
    margin: 0!important;
}

figure.effectck-bubba img {
    opacity: 0.6!important;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}


figure.effectck-bubba {
    background: #fbad5c!important;
	background-color: rgb(251, 173, 92)!important;
}

figure.imageeffectck figcaption {
    padding: 1.6em!important;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: bold!important;
}

figure.imageeffectck {
	padding: 0px 0!important;
}


figure.effectck-bubba .imageeffectck_desc {
        padding-top: 5px!important;
        padding-right: 0.5em!important;
        padding-bottom: 5px!important;
        padding-left: 0.5em!important;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

@media screen and (max-width: 60em) {
figure.effectck-bubba {
   width: 30%!important;
	height: auto;
	margin: 0 1% 1% 0!important;
}
}

@media screen and (max-width: 50em) {
figure.effectck-bubba {
   width: 48%!important;
	height: auto;
	margin: 0 1% 1% 0!important;
}
}

@media screen and (max-width: 30em) {
figure.effectck-bubba {
   width: 98%!important;
	height: auto;
	margin: 0 1% 1% 0!important;
}
}
/* 
###############################################################
Formulare #
###############################################################
*/

div.moduletable.formular {
  margin:0 auto!important;
  max-width: 1280px!important;

}

.input {
	font-size: 0.8em!important;
}

.input-small {
	font-size: 0.8em!important;
}

input#modlgn-passwd.input-small {
	height: 32px!important;
	line-height: 30px!important;
	padding: 1px 1px!important;
	font-size: 0.9em!important;
}

.moduletable.formular select, .moduletable.formular input[type=text], .moduletable.formular input[type=email] .moduletable.formular textarea
{
	height: 34px!important;
	line-height: 34px!important;
	padding: 1px 1px!important;
}

div#form-login-submit.control-group {
height: 34px!important;
margin: 1em 0 0 0!important;
}

button.btn.btn-primary.login-button {
padding: 0.5em 0.5em!important;
margin: 1em 0 0 0!important;
}



.moduletable.formular input, 
.moduletable.formular select, {
    	width: 300px!important;
}

div#fox-container-m178 .fox-form-stacked .control-label {
    float: left;
    width: 300px;
    text-align: left;
    padding-right: 16px;
}
div#fox-container-m178 .control-label {
    max-width: 100%;
    margin: 0;
}
div#fox-container-m178 .control-label, div#fox-container-m178 .control-label label, div#fox-container-m178 .fox-item-attachments .controls label {
    display: inline-block;
}
div#fox-container-m178 .control-label, div#fox-container-m178 input, div#fox-container-m178 label.checkbox, div#fox-container-m178 textarea, div#fox-container-m178 .chzn-container-single .chzn-single {
    box-sizing: border-box;
}

div#fox-container-m178 input, div#fox-container-m178 select, div#fox-container-m178 .fox-form-stacked .fox-item-radio .controls, div#fox-container-m178 .fox-form-stacked .fox-item-submit .controls, div#fox-container-m178 .fox-form-stacked .fox-item-captcha .controls, div#fox-container-m178 .fox-form-stacked .fox-item-checkbox .controls, div#fox-container-m178 .fox-form-stacked .fox-item-newsletter .controls, div#fox-container-m178 .fox-form-stacked .fox-item-attachments .controls, div#fox-container-m178 .fox-form-stacked .fox-item-html-fields .controls, div#fox-container-m178 .fox-form-stacked .fox-item-board-fields .controls, div#fox-container-m178 .fox-form-stacked .fox-item-checkbox-group .controls {
    width: 300px;
}

div#fox-container-m178 textarea, div#fox-container-m204 textarea {
    width: 300px;
    resize: none;
	height: 32px!important;
	line-height: 30px!important;
	padding: 1px 1px!important;
	font-size: 0.9em;
}

.control-label, .controls, input[type="text"], textarea, label {
    margin: 0;
    width: 300px!important;
}


input[type="text"] {
	height: 32px!important;
	line-height: 30px!important;
	padding: 1px 1px!important;
	font-size: 0.9em!important;
}


div#fox-container-m204 input[type="file"], div#fox-container-m204 input[type="image"], div#fox-container-m204 input[type="submit"], div#fox-container-m204 input[type="reset"], div#fox-container-m204 input[type="button"], div#fox-container-m204 input[type="checkbox"] {
    width: auto!important;
}

.moduletable.formular {
    padding-left: 2%!important;
}

@media only screen and (min-width: 80em) {
.moduletable.formular {
    padding-left: 0!important;
}
}

@media only screen and (max-width: 1280px)
div.moduletable.formular {
padding: 0 1.5em 0 1.5em!important;
max-width: 1280px !important;
}
}

/* 
###############################################################
anmelden #
###############################################################
*/

form.form-validate.form-horizontal.well{
    margin: 0 auto!important;
    max-width: 1280px!important;
padding: 0 0 0 0.5em;
}


button.btn.btn-primary {
padding: 0.5em;
}

input#password.validate-password.required {
    height: 32px !important;
    line-height: 34px !important;
    padding: 1px 1px !important;
    font-size: 0.9em !important;
width: 300px!important;
}

div.control-group {
margin: 1em 0 0 0!important;
}

form.form-horizontal.well {
    margin: 0 auto!important;
    max-width: 1280px!important;
}

div.moduletable.anabmelden {
    margin: 0 auto!important;
    max-width: 1280px!important;
}

div.attachmentsContainer {
    margin: 0 auto!important;
    max-width: 1280px!important;
}

form#adminForm.form-validate.form-vertical{
    margin: 0 auto!important;
    max-width: 1280px!important;
}

#anmelden {
 	height:auto;
 	background-color: #efefef;
    max-width: 100%;
 	color: #fff;
}

.inanmelden  {
 	height:auto;
    margin: 0 auto;
    max-width: 1280px;
 	height:auto;
 	color: #333;
 	background-color: transparent;
 	text-align:left;
}

.inanmelden a {
color: #333!important;
}

.inanmelden a:hover {
color: #ff9933!important;
}