/* CSS Document */

body { margin:0; padding:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:90%; line-height:185%; text-align:left; color:#B0B2AC;}
img { max-width: 100%; border:0;}
a { color:#B0B2AC; text-decoration:underline;}
a:hover { color:#E63B8C;}

h1, h2 { margin:0; padding:0; font-size:20px; color:#B0B2AC; display:block; margin-bottom:10px; margin-top:30px; font-weight:normal;}
h2 { font-size:18px; margin-top:0;}
p { margin:0; padding:0; display:block; margin-bottom:10px;}

#main { width:100%; height:auto; margin:auto;}
#toolbar { width:100%; height:auto; background-color:#f5f5f5; text-align:right;}
.partners { padding-left:10px; padding-right:10px; width:75%; margin-top:36px;}
#logo { width:100%; height:auto; margin-top:20px; margin-bottom:10px; text-align:left;}
.mainlogo { padding-left:10px; padding-right:10px; width:90%;}
#nav-wrap {width:100%; height:auto;}

#header-mood { width:100%; height:auto; display:none;}
#header-mood img { width:100%;}

.jsclass body .randomcontent { display: none;}

#claim { padding-left:10px; width:90%; height:auto; font-size:16px;}
#sortiment { width:100%; height:auto; background-color:#E63B8C; text-align:right; margin-top:20px; margin-bottom:28px; background-image:url(../images/bg_button.jpg); background-position:top right; background-repeat:no-repeat;}
.sortiment_button { width:75%;}
.teaser_sortiment { width:100%; height:auto; margin-bottom:28px;}
.teaser_sortiment img { width:100%;}

#footer { width:100%; height:auto; border-top: 1px solid #f1f1f1; padding-top:15px; font-size:14px;}
#footer ul { list-style:none; margin:0; padding:0; padding-left:10px;}
#footer li { float:left; margin-right:10px; margin-bottom:15px;}
.share { width:40%; margin-top:4px;}
.weitererzaehlen { display:none;}

.nav-button { display: none;}
.sf-sub-indicator { display:none;}

#cf-konzept { display:none;}

#whois-wrap { width:100%; height:auto; margin-top:34px;}
#info-wrap { width:100%; height:auto;}
#quote { width:80%; display:block; height:auto; text-align:right; margin:auto; margin-right:10%;}
.quote_img { padding-left:10px;}
#copy1, .copy2 { width:auto; height:auto; padding-left:10px; padding-right:10px;}
#whois { width:auto; height:auto; text-align:center; margin:auto; margin-top:30px; padding-left:10px; padding-right:10px;}

.atwork-wrap { width:100%; height:auto; margin-top:30px;}
.atwork_img { width:100%; height:auto; margin-top:30px;}
#atwork_last { padding-bottom:40px;}

#howto { width:auto; height:auto; border-top: 1px solid #F5B1D1; padding-top:30px; margin-top:19px; margin-bottom:28px;}
#howto_text { width:auto; height:auto; padding-left:10px; padding-right:10px; margin-bottom:30px;}
#angebot { width:100%; height:auto; background-color:#E63B8C; text-align:right; background-image:url(../images/bg_button.jpg); background-position:top right; background-repeat:no-repeat;}
.angebot_button { width:70%;}

#referenzen { width:100%; height:auto;}
#referenzen img { width:100%; margin-bottom:28px;}
#referenzen h2 { margin-bottom:25px; padding-left:10px;}

.news-wrap { width:100%; height:auto; padding-bottom:16px;}
.news_posted { width:auto; height:auto; padding-left:10px; padding-right:10px; border-top: 1px solid #F5B1D1; margin-top:19px; padding-bottom:1px;}
.news_posted_text { width:auto; height:auto;}
.news_posted_text h1 { font-size:18px; margin:0; margin-bottom:10px; margin-top:30px;}
.news_posted_img { display:none;}

.ref-mood3 { display:none;}
#cf-news { display:none;}

#kontakt-wrap { width:100%; height:auto; padding-bottom:28px; background-image:url(../images/kontakt_bg_3.jpg); background-repeat:no-repeat; background-position:bottom right; border-top: 1px solid #f1f1f1; padding-top:30px; margin-top:19px;}
#k-form { width:auto; height:auto; padding-left:10px; padding-right:10px;}
#nachricht { resize:none; width:100%; height:125px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#name, #email, #betreff { height:30px; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.kf-kat { height:8px; display:block; margin-top:10px;}
#capcha { width:auto; height:auto; margin-top:20px;}
#submit { background-image:url(../images/button_small.jpg); width:154px; height:28px; border:0; cursor:pointer;}
#k-text { width:auto; padding-left:10px; padding-right:10px; height:auto; margin-top:25px;}
#cf-kontakt { display:none;}

#impressum-wrap { width:100%; height:auto; border-top: 1px solid #f1f1f1; margin-top:19px; padding-bottom:30px; padding-top:30px;}
#impressum-text_1 { width:auto; padding-left:10px; padding-right:10px; height:auto;}
#impressum-text_1 h2 { margin-top:25px;}
#impressum-text_2 { width:auto; padding-left:10px; padding-right:10px; height:auto;}
.imp-p { padding-top:15px;}

/* Kontaktformular */

/* Tooltipp Captcha */
  .tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=60); background-repeat: no-repeat;  background-image: url(../mail/images/tipsy.gif);}
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center;}
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px;}
  .tipsy-north { background-position: top center;}
  .tipsy-south { background-position: bottom center;}
  .tipsy-east { background-position: right center;}
  .tipsy-west { background-position: left center;}

/* Erfolgsmeldung nach Versand */  
.ok {
	padding:0;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin:0;
	color:#66cc00;
}

/* Fehlermeldung */ 
.error {
	padding:0;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin:0;
	color:#E63B8C;
}
.required {
	font-weight:bold;
	color:#E63B8C;
}

@media only screen and (max-width: 939px) { 
/* Using the touch scrolling on capable devices */
.overthrow-enabled .overthrow {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
	/* Navigation Button
	-------------------------------------------------------- */
	.nav-button {
		display: block;
		position: absolute;
		top: 5px;
		right:10px;
		width: 87px;
		height: 26px;
		cursor: pointer;
		border: 0 none;
		z-index: 999;
		text-indent: -9999px;
		background:none;
		background-image:url(../images/button_menu_ia.jpg); background-position:top center; background-repeat:no-repeat;
	}
	.nav-button:hover { 
		background-image:url(../images/button_menu_a.jpg); background-position:top center; background-repeat:no-repeat;
	}
	.nav-button.open {
	background-image:url(../images/button_menu_a.jpg); background-position:top center; background-repeat:no-repeat;
	}
	/* Navigation Bar
	-------------------------------------------------------- */
	.primary-nav {
		width: 100%;
		float: none;
		background-color: #fff; /* change the menu color */
		display: block;
		height: 36px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		margin:0;
		padding:0;
	}
	.primary-nav li a {
		display: block;
		width: 100%;
		padding:0;
		padding-top:10px;
		padding-bottom:8px;
		padding-left:10px;
		font-size: 18px;
		font-weight: normal;
		color: #B0B2AC;
		text-decoration: none;
		border-bottom: 1px solid #f5f5f5;		 
	}
	.primary-nav li:last-child a { border-bottom:none;}
	.primary-nav li a:hover {
		background-color: #B0B2AD;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid #f1f1f1;
	}
	.primary-nav > li:last-child {
		border-bottom: 1px solid #B0B2AD;
	}
	/* Toggle the navigation bar open  */
	.primary-nav.open { 
		height: auto; 
		padding-top: 36px;
	}
	.primary-nav.open li { 
		display: block; 
	}
	/* Submenus optional .parent class indicates dropdowns */
	.primary-nav > li:hover > a {
		background: #E63B8C;
		color: #fff;
	}
	.primary-nav li.parent > a:after {}
	.primary-nav li.parent > a:hover {
	background-color:#E63B8C;
	}
	.primary-nav li ul {
		display: none;
		background-color:#f5f5f5;
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
	color:#B0B2AD;
		border: 0 none;
		font-size: 16px;
		padding:0;
		padding-left:20px;
		padding-top:5px;
		padding-bottom:5px;
		font-weight: normal;
	}
	.primary-nav li ul a:hover {
	color:#fff;
	background-color:#E63B8C;	
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
}

.header_img { width:100%;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}