@charset "utf-8";

/*====== Layout Styles =======*/

html {
   font: 13px/22px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#7a7a7a;
}

a:link,
a:visited {
	color:#a7a7a7;
	text-decoration:none;
}
a:hover,
a:focus {
	text-decoration:none;
	color:#E6A41A;
}

strong {
	font-weight:bold;
}

body {
	height:100%;
	line-height:22px;
	/*background:url("../images/bodyBgRepeatX.jpg") 0 0 repeat-x;*/
}

#wrapper {
	width:982px;
	margin:0 auto;
	padding-top:32px;
	overflow:visible;
	 min-height: 638px;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block;
}
.clearer {
   float:none;
   clear:both;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

*:focus {outline: none;}

/*Opera Fix*/
body:before {
   content:"";
   height:100%;
   float:left;
   width:0;
   margin-top:-32767px;
}


/*====== LANGUAGE =======*/

#language {
	width:56px;
	height:20px;
	margin:0px;
	padding:0px;
	float:left;
	position:absolute;
	top:2px;
	right:475px;
	z-index:200;
	margin-bottom:40px;
	background:url(../images/flag-ch.jpg) 0 0 no-repeat;
	padding-left:17px;
	overflow:hidden;
	font-family:arial;
}


#language li {
	list-style:none;
	display:block;
	float:left;
	height:20px;
}
#language li.ch {display:none;}
#language li.de a {color:#E6A41A;}

#language li a {
	line-height:17px;
	font-size:12px;
	padding-left:7px;
	padding-right:8px;
	color:#a9a8a8;
	display:block;
}

#language a:hover {
	color:#E6A41A;	
}

#language li a.fr {
	border-left:1px solid #dddcdc;
}


/*====== Header Styles =======*/

#login label  {
	width:120px;
	float:left;
}

#login input {
	width:150px;
	float:left;
	border:1px solid #e8e8e8;
}


#login #submit {
	background:url("../images/sprite.png") 0 -309px no-repeat; 
	height:33px;
	display:block;
	width:167px;
	text-indent:-19999px;
	overflow:hidden;
	margin:10px auto 0 auto;
	border:0px;
	cursor:pointer;
}
#login #submit:hover {
	background-position:0 -344px;
}


/*====== Header Styles =======*/

#header {
	background:url("../images/slogan.png") 100% 42px no-repeat;
	position:relative;
	z-index:1000;
}

h1#branding {
	display:block;
	/*width:316px;
	height:70px;*/
	width:352px;
	height:104px;
	float:left;ng
	margin-bottom:62px;
	position:relative;
	z-index:100;
	
}
h1#branding span.hidden {
	display:none;
}


ul#topNav {
	float:right;
	
}
ul#topNav li {
	float:left;
	margin-right:3px;
}
ul#topNav li.last {
	margin:0;
}
ul#topNav a {
	color:#a8a8a8;
	text-decoration:none;
}
ul#topNav a:hover,
ul#topNav a:focus {
	text-decoration:none;
	color: #E6A41A;
}

ul#mainNav {
	width:982px;
	margin-bottom:15px;
}
ul#mainNav li {
	float:left;
}
ul#mainNav li a {
	width:202px;
	height:42px;
	/*text-indent:-199999px;*/
	text-align:center;
	font-size:16px;
	font-weight: bold;
	color:#8c8c8c;
	line-height:44px;
	overflow:hidden;
	display:block;
	background:url("../images/spriteMenu-v05.png") 0 0 no-repeat transparent;
	position:relative;
	z-index:1;
}
ul#mainNav li a:hover,
ul#mainNav li a:focus,
ul#mainNav li.active > a {
		position:relative;
		z-index:10;
		color:#fff;
}


ul#mainNav ul.subNav li.active li.inactive a {
	background-position:0 0;
	color:#7A7A7A;
}
ul#mainNav ul.subNav li.active li.inactive a:hover,
ul#mainNav ul.subNav li.active li.inactive a:focus {
	background-position:0 -20px;
	color:#fff;
}




