@charset "utf-8";

/* CSS Document */
/*******************************=global */
body {
	font-size:14px;
	background: url(../images/bg-body.jpg) center 125px repeat-x #fff;
	font-family: 'DroidSansRegular';
	line-height:1.3;
	color:#4f5457;
}

div#container,
div#footer-content {
	width:980px;
	margin:0 auto;
}

.clear {
	clear:both;
	float:none;
}

strong {
	font-family: 'DroidSansBold';
}
a  {
	text-decoration:none;
}

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

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


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

}

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

}

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

}


h2,
h3,
h4,
h5 {
	color:#3752ac;
	font-family: 'UbuntuRegular';
}

/*******************************=header */
div#header  {
	height:565px;
}
/*******************************=branding */
div#header-line {
	height:110px;
	padding-top:16px;
	padding-bottom:14px;
}

h1#branding {
	width: 453px;
	height:72px;
	display:block;
	float:left;
}

h1#branding a span {
	text-indent:-60000px;
	display:block;
}

/*******************************=navi-add */
ul#navi-add {
	background:url(../images/navi-add.jpg) 72px 3px no-repeat;
	height:0px;
	width:319px;
	float:right;
}

ul#navi-add li {
	float:right;
	padding-left:10px;
}

ul#navi-add li a {
	text-decoration:none;
	color:#4f5457;
	font-size:14px;
	font-family: 'DroidSansRegular';
}

ul#navi-add li a.active,
ul#navi-add li a:hover,
ul#navi-add li a:focus {
	text-decoration:underline;
}

/*******************************=navi*/

ul#navi {
	background: url(../images/bg-navi.png) 0 center no-repeat;
	width:970px;
	height:61px;
	text-position:center;
	margin-bottom: 3px;
	margin-left:6px;
}

.sf-menu,
.sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	text-position:center;
	background:#f8f8f8;
}

.sf-menu ul li a {
	color:#3752ac;
	text-shadow:none;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu li a {
	display:		block;
	position:		relative;
	font-family: 'DroidSansRegular';
	font-size:17px;
	color:#fff;
	text-decoration:none;
	display:block;
	height:38px;
	padding-top:19px;
    padding-left: 15px;
    padding-right: 13px;
	text-shadow: 0px 1px 2px #000;
}

.sf-menu li a:hover,
.sf-menu li a:focus,
.sf-menu li a.active {
	text-decoration:underline;
}

ul#navi li#produkte a:hover,
ul#navi li#produkte a:focus,
ul#navi li#produkte:hover > a,
ul#navi li.devis-texte a:hover,
ul#navi li.devis-texte a:focus,
ul#navi li.devis-texte:hover > a
 {
	background:url(../images/bg-navi-hover.jpg) 0 2px repeat-x;
	color:#3752ac;
	text-decoration:none;
	text-shadow:none;
}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.2em; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14.8em; /* match ul width */
	top:			0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	top:			0;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			17.5em; /* match ul width */
	top:			-10px;
}

ul#dropdown-produkte {
	margin-top:10px;
}

ul#dropdown-produkte li,
ul#dropdown-devis-texte li {
	background:url(../images/navi-dropdown.png) right 12px no-repeat;
}

ul#dropdown-produkte li a {
	padding:5px 10px 0 14px;
	margin:0;
	display:block;
	border-bottom:1px solid #e0e1e3; 
	width: 182px;
	height:25px;
	
}
ul#dropdown-produkte li a,
ul#dropdown-einsatzmoeglichkeiten li a,
ul#dropdown-swiss-vario li a,
ul#dropdown-devis-texte li a{
	font-size:15px;
}
ul#dropdown-produkte li a:hover,
ul#dropdown-produkte li a.active,
ul#dropdown-devis-texte li a.active,
ul#dropdown-devis-texte li a:hover,
ul#dropdown-produkte li:hover > a {
	background:#cfcfcf !important;
	text-decoration:none;
}
ul#dropdown-einsatzmoeglichkeiten li a.active,
ul#dropdown-einsatzmoeglichkeiten li a:hover,
ul#dropdown-swiss-vario li a.active,
ul#dropdown-swiss-vario li a:hover {
	background:none !important;
}
ul#dropdown-swiss-vario  li a {
	margin: 0;
    padding: 0 0 0 17px;
    width: 220px;
	border-bottom: none;
	color:#000;
	background:none;
}
ul#dropdown-swiss-vario li {
	background:none;
	
}
ul#dropdown-swiss-vario {
	width: 244px;
	background:#cfcfcf;
	padding: 10px 0 5px 0;
}

ul#dropdown-einsatzmoeglichkeiten {
	width:174px;
	padding: 10px 0 5px 0;
	background:#cfcfcf;
}
ul#dropdown-einsatzmoeglichkeiten li {
	background:none;
}
ul#dropdown-einsatzmoeglichkeiten  li a {
	width: 150px;
	height:25px;
	padding: 0 0 0 17px;	
	width: 220px;
	border-bottom: none;
	color:#000;
	background:none;
}

ul#dropdown-devis-texte {
	width: 327px;
}
ul#dropdown-devis-texte li a {
	padding:5px 10px 0 14px;
	margin:0;
	display:block;
	border-bottom:1px solid #cfcfcf; 
	height:25px;
	width:303px;
}

ul#dropdown-devis-texte li a:hover {
	background:#cfcfcf;
}

ul#dropdown-devis-texte li a.gebauede-automatisation {
	height:41px !important;
}

div#slideshow {
	width:959;
	height:350px;
	overflow:hidden;
}
/*******************************=content-container */
div#content-container {
	padding-left:10px;
}

/*******************************=breadcrump */
div#breadcrump {
	background:url(../images/underline-breadcrump.jpg) 0 bottom no-repeat;
	height:30px;
	padding-top:12px;
	font-size:12px;
}

div#breadcrump a {
	color:#3752ac;
	text-decoration:none;
}


div#breadcrump p {
	color:#363c3e;
}

div#breadcrump span.active {
	color:#363c3e;
	text-transform:none;
}

div#breadcrump span {
	color:#3752ac;
	text-transform:uppercase;
}

/*******************************=content */
div#content {
	width: 630px;
	float:left;
	padding-right:10px;
}

div#content h2 {
	font-size:38px;
	margin-bottom:20px;
	margin-top:20px;
}

div#content h3 {
	font-size:22px;
	margin-bottom:10px;
	margin-top:5px;
}
div#content h4 {
	font-size:18px;
	margin-bottom:10px;
	margin-top:5px;
}
div#content h5 {
	font-size:16px;
	margin-bottom:8px;
	margin-top:5px;
}

div#content a {
	color:#3752AC;
}

div#content a:hover{
	text-decoration:underline;
}
div#content ul {
	margin-left:30px;
	margin-top: 20px;
	margin-bottom:20px;
}

div#content ul li {
	background:url(../images/liste.png) 0 8px no-repeat;
	padding:5px 0 5px 25px;
	color:#4059b0;
}

div#content p {
	padding: 5px 40px 5px 0;
}

div#content .highlight {
	font-style:italic;
	font-family: 'DroidSansBold';
	padding: 20px 0 0 0;
}

div#content div.column {
	width: 300px;
	float:left;
}

div#content img {
	margin: 10px 10px 10px 0;
}

div#content .red {
	color:#F00;
}
div#content .blue {
	color:#0066cc;
}
div#content div#accordion h3 {
	background:url(../images/accordion%20%20bg.png) 0 0 repeat-x;
	font-family: 'UbuntuRegular';
	display:block;
	cursor:pointer;
	padding-left:20px;
}


div#druckversion {
	background:url(../images/druckversion.png) 0 0 no-repeat;
	height:29px;
	display:block;
	width: 143px;
}
div#druckversion a span {
	text-indent:-6000px;
	display:block;
}
div#druckversion:hover {
	background:url(../images/druckversion.png) 0 -29px no-repeat;
	height:29px;
	display:block;
	width: 143px;
}

div#content dt {
	font-weight:bold;
}

div#content dd {
	margin:0px 0px 10px 0px;
}
	
/*******************************=anfahrt */
div.tooltip {
	width:300px;
	height:120px;
}

div.tooltip p {
	margin:0 !important;
	padding:0 !important;
}

address#address {
	padding: 8px 0 15px 0;
}

div#geocode {
	display:none;
}

/*******************************=sidebar */
div#sidebar {
	float:left;
	width:330px;
	font-size:13px;
}

/*******************************=swiss-vario */
div#swiss-vario {
	background:url(../images/teaser-swissvario.jpg) 0 0 no-repeat;
	height:80px;
	width:325px;
}

div#swiss-vario:hover {
	background:url(../images/teaser-swissvario.jpg) 0 -79px no-repeat;
	height:80px;
	width:325px;
}

div#swiss-vario p a {
	display:block;
	height:76px;
	width:325px;
}

div#swiss-vario p a span {
	visibility:hidden;
}

/*******************************=swiss-vario-video */

div#swiss-vario-video {
	margin:10px 0px;
	background:url(../images/btn-swissvario-video.jpg) 0 0 no-repeat;
	height:29px;
	width:117px;
}

div#swiss-vario-video:hover {
	background:url(../images/btn-swissvario-video.jpg) 0 -29px no-repeat;
	height:29px;
	width:117px;
}

div#swiss-vario-video p a {
	display:block;
	height:29px;
	width:117px;
}

div#swiss-vario-video p a span {
	visibility:hidden;
}

/* ---------- Special styles for input fields, select lists and textareas only ---------- */
	
	/* Background */
	background:#c5c7cc;
	background:-moz-linear-gradient(top, #c5c7cc 0%, #bec0c5 51%, #b2b5ba 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5c7cc), color-stop(51%,#bec0c5), color-stop(100%,#b2b5ba));
	background:-webkit-linear-gradient(top, #c5c7cc 0%,#bec0c5 51%,#b2b5ba 100%);
	background:-o-linear-gradient(top, #c5c7cc 0%,#bec0c5 51%,#b2b5ba 100%);
	background:-ms-linear-gradient(top, #c5c7cc 0%,#bec0c5 51%,#b2b5ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c7cc', endColorstr='#b2b5ba',GradientType=0 );
	background:linear-gradient(top, #c5c7cc 0%,#bec0c5 51%,#b2b5ba 100%);
	
/*******************************=footer */

.javastyle noscript {
	background-color:#F00;
	color:#FFFFFF;
	poistion:relative;
	font-size:25px;
	padding:25px;
	padding-left: 27px;
	margin:165px;
}


div#footer {
	background:url(../images/bg-footer.jpg) 0 0 repeat;
	height:86px;
	margin-top:50px;
}

div#footer-content p {
	float:right;
	padding-top:20px;
}


/*---------- Mobile Link ----------*/
#mobile-link {
	border-top: 1px solid #cccccc;
	background: #3752AC;
	clear: both;
}

#mobile-link .btn-mobile {
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% center;
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 50px 10px;
}

li.hidden {
	display: none !important;
}