/*
Theme Name: Walter-Zimmermann 2013
Description: Design Relaunch 2013 
Version: 2.0
Author: Martin Kittner Werbung & Design
Author URI: http://www.untenlinks.de
Tags: 4 column theme, clean, portfolio
*/


/* Global */
* { 
	margin: 0; 
	padding: 0;
}
body { 
	font-size: 14px; 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #333333; 
	background: #edf1f4 url("../img/zimmermann_bg.jpg") no-repeat scroll center top / cover  !important;
}
h1,h2,h3,h4,h5,p { margin: 10px 0; }
.left { float: left; }
.right { float: right;margin-right:10px;}
.clear { clear: both; }
img { border: none; }
a { color: #333;}
a:hover { text-decoration:underline; color:#333; }
#main_container { width: 960px; margin: 0 auto; }
.show-phone {display:none;}

#slideshowHolderiPad {display:none;}
#slideshowHolderiPhone {display:none}

#language_selector {position:absolute;margin-left:360px;margin-top:200px;}

.startseite-infoseiten {position:absolute;margin-top:-200px;}
.startseite-infoseiten img {width:90px;}

.startseite-shop {position:absolute;margin-top:-190px;margin-left:800px;}
.startseite-shop img {width:100px;}

.left_content {z-index:999;}

.mapp-layout  {
	float:right;
	margin-top:-40px !important;
	margin-bottom:20px !important;
}


input[type="text"], input[type="password"], textarea, select,.wpcf7-email{
    background: none repeat scroll 0 0 #FBFBFB;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 9px;
    padding: 4px;
    width: 210px;
}



textarea {
	width:370px;
	height: auto;
}


/* Header */



.social_icons { list-style-type: none; float: right; }
.social_icons li { float: left; margin-left: 10px; }
.search_cont { float: right; margin-top: 10px; position: relative; }
.search_cont input[type=text] { 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background: none repeat scroll 0 0 #FBE5CE;
    color: #97897C;
    margin: 0;
    outline: medium none;
    padding: 4px 0 4px 8px;
    width: 290px;
	display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 9px;
	border: 1px solid #CCCCCC;
	border-radius: 3px 0 0 3px;
	-moz-box-sizing: content-box;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
 }
.icon-search {
	background-image: url("images/glyphicons-halflings.png");
	background-position: -48px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    width: 14px;
}

.button-search {
	position: absolute;
    right: 0;
    top: 0;
    z-index: 99;}

.btn {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-radius: 3px;
    margin-left: -1px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
    padding: 5px 7px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;}

#menu_container { 
	background: rgb(250,227,202); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(250,227,202,1) 0%, rgba(251,229,207,1) 8%, rgba(251,227,203,1) 18%, rgba(248,200,150,1) 85%, rgba(248,198,145,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(250,227,202,1) 0%,rgba(251,229,207,1) 8%,rgba(251,227,203,1) 18%,rgba(248,200,150,1) 85%,rgba(248,198,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(250,227,202,1) 0%,rgba(251,229,207,1) 8%,rgba(251,227,203,1) 18%,rgba(248,200,150,1) 85%,rgba(248,198,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae3ca', endColorstr='#f8c691',GradientType=0 ); /* IE6-9 */
	border: 1px solid #B7B7B7;height:40px;
}
#menu_container ul { 
	list-style-type: none;
	display:inline-block;
}
#menu_container ul li {
	display: inline-block; 
	background: url("images/zimmermann_menutrenner.png") no-repeat scroll right center transparent;

}
#menu_container ul li:last-of-type {
	background:none;
}

#menu_container ul li a {
	color: #4990B9 !important;
	font-size: 16px;
	text-shadow: 1px 1px 1px #FFFFFF; 
	text-decoration: none;
	line-height:40px;
	padding: 0 12px;
}

#menu_container ul li a:hover {
	color:#e31a18 !important;
}

#menu_container ul li a .icon {
	width:auto;
	height:20px;
	margin-top:-4px;
}


#menu_container ul.show-startpage li:last-child {
	float:right;
}


@media screen and (min-width: 959px) {
	#menu_container ul.show-startpage li{
		background-image:none !important;
	}
}


#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a  {color:#e31a18 !important;}
#menu_container .cat_menu { border-left: 1px dotted #DDDDDD; }

.logo { float: left; }

#sitelogo {float:left;padding-top: 48px;margin-left:13px;text-align: center;}
#sitelogo img {width:214px;height:118px;}

#select-header {height:240px;float:left;width:350px;margin-left:10px;margin-bottom:6px;}
#select-site-images {margin-top: 10px;position: absolute;width: 360px;}
#select-site-images .info-seiten-images {float: left;margin-right: 22px;padding-left: 10px;}
#select-site-images .online-shop-images {border-left: 1px solid #498FB8;float: left;padding-left: 16px;}
#select-site {background: url("images/zimmermann_selectbg-site.png") repeat scroll 0 0 transparent;height: 36px;margin-top: 200px;position: absolute;width: 519px;}
#select-site .info-seiten {color: #4990B9;float: left;font-size: 20px;font-weight: bold;padding-left: 30px;padding-top: 5px;}
#select-site .online-shop {color: #98BED4;float: left;font-size: 20px;font-weight: bold;padding-left: 59px;padding-top: 3px;}
#select-site .online-shop  a {color: #98BED4;text-decoration:none}
#select-site .online-shop  a:hover {text-decoration:underline}

#gallery-header {float:right;text-align:center;}
#gallery-header img {margin-bottom:12px;margin-top:40px;}
#gallery-header a {font-size: 14px;font-weight: bold;color:#4990b9;text-decoration:none;}

.heading {
	 border-bottom: 1px solid #ccc;
    margin-bottom:20px;
    text-align: left;	
}

.heading h1 {
	font-size: 24px !important;
    line-height: 36px;
 color: #333333 !important;	
}

/* Content */
#content_container { width: 958px; margin: 0 auto;border:1px solid #CCCCCC;background:#fff;margin-top:9px; }
.featured_banner { margin-bottom: 25px; margin-top: 15px; }
.featured_banner img { width: 960px; height: 100px; }