ul#mainNav li.naviDienstleistungen a {
}

	ul#mainNav li.naviDienstleistungen a:hover,
	ul#mainNav li.naviDienstleistungen a:focus {
		background-position:0px -47px;
	}
	
	ul#mainNav li.naviDienstleistungen.active a {
			background-position: 0px -47px;
	}
	
	
	
	
ul#mainNav li.naviService {
	margin-left:-8px;
}
	ul#mainNav li.naviService a {
		background-position:-194px 0px;
	}
		
		ul#mainNav li.naviService a:hover,
		ul#mainNav li.naviService a:focus {
			background-position: 0px -97px;
		}
		
		ul#mainNav li.naviService.active a {
			background-position: 0px -97px;	
		}
		
		
		
		
		
		
		
		
ul#mainNav li.naviReferenzen {
	margin-left:-7px;
}
	ul#mainNav li.naviReferenzen a {
		background-position: -389px 0px;
	}
		
		ul#mainNav li.naviReferenzen a:hover,
		ul#mainNav li.naviReferenzen a:focus {
			background-position:0px -147px;
		}
		
		
		ul#mainNav li.naviReferenzen.active a {
			background-position:0px -147px; }




		
		
		
		
ul#mainNav li.naviUnternehmen {
	margin-left:-7px;
}
	ul#mainNav li.naviUnternehmen a {
		background-position: -584px 0px;
	}
		ul#mainNav li.naviUnternehmen.active a,
		ul#mainNav li.naviUnternehmen a:hover,
		ul#mainNav li.naviUnternehmen a:focus {
			background-position:0px -197px
		}
		
		ul#mainNav li.naviUnternehmen.active a {
			background-position: 0px -197px
		}
		
		
		
		
		
ul#mainNav li.naviNews {
	margin-left:-7px;
}
	ul#mainNav li.naviNews a {
		background-position: -779px 0px;
	}
		ul#mainNav li.naviNews a:hover,
		ul#mainNav li.naviNews a:focus {
			background-position:0px -247px
		}
		
				ul#mainNav li.naviNews.active a {
			background-position:0px -247px
		}

ul#mainNav li li {
	float:none;
}
ul#mainNav li li a {
	color:#7a7a7a;
	text-indent:10px;
	height:auto;
	width:auto;
	background:none;
	font-size:12px;
	font-weight: normal;
	text-align:left;
	line-height:20px;
}
ul#mainNav li li li a {
	text-indent:20px;
}

ul#mainNav ul.subNav {
	left: -999em;
	display: block;
	position: absolute;
	width:270px;
	height:auto;
	z-index:10000;
	border:1px solid #cecece;
	border-top:none;
}

ul#mainNav ul.subNav li {
	background:url(../images/spriteSubnav.jpg) 0 0 repeat-x;
	/*width:277px;*/
	height:20px;
	color:#a7a7a7;
	font-size:12px;
	position:relative;
	
}

ul#mainNav ul.subNav li a:hover,
ul#mainNav ul.subNav li a:focus {
	background-image:url(../images/spriteSubnav.jpg);
	text-decoration:none;
	color:#FFFFFF;
	background-position: 0px 20px;
	height:20px;
}
ul#mainNav ul.subNav li.active a {
	background-image:url(../images/spriteSubnav.jpg);
	background-position: 0px 20px;
	color:#FFFFFF;
	font-size:12px;
}

ul#mainNav ul.subNav li li {
	height:20px;
}
ul#mainNav ul.subNav li.navibsp {
	height:auto;
	line-height:20px;
}
ul#mainNav ul.subNav li.active li a {
	background-position: 0px 20px;
}
	ul#mainNav ul.subNav li.active a:hover,
	ul#mainNav ul.subNav li.active a:focus {
		background-image:url(../images/spriteSubnav.jpg);
		background-position: 0px 20px;
		color:#FFFFFF;
	}
	
	
