header, nav, section, article, aside, footer {display:block;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; padding:0; margin:0;}

body {font-family: 'Muli', sans-serif; font-size:1.2em; letter-spacing:1px; color:#000;}

h1 {position:relative; font-size:36px; font-weight: 800; margin-bottom:100px; text-align: left;}

a {text-decoration:none; color:#000;}
a:hover {color:#f00;}

#box {margin:0 auto; padding-top: 120px;}

header {text-align: center; margin-bottom: 50px;}

header div {text-align: right;}
header div div {width:500px; height:26px; background-color: #f00; display: inline-block;}

header nav {margin:70px auto; width:60%;}
header nav a {margin:5px;  font-size: 0.8em;}

img.logo {width:200px;}


.bildBox:after
 {
	 margin-top: 100px;
  display: table;
  content: " ";
	 clear: both;
}



.kreisBox {height:800px; margin:30px auto; min-width:400px; max-width: 1000px; position: relative; font-weight: 800; border-bottom: 26px transparent solid;}
.kreis {width: 400px; height: 400px; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; background-color: rgba(255,0,4,0.7); position: absolute; top:170px; left:100px;}
.kreisBox p {position: absolute; top:250px; left:300px; max-width:500px; line-height:1.7em;}
.textBox {padding:80px 100px; background-color: #f00; margin-top: 0px;} /* textblock volle breite */
.textBox p {max-width:970px; margin:0 auto; line-height: 2em;} 
.bildBox {max-width:962px; margin:120px auto 160px auto; text-align: center;}
h1 span {border-bottom:solid #f00 10px; display:inline-block; width:50px; position: absolute; bottom:7px; left:0;}

.content {display:none;}

section {clear: both; border: solid 1px transparent;} 


.bildWrap {max-width:980px; margin:0 auto; border:solid 1px transparent;}


/* BILDER ÜBERBLENDUNGEN */

.bildBoxMA img {width: 320px; height: 320px;}
.bildBoxMA {position: relative; width: 320px; height:320px; float: left; overflow: hidden; margin-right: 0px;}
.bu, .ausBlenden {position: absolute; top: 0; left: 0; padding: 0px; margin:0px; z-index: 5;}
.bu p {width:320px; margin-top: 250px; text-align: center; font-size: 12px; padding:3px 0;}
    
#vertrieb .bu p {background-color: red;}
#technik .bu p {background-color: #5b509d;}
#leitung .bu p {background-color: #a5f5cd;}
#business .bu p {background-color: #3037f8;}
#controlling .bu p {background-color: #f0f;}
#innendienst .bu p {background-color: #009ee3;}
#service .bu p {background-color: #e67209;}
#marketing .bu p {background-color: #f2e400;}
#ausbildung .bu p {background-color: #e41e28;}

.bildBoxMA .ausBlenden {
		z-index: 2000;
	opacity:1;
	-webkit-transition: opacity 0.9s;
	-moz-transition: opacity 0.9s;
	-o-transition: opacity 0.9s;
	transition: opacity 0.9s;
}
.bildBoxMA:hover .ausBlenden {opacity:0; cursor:pointer;}



/* vertrieb */ 
#vertrieb h1 span {width:50px;}
#vertrieb .kreisBox {background: url(images/vertrieb.jpg); background-repeat: no-repeat; background-position: left top; border-bottom: 0; height:800px;}


/* technik */
#technik h1 span {width:70px; border-bottom-color:#5b509d;}
#technik .textBox {background-color: #5b509d;} 
#technik .kreisBox {background: url(images/technik.jpg); background-repeat: no-repeat; background-position: left top; border-bottom-color: #5b509d; height:650px;}
#technik .kreis {background-color: rgba(91,80,157,0.7); position: absolute; top:100px; left:300px;}
#technik .kreisBox p {position: absolute; top:260px; left:390px;}


/* leitung */
#leitung h1 span {width:170px; border-bottom-color:#a5f5cd;}
#leitung .textBox {background-color: #a5f5cd;} 
#leitung .kreisBox {background: url(images/leitung.jpg); background-repeat: no-repeat; background-position: right top; border-bottom-color: #a5f5cd; height:800px;}
#leitung .kreis {background-color: rgba(165,245,205,0.7); position: absolute; top:100px; left:300px;}
#leitung .kreisBox p {position: absolute; top:230px; left:40px; text-align: right;}


/* business */
#business h1 span {width:250px; border-bottom-color:#3037f8;}
#business .textBox {background-color: #3037f8;} 
#business .kreisBox {background: url(images/business.jpg); background-repeat: no-repeat; background-position: left top; border-bottom-color: #3037f8; height:800px;}
#business .kreis {background-color: rgba(48,55,248,0.7); position: absolute; top:300px; left:300px;}
#business .kreisBox p {position: absolute; top:440px; left:400px; max-width:560px;}


/* controlling */
#controlling h1 span {width:150px; border-bottom-color:#f0f;}
#controlling .textBox {background-color: #f0f;} 
#controlling .kreisBox {background: url(images/controlling.jpg); background-repeat: no-repeat; background-position: right top; border-bottom-color: #f0f; height:800px;}
#controlling .kreis {background-color: rgba(255,0,255,0.7); position: absolute; top:280px; left:180px;}
#controlling .kreisBox p {position: absolute; top:460px; left:0px; max-width:560px;}


/* innendienst */
#innendienst h1 span {width:120px; border-bottom-color:#009ee3;}
#innendienst .textBox {background-color: #009ee3;} 
#innendienst .kreisBox {background: url(images/innendienst.jpg); background-repeat: no-repeat; background-position: left top; border-bottom-color: #009ee3; height:800px;}
#innendienst .kreis {background-color: rgba(0,158,227,0.7); position: absolute; top:130px; left:380px;}
#innendienst .kreisBox p {position: absolute; top:300px; left:510px; max-width:400px;}


/* it service */
#service h1 span {width:120px; border-bottom-color:#e67209;}
#service .textBox {background-color: #e67209;} 
#service .kreisBox {background: url(images/service.jpg); background-repeat: no-repeat; background-position: right top; border-bottom-color: #e67209; height:800px;}
#service .kreis {background-color: rgba(230,115,9,0.7); position: absolute; top:200px; left:300px;}
#service .kreisBox p {position: absolute; top:380px; left:470px; max-width:500px;}


/* marketing */
#marketing h1 span {width:120px; border-bottom-color:#f2e400;}
#marketing .textBox {background-color: #f2e400;} 
#marketing .kreisBox {background: url(images/marketing.jpg); background-repeat: no-repeat; background-position: right top; border-bottom-color: #f2e400; height:800px;}
#marketing .kreis {background-color: rgba(242,228,0,0.7); position: absolute; top:200px; left:80px;}
#marketing .kreisBox p {position: absolute; top:380px; left:0px; max-width:380px; text-align: right;}


/* ausbildung */
#ausbildung h1 span {width:120px; border-bottom-color:#e41e28;}
#ausbildung .textBox {background-color: #e41e28;} 
#ausbildung .kreisBox {background: url(images/ausbildung.jpg); background-repeat: no-repeat; background-position: left top; border-bottom-color: #e41e28; height:800px;}
#ausbildung .kreis {background-color: rgba(228,30,40,0.7); position: absolute; top:200px; left:160px;}
#ausbildung .kreisBox p {position: absolute; top:340px; left:40px; max-width:350px; text-align: right;}


div.linie {border-bottom: solid 26px #e41e28; max-width: 1000px; margin: 0 auto; padding:0px 0 0 0;}



/* ++++++++++++++++++ kreis FLIP ++++++++++++++++++++*/
.kreisInfo {
	height: 400px;
	width: 400px;
	perspective: 1500; 
	margin: 0 auto;}

.kreisInfo:hover .turnaround { 
    transform: rotateY(180deg); 
    cursor:pointer;}

.turnaround {
	transition: .5s;
	transform-style: preserve-3d; 
	position: relative;
	height: 100%;}

.front,.back {
	backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
    border-radius: 200px;
    text-align:center;}

.front { z-index: 1;  background-color:#0a0436; padding-top: 0px; padding-top:130px;}

.back {
	transform: rotateY(180deg);
    background-color:#e41f28;
	z-index: 1;
    font-size:1.4rem;
    letter-spacing: 2px;
    font-weight:500;
        padding-top:180px;
}

#karriereTeaser {margin: 150px auto; padding-bottom:0px;}

#karriereTeaser div p {text-align: center; color: #fff; margin-bottom: 0px; line-height: 160%;}
#karriereTeaser div a {color:#fff;} 



/* ++++++++++++++++++ häuser/marken ++++++++++++++++++++*/

#haeuser {position: relative; max-width:640px; margin: 0 auto;}
#haeuser div {display: flex;}
#haeuser a img {width:100%; padding:0px 10px;}
#haeuser footer a {padding:0px;}
div#ersteReihe {margin-bottom:16px;}

img#comnetLogo {position:absolute; left:-130px; text-outline: 0px; width:20% !important;}
img#moeveLogo {position:absolute; right:-40px; bottom:-40px; width:22% !important;}

/* ++++++++++++++++++ häuser/marken ende ++++++++++++++++++++*/

footer {background-color:#0a0336; color:#fff; text-align:center; padding:70px 0 0 0; font-size:13px;}
footer #pops a {color:#fff; padding-left:8px; padding-right:8px;}
#pops {padding: 100px 0;}













/*   ------------ FORMULARE ------------------------ */
section#formular {background-color:#0a0336;color:#fff; margin-top:0px;}
section#formular form {max-width:700px; margin:0 auto; padding:60px 0;}
section#formular a  {color:#fff;}

section#formular p:first-child {padding-bottom:80px;}

 section#formular p.anschrift {text-transform:uppercase; letter-spacing:2px; margin:40px 0 30px 0;}
 section#formular small {font-size:12px;}

label span {display:none;}
input, select {width:100%;}
select#anzahl_tn {width:auto;}

.einhalb {width:44%;}
.plusAbst {margin-left:11%;}
.schicken {background-color:#0a0336; color:#fff; border-radius:0; border:none; margin-top:50px; font-size:1em; font-weight:500; padding:5px 0px; letter-spacing:2px;}

option {padding:10px 0; background-color:#0a0336; color:#fff; font-size:1em;}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
} 

input, select, textarea, .schicken {
   padding: 2px 16px; 
   height: 50px; 
   font-size: 0.6em;
   border-radius: 25px;
   outline: none;
   margin:10px 0;
   background-color:#0a0336;
   color:#fff;
   border:solid 2px #fff;
   letter-spacing:2px;
}


h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
    font-family:"Muli", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
::-webkit-input-placeholder {
    font-family:"Muli", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
:-moz-placeholder {
    font-family:"Muli", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
::-moz-placeholder {
    font-family:"Muli","Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
:-ms-input-placeholder {
    font-family:"Muli","Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";	
}


/* -------- zusätzliche Klassen –––––––––*/

.schriftfarbe {color:#90cedb;}
.versal {text-transform:uppercase;}
.Abst {margin-bottom:20px;}
.blank {color:#0a0336; background:#fff;}

.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}


/* --- checkboxgedöns ----------*/
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 26px;
    height:26px;
    position: relative;
    top:4px;
    border: 2px solid white;
    background: #0a0336;
    margin-right: 8px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px #fff;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:black;
  box-shadow: inset 0 0 0 4px white;
}


::-webkit-input-placeholder, ::-moz-placeholder, input, option {
   color:#646176; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-size:1em; font-weight:bold;
}





/* form validation */
.form-error {
    display: block;
    font-size: 90%;
    color: #b94a48;
}











/* --------------------  agb, datenschutz, impressum ---------------------------- */
div#popupText {padding:40px; background-color:#fff; max-width:640px;}

body#orte #popupText h1, #popupText h1 {font-size:20px; margin-bottom:20px;}
#popupText h2 {font-size:14px;margin:20px 0 10px 0}
body#orte #popupText p, body#orte #popupText li,#popupText p, #popupText li {font-size:12px;}

#popupText p {margin-bottom:10px;}
#popupText li  {list-style-position:inside;}

.pop_datenschutz_close, .pop_impressum_close, .pop_copyright_close {font-weight:900; font-size:20px; border:solid 2px #000; padding:3px; cursor: pointer; float:right;}


.aufraeum {clear: both;}






/* mobil klein */

	@media (max-width: 479px){
        
	
body {font-size:1em;}
#box {width:100%; padding-top: 60px;}
nav {width:90%; margin:30px auto;}
nav a {font-size: 0.9em;}

h1 {margin-bottom:30px; margin-left:20px; margin-top:50px; font-size: 30px;}
		
h1 span {border-bottom-width:8px;}
		

header div div {width:100%;}

.bildWrap {width:100%; margin:0 auto;}
	

.kreisBox {width:90%; margin:40px auto; max-width:auto; min-width:auto; border:solid #fff 1px;}
.kreis {display:none;}
.kreisBox p, #technik .kreisBox p, #leitung .kreisBox p, #business .kreisBox p, #controlling .kreisBox p, #innendienst .kreisBox p, #service .kreisBox p, #marketing .kreisBox p, #ausbildung .kreisBox p  {position: relative; top:auto; left:auto; max-width:auto; text-align: center; margin-top:130px; min-height:160px; line-height: 24px; font-size: 16px;}
.textBox {padding:30px 20px;  margin-top:0px;}
.bildBox {margin:70px auto; width:auto; border: solid 1px transparent;}
.textBox p {line-height: 24px; font-size: 16px;} 


/* ++++++++++++++++++ häuser/marken ++++++++++++++++++++*/

#haeuser {position: relative; width:260px; margin: 0 auto; padding-left:30px;}
#haeuser div {display: flex;}
#haeuser a img {width:100%; padding:4px;}
#haeuser footer a {padding:0px;}
div#ersteReihe {margin-bottom:0px;}

img#comnetLogo {position:absolute; left:-20px; top:0px; width:18% !important;}
img#moeveLogo {position:absolute; right:0px; bottom:0px; width:17% !important;}

/* ++++++++++++++++++ häuser/marken ende ++++++++++++++++++++*/	
		
#vertrieb .kreisBox {height:auto;  background-image: url(images/kreis_vertrieb.png); background-size: contain; background-position: center top;}
#technik .kreisBox {height:auto;  background-image: url(images/kreis_technik.png); background-size: contain; border-bottom: 0; background-position: center top;}
#leitung .kreisBox {height:auto;  background-image: url(images/kreis_leitung.png); background-size: contain; border-bottom: 0; background-position: center top;}
#business .kreisBox {height:auto;  background-image: url(images/kreis_business.png); background-size: contain; border-bottom: 0; background-position: center top;}
#controlling .kreisBox {height:auto;  background-image: url(images/kreis_controlling.png); background-size: contain; border-bottom: 0; background-position: center top;}
#innendienst .kreisBox {height:auto;  background-image: url(images/kreis_innendienst.png); background-size: contain; border-bottom: 0; background-position: center top;}
#service .kreisBox {height:auto;  background-image: url(images/kreis_service.png); background-size: contain; border-bottom: 0; background-position: center top;}
#marketing .kreisBox {height:auto;  background-image: url(images/kreis_marketing.png); background-size: contain; border-bottom: 0; background-position: center top;}
#ausbildung .kreisBox {height:auto;  background-image: url(images/kreis_ausbildung.png); background-size: contain; border-bottom: 0; background-position: center top;}


.bildWrap {width:100%; margin:0 auto; border:solid 1px #fff;}

.bildWrap {width:98%; margin:0 auto;}

/* BILDER ÜBERBLENDUNGEN */

.bildBoxMA img {width:99%; height:auto;}
.bildBoxMA {position: relative; width:99%; height:auto; float:none; overflow: hidden; margin:2px 5px;}
.ausBlenden {position: absolute; top: 0; left: 0; padding: 0px; margin:0px; width:99%; z-index:5;}		
.bu {position: absolute; top: 0; left: 0; padding: 0px; margin:0px; background-color:transparent; width:99%; z-index:5;}	
.bu p {width:100%; margin-top: 75%; text-align: center; z-index:10;}
		

.bildBoxMA .ausBlenden {
	opacity:1;
	z-index: 2000;
	-webkit-transition: opacity 0.9s;
	-moz-transition: opacity 0.9s;
	-o-transition: opacity 0.9s;
	transition: opacity 0.9s;
	 -webkit-transform: translateZ(0px); 
    transform: translateZ(0px); 
	/* behebt blitzerfehler: http://stackoverflow.com/questions/12841914/css3-transition-on-ios-devices-iphone-ipad-applying-opacity-transition-the */
}
.bildBoxMA:hover .ausBlenden {opacity:0;}


.bildBox:after {margin-top: 20px;}


		
div.linie {border-bottom: solid 26px #e41e28; max-width: 1000px; margin: 0 auto; padding:0px 0 0 0;}
		

        
        /* ++++++++++++++++++ kreis FLIP ++++++++++++++++++++*/
.kreisInfo {
	height: 300px;
	width: 300px;
	perspective: 1500; 
	margin: 0 auto;}

.kreisInfo:hover .turnaround { 
    transform: rotateY(180deg); 
    cursor:pointer;}

.turnaround {
	transition: .5s;
	transform-style: preserve-3d; 
	position: relative;
	height: 100%;}

.front,.back {
	backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
    border-radius: 150px;
    text-align:center;}

.front { z-index: 1;  background-color:#0a0436; padding-top: 0px; padding-top:90px;}

.back {
	transform: rotateY(180deg);
    background-color:#e41f28;
	z-index: 1;
    font-size:1.2rem;
    letter-spacing: 2px;
    font-weight:500;
        padding-top:140px;
}

#karriereTeaser {margin: 100px auto; padding-bottom:0px;}

#karriereTeaser div p {text-align: center; color: #fff; margin-bottom: 0px; line-height: 160%;}
#karriereTeaser div a {color:#fff;} 


		
		
section#formular form {margin:0 auto; padding:40px 20px;}
section#formular p:first-child {padding-bottom:40px;}
		
		
footer {background-color:#0a0336; padding:50px 0 0 0; font-size:10px;}
footer #pops a {color:#fff; padding-left:8px; padding-right:8px;}
#pops {padding: 40px 0;}
		
footer a.abstImg {padding:0px 1px; border:0px solid yellow;}
		
img.comnet {width:30px; padding-bottom: 20px;}
img.haus12 {width:55px;  padding-bottom: 19px;}
img.hauswest {width:54px;  padding-bottom: 18px;}
img.akademie {width:56px; padding-bottom: 18px;}
img.moeve {width:70px; padding-bottom: 0px;}	

}


/******************************** mobil zwischengröße, z.b. ipad portrait */

@media (min-width: 480px) and (max-width: 800px) {
	
h1 {margin-left:40px;}

body {background-color: #fff;}
#box {width:100%; margin:30px auto 0 auto; padding:20px 0;}
	
.textBox {padding:40px 40px; background-color: #f00; margin-top: 0px;} /* textblock volle breite */
.textBox p {line-height:1.7em;}

#innendienst .kreis {position: absolute; top:130px; left:320px;}
#marketing .kreis {position: absolute; top:200px; left:auto; right:10px;}
#ausbildung .kreis {position: absolute; top:200px; left:160px;}
#service .kreis {position: absolute; top:200px; left:120px;}


#vertrieb .kreisBox p {position: absolute; top:250px; left:220px;}
#technik .kreisBox p {position: absolute; top:250px; left:350px;}
#business .kreisBox p {position: absolute; top:450px; left:340px;}
#controlling .kreisBox p {position: absolute; top:450px; left:30px;}
#innendienst .kreisBox p {position: absolute; top:260px; left:400px;}
#marketing .kreisBox p {position: absolute; top:380px; left:auto; right:40px}
#ausbildung .kreisBox p {position: absolute; top:340px; left:40px;}
#service .kreisBox p {position: absolute; top:380px; left:290px;}

	
.bildWrap {width:620px; margin:0 auto;  border:none;}	
	
.bildBoxMA img {width: 300px; height: 300px;}
.bildBoxMA {position: relative; width: 300px; height:300px; float: left; overflow: hidden; margin-right: 0px;}
.bu, .ausBlenden {position: absolute; top: 0; left: 0; padding: 0px; margin:0px; z-index: 5;}
.bu p {width:300px; margin-top: 240px; text-align: center; font-size: 12px; padding:3px 0;}	

.bildBoxMA .ausBlenden {
	opacity:1;
	z-index: 2000;
	-webkit-transition: opacity 0.9s;
	-moz-transition: opacity 0.9s;
	-o-transition: opacity 0.9s;
	transition: opacity 0.9s;
	-webkit-transform: translateZ(0px);
    transform: translateZ(0px);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.bildBoxMA:hover .ausBlenden {
	opacity:0;
	-webkit-transform: translateZ(0px);
    transform: translateZ(0px);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	}	

.bildBox {border:solid transparent 0px;}


section#formular form {margin:0 auto; padding:40px 20px;}
section#formular p:first-child {padding-bottom:40px;}
	

}










/***************************** mobil ipad landscape*/

@media (min-width: 801px) and (max-width: 1024px) {
	
body {}
#box {width:100%;}
h1 {margin-left:30px;}
	

#marketing .kreis {position: absolute; top:200px; left:auto; right:10px;}
#marketing .kreisBox p {position: absolute; top:380px; left:auto; right:40px}

	
.bildBoxMA img {width: 300px; height: 300px;}
.bildBoxMA {position: relative; width: 300px; height:300px; float: left; overflow: hidden; margin-right: 0px;}
.bu, .ausBlenden {position: absolute; top: 0; left: 0; padding: 0px; margin:0px; z-index: 5;}
.bu p {width:300px; margin-top: 240px; text-align: center; font-size: 12px; padding:3px 0;}	

.bildBoxMA .ausBlenden {
	opacity:1;
	z-index: 2000;
	-webkit-transition: opacity 0.9s;
	-moz-transition: opacity 0.9s;
	-o-transition: opacity 0.9s;
	transition: opacity 0.9s;
	 -webkit-transform: translateZ(0px); 
    transform: translateZ(0px); 
	/* behebt blitzerfehler: http://stackoverflow.com/questions/12841914/css3-transition-on-ios-devices-iphone-ipad-applying-opacity-transition-the */
}
.bildBoxMA:hover .ausBlenden {opacity:0;}

}

/* ausnahme iphone 6/7 PLUS */
@media (min-width: 413px) and (max-width: 620px) {
	body {background:#fff;}
	
	.bildWrap {width:90%;}
.bildBoxMA {float: none; margin: 0 auto;}
	
	
	

}






/* form validation */
.form-error {
    display: block;
    font-size: 90%;
    color: #b94a48;
}