﻿@charset "utf-8";

/*--------------------------------------------------------------------------------------------------
CSS Styles for <hausfabrik>.

version:   1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
strong { font-weight: bold;}
body {
	line-height: 1;
}
ol, ul {
	list-style:none;
}

h1 {
	color: #28B4BB;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

h2 {
	color: #333;
    font-size: 14px;
	text-transform:uppercase;
    padding-bottom: 10px;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }

/* End Toolkit
--------------------------------------------------------------------------------------------------*/

html, body {
	height: 100%;
}
/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  background: #f2f3ef;
  color: #1b161a;
}

/* End Typography
--------------------------------------------------------------------------------------------------*/

/* =Links
--------------------------------------------------------------------------------------------------*/
a {
	outline: none !important;
	text-decoration: none;
	color: #1b161a
}
a:hover {
	text-decoration: underline;
}

/* End Links
--------------------------------------------------------------------------------------------------*/


/* =Header
--------------------------------------------------------------------------------------------------*/
#header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	clear: both;
	overflow: hidden;
}
#header_inner {
	width: 1024px;
	height: 117px;
}
#menu {
	width: 1024px;
}
#header .menu_sliding {
	clear: both;
	overflow: hidden;
	width: 100%;
	background: #fff;
	height: 31px;
	padding: 43px 0;
}
#header .menu_sliding p {
	float: right;
	padding: 0 40px 0 0;
}
#header .menu_sliding p a {
	margin: 0 7px 0 0;
	float: left;
}
#header .menu_sliding ul {
	float: left;
}
#header .menu_sliding ul li {
	float: left;
	font-size: 16px;
	padding: 0 0 0 47px;
	text-transform: uppercase;
}
#header .menu_sliding ul li a {
	float: left;
	line-height: 0;
	font-size: 0;
	height: 17px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#header .menu_sliding ul li a.one {
	background: url(../img/bgi/menu-iteam1.gif) no-repeat left top;
	width: 225px;
	height:21px;
}
#header .menu_sliding ul li a.one:hover,
#header .menu_sliding ul li.active a.one {
	background-position: 0 -21px;
}

#header .menu_sliding ul li a.two {
	background: url(../img/bgi/menu-iteam2.gif) no-repeat left top;
	width: 104px;
	height: 21px;
}
#header .menu_sliding ul li a.two:hover,
#header .menu_sliding ul li.active a.two {
	background-position: 0 -21px;
}

#header .menu_sliding ul li a.three {
	background: url(../img/bgi/menu-iteam3.gif) no-repeat left top;
	width: 140px;
	height: 21px;
}
#header .menu_sliding ul li a.three:hover,
#header .menu_sliding ul li.active a.three {
	background-position: 0 -21px;
}

#header .menu_sliding ul li a.four {
	background: url(../img/bgi/menu-iteam4.gif) no-repeat left top;
	width: 124px;
	height: 21px;
}
#header .menu_sliding ul li a.four:hover,
#header .menu_sliding ul li.active a.four {
	background-position: 0 -21px;
}

#header .menu_sliding ul li a.five {
	background: url(../img/bgi/menu-iteam5.gif) no-repeat left top;
	width: 191px;
}
#header .menu_sliding ul li a.five:hover,
#header .menu_sliding ul li.active a.five {
	background-position: 0 -17px;
}


#header .menu_hide {
	background: url(../img/bgi/menu-btn.png) no-repeat left top;
	width: 248px;
	height: 129px;
	display: block;
	margin: 0 auto;
}

/* End Header
--------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------*/
#main {
	/*width: 100%;
	clear: both;
	overflow: hidden;*/
}

#content {
	float: left;
	width: 718px;
	margin-left:2%;
	margin-top:50px;
	margin-bottom:50px;
}

/* =End Main Content
--------------------------------------------------------------------------------------------------*/

/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer {
	width: 1024px;
	clear: both;
	overflow: hidden;
	position: fixed;
	left: 0;
	bottom: 0;
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4f2912;
	font-weight: bold;
	z-index: 9999;
}
#footer .footer-content {
	background: #fff;
	padding: 6px 0 3px 20px;
	clear: both;
	overflow: hidden;
	width: 380px;
	margin: 0 auto;
}
#footer a {
	float: left;
	color: #4f2912;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 15px;
	color:#28b4bb;
	padding-left:10px;
}
#footer a.contact {
	background: url(../img/bgi/menu-contact.gif);
	width: 47px;
	height: 11px;
}
#footer a.contact:hover {
	background-position: 0 -11px;
}
#footer a.impressum {
	background: url(../img/bgi/menu-impressum.gif);
	width: 67px;
	height: 13px;
}
#footer a.impressum:hover {
	background-position: 0 -13px;
}
#footer .telphone {
	width: 257px;
	height: 10px;
	float: left;
	background: url(../img/bgi/telphone-numberr.gif) no-repeat center top;
	text-indent: -99999em;
	font-size: 0;
}


/* End Footer
--------------------------------------------------------------------------------------------------*/
#news_module {
	position: fixed;
	left:-284px;
	top: 117px;
	z-index: 99;
}

/** the horizontal tab content **/
#news_module .hTabContent {
	background: url(../img/bgi/news_module.jpg) no-repeat left top;
	width: 284px;
	height: 644px;
	float: left;
	padding: 9px 0 0 0;
}

/** the horizontal tab handle **/
#news_module .hTabHandle {
	background: url(../img/bgi/news-txt.png) no-repeat left top;
	width: 133px;
	height: 257px;
	float: left;
	cursor: pointer;
	margin: 180px 0 0 0;
	display:none;
}
#news_module .news_1 {
	clear: both;
	overflow: hidden;
	clear: both;
	overflow: hidden;
	background: url(../img/bgi/devider.gif) repeat-x left bottom;
	width: 233px;
	padding: 9px 0 9px 23px;
}
#news_module .news_1 .news_text {
	clear: both;
	overflow: hidden;
	padding: 5px 0 0 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.news_links {
	clear: both;
	overflow: hidden;
	padding: 20px 0 0 23px;
}
.news_links p {
	clear: both;
	overflow: hidden;
	padding: 0 0 15px 0;
}
.news_links a {
	float: left;
	font-size: 14px;
	padding: 0 0 0 12px;
}
.news_links a.backtooverview {
	background: url(../img/bgi/arrow3.png) no-repeat left center;
}
.news_links a.facebook_link {
	background: url(../img/bgi/arrow2.png) no-repeat left center;
}
#container{
	position: relative; 
	left: 0; 
	top: 0; 
	width: 5200px;
	height: 100%;
}

#page1,
#page2,
#page3,
#page4,
#page5,
#page6 {
	width: 1024px;
	float: left;
	height: 100%;
	min-height: 1010px;
	position: relative;
}

#page2 {
    width: 802px;
}
#page3 {
    width: 518px;
}
#page4 {
    width: 727px;
}

#page1 {
	background: url(../img/bgi/page1.jpg) no-repeat left top;
}
#page2 {
	background: url(../img/bgi/page2.jpg) no-repeat left top;
}
#page3 {
	background: url(../img/bgi/page3.jpg) no-repeat left top;
}
#page4 {
	background: url(../img/bgi/page4.jpg) no-repeat left top;
}
#page5 {
	background: url(../img/bgi/page5.jpg) no-repeat left top;
}
#page6 {
	background: url(../img/bgi/page6.jpg) no-repeat left top;
}
#page4 .link1 {
	background: url(../img/bgi/arrow.png) no-repeat left center;
	float: left;
	padding: 0 0 0 9px;
}
.arrowtype1 {
	background: url(../img/bgi/arrow.png) no-repeat left center;
	padding: 0 0 0 9px;
	display: block;
	font-weight: bold;
}


.content {
	padding: 117px 0 0 0;
	width: 1024px;
}
.content_block {
	float: left;
	width: 374px;
	height: 480px;
	padding: 120px 0 0 0;
}
#page1 .content_block {
	padding-left: 254px;
}
#page2 .content_block {
	padding-left: 165px;
}
#page3 .content_block {
	padding-left: 60px;
}
#page4 .content_block {
	float: right;
	position: relative;
	z-index: 99;
}
#page6 .contact_block {
	position: absolute;
	left: 130px;
	top: 328px;
	width: 215px;
	font-weight: bold;
	line-height: 18px;
}
.content_block .tabs {
	width: 370px;
	height: 55px;
	position: relative;
	behavior: url(www.kitavis.de/wp-content/themes/kitavis/js/PIE.htc);
	border-radius:  10px 10px 0 0;
	border: 2px solid #28b4bb;
	border-bottom: 0;
	clear: both;
	overflow: hidden;
}
.content_block .tabs li {
	float: left;
	height: 53px;
	line-height: 53px;
	border-left: 2px solid #28b4bb;
	border-bottom: 2px solid #28b4bb;
	}
.content_block .tabs li a {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
.content_block .tabs li:first-child {
	border-left: 0;
}
#page1 .content_block .tabs li a {
	padding: 0 28px;
}
#page1 .content_block .tabs li:first-child a {
	padding: 0 27px 0 27px;
}
#page2 .content_block .tabs li a {
	padding: 0 62px;
}
#page2 .content_block .tabs li a:first-child {
	padding: 0 27px 0  27px;
}
#page3 .content_block .tabs li a {
	padding: 0 41px;
}
#page4 .content_block .tabs li a {
	padding: 0 48px;
}
#page4 .content_block .tabs li a:first-child {
	padding: 0 49px 0 48px;
}
#page5 .content_block .tabs li a {
	padding: 0 48px;
}
#page5 .content_block .tabs li a:first-child {
	padding: 0 49px 0 48px;
}
.content_block .tabs li a {
	color: #1a1617;
}
.content_block .tabs li.active {
	border-bottom: 0;
}
.content_block .tabs li.active a {
	color: #28b4bb;
	font-size:18px;
	font-weight:bold;
}
#page1 .content {
	width: 1024px;
}
#page2 .content {
	width: 802px;
}
#page3 .content {
	width: 518px;
}
#page4 .content {
	width: 727px;
}
#page5 .content {
	width: 1530px;
}
.content_block .tab_container {
	width: 345px;
	height: 345px;
	padding: 0 0 0 25px;
	border: 2px solid #28b4bb;
	border-top: 0;
	border-radius:  0 0 10px 10px;
	position: relative;
	behavior: url(www.kitavis.de/wp-content/themes/kitavis/js/PIE.htc);
}
	
.jScrollPaneContainer {
	overflow:hidden;
	position:relative;
	z-index:1;
}
.jScrollPaneTrack {
	cursor:pointer;
	height:345px !important;
	position:absolute;
	right:0;
	top:0 !important;
	border-left: 1px solid #28b4bb;
}
.jScrollPaneDrag {
	border-top: 1px solid #28b4bb;
	border-bottom: 1px solid #28b4bb;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	background-color:#d6d6d6;
}
a.jScrollArrowUp,
a.jScrollArrowDown {
	display: none
}
.scroll_pane {
	float: left;
	height: 310px;
	overflow: auto;
	width: 330px;
	padding: 15px 15px 15px 0;
}
.scroll_pane p {
	padding-bottom: 15px;
}
.content_block h2 {
	font-size: 14px;
	margin-bottom: 15px;
	text-transform:uppercase;
	font-weight: bold;
}
.content_block h2 a {
	color: #28b4bb;
	font-weight: normal;
}
	
#sidebar_rgt {
	position: relative;
	z-index: 9999;
	width: 193px;
	height: 651px;
	float: right;
	padding: 0 12px;
	margin: 0 250px 0 0;
	background: url(../img/bgi/sidebar_rgt.png) repeat left top;
	overflow: hidden;
}
#contact_form {
	width: 304px; /*250px*/
	float: left;
	padding: 125px 0 0 152px;/*125px 0 0 206px;*/
}
#contact_form p {
	clear: both;
	overflow: hidden;
	padding: 20px 0 0 0;
}
#contact_form ol li {
	float: left;
}
/*#contact_form .input,
#contact_form .input2,
#contact_form .input3,
#contact_form #message {
	height: 21px;
	margin: 0;
	padding: 0 5px;
	border: 0;
	outline: none;
	color: #000000;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	display: block;
	margin-bottom: 18px;
}
#contact_form .input {
	width: 215px;
}
#contact_form #nr {
	width: 28px;
	margin-left: 7px;
}
#contact_form #plz {
	width: 28px;
	margin-right: 7px;
}

#contact_form #strabe, #ort {
	width: 170px !important;
}
#contact_form #message {
	width: 215px;
	height: 90px;
}*/

#contact_block{
	width: 250px;
	float: left;
	padding: 150px 0 0 0px;
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	display:none;
}

.buttons button  {
	width: 160px;
	height: 35px;
	cursor: pointer;
	background: none;
	margin: 0px;
	line-height: 0;
	font-size: 0;
	border: 0;
}
#contact_form h3 {
	display: none;
}

.jScrollPaneContainer ul {
	width: 100%;
	float: left;
	padding: 0 0 15px 0;
	}
.jScrollPaneContainer ul li {
	padding: 0 0 0 10px;
	background: url(../img/bgi/bullet1.png) no-repeat left 7px;
}
.page3_block {
	width: 230px;
	float: left;
	padding: 230px 0 0 95px;
}
.page3_block span {
	color: #763f20;
	font-weight: bold;
	}
.texttype1 {
	font-size: 18px;
	margin: 0 0 0 -30px;
	padding: 15px 0 0 0;
	display: block;
	font-weight: normal !important;
}
.page4_blk1 {
	width: 180px;
	position: absolute;
	left: 292px;
	top: 292px;
	font-weight: bold;
}
.page4_blk1  p,
.page4_blk2 p {
	clear: both;
	overflow: hidden;
	padding: 10px 0 0 0;
}
.page4_blk2 {
	width: 180px;
	position: absolute;
	left: 104px;
	top: 275px;
	font-weight: bold;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
	width: 193px;
	height: 575px;
	padding: 0;
	overflow: hidden;
	margin: 30px 0 0 0;
	position: static !important;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
	width: 193px;
	height: 577px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 193px;
	color: #000;
	background: url(../img/bgi/devider.gif) repeat-x left bottom;
	padding: 7px 0 5px 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 0px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

.jcarousel-skin-tango .jcarousel-next-vertical,
.jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
	left: 62px;
	width: 97px;
	height: 17px;
	float: left;
	cursor: pointer
}
.jcarousel-skin-tango .jcarousel-next-vertical {
	top: 605px;
	background: url(../img/bgi/bottom_btn.png) no-repeat left top;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
	top: 10px;
	background: url(../img/bgi/top_btn.png) no-repeat left top;
}

.jcarousel-skin-tango .img_holder {
	clear: both;
	overflow: hidden;
}
.jcarousel-skin-tango .img_holder img {
	display: block;
}
.jcarousel-skin-tango .text_holder {
	clear: both;
	overflow: hidden;
	font-size: 11px;
	line-height: 15px;
	padding: 6px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
.jcarousel-skin-tango .text_holder em {
	font-style: italic;
}
#page5 .content_block {
	padding-left: 300px;
}


.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
	z-index: 9999;
}
.lightbox_cnt {
	display: none;
	position: absolute;
	float:left;
	top: 20%;
	left: 20%;
	width: 700px;
	height: 400px;
	padding: 15px;
	border: 2px solid #28b4bb;
	background-color: #d6d6d6;
	z-index:1002;
	overflow: visible;
	z-index: 9999999999999;
	line-height: 20px;
	behavior: url(www.kitavis.de/wp-content/themes/kitavis/js/PIE.htc);
	border-radius: 10px;
}

.lightbox_kita {
	display: none;
	position: absolute;
	top: 5%;
	left: 5%;
	width: 1000px;
	height: 650px;
	padding: 0px;
	border: 1px solid #fbc886;
	background: url(../img/bgi/kita_bg.jpg) no-repeat left top;
	z-index:1002;
	overflow: visible;
	z-index: 9999999999999;
	line-height: 20px;
	behavior: url(www.kitavis.de/wp-content/themes/kitavis/js/PIE.htc);
	border-radius: 0px;
}

.popup_content {
	width: 700px;
	height: 400px;
	clear: both;
	overflow: auto;
}
.popup_content a {
	color: #000;
	text-decoration: underline;
}
.popup_content a:hover {
	text-decoration: none;
}

.popup_content2 {
	width: 1000px;
	height: 650px;
	clear: both;
	overflow: auto;
}
.popup_content2 a {
	color: #000;
	text-decoration: underline;
}
.popup_content2 a:hover {
	text-decoration: none;
}
.close1 {
	position: absolute;
	right: -15px;
	top: -15px;
	background: url(../img/bgi/close.png) no-repeat left top;
	width: 30px;
	height: 30px;
}

.container {
	width: 1000px;
	height:650px;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
}

.container h1 {
	font-size: 16px;
	margin: 25px;
	color: #753f1d;
	font-weight: bold;
	text-transform:uppercase;
}

.left_kita {
	float: left;
	width: 326px;
	height:650px;
	margin-right:11px;
	background: transparent;
}
.middle_kita {
	width: 326px;
	height:650px;
	float: left;
	margin-right:11px;
	background: transparent;
}
.right_kita {
	float: left;
	width: 326px;
	height:650px;
	background: transparent;
}

.text_kita {
	padding:10px;
	font-size: 12px;
	background: #ffedbf;
	height:242px;

}

.fb_right {
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	margin:25px;
}


/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt { 
	float: right;
	margin-left: 0px;
}
.fltlft {
	float: left;
	margin-right: 0px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*#contact_form .input1,
#contact_form .input2,
#contact_form .input3,
#contact_form .textbox1 {
	height: 21px;
	margin: 0;
	padding: 0 5px;
	border: 0;
	outline: none;
	color: #733f18;
	background: url(../img/bgi/input.png) repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
}
#contact_form .input1 {
	width: 215px;
}
#contact_form .input2 {
	width: 28px;
}
#contact_form .input3 {
	width: 170px;
}
#contact_form .textbox1 {
	width: 215px;
	height: 90px;
}*/
.button1 {
	width: 160px;
	height: 35px;
	cursor: pointer;
	background: none;
	margin: 0 0 0 35px;
	line-height: 0;
	font-size: 0;
	border: 0;
}

.form.iwacontact span.ajax-feedback, form.iwacontact span.ajax-result {
	float: left;
	margin: -5px 0 0 0;
}




/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
 

.jspContainer
{
	overflow: hidden;
	position: relative;
	z-index:1;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: none;
}

.jspHorizontalBar
{
	position: absolute;
	background: none;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	cursor:pointer;
	width:14px !important;
	position:relative;
	border-left: 0px solid #fbc886;
}

.jspDrag
{
	background: #d6d6d6;
	position: relative;
	cursor: pointer;
	border: 1px solid #28b4bb;
	height:100px !important;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 415px;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 12px;
	float: left;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #d6d6d6;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*Text in den Taben*/
ul.list1 {
	list-style:inside;
	padding-left:5px;
}

ul.list1 li {
	list-style:inside;
        list-style-type: disc;
}

/* Kontaktformular */
.wpcf7-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.wpcf7-form > div.wpcf7-form-control-wrap {
	background-color: transparent;
	padding: 10px 0;
}

.wpcf7-form #wpcf7-streetno::-webkit-input-placeholder,
.wpcf7-form #wpcf7-plz::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000 !important;
}

.wpcf7-form #wpcf7-streetno::-moz-placeholder,
.wpcf7-form #wpcf7-plz::-moz-placeholder { /* Firefox 19+ */
  color: #000000 !important;
  opacity: 1;
}

.wpcf7-form #wpcf7-streetno:-ms-input-placeholder,
.wpcf7-form #wpcf7-plz:-ms-input-placeholder { /* IE 10+ */
  color: #000000 !important;
}

.wpcf7-form #wpcf7-streetno:-moz-placeholder,
.wpcf7-form #wpcf7-plz:-moz-placeholder { /* Firefox 18- */
  color: #000000 !important;
  opacity: 1;
}

.wpcf7-form .wpcf7-form-control-wrap input {
	border: none;
	width: 100%;
	background-color: #ffffff;
	padding: 10px;
	box-sizing: border-box;
}

.wpcf7-form #wpcf7-message {
	padding: 10px;
	width: 100%;
	border: none;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.wpcf7-form .wpcf7-form-control.wpcf7-submit {
	background-color: #28B4BB;
	border: none;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
}

.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover {
	background-color: #000000;
	color: #28B4BB;
}

.wpcf7-form div.wpcf7-mail-sent-ok {
	border-color: #28B4BB;
}

.wpcf7-form div.wpcf7-validation-errors {
	border-color: red;
}