/*
Theme Name: schiener-technik
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/*
	Theme Name: Schiener Technik HTML/CSS3 Layout
	Date: 16th Jan. 2014
	Description: Basic HTML/CSS3 layout built on a responsive framework
	Version: 1.0
*/

/* ===========================
   ======= Body style ======== 
   =========================== */
   * {
   	padding:0;margin:0;
   }
   body {border-top:13px solid #34373c;font-family: 'calibriregular';font-size:16px;line-height:20px;color:#2e3734;background:url(images/bg.jpg) repeat 0 0;
   }
   a {
   	text-decoration:none;outline:none; color:#FFF;transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;
   }
   img {
   	display:block;border:none;max-width:100%;height:auto;font-size:0;line-height:0;padding:0;margin:0;
   }
   ul {
   	list-style:none;
   }
   td {
   	text-align:left;vertical-align:top;
   }
   article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, logo, section {
   	display: block;
   }
   html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
   	margin: 0;padding: 0;
   }
   .clear {
   	clear:both;line-height:0;height:0;
   }

   @font-face {
   	font-family: 'calibribold';
   	src: url('font/calibrib-webfont.eot');
   	src: url('font/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
   	url('font/calibrib-webfont.woff') format('woff'),
   	url('font/calibrib-webfont.ttf') format('truetype'),
   	url('font/calibrib-webfont.svg#calibribold') format('svg');
   	font-weight: normal;
   	font-style: normal;

   }

   @font-face {
   	font-family: 'calibriregular';
   	src: url('font/calibri-webfont.eot');
   	src: url('font/calibri-webfont.eot?#iefix') format('embedded-opentype'),
   	url('font/calibri-webfont.woff') format('woff'),
   	url('font/calibri-webfont.ttf') format('truetype'),
   	url('font/calibri-webfont.svg#calibriregular') format('svg');
   	font-weight: normal;
   	font-style: normal;

   }
/* ===========================
   ========= Headings ======== 
   =========================== */
   h1 {
   	font-family: 'calibribold'; font-size:30px; line-height:32px;
   }
   h2 {
   	font-family: 'calibribold'; font-size:45px; line-height:46px; font-weight:normal;
   }
   h3 {
   	font-family: 'calibribold'; font-size:24px; line-height:26px; font-weight:normal;
   }
   h4 {
   	font-family: 'calibribold';font-size:22px; line-height:24px;font-weight:normal;
   }
   h5 {
   	font-family: 'calibribold';font-size:20px; line-height:22px;font-weight:normal;
   }
   .container{width:100%;max-width:1000px;margin:0 auto;}
   .container:before, 
   .container:after{display:table;	content:"";	height:0;	line-height:0;}
   .container:after{clear:both;}
/* ===========================
========= header ======== 
=========================== */
.header{ border-top: 8px solid #FFF; overflow:hidden;}
.header img{ width:195px; float:left;}
.her_right{ float:right; width:24%; margin-top:2px;}
.her_right h1{ color:#000; border-bottom:1px solid #000; padding-bottom:4px;}
.her_right p{ padding-top:5px; font-size:15px; line-height:18px; color:#000;}
.her_right p a{ color:#000;transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;}
.her_right p a:hover{ color:#2c4ba0; text-decoration:underline;}
/* ===========================
========= top_threepan ======== 
=========================== */
.top_threepan{ background:url(images/top_threepan_shadow.png) repeat-x 0 bottom,url(images/top_threepan_bg.jpg) repeat 50% 0;}
/* ===========================
========= top_threepan ======== 
=========================== */
.body_pan{ margin-top:38px; margin-bottom:40px;}
.body_left{ width:46%; float:left;}
.body_right{ float:right; width:49%;}
.body_right h2{ font-size:45px; line-height:46px; color:#383d49; font-weight:normal;}
.body_right p{ font-size:16px; line-height:20px; color:#2e3734; padding-top:2px;}
.body_right p span{ display:block;}
.servicepartner{ margin-top:58px;}
.servicepartner h3{ text-align:center; line-height:36px; color:#f4f4f4; font-weight:normal; background:#373737; }
.servicepartner ul{ text-align:center; margin:0; border:1px dashed #000; padding:10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.servicepartner ul li{ display:inline-block; margin-right:10px;max-width: 160px; }
.servicepartner ul li:last-child{ margin-right:0;}
	/* ===========================
========= form ======== 
=========================== */
.form_pan{ margin-top:29px;}
.form_block{
	float:left;
	width:39.7%;
	margin:0 19px 0 1px;
}
.form_block1{
	float:left;
	width:56%;
	margin:0 5px 0 0;
}
.form_block2{
	float:left;
	width:34%;
}

.form_left{ width:39.7%; float:left;}
.form_right{ width:56%; float:right;}
.form_pan label{ font-size:16px; line-height:18px; color:#2e3734; padding-bottom:4px; display:block;}
.form_pan label span{ color:#e94f65; display:inline-block;}
.form_pan input[type="text"],.form_pan input[type="tel"],.form_pan input[type="email"]{ border:1px solid #fdfefe; height:24px; width:96%; padding:0 2%; background:#FFF; outline:1px solid #93a8a9;
	box-shadow:1px 1px 0 0 #ebf4f5 inset;-moz-box-shadow:1px 1px 0 0 #ebf4f5 inset; font-size:12px; line-height:14px; color:#737575; margin-bottom:5px; display:block;
}
.form_right input[type="text"],.form_right input[type="email"]{width:66%;}
.form_pan textarea{ border:1px solid #fdfefe; height:64px; width:96%; padding:0 2%; background:#FFF; outline:1px solid #93a8a9;
	box-shadow:1px 1px 0 0 #ebf4f5 inset;-moz-box-shadow:1px 1px 0 0 #ebf4f5 inset; font-size:13px; line-height:14px; color:#737575; margin-bottom:9px; display:block; float:left;font-family: 'calibriregular'; font-weight:normal;
}
.form_pan input[type="submit"]{ background:url(images/anfragen_button.jpg) no-repeat 0 0; width:98px; height:36px; border:none; outline:none; text-align:center; font-size:16px; line-height:36px; color:#fefefe; text-transform:uppercase; text-shadow: 0.1em 0.1em #5474cb; display:block; cursor:pointer;font-family: 'calibriregular'; float:left; margin-left:10px; margin-top:31px;}
.form_pan input[type="button"]:hover{ background:url(images/anfragen_button.jpg) no-repeat 0 -36px;}
/** popup picture **/
.bubbleInfo, .serarea {position: relative;}
.trigger {position: absolute; left: 145px; position: absolute; top:0; background:url(images/icon_two.png) no-repeat 0 0; height:17px; width:17px;}
.popimgleft{
	float:left;
}
.popimgright{
	float:right;
}
.popup {display: none; left:-112px !important; position: absolute; top:-184px !important; z-index: 50;}
.popup_pic{/*position: relative;*/background: #cbd6f4;-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; width:510px; padding:9px;
	-moz-box-shadow: 0px 5px 10px #c4c4c4;-webkit-box-shadow: 0px 5px 10px #c4c4c4;box-shadow: 0px 5px 10px #c4c4c4;
	overflow:hidden;
}
.popup_pic:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(203, 214, 244, 0);
	border-top-color: #cbd6f4;border-width: 6px;margin-left: -6px;}
	.popup_pic ul{ margin:0; padding:0; text-align:center; overflow:hidden;}
	.popup_pic ul li{ margin-right:9px; font-size:17px; line-height:18px; color:#000000; text-align:left; padding-top:8px;}
	.popup_pic ul li img{ float:left; padding-right:5px; padding-top:10px; padding-left:5px;}
	.popup_pic ul li:nth-child(2){ margin-right:0;}
/* ===========================
========= footer ======== 
=========================== */
.footer{ background:#373737; padding-top:10px; padding-bottom:6px; overflow:hidden;}
.footer_left{ float:left; margin-top:10px;}
.footer ul{padding:0; margin:0;}
.footer ul li{ float:left; font-size:14px; line-height:18px; background:url(images/footer_divider.jpg) no-repeat 0 3px; padding:0 8px;}
.footer ul li:first-child{ background:none; padding-left:0;}
.footer ul li a{ display:block; color:#8f8f8f;transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;} 
.footer ul li a:hover{ color:#FFF;}
.footer p{ float:left; color:#c2c2c2; font-size:14px; line-height:18px; padding-top:3px;}
.footer img{ float:right;}

/* ===========================================================================================================================================
====================================================================== Inner page start ==================================================================== 
============================================================================================================================================== */
/* ===========================
========= body_inner ======== 
=========================== */
.body_inner{ padding:0; margin:0;}
.body_inner h2{ text-align:center;}

/* == marken_details == */
.marken_details{ margin-top:36px;}
.marken_details h3{ font-size:30px; font-weight:normal; text-align:center; line-height:38px; background:#383d49;color:#FFF; margin-bottom:30px;}
.marken_details ul { margin:0; padding:0;}
.marken_details ul li{ display:inline-block; margin-right:17px; width:23%; margin-bottom:15px; font-size:15px; line-height:20px;}
.marken_details ul li:last-child{ margin-right:0;}
.inner_text{ margin-top:12px; border-top:1px dashed #000; padding-top:48px;}
.inner_text p{ text-align:center; font-size:19px; line-height:25px; padding-bottom:8px;}
.inner_text p span{ display:inline-block;}
/* == contact_pan == */
.contact_pan{ margin-top:52px; border:1px dotted #000; background:rgba(203, 212, 235, 0.3); padding:40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	.contact_text{border:1px dotted #000; background:rgba(255, 255, 255, 0.5); padding:40px; overflow:hidden;}
	.contact_text_left{ width:410px; margin-right:20px; border-right:1px dotted #000; float:left;}
	.contact_text_right{ width:357px; float:right;}
	.contact_text ul{ padding:0; margin:0;}
	.contact_text ul li{font-family: 'calibriregular'; font-size:16px; color:#2e3734; display:block;float:left; line-height:25px; }
	.contact_text ul li span{ width:180px; font-family: 'calibribold'; font-weight:normal; color:#000;font-size:18px;float:left;}
	.contact_text ul li a{ color:#19488e; float:left;transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;}
	.contact_text_right ul li span{ width:145px;}
	.contact_text ul li a:hover{ color:#000; text-decoration:underline;}
	/* == agb_page == */
	.agb_page{ margin-top:5px; overflow:hidden;}
	.agb_page h3{ padding-bottom:20px; padding-top:40px;}
	.agb_page p{ font-size:16px; line-height:20px; font-weight:normal;}
	.agb_page ul{ padding-top:0; margin-left:5px;}
	.agb_page ul li{ display:block; line-height:22px; background:url(images/icon.png) no-repeat 0 7px; padding-left:22px; padding-bottom:12px;}
	.agb_page ul li ul li { display:block; line-height:22px; background:url(images/icon.png) no-repeat 10px 7px; padding-left:32px; padding-bottom:12px;}
	.agb_page_bot{ float:left; /*margin-top:42px;*/ width:47%; margin:0 30px 0 0;}
	/* == uberuns_page ==*/
	.uberuns_page{ margin-top:30px; padding:0; overflow:hidden;}
	.uberuns_page img{ float:left; border:5px solid #FFF; margin-right:16px;}
	.uberuns_text{ float:left; width:65%;}
	.uberuns_text h2{ text-align:left; padding-bottom:12px;}
	.uberuns_text p{ padding-bottom:23px;}
	.uberuns_bot{ float:left;width:46%;}
	.uberuns_bot:last-child{ float:right; width:48%;}
	.uberuns_bot p{ padding-top:15px; padding-bottom:0;}
	/* == unsere_page ==*/
	.unsere_page{ margin-top:22px; overflow:hidden;}
	.unsere_page img{ float:left;}
	.unsere_page_right{ width:70%; margin-top:15px; float:right;}
	.unsere_page_text{ border-top:1px dashed #000; padding-top:30px;}
	.unsere_page_text h3{ font-size:30px; line-height:32px;}
	.unsere_page_text p{ padding-top:18px;}
	.unsere_page_text ul{ padding-top:12px; padding-bottom:40px;}

/* ===========================================================================================================================================
====================================================================== END ==================================================================== 
============================================================================================================================================== */

.ziptext{
	padding-left:180px;
}
select::-ms-expand {
	display: none; /* hide default arrow in IE10 */
}
select {
	width:100%; 
	padding:0 2%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: "";
	border:1px solid #fdfefe;outline:1px solid #93a8a9;box-shadow:1px 1px 0 0 #ebf4f5 inset;-moz-box-shadow:1px 1px 0 0 #ebf4f5 inset;
	height:25px!important;
	color:#737373;
	font-size:14px;
	line-height:25px!important;
	font-family: 'calibriregular';
	font-weight: normal;
	display:block;
	margin-bottom:5px;
	background: url(images/select_icon.png) no-repeat 98% 1px #FFF; /* add your own arrow image */
	*background-image:none; /* turn bg image for IE7 */
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	appearance: none;
	-webkit-animation: moveUpDown 20s infinite linear;
}
select option {
	background: #fff;
	border:1px solid #fdfefe;
	width: 100%;
}
@keyframes moveUpDown {
	0% {
		background-position-y: 25%;
	}
	50% {
		background-position-y: 100%;
	}
	100% {
		background-position-y: 25%;
	}
}
@-webkit-keyframes moveUpDown {
	0% {
		background-position-y: 25%;
	}

	50% {
		background-position-y: 100%;
	}
	100% {
		background-position-y: 25%;
	}
}
/* == dien_page == */
.dien_page{ overflow:hidden; padding-top:25px;}
.dien_page h3{ padding-bottom:15px;}
.dien_page p{ font-size:16px; line-height:20px; font-weight:normal; text-align:left; padding-bottom:25px;}
.dienimage{
	margin:0 40px 0 0;
}
.dienleft{
	float:left;
}
.dienright{
	float:left;
}

.spacer{
	clear:both;
	height:auto;
	line-height:normal;
}
span.wpcf7-not-valid-tip-no-ajax {
	line-height:12px;
	padding:0 0 5px;
}