ul#mainNav li:hover ul.subNav, 
ul#mainNav li:focus ul.subNav, 
ul#mainNav li.sfhover ul.subNav {
		background-position: 0px 20px;
		color:#FFFFFF;
    	left: auto;
}

.slider-wrapper {
	background:url("../images/slideshowShadow.png") center bottom no-repeat;
	height:294px;
	margin-bottom:10px;
}
.slider-wrapper #slider {
	display:block;
	height:279px;
	overflow:hidden;
}

.slider-wrapper-sidebar {
	background:url("../images/sidebarSliderShadow.jpg") 0 120px no-repeat;
	height:140px;
	margin-bottom:10px;
	width:185px;
	margin:0 auto;
}

.slider-wrapper-sidebar #sliderSidebar {
	display:block;
	height:145px; /* 124px */
	overflow:hidden;
}


/*====== Content Styles =======*/

#content {
	float:right;
	width:622px;
	padding:5px 21px 21px 21px;
	/*background:url("../images/contentH1Bg.jpg") 0 0 no-repeat #ffffff;
	-moz-box-shadow: 0px 0px 4px #d7d6d6;
	-webkit-box-shadow: 0px 0px 4px #d7d6d6;
	box-shadow: 0px 0px 4px #d7d6d6;*/
	margin-bottom:20px;
}
#content h1 {
	color:#a3a3a3;
	font-size:22px;
	margin-bottom:10px;
	line-height:25px;
}
#content h2 {
	color:#a3a3a3;
	font-size:18px;
	margin-bottom:8px;
	line-height:25px;
}
#content h3 {
	font-size:18px;
	color:#a5a7a8;
	margin-bottom:18px;
}
#content p,
#content ul {
	margin-bottom:15px;
}
#content a {
	text-decoration:underline;
}
#content a:hover,
#content a:focus {
	text-decoration:none;
	color:#E6A41A;
}
#content ul,
#content ol {
	padding-left:20px;
}
#content ul li {
	list-style-image:url(../images/list-style-image.jpg);
	list-style-position:outside;
}
#content ol li {
	list-style-type: decimal;
	list-style-position:outside;
}
#content .figurePhotoBlock {
	display:block;
/*	width:205px;*/
	font-size:12px;
	text-align:center;
}
#content .figurePhotoBlock.left {
	margin:10px 45px 10px 0;
}
#content .figurePhotoBlock.right {
	margin:0 0 10px 45px;
}
#content .figurePhotoBlock img {
	display:block;
}

#content table {
	margin-bottom:10px;
}

.pdf {  background: url("../images/pdf-icon.png") no-repeat scroll 0 -4px transparent;
    clear: both;
    margin: 0 0 20px;
    padding: 9px 0 12px 42px;}
.clear {clear:both}

/*====== Sidebar Styles =======*/
#sidebar {
	float:left;
}
.sidebarBox {
	width:286px;
	background:#f6f6f6;
	line-height:15px;
	-moz-box-shadow: 0px 0px 4px #d7d6d6;
	-webkit-box-shadow: 0px 0px 4px #d7d6d6;
	box-shadow: 0px 0px 4px #d7d6d6;
	border /*\**/: 1px solid #d7d6d6\9;
	min-height:200px;
	font-size:12px;
	margin-bottom:20px;
}

.sidebarBox h3 {
	background:url("../images/sidebarH3Bg.jpg") 0 0 no-repeat;
	font-size:16px;
	color:#7f7f7f;
	height:34px;
	line-height:34px;
	padding-left:9px;
	margin-bottom:15px;
}
.sidebarBox .sidebarFix {
	display:block;
	overflow:hidden;
}
.sidebarBox p {
	margin-bottom:17px;
}
.sidebarBox #contactLeft {
	float:left;
	width:143px;
	padding-left:27px;
}
.sidebarBox #contactRight {
	padding-top:15px;
	width:116px;
	background:url("../images/sprite.png") -160px -59px no-repeat;
	float:right;
}
.sidebarBox #contactRight h4 {
	text-align:center;
	font-size:13px;
	margin-bottom:5px;
}
.sidebarBox #contactRight a#sidebarAnreiseLink {
	background:url("../images/sprite.png") -13px -83px no-repeat;
	display:block;
	height:57px;
	width:57px;
	text-indent:-199999px;
	margin:0 auto;
}
.sidebarBox #contactRight a#sidebarAnreiseLink:hover,
.sidebarBox #contactRight a#sidebarAnreiseLink:focus {
	background-position:-92px -83px;
}

.sidebarBox p.sidebarContactButton {
	padding:0 0 5px 0;
	
}
.sidebarBox p.sidebarContactButton a {
	background:url("../images/sprite.png") 0 0 no-repeat;
	height:33px;
	display:block;
	width:167px;
	text-indent:-19999px;
	overflow:hidden;
	margin:0 auto;
}
.sidebarBox p.sidebarContactButton a:hover,
.sidebarBoxx p.sidebarContactButton a:focus {
	background-position:0 -34px;
}
.NL-button {
	background:url("../images/sprite.png") 0 -242px no-repeat; 
	height:33px;
	display:block;
	width:167px;
	text-indent:-19999px;
	overflow:hidden;
	margin:0 auto;
}
.NL-button:hover {
	background-position:0 -275px;
}






#sidebarNavi {
	width:286px;
	background: #FFF;
	line-height:15px;
	-moz-box-shadow: 0px 0px 4px #d7d6d6;
	-webkit-box-shadow: 0px 0px 4px #d7d6d6;
	box-shadow: 0px 0px 4px #d7d6d6;
	border /*\**/: 1px solid #d7d6d6\9;
	font-size:12px;
	margin-bottom:20px;
}

#sidebarNavi h3 {
	background:url("../images/sidebarH3Bg.jpg") 0 0 no-repeat;
	font-size:16px;
	color:#7f7f7f;
	height:34px;
	line-height:34px;
	padding-left:9px;
	margin-bottom:0;
	display:none;
}

#sidebarNavi ul#subnavi  {
	padding-bottom:0px;
}

#sidebarNavi p {
	padding-left:27px;
	padding-bottom:10px;
}

#sidebarNavi ul li {
	color:#FAC24F;
}

#sidebarNavi ul li.active a {
	color:#FAC24F;
}
#sidebarNavi ul li.active a:hover {
	color:#FAC24F;
}

#sidebarNavi ul li a{
	display:block; 
	height:19px;
	line-height:19px;
	padding-left:20px;
	width: auto;
}
#sidebarNavi ul li.outstanding a {
	padding-left:10px;
}


 #sidebarNavi ul li a:hover,
 #sidebarNavi ul li a:focus{
	color:#FAC24F;
} 

/* --------------- Newsletter -------------*/
#sidebarNewsletter {
	width:286px;
	background:#f6f6f6;
	line-height:15px;
	-moz-box-shadow: 0px 0px 4px #d7d6d6;
	-webkit-box-shadow: 0px 0px 4px #d7d6d6;
	box-shadow: 0px 0px 4px #d7d6d6;
	border /*\**/: 1px solid #d7d6d6\9;
	min-height:130px;
	font-size:12px;
	margin-bottom:20px;
}

#sidebarNewsletter h3 {
	background:url("../images/sidebarH3Bg.jpg") 0 0 no-repeat;
	font-size:16px;
	color:#7f7f7f;
	height:34px;
	line-height:34px;
	padding-left:9px;
	margin-bottom:15px;
}
#sidebarNewsletter ul {
	list-style-type:circle;
	list-style-position:inside;
	padding-left:35px	
}
#sidebarNewsletter p {
	padding-left:27px;
	padding-bottom:10px;
}
#sidebarNewsletter p.newsTeaser {
	font-weight:bold;	
}
#sidebarNewsletter a {
	text-decoration:underline;	
}
#sidebarNewsletter a:hover,
#sidebarNewsletter a:focus {
	text-decoration:none;
}
#sidebarNewsletter a#newsletterLink {
	background:url("../images/sprite.png") 0 -173px no-repeat;
	display:block;
	height:33px;
	width:192px;
	text-indent:-19999px;
	overflow:hidden;
	margin:0 auto;
}

#sidebarNewsletter a#newsletterLink:hover  {
	background:url("../images/sprite.png") 0 -207px no-repeat;
	display:block;
	height:33px;
	width:192px;
	text-indent:-19999px;
	overflow:hidden;
	margin:0 auto;	
}

#sidebarNewsletter a:hover,
#sidebarNewsletter a:focus {
	background-position:0 -207px;
}

#contactLeft a {text-decoration:underline;}
#contactLeft a:hover {text-decoration:none;}



/*====== Footer Styles =======*/

#footerContainerAll {
	height:200px;
	background:url("../images/footerBgRepeatX.jpg") 0 0 repeat-x;
}
#footer {
	width:930px;
	margin:0 auto;
	background:#f7f7f7 url("../images/footerBg.jpg") 0 0 no-repeat;
	padding:10px 0 0 50px;
	line-height:16px;
	color:#a5a7a8;
	height:210px;
}
#footer h3 {
	font-size:20px;
	color:#a5a7a8;
	margin-bottom:11px;
}
#footer p {
	padding-left:10px;
}
#footer .footerLeft {
	float:left;
	width:125px;
}
#footer ul#footerSitemapNav {
	float:left;
}
#footer ul#footerSitemapNav li {
	float:left;
	font-size:13px;
	font-weight:bold;
}
#footer ul#footerSitemapNav ul {
	padding-top:10px;
}
#footer ul#footerSitemapNav ul ul {
	padding:0;
}
#footer ul#footerSitemapNav li#footerNaviDienst {
	width:222px;
}
#footer ul#footerSitemapNav li#footerNaviService {
	width:135px;
}
#footer ul#footerSitemapNav li#footerNaviReferenzen {
	width:300px;
}
#footer ul#footerSitemapNav li#footerNaviReferenzen ul li {
	font-weight:bold;
}
#footer ul#footerSitemapNav li#footerNaviReferenzen ul li li {
	font-weight:normal;
	float:left;
	width:245px;
}
#footer ul#footerSitemapNav li#footerNaviReferenzen ul li li.wider {
	width:185px;
}
#footer ul#footerSitemapNav li li {
	font-size:12px;
	font-weight:normal;
	float:none;
	padding-left:10px;
}
#footer a {
	color:#a5a7a8;
	text-decoration:none;
}
#footer a:hover,
#footer a:focus {
	text-decoration:underline;
}

#thanks {border:4px solid #f9bb39; padding:20px 20px 5px 20px; margin:0 0 20px 0}

/*====== Addon Styles =======*/

.left {
	float:left;
}
.right {
	float:right;
}

div#googlemaps-address {
	width:620px;
	height:400px;
	color:#303b35;
}
div#googlemaps-address div.tooltip h4 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
	font-family:Arial;
	position:relative;
	bottom:0;
	left:0;
	padding:0;
	border:none;
}
div#googlemaps-address p {
	margin:0 0 5px 0;
	line-height:16px;
	font-size:12px;
}

/* 8,00 KB Dreamweaver Bug Fix */
/* 8,00 KB Dreamweaver Bug Fix */
/* 8,00 KB Dreamweaver Bug Fix */
/* 8,00 KB Dreamweaver Bug Fix */
/* 8,00 KB Dreamweaver Bug Fix */

/*---------- Mobile Link ----------*/
#mobile-link {
	background: url(../images/mobile/bg-btn-desktop.png) repeat-x 0 center;
	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: #666666;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 50px 10px;
}



