@charset "utf-8";

/* Author: Dennis Schmerbeck */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2009 - Dennis Schmerbeck & Euroweb Internet GmbH */


/*==================================================
    => global tags
==================================================*/

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

body {
	color:#333333;
	vertical-align:baseline;
	text-align:center;
	font:12px/20px Arial, Helvetica, sans-serif;
	behavior: url(csshover.htc);
}
 html[xmlns^="http"] {
 overflow-y:scroll;
}

ol,
ul,
dl {
	list-style:none;
}

a,
.escape span {
	text-decoration:underline;
	color:#337ed1; /*white-space:nowrap;*/
}

a:hover,
a:hover span {
	color:#337ed1;
	text-decoration:none;
}

a {
	outline:none; /* disable dotted active-link borders */
}

p {
	margin:0 0 15px 0;
}

img,
img a {
	border:none;
}

strong {
	font-weight:bold !important;
}

/*==================================================
    => global classes / ID's
==================================================*/
.hr {
	height:20px;
	background:url(../images/p-hr.jpg) repeat-x top;
	margin:20px 0 0 0;
}

.clear {
	clear:left;
	float:none;
	height:0;
	line-height:0.0em
}

.highlight {
	font-weight:bold;
	background:#fafafa url(../images/icon-get-more.png) no-repeat 3px center;
	border-bottom:solid 1px #e5e4e1;
	border-top:solid 1px #e5e4e1;
	padding:0 0 0 20px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.externerLink {
	background:url(../images/icon-external-link.gif) no-repeat right center;
	padding:0px 20px 0px 0px;
}

.error404 li {
	background:url(../images/icon-get-more.png) 5px 8px no-repeat;
	padding-left:20px;
	line-height:28px;
}

#buttonImprint {
	display:none;
}

/*==================================================
    => container
==================================================*/

div#container {
	width:960px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

/*==================================================
    => header  
==================================================*/

div#header {
	width:960px;
	height:414px;
	background:url(../images/bg-head.jpg) 0 42px no-repeat;
	padding-bottom:30px;
}

/*------------------ =branding  ------------------*/

h1#branding {
	text-indent:-9999px;
	display:block;
	background:url(../images/bg-logo.jpg) no-repeat;
	width:316px;
	height:103px;
	position:absolute;
	top:5px;
	left:20px;
}

h1#branding a {
	display:block;
	width:316px;
	height:103px;
}

/*------------------ =claim  ---------------------*/

p#claim {
}

/*==================================================
    => content-container  
==================================================*/

div#contentContainer {
	z-index:5;
}

div#contentContainer h2 {
	color:#e41236;
	font:32px/36px Arial Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	height:32px;
}

div#contentContainer h3 {
	color:#555454;
	font:24px/28px Arial Narrow, Helvetica, sans-serif;
}

div#contentContainer h4 {
	color:#555454;
	font:bold 22px/22px Arial Narrow, Helvetica, sans-serif;
	padding-bottom:20px;
}

div#contentSidebar h2 {
	color:#e41236;
	font:20px/24px Arial Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
	height:25px;
	overflow:hidden;
}

div#contentSidebar h3 {
	color:#555454;
	font:20px/24px Arial, Helvetica, sans-serif;
}

/*------------------ =content-main  ---------------*/

div#contentMain {
	width:680px;
	padding:0 20px 0 0;
	float:right;
}

/*------------------ =content-column  -------------*/

div.contentColumn01 {
	width:320px;
	float:left;
}

div.contentColumn02 {
	width:320px;
	float:right;
}

/*------------------ =content-sidebar  -------------*/

div#contentSidebar {
	width:200px;
	padding:0 20px 0 20px;
	float:left;
	color:#5c5c5c;
	font-size:11px;
	padding-top:11px;
}

/*==================================================
    => image  
==================================================*/

.image {
	border: 1px solid #ccc;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 0px 15px 10px 0;
	cursor: url(../images/icon-zoomin.cur), pointer;
	outline: none;
}

.image:hover,
a:hover img.image {
	border: 2px solid #333;
	padding: 1px;
}

