/**************** RESET STYLES IS A GOOD THING *************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {display: block;}

a img {border: 0;}
/**********************************************************************************************************************/

h1{
	margin-bottom: 10px;
}

h3{
	font-size: 1em;
	color: #004494;
	font-weight: bold;
}

strong{
	display: block;
}

.ugc-inner-wrapper h2{
display: none;
}
/*************************************************** Aktivzustand Navi*****************************************************/

.pw #menu-item-42 a, .lkw #menu-item-57 a, .busse #menu-item-64 a, .lieferwagen #menu-item-63 a, .motorraeder #menu-item-277 a{
	color: #004494;
	background-color: #fff;
}

.schilder #menu-item-1345 a, .pylon #menu-item-124 a, .schaufenster #menu-item-126 a, .leuchtreklame #menu-item-127 a, .fassaden #menu-item-134 a{
	color: #004494;
	background-color: #fff;
}

.baureklamen #menu-item-136 a, .fahnen #menu-item-138 a{
	color: #004494;
	background-color: #fff;
}

.fahrzeuge #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.gebaeude #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.displays #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.waerme-blend-und-sonnenschutz #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.glasveredelungen #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.spezielles #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.pw #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.lkw #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.busse #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.lieferwagen #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.motorraeder #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.parent-pageid-47 #menu-item-45 a, .parent-pageid-69 #menu-item-45 a, .parent-pageid-71 #menu-item-45 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.standort #menu-item-165 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.philosophie #menu-item-165 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.geschichte #menu-item-165 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.formular #menu-item-165 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.rolf-freiburghaus #menu-item-43 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.marcel-siegenthaler #menu-item-43 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.roland-scherer #menu-item-43 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.angela-bueetiger #menu-item-43 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.nina-saam #menu-item-43 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.nicole-guggisberg #menu-item-43 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

.liselotte-freiburghaus #menu-item-43 a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

/****************************************** TEAM STARTSEITE ***********************************************************/

#team_start{
	position: absolute;
	top: 10%;
	width: 100%;
	height: 90%;
	left: 0px;
	background-image: url(../image/bg_team.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.page-template-team_start-php{border: none;}

.page-template-team_start-php #content, .page-template-team_start-php #subsubnav{
display: none;
	position: absolute;
	width: 800px;
	height: auto;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	bottom: 50px;
	left: 50px;
}

.page-template-team_start-php a img{width: 200px; height: auto;}

.page-template-team_start-php footer{
	display: none;
}
#rolf{position: fixed; top: 257px; width: 85px; height:450px; right: 443px; z-index: 9;}
#rolf:hover .steckbrief_rolf{display: block;}
.steckbrief_rolf{
	min-width: 100px; 
	height: auto;
	display: none;
	margin-top: -90%;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	padding: 10px;
}
#liselotte{position: fixed; top: 266px; width: 79px; height:450px; right: 374px;}
#liselotte:hover .steckbrief_liselotte{display: block;}
.steckbrief_liselotte{
	min-width: 100px; 
	height: auto;
	display: none;
	margin-left: 90%;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	padding: 10px;
}
#eragon{position: fixed; top: 580px; width: 79px; height:150px; right: 500px; z-index: 999;}
#eragon:hover .steckbrief_eragon{display: block;}
.steckbrief_eragon{
	min-width: 100px; 
	height: auto;
	display: none;
	margin: 50% 0 0 110%;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	padding: 10px;
}

/**********************************************************************************************************************/

.team_de{
	display: none;
}

.team_fr{
	display: none;
}

.de.team .team_de{
	display: block;
}

.firma_de{
	display: none;
}

.firma_fr{
	display: none;
}

.de.firma .firma_de{
	display: block;
}

.fr.firma .firma_fr{
	display: block;
}

.aktuell{
	display: none;
}

.aktuell_fr{
	display: none;
}

.de.produkte .aktuell{
	display: block;
}

.fr.produkte .aktuell_fr{
	display: block;
}

.produkte .menu-untermenue-container{
	display: none;
}

#menu-untermenue>.menu-item{
	display: none;
}

.fahrzeuge #menu-item-58, .gebaeude #menu-item-128, .displays #menu-item-279, .waerme-blend-und-sonnenschutz #menu-item-283, .spezielles #menu-item-139, .glasveredelungen #menu-item-140{
	display: block;
}

.parent-pageid-47 #menu-item-58, .parent-pageid-69 #menu-item-128, .parent-pageid-71 #menu-item-279{
	display: block;
}

.clear{
	clear: both;
}
/*** DEFAULT 1024 PX WIDTH LAYOUT FOR DESKTOP, ALL OTHER LAYOUTS INHERIT STYLES FROM THIS LAYOUT **********************/
/**********************************************************************************************************************/
* {margin: 0; padding: 0; border: none; outline: none; border-radius: 0px;}

html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Arial;
}

#all{
	min-height: 100%;
	padding: 0;
	width: 1024px;
	margin:0 auto;
}

#all .ugc-inner-wrapper input{
background-color: #DEE1ED;
width: 100%;
}

#all .ugc-inner-wrapper textarea{
background-color: #DEE1ED;
width: 941px;
}

#all .ugc-inner-wrapper .ugc-input-wrapper{
width: 100%;
}

#all #ug_submit_button{
width: 20%
}

#all .ugc-inner-wrapper textarea{
font-size: 2em
}

#all .ugc-inner-wrapper label{
font-size: 1.5em
}

#all .ugc-inner-wrapper input{
font-size: 1.2em
}

/**********************************************************************************************************************/
/************************************ Header **************************************************************************/

#head{
	background-image: url(../image/header.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 0;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 150px;
	left: 0px;
	z-index: 998;
}

header{
	z-index: 999;
	position: fixed;
	top: 0px;
	width: 1024px;
	height: 90px;
}
header img{
	width: 175px;
	margin: 6px 13% 50px 0;
	float: left;
}

/************************************ Navigation ************************************************************************/

.current-menu-item a{
	color: #004494;
	border-bottom: 1px solid #004494;
}

nav ul{
	width: auto;
	height: auto;
	float: left;
	margin-top: 3.7%;
	/*margin-left: -3.7%;*/
}

nav ul li{
	float: left;
	margin: 0 25px;
	list-style: none;
}

nav ul li a{
	text-decoration: none;
	color: #000;
	font-size: 1em;
}

nav ul li a:hover{
	color: #004494;
	border-bottom: 1px solid #004494;
}

#button{display: none;}
#check{display: none;}

/************************************ SubSub Navigation ********************************************************************/

.menu-item-type-post_type{
	margin-left: 0 !important;
}

#menu-item-58{
	margin-left: 0 !important;
}

.fahrzeuge #menu-item-58 > a, .gebaeude #menu-item-128 > a, .displays #menu-item-279 > a, .waerme-blend-und-sonnenschutz #menu-item-283 > a, .spezielles #menu-item-139 > a, .glasveredelungen #menu-item-140 > a{
	display: none;
}

.parent-pageid-47 #menu-item-58 > a, .parent-pageid-69 #menu-item-128 > a, .parent-pageid-71 #menu-item-279 > a{
	display: none;
}

.menu-item a{
	float: left;
	margin-right: 15px;
}

.sub-menu{
	float: left;
}

#subsubnav h3{
	color: #000;
}

#subsubnav{
	width: 100%;
	height: 17px;
	padding-bottom: 23px;
	border-bottom: 2px solid #004494;
	margin-bottom: 40px;
}



#subsubnavabstand{
	width: 100%;
	height: 17px;
	padding-bottom: 5px;
	margin-bottom: 40px;
}


#subsubnav nav{
	float: left;
}

#subsubnav nav ul{
	width: auto;
	height: auto;
	margin-top: 0;
	margin-left: 0px;
}

#subsubnav nav ul li{
	float: left;
	margin: 0px;
	list-style-type: none;
}

#subsubnav nav ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 1em;
	border: none;
	background-color: #004494;
	padding: 10px 25px;
	border-left: 2px solid #004494;
	border-top: 2px solid #004494;
	border-right: 2px solid #004494;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#subsubnav nav ul li a:hover{
	color: #004494;
	background-color: #fff;
}

#mobileNav{
display:none}

#mobileNav_fr{
display:none}
/************************************ Search ********************************************************************/

#search-2{
list-style: none;
}
#search-2 label{
display: none;
}
#searchsubmit{
height: 20px;
width: auto;
position: absolute;
right: 0;
top: 37px;
}

.s{
	width: 16%;
	height: 16px;
	padding: 2px 4% 2px 2px;
	border: 1px solid #000;
	float: right;
	margin-right: 0;
	margin-top: -14px;
}

.fr #weiterlesen_de {display: none;}
.de #weiterlesen_de {display: block;}
.de #weiterlesen_fr {display: none;}
.fr #weiterlesen_fr {display: block;}

/************************************ Language ********************************************************************/

.fr{float: none;}

.de .language_de{
	display: block !important;
	height: 20px;
	padding: 10px;
}

.fr .language_fr{
	display: block !important;
	height: 20px;
	padding: 10px;
}

.de .lang-de a{
	color: #004494 !important;
	border-bottom: 1px solid #004494;
}

.fr .lang-fr a{
	color: #004494 !important;
	border-bottom: 1px solid #004494;
}

#language{
	position: absolute;
	right: 0;
	top: 10%;
	font-size: 0.8em;
}

.lang-de{
	float: right;
	margin-left: 7px;
	list-style-type: none;
}

.lang-fr{
	float: right;
	margin-right: 7px;
	list-style-type: none;
}

#language a{
	font-size: 0.9em;
	text-decoration: none;
	color: #000;
}

#language a:hover{
	color: #004494;
	border-bottom: 1px solid #004494;
}

/************************************ Startscreen (Boxen) **************************************************************************/

#startscreen{
	position: absolute;
	top: 10%;
	width: 100%;
	height: 90%;
	left: 0px;
	background: #000000;
}

.de .startscreen_fr{display: none !important;}
.fr .startscreen_de{display: none !important;}

.box{
	width: 25%;
	height: 33.33%;
	float: left;
	overflow: hidden;
	
	-moz-box-shadow: -5px -5px 50px #000;
	-webkit-box-shadow: -5px -5px 50px #000;
	box-shadow: -5px -5px 50px #000;
	
	/*Transparenz für alle Browser*/
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=40);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.4;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.4;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.4;
}

.box:hover {		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:1;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1;
}

.box_fr{
	width: 25%;
	height: 33.33%;
	float: left;
	overflow: hidden;
	
	-moz-box-shadow: -5px -5px 50px #000;
	-webkit-box-shadow: -5px -5px 50px #000;
	box-shadow: -5px -5px 50px #000;
	
	/*Transparenz für alle Browser*/
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=40);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.4;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.4;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.4;
}

.box_fr:hover {		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:1;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1;
}

.b_01{
	background-image: url(../image/01.jpg);
	background-size: cover;
}

.b_02{
	background-image: url(../image/02.jpg);
	background-size: cover;
}

.b_03{
	background-image: url(../image/03.jpg);
	background-size: cover;
}

.b_04{
	background-image: url(../image/04.jpg);
	background-size: cover;
}

.b_05{
	background-image: url(../image/05.jpg);
	background-size: cover;
}

.b_06{
	background-image: url(../image/06.jpg);
	background-size: cover;
}

.b_07{
	background-image: url(../image/07.jpg);
	background-size: cover;
}

.b_08{
	background-image: url(../image/08.jpg);
	background-size: cover;
}

.b_09{
	background-image: url(../image/09.jpg);
	background-size: cover;
}

.b_10{
	background-image: url(../image/10.jpg);
	background-size: cover;
}

.b_11{
	background-image: url(../image/11.jpg);
	background-size: cover;
}

.b_12{
	background-image: url(../image/12.jpg);
	background-size: cover;
}

.box_in{
	color: #000;
	width: 90%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 5%;
	padding-right: 5%;
	height: auto;
	background-color: white;
	background-color: rgba(255,255,255,0.8);
	margin-top: 60.5%;
	overflow: hidden;
	display: none;
	-moz-transition-property:    margin-top;
    -moz-transition-duration:    0.6s;

    -webkit-transition-property: margin-top;
    -webkit-transition-duration: 0.6s;

    -o-transition-property:      margin-top;
    -o-transition-duration:      0.6s;

    transition-property:         margin-top;
    transition-duration:         0.6s;
}

.box:hover .box_in{
	margin-top: 45%;
	display: block;
}

.box_in_fr{
	color: #000;
	width: 90%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 5%;
	padding-right: 5%;
	height: auto;
	background-color: white;
	background-color: rgba(255,255,255,0.8);
	margin-top: 60.5%;
	overflow: hidden;
	display: none;
	-moz-transition-property:    margin-top;
    -moz-transition-duration:    0.6s;

    -webkit-transition-property: margin-top;
    -webkit-transition-duration: 0.6s;

    -o-transition-property:      margin-top;
    -o-transition-duration:      0.6s;

    transition-property:         margin-top;
    transition-duration:         0.6s;
}

.box_fr:hover .box_in_fr{
	margin-top: 45%;
	display: block;
}

/************************************ Buttons right ************************************************************************/

.de #text-4{
	display: none;
}

.fr #text-3{
	display: none;
}

.fr #text-5{
	display: none;
}

.de #text-6{
	display: none;
}

.de #kontakt{
	width: 20%;
	height: 100%;
	background-color: #004494;
	position: fixed;
	right: -20%;
	top: 0;
	z-index: 996;
	cursor: pointer;
}

.de #kontakt_fr{
	display: none;
}

.de #kontakt:hover{
	cursor: default;
}

.de #kontakt img{
	margin-top: 145px;
	height: 130px;
	margin-left: -44px;
}

.de #kontakt img.close{
	position: absolute; 
	top: 10px;
	left: 85px;
	height: 25px !important;
}

.de #kontakt img:hover{
	cursor: pointer;
}

#formular_de{
	text-decoration: none;
	color: #fff;
}

#formular_de:hover{
	border-bottom: 1px solid #fff;
}

.fr #kontakt_fr{
	width: 20%;
	height: 100%;
	background-color: #004494;
	position: fixed;
	right: -20%;
	top: 0;
	z-index: 996;
	cursor: pointer;
}

.fr #kontakt{
	display: none;
}

.fr #kontakt_fr:hover{
	cursor: default;
}

.fr #kontakt_fr img{
	margin-top: 145px;
	height: 130px;
	margin-left: -44px;
}

.fr #kontakt_fr img.close{
	position: absolute; 
	top: 10px;
	left: 85px;
	height: 25px !important;
}

.fr #kontakt_fr img:hover{
	cursor: pointer;
}

#formular_fr{
	text-decoration: none;
	color: #fff;
}

#formular_fr:hover{
	border-bottom: 1px solid #fff;
}

.de #oeffnungszeiten{
	width: 20%;
	height: 100%;
	background-color: #004494;
	position: fixed;
	right: -20%;
	top: 0;
	z-index: 995;
	cursor: pointer;
}

.de #oeffnungszeiten_fr{display:none;}

.de #oeffnungszeiten:hover{
	cursor: default;
}

.de #oeffnungszeiten img{
	margin-top: 327px;
	height: 130px;
	margin-left: -44px;
}

.de #oeffnungszeiten img.close{
	position: absolute; 
	top: -175px;
	left: 85px;
	height: 25px !important;
}

.de #oeffnungszeiten img:hover{
	cursor: pointer;
}

.fr #oeffnungszeiten_fr{
	width: 20%;
	height: 100%;
	background-color: #004494;
	position: fixed;
	right: -20%;
	top: 0;
	z-index: 995;
	cursor: pointer;
}

.fr #oeffnungszeiten{display: none;}

.fr #oeffnungszeiten_fr:hover{
	cursor: default;
}

.fr #oeffnungszeiten_fr img{
	margin-top: 327px;
	height: 130px;
	margin-left: -44px;
}

.fr #oeffnungszeiten_fr img.close{
	position: absolute; 
	top: -175px;
	left: 85px;
	height: 25px !important;
}

.fr #oeffnungszeiten_fr img:hover{
	cursor: pointer;
}

#kontakt .inhalt{
	width: 75%;
	height: 65%;
	margin: -31px 12.5%;
}

#kontakt_fr .inhalt{
	width: 75%;
	height: 65%;
	margin: -31px 12.5%;
}

#oeffnungszeiten .inhalt{
	width: 75%;
	height: 65%;
	margin: -220px 12.5%;
}

#oeffnungszeiten_fr .inhalt{
	width: 75%;
	height: 65%;
	margin: -220px 12.5%;
}

.widget{
	list-style-type: none;
	color: #fff;
}

.widgettitle{
	margin-bottom: 10px;
	font-size: 15pt;
}

.textwidget{
	margin-bottom: 45px;
	color: #fff;
}

.textwidget p{
	margin-bottom: 20px;
}

.textwidget a{
	color: #fff;
	text-decoration: none;
}

.textwidget a:hover{
	border-bottom: 1px solid #fff;
}

textarea {
	resize: none;
	height: 75px;
}

/************************************ Formular **************************************************************************/

form{
	margin-top: 50px;
}

span input{
	margin: 5px 0 15px 0;
	width: 100% !important;
}

span textarea{
	margin: 5px 0 15px 0;
	width: 100%;
	height: 80px;
	font-family: Arial;
}

.wpcf7-text{
	padding: 3px;
	background-color: #f1f1f1;
	color: #000;
	
	background: #adadad; /* Old browsers */ background: -moz-linear-gradient(top,  #adadad 0%, #f1f1f1 10%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(10%,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #adadad 0%,#f1f1f1 10%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #adadad 0%,#f1f1f1 10%,#f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #adadad 0%,#f1f1f1 10%,#f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom,  #adadad 0%,#f1f1f1 10%,#f1f1f1 100%); /* W3C */ 
}

.wpcf7-text:focus{
	background: #f5f9ff;
	outline: none;
	
background: #004494; /* Old browsers */ background: -moz-linear-gradient(top,  #004494 0%, #e0ecff 10%, #e0ecff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004494), color-stop(10%,#e0ecff), color-stop(100%,#e0ecff)); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  #004494 0%,#e0ecff 10%,#e0ecff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #004494 0%,#e0ecff 10%,#e0ecff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #004494 0%,#e0ecff 10%,#e0ecff 100%); /* IE10+ */ background: linear-gradient(to bottom,  #004494 0%,#e0ecff 10%,#e0ecff 100%); /* W3C */ 

}

.wpcf7-textarea{
	padding: 3px;
	background-color: #f1f1f1;
	color: #000;
	
	background: #adadad; /* Old browsers */ background: -moz-linear-gradient(top,  #adadad 0%, #f1f1f1 3%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(3%,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #adadad 0%,#f1f1f1 3%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #adadad 0%,#f1f1f1 3%,#f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #adadad 0%,#f1f1f1 3%,#f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom,  #adadad 0%,#f1f1f1 3%,#f1f1f1 100%); /* W3C */ 
}

.wpcf7-textarea:focus{
	background: #f5f9ff;
	outline: none;
	
	background: #004494; /* Old browsers */ background: -moz-linear-gradient(top,  #004494 0%, #e0ecff 3%, #e0ecff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004494), color-stop(3%,#e0ecff), color-stop(100%,#e0ecff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #004494 0%,#e0ecff 3%,#e0ecff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #004494 0%,#e0ecff 3%,#e0ecff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #004494 0%,#e0ecff 3%,#e0ecff 100%); /* IE10+ */ background: linear-gradient(to bottom,  #004494 0%,#e0ecff 3%,#e0ecff 100%); /* W3C */ 
}

.wpcf7-not-valid{
	width: 100%;
}

.wpcf7-submit{
	padding: 5px 10px;
	margin-bottom: 10px;
	background-color: #f1f1f1 !important;
	box-shadow: 1px 1px 2px #adadad;
}

.ajax-loader{
	width: auto !important;
	height: 26px !important;
}

.wpcf7-submit:hover{
	cursor: pointer;
	box-shadow: none;
	background: #adadad; /* Old browsers */ background: -moz-linear-gradient(top,  #adadad 0%, #f1f1f1 12%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(12%,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #adadad 0%,#f1f1f1 12%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #adadad 0%,#f1f1f1 12%,#f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #adadad 0%,#f1f1f1 12%,#f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom,  #adadad 0%,#f1f1f1 12%,#f1f1f1 100%); /* W3C */ 
}

.wpcf7-submit:focus{
	outline: none;
}

span.wpcf7-not-valid-tip{
	position: absolute;
	font-size: 0.7em;
	color: red;
	top: -15px;
	right: 0;
}

.wpcf7-form{margin-top: 12%;}

.wpcf7-form-control-wrap{
	display: block !important;
}

div.wpcf7-mail-sent-ok{
	position: absolute;
	bottom: -420px;
	color: #004494;
	border: none;
	padding: 0;
	margin-left: 0;
}

div.wpcf7-validation-errors{
	display: none !important;
}

/************************************ Accordeon (Subnavi) **************************************************************************/

.subnav{
width: 100%;
height: 300px;
padding-top: 50px;
padding-bottom: 80px;
margin-top: 10%;
}

.subnav2{
width: 100%;
height: 100px;
margin-top: 5%;
}

#suchergebnisse{
	width: 100%;
	height: 100%;
	background-image: url(../image/suchergebnisse.jpg);
	background-size: cover;
}

#b_404{
	width: 100%;
	height: 100%;
	background-image: url(../image/b_404.jpg);
	background-size: cover;
}

#accordeon {
	width: 1024px;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin: auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#accordeon > a div {
	position: absolute;
	top: 0px;
	width: 1050px;
	height: 300px;
	transition: 1.5s;
}

#accordeon a div.p_b1 {
	margin-left: 0px !important;
} 

#accordeon .p_b1 { left: 0px;}
#accordeon .p_b2 { left: 160px;}
#accordeon .p_b3 { left: 320px;}
#accordeon .p_b4 { left: 480px;}
#accordeon .p_b5 { left: 640px;}
#accordeon .p_b6 { left: 800px;}

#accordeon a div.f_b1 {
	margin-left: 0px !important;
} 

#accordeon .f_b1 { left: 0px;}
#accordeon .f_b2 { left: 320px;}
#accordeon .f_b3 { left: 640px;}

#accordeon a div.t_b1 {
	margin-left: 0px !important;
} 

#accordeon .t_b1 { left: 0px;}
#accordeon .t_b2 { left: 136px;}
#accordeon .t_b3 { left: 272px;}
#accordeon .t_b4 { left: 408px;}
#accordeon .t_b5 { left: 544px;}
#accordeon .t_b6 { left: 680px;}
#accordeon .t_b7 { left: 816px;}

#accordeon p{
text-decoration: none;
color: #000;
font-family: Arial;
font-size: 25px;
position: absolute;
bottom: 15px;
left: 25px;

display: none;
}

/*------------------------------------------------------------*/