.datebox {background:url('images/zimmermann_datebox.png') no-repeat; width:67px;height:72px;float:left;margin-right:10px;}
.datebox-day {font-size:40px;width:61px;text-align:center;margin-top:16px;}
.datebox-year {font-size:13px;padding-left:8px;padding-top:17px;color:#fff;}
.messe-trenner {width:580px;height:1px;border-top:1px solid #548cb9;float:right;}
.messe-content {width:580px;float:right;text-align:left;}
.messe-title {width:580px;float:right:text-align:left;}
.messe-title h2 {font-size:16px;color:#2c5692 !important;margin:0px !important;}

.dateinfo {font-size:16px;color:#2c5692;padding-top:5px;}

.mapp-layout {
	width:250px !important;
}
.mapp-canvas {
	height:200px !important;
}
	


.home_post_box { float: left; width: 321px; margin-right: 18px; margin-bottom: 25px; border-radius: 3px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; overflow: hidden; position: relative;
/*
-moz-box-shadow: 2px 2px 5px 0px #ccc,0px 1px 0px rgba(204,204,204,.3) inset;
-webkit-box-shadow: 2px 2px 5px 0px #ccc, 0px 1px 0px rgba(204,204,204,.3) inset;
box-shadow: 2px 2px 5px 0px #ccc,0px 1px 0px rgba(204,204,204,.3) inset;*/ }
.home_blog_box_last { margin-right: 0 !important; }
.home_post_box img { width: 321px; height: 209px; }
.home_post_title_cont { position: absolute; bottom: 10px; width: 321px; background-color:rgba(0,0,0,0.5); text-align: center; padding: 5px 0; }
.home_post_title_cont h3 { color: #fff; font-size: 14px; color: #fff; margin: 0; font-weight: normal; opacity:10; filter:alpha(opacity=100); }
.home_post_title_cont h4 { margin: 0; font-size: 11px; font-weight: normal; }
.home_post_title_cont h4 a { color: #8093a4; text-decoration: none; }
.home_post_title_cont h4 a:hover { text-decoration: underline; }

.blog_box_cont { float: left; width: 321px; margin-right: 18px; }
.blog_box_cont .home_post_box { margin-right: 0; margin-bottom: 0; }
.blog_box { margin-bottom: 0; margin-right: 0; }
.blog_content { margin-bottom: 25px; padding-top: 10px; float: left; }

.home_post_desc { width: 235px; padding: 15px 10px; left: 34px; top: 0; position: absolute; color: #fff; background-color:rgba(0,0,0,0.5); font-size: 10px; display: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }

.blog_left { float: left; width: 660px;padding-left:24px;line-height: 18px; }
.blog_left h1 { margin-top: 0; font-size: 17px;color:#1f6d96; }
.blog_nav_cont { padding-bottom: 15px; }
.blog_nav_cont a { color: #000; text-decoration: none; }
.blog_nav_cont a:hover { text-decoration: underline; }

.home_post_box_last { margin-right: 0; }


/* Search */
.articlebox .article-list{
	border-bottom:1px solid #498fb8;
	margin-bottom:20px;
	padding-bottom:10px;
}

/* Contact */

.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
	margin-left:0;
}

/* Modal */ 

.modal .modal-body  {
	text-align:center;
}

.modal .modal-footer {
	text-align:center;
}
.modal .modal-footer .btn-success{
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.widget_wysija_cont {
	border:1px solid #e4e4e2;
	border-top:0;
	border-right:0;
	padding:10px;
}
#sidebar .side_box:last-of-type h3{
	margin-bottom:0;
}
.widget_wysija .wysija-paragraph:last-of-type label{
	display:none;
}

.widget_wysija .wysija-paragraph:last-of-type label.wysija-checkbox-label{
	display:block;
}

.widget_wysija a {
	color:#4990B9 !important;
	text-decoration:underline !important;
}

.widget_wysija input[type="text"] {
	height:25px !important;
	line-height:25px !important;
}





#commentform input[type=submit] { background-color: #333; border: none; color: #fff; padding: 8px 10px; }

/* Sidebar */
#sidebar { float: right; width: 260px; }
.side_box { margin-bottom: 25px; }
.side_box h3 { background-color: #E4E4E2; padding: 5px 10px; color: #666666; font-size: 16px; margin: 0 0 10px 0; }
.side_box ul { list-style-type: none; padding: 0 10px; }
.side_box ul li { margin-bottom: 3px; }
.side_box .textwidget { padding: 0 10px; }
.side_box a { color: #000; text-decoration: none; }
.side_box a:hover { text-decoration: underline; }

/* Footer */
#footer {}
.footer_widgets_cont {margin-left:20px;margin-top:5px;}

.footer_box { float: left; margin-right: 50px; margin-bottom: 20px; }
.footer_box_last { margin-right: 0; }
.footer_box h3 {color: #000000;font-size: 1.1em;font-weight: normal;line-height: 1.4em;padding: 0;text-transform: uppercase; margin-bottom:5px;}
.footer_box a { color: #333333 !important; text-decoration: none; }
.footer_box a:hover { text-decoration: underline; }

.footer_box ul, .footer_box ol { list-style-type: none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 11px;line-height: 14px; }
.footer_box ul li, .footer_box ol li { margin-bottom: 3px; }

.footer_copyright { color:#777;font-size: 11px; line-height: 1.3em;padding: 10px 0px; text-align: center; border-top: 1px solid #CCCCCC; }
.footer_copyright a { color: #000; text-decoration: none; }
.footer_copyright a:hover { text-decoration: underline; }


/* -------------------------------------------------- */
/*	COOKIE ALERT
/* -------------------------------------------------- */


#cookieScriptBanner{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.85);
	box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3);
	animation: fadein 3s;
}

#cookieScriptBanner #cookieScriptHeaderRow {
	background: rgba(51, 51, 51, 0.85);
	color:#fff;
}

#cookieScriptBanner #cookieScriptHeaderRow h4 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 10px 0;
}

#cookieScriptBanner #cookieScriptBannerRow {
	max-width: 1180px;
	padding: 10px 0;
	margin: 0 auto;
	font-size: 15px;
	box-sizing: border-box;
	color:#fff;
}

#cookieScriptBanner #cookieScriptBannerRow a {
	color:#fff;
	text-decoration: underline;
}

#cookieScriptBanner #cookieScriptAcceptedCookiesButton {
	color: #666;
	height: 31px;
	line-height: 31px;
	margin-left: -5px;
	padding: 0 15px;
	border: 1px solid #979392;
	width: auto;
	background: #D5D2CD;
	float:right;
	margin-top:-50px;
	border-radius: 2px;
}

@keyframes fadein {
    0%     { opacity: 0; }
    50%    { opacity: 0; }
    100%   { opacity: 1; }
}

@media (max-width: 1300px) {
	#cookieScriptBanner #cookieScriptHeaderRow {padding:0 20px;}
	#cookieScriptBanner #cookieScriptBannerRow {padding:20px;}
}

@media (max-width: 1170px) {
	#cookieScriptBanner #cookieScriptBannerRow {
		padding-top:0px;
	}

	#cookieScriptBanner #cookieScriptBannerRow #cookieScriptAcceptedCookiesButton {
		float:inherit;
		margin-top:0;
	}
}



/* for mobile */

@media screen and (max-width: 959px) {


.mapp-layout {display:none;}
.show-phone {display: inline !important;}
.hidden-phone {display:none}
#main_container { width: 300px; }
#header { padding: 10px 0px; }
#sitelogo {float:none !important;margin:0px !important;padding-left:50px !important;padding-top:0px !important;margin-bottom:20px !important}

#slideshowHolderDesktop {display:none}
#slideshowHolderiPhone {display:block !important;}
#slideshowHolderiPad {display:none}

#slideshowHolderiPhone img {padding-bottom:8px;}

#language_selector {position:absolute;margin-left:0px !important;margin-top:0px !important;}

.icl_lang_sel_native {font-size:10px;}

#menu_container ul.show-startpage li {width:50%;}
#menu_container ul.show-startpage li.Mleft a {padding-left:10px;}
#menu_container ul.show-startpage li.Mright a {padding-left:13px;}
#menu_container ul.show-startpage li.right {padding-left:4px;padding-right:0px !important;}
#menu_container ul.show-startpage li.right  a {padding-right:0px !important;text-align:right;}


#menu_container ul.show-startpage li a {font-size: 14px !important;padding-left:0px;padding-right:0}


/* MENU BUTTON */
.btn-navbar span {display: inline-block;padding: 6px;vertical-align: bottom;}
.btn-navbar {border-style: solid;cursor: pointer;font-weight: bold;text-transform: uppercase;text-decoration:none}
i.icon-navbtn {background-image: url("images/nav-btn.png");background-position: 0 0;height: 28px;width: 30px;}
[class^="icon-"], [class*=" icon-"] { background-repeat: no-repeat;display: inline-block;height: 14px;line-height: 14px;vertical-align: text-top;width: 14px;}
.btn-navbar:hover {background-color: #E6E6E6;background-position: 0 -15px;text-decoration:none !important;-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-ms-transition: background-position 0.1s linear;-o-transition: background-position 0.1s linear;transition: background-position 0.1s linear;}
#show_hide {display:none;}
.slidingDiv {width:230px;height:auto !important;background:white;position:absolute;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border: 1px solid #CCCCCC;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27);}
.slidingDiv ul {list-style-type:none !important;}
.slidingDiv ul li {width:200px !important;background: none !important;border-top:1px solid #EEEEEE;}
.slidingDiv ul li a{ color: #4990B9 !important;font-size: 16px !important;padding-bottom: 8px !important;font-weight:bold;text-shadow: 1px 1px 1px #FFFFFF !important;}
.zumshop {float:right;margin-right:5px;margin-top:10px;}
.zumshop a {color: #4990B9 !important;font-size: 16px;text-decoration: none;text-shadow: 1px 1px 1px #FFFFFF;}


.right {margin-right:0px !important;}
.startseite-bilder img {width:92px;height:auto;}
.messe-title {width:280px;}
.messe-content {width:280px;}
.messe-content img {max-width:280px;height:auto;}
.messe-trenner {width:280px;}


#menu_container { padding: 0px 0px; width: 300px; margin: 0 auto; }
#menu_container ul { list-style-type: none; width: 150px }
#menu_container ul li { float: none; }
#menu_container ul li a { padding: 5px 10px; margin: 0 0px 5px; }
#menu_container .cat_menu { border-left: none; float: right; }

#content_container { width: 300px; }
.featured_banner { display: none; }
.featured_banner img { width: 300px; height: 32px; }

.blog_box_cont { width: 300px; float: none; margin: 0 auto; }
.blog_content { float: none; width: 300px; margin-left: auto; margin-right: auto; }

.home_post_box { width: 300px; float: none; margin: 0 auto 25px; }
.home_post_box img { width: 300px; height: 200px; }

.home_post_title_cont { width: 300px; }
.home_post_desc { width: 200px; left: 35px; }

.blog_left { float: none; width: 280px; margin: 0 auto;padding:10px; }
.page-template-page-startseite .blog_left {padding:0;}

#lang_sel li,#lang_sel li  {width:100px;}

.blog_left img {max-width:280px;height:auto;  }
.blog_left input {width:90%;}
.blog_left textarea {width:90%;}
#commentform textarea { width: 300px; }
#sidebar { display: none; }
#footer { display: none; }

}

@media screen and (max-width: 959px) {
 .gallery-columns-4 .gallery-item {
     width: 50% !important;
 }
  .gallery-columns-4 .gallery-item img{
     width: 90% !important;
 }
}




/* @group rounded-corners pics */
/* IE6 fix */
.ie6_width .tr {right: -1px;}
.ie6_width .br {right: -1px;}
.ie6_height .br {bottom: -1px;}
.ie6_height .bl {bottom: -1px;}

/* @end */