.image-2 {
	border: 1px solid #ccc;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 0px 15px 10px 0;
	outline: none;
}

/*==================================================
    => imprint  
==================================================*/

dl.imprintBusiness,
dl.imprintAddress {
}

dl.imprintBusiness dt,
dl.imprintAddress dt {
	display:block;
	width:40%;
	float:left;
}

dl.imprintBusiness dd,
dl.imprintAddress dd {
	clear:right;
}

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

ul#navi {
	width:920px;
	padding:18px 20px 0 20px;
	position:relative;
	top:339px;
	left:0px;
	background:url(../images/bg-navi.jpg) no-repeat;
	height:37px;
	z-index:50;
}

ul#navi li {
	float:left;
}

ul#navi li#shopLi {
	padding:0 50px 0 0;
}

ul#navi li#wirUeberUnsLi {
	padding:0 50px 0 0;
}

ul#navi li#dienstleistungenLi {
	padding:0 60px 0 0;
}

ul#navi li#messungenLi {
	padding:0 50px 0 0;
}

ul#navi li#beratungLi {
	padding:0 45px 0 0;
}

ul#navi li#verleihLi {
	padding:0 30px 0 0;
}

ul#navi li#notdienstLi {
	position:absolute;
	top:-64px;
	left:806px;
	width:154px;
	height:47px;
	display:block;
	background:url(../images/bg-navi-li-notdienst.jpg) no-repeat;
	text-indent:-9999px;
}

ul#navi li#notdienstLi a {
	width:154px;
	height:47px;
	display:block;
}

ul#navi li#notdienstLi a:hover {
	background:url(../images/bg-navi-li-notdienst.jpg) 0 -47px no-repeat;
}

.cufon-active ul#navi a {
	text-transform:uppercase;
	font:24px/28px Arial Narrow, Helvetica, sans-serif;
	letter-spacing:0px;
}
ul#navi li a {
	color:#333;
	font:19px/26px Arial Narrow, Helvetica, sans-serif;
	letter-spacing:-0.4pt;
	text-decoration:none;
}

ul#navi li a:hover {
	color:#db1d31;
}

/*==================================================
    => naviSub   
==================================================*/

ul#navi li .naviSub {
	position:absolute;
	text-transform:none;
	background:#ebebeb;
	z-index:10;
	*top:45px;
}

.cufon-active  ul#navi li ul.naviSub a {
	font:18px/22px Arial Narrow, Helvetica, sans-serif;
	letter-spacing:0px;
}

ul#navi li#dienstleistungenLi .naviSub {
	display:none;
	left:250px;
	width:219px;
	height:215px;
}

ul#navi li#dienstleistungenLi:hover .naviSub {
	display:block;
}

ul#navi li#messungenLi .naviSub {
	left:450px;
	width:219px;
	height:636px;
	display:none;
}

ul#navi li#messungenLi:hover .naviSub {
	display:block;
}

ul#navi li#beratungLi .naviSub {
	left:600px;
	width:219px;
	height:365px;
	display:none;
}

ul#navi li#beratungLi:hover .naviSub {
	display:block;
}

ul#navi li .naviSub li {
	float:none;
	height:30px;
}

ul#navi li .naviSub li a {
	display:block;
	width:181px;
	height:25px;
	padding:10px 0 0 38px;
}

ul#navi li .naviSub li a:hover {
	color:#fff;
	background:#e21f33;
}

ul#navi li .naviSub li .naviInnerSub {
	display:none;
	background:#E21F33;
	font-size:16px;
	left:219px;
	position:absolute;
	text-transform:none;
	top:60px;
	height:220px;
}

ul#navi li .naviSub li.umweltanalysenLi:hover .naviInnerSub {
	display:block;
}

ul#navi li .naviSub li .naviInnerSub li a {
	color:#fff;
}

ul#navi li .naviSub li .naviInnerSub li a:hover {
	color:#000;
}

/*==================================================
    => naviAdd   
==================================================*/

ul#naviAdd {
	width:440px;
	padding:0 20px 0 0;
	position:relative;
	left:541px;
	top:27px;
}