.p_b1{
width: 300px;
height: 300px;
background-image: url(../image/accordeon/fahrzeuge.jpg);
background-size: cover;
position: absolute;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

/*------------------------------------------------------------*/

.p_b2{
z-index: 50;

width: 300px;
height: 300px;
background-image: url(../image/accordeon/gebaeude.jpg);
background-size: cover;
position: relative;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.p_b3{
z-index: 100;

width: 300px;
height: 300px;
background-image: url(../image/accordeon/displays.jpg);
background-size: cover;
position: relative;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.p_b4{
z-index: 200;

width: 300px;
height: 300px;
background-image: url(../image/accordeon/sunreflex.jpg);
background-size: cover;
position: relative;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.p_b5{
z-index: 300;

width: 250px;
height: 300px;
background-image: url(../image/accordeon/glasveredelungen.jpg);
background-size: cover;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.p_b6{
z-index: 350;

width: 250px;
height: 300px;
background-image: url(../image/accordeon/spezielles.jpg);
background-size: cover;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.f_b1{
width: 300px;
height: 300px;
background-image: url(../image/accordeon/ort.jpg);
background-size: cover;
position: absolute;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

/*------------------------------------------------------------*/

.f_b2{
z-index: 50;

width: 300px;
height: 300px;
background-image: url(../image/accordeon/philosophie_neu.jpg);
background-size: cover;
position: relative;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.f_b3{
z-index: 100;

width: 300px;
height: 300px;
background-image: url(../image/accordeon/geschichte_neu.jpg);
background-size: cover;
position: relative;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}


/*------------------------------------------------------------*/

.t_b0{
width: 300px;
height: 300px;
background-image: url(../image/accordeon/team.jpg);
background-size: cover;
position: absolute;

-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
}

/*------------------------------------------------------------*/

.t_b1{
width: 300px;
height: 300px;
background-image: url(../image/accordeon/rolf-freiburghaus.jpg);
background-size: cover;
position: absolute;

}

/*------------------------------------------------------------*/

.t_b2{
z-index: 50;

width: 300px;
height: 300px;
background-image: url(../image/accordeon/marcel-siegenthaler.jpg);
background-size: cover;
position: relative;

border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.t_b3{
z-index: 100;

width: 300px;
height: 300px;
background-image: url(../image/accordeon/roland-scherer.jpg);
background-size: cover;
position: relative;

border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.t_b4{
z-index: 200;

width: 300px;
height: 300px;
background-image: url(../image/accordeon/angela-bueetiger.jpg);
background-size: cover;
position: relative;

border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.t_b5{
z-index: 300;

width: 250px;
height: 300px;
background-image: url(../image/accordeon/nina-saam.jpg);
background-size: cover;

border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.t_b6{
z-index: 350;

width: 250px;
height: 300px;
background-image: url(../image/accordeon/nicole-guggisberg.jpg);
background-size: cover;

border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}

/*------------------------------------------------------------*/

.t_b7{
z-index: 350;

width: 250px;
height: 300px;
background-image: url(../image/accordeon/liselotte-freiburghaus.jpg);
background-size: cover;

border-radius: 20px;
-moz-box-shadow: -5px -5px 50px #000;
-webkit-box-shadow: -5px -5px 50px #000;
box-shadow: -5px -5px 50px #000;
}


/*------------------------------------------------------------*/

.t_b8{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/rolf-freiburghaus_klein.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}



/*------------------------------------------------------------*/

.t_b9{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/marcel-siegenthaler_klein.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}


/*------------------------------------------------------------*/

.t_b10{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/roland-scherer_klein.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}

/*------------------------------------------------------------*/

.t_b11{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/liselotte-freiburghaus_klein.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}

/*------------------------------------------------------------*/

.t_b12{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/angela-bueetiger_klein.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}

/*------------------------------------------------------------*/

.t_b13{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/nina-saam_klein.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}

/*------------------------------------------------------------*/

.t_b14{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/3.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}

/*------------------------------------------------------------*/

.t_b15{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/9.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}

/*------------------------------------------------------------*/

.t_b16{
width: 150px;
height: 150px;
background-image: url(../image/accordeon/2.jpg);
background-size: cover;
position: relative;

margin-top: 15px;
margin-bottom: 25px;
border-radius: 20px;
}


/*--------------------------- Subnav IE8 ---------------------------------*/

.subnav_ie8{
width: 100%;
padding-top: 50px;
padding-bottom: 80px;
margin-top: 10%;
display: none;
}

#subnav_ie8 {
	width: 1024px;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin: auto;
}

#subnav_ie8 p{
text-decoration: none;
color: #000;
font-family: Arial;
font-size: 17px;
margin-top: 262px;
padding: 10px;
background-color: #90aecd;
display: none;
}

#subnav_ie8 p:hover{
	background-color: #004494;
	color: #fff !important;
}

.subnav_box_p{
	width: 154px;
	height: 100%;
	margin-right: 20px;
	float: left;
	background-color: blue;
}

#ie8_p0{
	background-image: url(../image/accordeon/klein.jpg);
	background-size: cover;
}

#ie8_p1{
	background-image: url(../image/accordeon/fahrzeuge.jpg);
	background-size: cover;
}

#ie8_p2{
	background-image: url(../image/accordeon/gebaeude.jpg);
	background-size: cover;
}

#ie8_p3{
	background-image: url(../image/accordeon/displays.jpg);
	background-size: cover;
}

#ie8_p4{
	background-image: url(../image/accordeon/sunreflex.jpg);
	background-size: cover;
}

#ie8_p4 p{
	font-size: 12px;
}

#ie8_p5{
	background-image: url(../image/accordeon/glasveredelungen.jpg);
	background-size: cover;
}

#ie8_p6{
	background-image: url(../image/accordeon/spezielles.jpg);
	background-size: cover;
	margin-right: 0;
}

/*------------------------------------------------------------*/

.subnav_box_f{
	width: 328px;
	height: 100%;
	margin-right: 20px;
	float: left;
	background-color: blue;
}

#ie8_f1{
	background-image: url(../image/accordeon/standort.jpg);
	background-size: cover;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#ie8_f2{
	background-image: url(../image/accordeon/philosophie_neu.jpg);
	background-size: cover;
}

#ie8_f3{
	background-image: url(../image/accordeon/geschichte_neu.jpg);
	background-size: cover;
	margin-right: 0;
}

/*------------------------------------------------------------*/

.subnav_box_t{
	width: 5px;
	height: 100%;
	margin-right: 20px;
	float: left;
	background-color: blue;
}

#ie8_t1{
	background-image: url(../image/accordeon/rolf-freiburghaus.jpg);
	background-size: cover;
}

#ie8_t1 p{font-size: 13px; padding: 12px;}

#ie8_t2{
	background-image: url(../image/accordeon/marcel-siegenthaler.jpg);
	background-size: cover;
}

#ie8_t2 p{font-size: 13px; padding: 3px 12px;}

#ie8_t3{
	background-image: url(../image/accordeon/roland-scherer.jpg);
	background-size: cover;
}

#ie8_t3 p{font-size: 13px; padding: 12px;}

#ie8_t4{
	background-image: url(../image/accordeon/angela-bueetiger.jpg);
	background-size: cover;
}

#ie8_t4 p{font-size: 13px; padding: 12px;}

#ie8_t5{
	background-image: url(../image/accordeon/nina-saam.jpg);
	background-size: cover;
}

#ie8_t5 p{font-size: 13px; padding: 12px;}

#ie8_t6{
	background-image: url(../image/accordeon/nicole-guggisberg.jpg);
	background-size: cover;
}

#ie8_t6 p{font-size: 13px; padding: 3px 12px;}

#ie8_t7{
	background-image: url(../image/accordeon/liselotte-freiburghaus.jpg);
	background-size: cover;
	margin-right: 0;
}

#ie8_t7 p{font-size: 13px; padding: 3px 12px;}

/************************************ Subsubnav **************************************************************************/

#container{
	width: 100%;
	min-height: 300px;
}

.search #content p{
	float: none;
}

#content a{
	text-decoration: none;
	color: #777;
	font-size: 0.8em;
}

#content a:hover{
	color: #004494;
	border-bottom: 1px solid #004494;
}

#content a h3{
	margin-bottom: -12px;
	margin-top: 35px;
	font-weight: bold;
}

#content p{
	float: left;
	width: 50%;
	margin: 0 5% 20px 0;
	position: relative;
	margin-bottom: 15px;
	clear: both;
}

.de.waerme-blend-und-sonnenschutz #content img{
	float: right;
	width: 45%;
	height: auto;
	margin-bottom: 20px;
	margin-top: -170px;
}

.fr.waerme-blend-und-sonnenschutz #content img{
	float: right;
	width: 45%;
	height: auto;
	margin-bottom: 20px;
	margin-top: -190px;
}

/************************************ Gallery **************************************************************************/

.team #container a img {
	width: 153px;
	height: auto;
	float: left;
	margin-left: -25px;
	margin-right: 25px;
}

#bild_team {
	float:left;
	padding: 5px 20px 5px 5px;
}

#bild_team img {
	width: 153px;
	height: auto;
}

#text_team {
	float: left;
	max-width: calc(70% - 173px);
	padding: 5px 5px 5px 0px;
}

.teamer {
	float:left;
	padding: 5px;
	width: 100%;
	margin-bottom: 15px;
}

.gallery{
	width: 45%;
	float: right;
	margin-top: -15px;
}

.gallery .gallery-item a:hover {
	border-bottom: none!important;
}

.gallery-item{
	width: 30%;
	float: left;
	margin: 0 3% 10px 0;
}

.attachment-thumbnail{
	width: 100%;
	height: auto;
	border: 0 !important;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay{
	background: #666;
	background: rgba(0,0,0,0.8);
}

.nivo-lightbox-theme-default .nivo-lightbox-nav{
	top: 0;
	height: 100%;
}

/************************************ Footer **************************************************************************/

footer{
	background-image: url(../image/footer.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 0;
	float: left;
	width: 100%;
	height: 120px;
	margin-top: 50px;
	left: 0px;
	z-index: 998;
	position: relative;
	background-position:bottom;
	padding-bottom:5px;
}

footer p{
	font-size: 15px;
	color: #fff;
	padding-top: 82px;
}

.mail{
	color: #fff;
	text-decoration: none;
}
.mail:hover{
	text-decoration: underline;
}

#footer{
	width: 63%;
	margin:0 auto;
}

#footer p{
width:86%;
margin-left:0%;
}
/************************************ Icons **************************************************************************/

#icons{
	float: right;
	margin-top: -25px;
	width:auto;
	margin-left:1%;
}

#fb{
	float: right;
	margin-right: 0px;
}

#twitter{
	float: right;
	margin-right: 20px;
}

#xing{
	float: right;
	margin-right: 20px;
}

/************************************ Portraitbeschreibung **************************************************************************/


.portraitbeschreibung {
	float: left;
	width: 50%;
	margin: -17% 5% 20px 18%;
	position: relative;
	margin-bottom: 5px;
	clear: both;
}