ul#naviAdd li {
	float:left;
}

ul#naviAdd li#startseiteLi {
	background:url(../images/bg-navi-add-li-icon.jpg) 0 5px no-repeat;
	padding:0 18px 0 17px;
}

ul#naviAdd li#kontaktLi {
	background:url(../images/bg-navi-add-li-icon.jpg) -87px 5px no-repeat;
	padding:0 17px 0 15px;
}

ul#naviAdd li#newsletterLi {
	background:url(../images/bg-navi-add-li-icon.jpg) -160px 5px no-repeat;
	padding:0 17px 0 16px;
}

ul#naviAdd li#anfahrtLi {
	background:url(../images/bg-navi-add-li-icon.jpg) -252px 5px no-repeat;
	padding:0 21px 0 15px;
}

ul#naviAdd li#impressumLi {
	background:url(../images/bg-navi-add-li-icon.jpg) -326px 5px no-repeat;
	padding:0 0 0 12px;
}

ul#naviAdd li a {
	color:#656565;
	text-decoration:none;
}

ul#naviAdd li a:hover {
	text-decoration:underline;
}

/*==================================================
    => contenSidebar   
==================================================*/


ul#kontaktdatenUl {
	line-height:20px;
	padding-bottom:40px;
}

ul#kontaktdatenUl li.tel {
	background:url(../images/bg-kontaktdaten-ul.jpg) 0 5px no-repeat;
}

ul#kontaktdatenUl li.fax {
	background:url(../images/bg-kontaktdaten-ul.jpg) 0 -15px no-repeat;
}

ul#kontaktdatenUl li.mail {
	background:url(../images/bg-kontaktdaten-ul.jpg) 0 -35px no-repeat;
}

ul#oeffnungszeitenUl {

}

ul#oeffnungszeitenUl li.uhr {
	background:url(../images/bg-oeffnungszeiten-ul.jpg) 0 4px no-repeat
}


ul#besonderheitenUl { padding-bottom:40px;}
ul#besonderheitenUl li.link {
	background:url(../images/bg-besonderheiten-ul.jpg) 0 6px no-repeat
}

.link {
	background:url(../images/bg-besonderheiten-ul.jpg) 0 6px no-repeat
}


ul#besonderheitenUl li.externer {
	background:url(../images/bg-besonderheiten-ul.jpg) 0 -14px no-repeat
}

ul#kontaktdatenUl li.abstand,
ul#oeffnungszeitenUl li.abstand,
ul#besonderheitenUl li.abstand {
	padding-left:20px;
}

/*==================================================
    => footer   
==================================================*/


/*------------------ =footer-container  --------*/

div#footerContainer {
}

/*------------------ =footer  --------*/

div#footer {
	background:url(../images/bg-footer.jpg) center right no-repeat;
	height:111px;
	width:960px;
}

/*==================================================
    => standarts   
==================================================*/

/*------------------ =list  --------*/
ul.list {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

ul.list li {
	padding: 5px 0 5px 25px;
	border-bottom: dashed 1px #ccc;
	margin: 0 10px 0 0;
	line-height: 18px;
	list-style:none;
	_height: 20px;
}

ul.list li:hover {
}

/*==================================================
    => cufon-loading   
==================================================*/

.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h4,
.cufon-loading #navi a {
	visibility:hidden;
}

/*==================================================
    => noscript message   
==================================================*/

p.achtung {
	background:#CCCCCC url(../images/cms/icon-cancel.png) no-repeat scroll 3px center;
	color:red;
	font-size:10px;
	height:25px;
	left:352px;
	line-height:25px;
	position:absolute;
	text-align:left;
	text-indent:25px;
	top:0;
	width:960px;
	z-index:99;
}

/*==================================================
    => arccordion   
==================================================*/

#acc {list-style:none; color:#033; margin:0 auto 40px; }
#acc h4 {padding:6px 6px 0; font-weight:bold; margin-top:5px; cursor:pointer; background:#efefef;}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {padding:15px; background:#fff}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */