@charset "utf-8";
/* CSS Document */


html,
body,
div#background,
div#background table,
div#background td {
   width:100%;
   height:100%;
   overflow:hidden;
   position:relative;
}

/*body {
   overflow:auto;
}*/

div#background div {
   position:absolute;
   width:200%;
   height:200%;
   top:-50%;
   left:-50%;
}

div#background td {
   vertical-align:middle;
   text-align:center;
}

div#background img {
   min-height:50%;
   min-width:50%;
   margin:0 auto;
   display:block;
}

#site-container {
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;
   z-index:70;
   overflow:auto;
}

#site {
   position:absolute;
   top:0;
   z-index:80;
   /*overflow:auto;*/
   width:980px;
   margin:0px;
}


/*a:hover, a:active, a:focus {outline: none; }*/

img, div, ul, li, a, h1, h2 { behavior: url(../iepngfix.htc); }


div#euroweb {
	display:block;
	margin-left:36px;
	width:440px;
	margin-top:5px;
}

div#euroweb a{
	text-decoration:none;
}

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

a.vcard {
   display:block;
   text-indent:-9000px;
	width:205px;
	height:30px;
	border:none;
	margin-left:36px;
   left:0px;
	background:url(../images/kontakt/vcard.png) 0 0 no-repeat;
}


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

.float-right {float:right; }





/**************************** =column1 **************************/

#column1 {
	padding-left:61px;
	top:42px;
   width:220px;
	margin:0;
	min-height:550px;
	height:500px;
	height:auto !important;
   position:relative;
	display:block;
	float:left;
}




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

h1#branding	{
	text-align:left;
	width:175px;
	height:106px;
   display:block;
	position:relative;
   background:url(../images/bg-logo.png) 0 0 no-repeat;
}

h1#branding a {
   text-indent:-9000px;
   display:block;
	width:175px;
	height:106px;
} 




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

ul#navi {
	width:220px;
	position:relative;
	display:block;
	margin:0;
	height:auto;
	margin-top:35px;
}

ul#navi li {
}

ul#navi li a {
   display:block;
   text-indent:-9000px;
   font:12px Arial, Helvetica, sans-serif;
   text-decoration:none;
}




ul#navi li a.home, ul#navi li a.home:visited {
   width:220px;
	height:35px;
	/*left:0px;
	top:0px;*/
   background:url(../images/bg-navi.png) 0 0 no-repeat;
}

ul#navi li a.home:hover, ul#navi li a.home:active, ul#navi li a.home-active {
   width:220px;
	height:35px;
	/*left:0px;
	top:0px;*/
	background:url(../images/bg-navi.png) -230px 0  no-repeat;
}



ul#navi li a.team, ul#navi li a.team:visited {
   width:220px;
	height:36px;
	/*left:0px;
	top:35px;*/
   background:url(../images/bg-navi.png) 0 -35px no-repeat;
}

ul#navi li a.team:hover, ul#navi li a.team:active, ul#navi li a.team-active {
   width:220px;
	height:36px;
	/*left:0px;
	top:35px;*/
	background:url(../images/bg-navi.png) -230px -35px no-repeat;
}



ul#navi li a.service, ul#navi li a.service:visited {
   width:220px;
	height:36px;
	/*left:0px;
	top:71px;*/
   background:url(../images/bg-navi.png) 0 -71px no-repeat;
}

ul#navi li a.service:hover, ul#navi li a.service:active, ul#navi li a.service-active {
   width:220px;
	height:36px;
	/*left:0px;
	top:71px;*/
	background:url(../images/bg-navi.png) -230px -71px no-repeat;
}



ul#navi li a.produkte, ul#navi li a.produkte:visited {
   width:220px;
	height:36px;
	/*left:0px;
	top:107px;*/
   background:url(../images/bg-navi.png) 0 -107px no-repeat;
}

ul#navi li a.produkte:hover, ul#navi li a.produkte:active, ul#navi li a.produkte-active {
   width:220px;
	height:36px;
	/*left:0px;
	top:107px;*/
	background:url(../images/bg-navi.png) -230px -107px no-repeat;
}



ul#navi li a.ersatzteilservice, ul#navi li a.ersatzteilservice:visited {
   width:220px;
	height:36px;
	/*left:0px;
	top:143px;*/
   background:url(../images/bg-navi.png) 0 -143px no-repeat;
}

ul#navi li a.ersatzteilservice:hover, ul#navi li a.ersatzteilservice:active, ul#navi li a.ersatzteilservice-active {
   width:220px;
	height:36px;
	/*left:0px;
	top:143px;*/
	background:url(../images/bg-navi.png) -230px -143px no-repeat;
}



ul#navi li a.links, ul#navi li a.links:visited {
   width:220px;
	height:35px;
	/*left:0px;
	top:179px;*/
   background:url(../images/bg-navi.png) 0 -179px no-repeat;
}

ul#navi li a.links:hover, ul#navi li a.links:active, ul#navi li a.links-active {
   width:220px;
	height:35px;
	/*left:0px;
	top:179px;*/
	background:url(../images/bg-navi.png) -230px -179px no-repeat;
}








ul#navi li ul.navi-dropdown {
   padding:3px 0px 6px 0px;
   display:block;
   width:191px;
}

ul#navi li ul.navi-dropdown li {
   display:block;
   width:191px !important;
   float:none;
	background-color:#fff;
	border-bottom:1px solid #b1b0b2;
}

ul#navi li ul.navi-dropdown li a,
ul#navi li ul.navi-dropdown li a:visited {
   padding:6px 0 6px 16px;
   text-indent:0em !important;
   font:12px/18px Arial, Helvetica, sans-serif;
   color:#1a171b;
   text-decoration:none;
   float:none !important;
   width:175px !important;
   
}

ul#navi li ul.navi-dropdown li a:hover,
ul#navi li ul.navi-dropdown li a.active {
   color:#db051a;
   text-decoration:none;
}

ul#navi li ul.navi-dropdown li span {
   padding:6px 0 6px 16px;
   text-indent:0em !important;
   font:12px/18px Arial, Helvetica, sans-serif;
   color:#1a171b;
	display:block;
   text-decoration:none;
   float:none !important;
   width:175px !important;
}

ul#navi li ul.navi-dropdown li ul {
   /*padding:0;*/
   display:block;
   width:190px;
   height:auto;
	margin-bottom:10px;
}

ul#navi li ul.navi-dropdown li ul li {
   display:block;
   width:180px;
   float:none;
	border-bottom:0px;
}

ul#navi li ul.navi-dropdown li ul li a,
ul#navi li ul.navi-dropdown li ul li a:visited {
   padding:5px 0 5px 25px;
   width:165px !important;
   font-weight:bold;
   color:#4d4d53;
	font:10px Arial, Helvetica, sans-serif;
   text-decoration:none;
   border-top:1px solid #e1e1e6;
}

ul#navi li ul.navi-dropdown li ul li a:hover,
ul#navi li ul.navi-dropdown li ul li a.active {
   color:#db051a;
   text-decoration:none;
}


/**************************** =newsletter **************************/

#newsletter {
	width:190px;
	margin:35px 0 0 0;
	height:130px;
   position:relative;
	display:block;
	background:#fff;
	padding:23px 14px 0px 16px;
}

.newsletter-full {
	position:relative;
	display:block;
	padding:0px 0px 0px 37px;
}


#newsletter h2 {
	background:url(../images/bg-newsletter.png) no-repeat;
	display:block;
	margin-bottom:5px;
	margin-left:1px;
	position:relative;
	height:11px;
	width:152px;
	text-indent:-9000px;
}

#newsletter p {
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	margin:0px 0px 4px 0px;
	position:relative;
	width:152px;
	color:#000;
}

#newsletter p a {
	text-decoration:none;
	border-bottom:1px solid #000;
	color:#000;
}

#newsletter p a:hover {
	text-decoration:none;
	border-bottom:0px solid #000;
	color:#000;
}


/**************************** =column2 **************************/

#column2 {
	padding-left:82px;
	top:10px;
   width:564px;
	height:550px;
	min-height:550px;
	height:auto !important;
   position:relative;
	display:block;
	float:left;
	padding-bottom:60px;
}



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

#header {
	top:0px;
   width:564px;
	height:173px;
   position:relative;
	display:block;
}



/**************************** =navi-add **************************/	
	
ul#navi-add {
	top:0px;
	width:200px;
	height:14px;
	left:357px;
	position:absolute;
	display:block;
}

ul#navi-add li {
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	float:left;
	padding-right:5px;
}
	
ul#navi-add li a {
	text-decoration:none;
	color:#000;
}

ul#navi-add li a:hover {
	text-decoration:none;
	color:#db051a;
}

ul#navi-add li a.active {
	text-decoration:none;
	color:#db051a;
}


/**************************** =productareas **************************/

#productareas {
	display:block;
	position:absolute;
	left:36px;
	top:32px;
	height:105px;
	width:208px;
}



/**************************** =certificates **************************/

ul#certificates {
	display:block;
	position:absolute;
	left:357px;
	top:27px;
	height:110px;
	width:190px;
}

ul#certificates li {
	float:left;
	text-align:left;
	padding-right:15px;
}
	
ul#certificates li a {
	text-decoration:none;
}

ul#certificates li a:hover {
	text-decoration:none;
}




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

#content-main {
	top:0px;
	background:#fff;
   width:564px;
	height:auto;
   position:relative;
	display:block;
}

#content-main h3 {
	font:17px/39px Arial, Helvetica, sans-serif;
	font-weight:600;
	display:block;
	padding:30px 0px 6px 37px;
	position:relative;
	width:489px;
	color:#000;
}

#content-main p {
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	padding:0px 37px 8px 37px;
	position:relative;
	/*width:489px;*/
	color:#000;
}



#content-main p a {
	text-decoration:none;
	border-bottom:1px solid #000;
	color:#000;
}

#content-main p a:hover {
	text-decoration:none;
	border-bottom:0px solid #000;
	color:#000;
}

#content-main p a.logo-color {
	text-decoration:none;
	border-bottom:1px solid #d84618;
	color:#d84618;
}

#content-main p a.logo-color:hover {
	text-decoration:none;
	border-bottom:0px solid #d84618;
	color:#d84618;
}

#content-main p.pic {
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	padding:15px 0px 8px 37px;
	position:relative;
	width:489px;
	color:#000;
}

#content-main p.padding-top {
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	padding:20px 37px 8px 37px;
	position:relative;
	/*width:489px;*/
	color:#000;
}

#content-main p.padding-bottom {
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	padding:0px 0px 20px 37px;
	position:relative;
	/*width:489px;*/
	color:#000;
}

#content-main h4 {
	font:14px/18px Arial, Helvetica, sans-serif;
	font-weight:600;
	display:block;
	padding:5px 0px 6px 37px;
	position:relative;
	width:489px;
	color:#000;
}

#content-main h4.margin-top {
	font:14px/18px Arial, Helvetica, sans-serif;
	font-weight:600;
	display:block;
	padding:25px 0px 6px 37px;
	position:relative;
	width:489px;
	color:#000;
}





#column-a {
	top:0px;
	background:#fff;
   width:280px;
	height:auto;
   position:relative;
	display:block;
	float:left;
}

#column-b {
	top:0px;
	background:#fff;
   width:280px;
	height:auto;
   position:relative;
	display:block;
	float:left;
}





/**************************** =contact **************************/

ul#contact {
	display:block;
	position:relative;
	height:auto;
	width:auto;
	padding:0px 0px 0px 37px;
}

ul#contact li {
	float:left;
	font:12px/18px Arial, Helvetica, sans-serif;
	text-align:left;
	width:auto;
	padding-right:21px;
}
	
ul#contact li a {
	text-decoration:none;
	border-bottom:1px solid #000;
	color:#000;
}

ul#contact li a:hover {
	text-decoration:none;
	border-bottom:0px solid #000;
	color:#000;
}




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

#footer-container {
   width:489px;
	height:auto;
   position:relative;
	display:block;
	border-top:1px solid #c8c8c9;
	margin:22px 0px 0px 37px;
}

#footer-container p {
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	padding:10px 0px 8px 0px;
	text-align:center;
	position:relative;
	width:489px;
	color:#000;
}

#footer-container ul {
	width:auto;
	position:relative;
	display:block;
	margin:0;
	height:54px;
	padding-bottom:30px;
	margin:5px 0px 0px 69px;
}

#footer-container ul li {
	float:left;
	padding-right:26px;
}

#footer-container ul li a {
   display:block;
   text-indent:-9000px;
   font:12px Arial, Helvetica, sans-serif;
   text-decoration:none;
}




#footer-container ul li a.apparatetechnik, ul#navi li a.apparatetechnik:visited {
   width:100px;
	height:54px;
   background:url(../images/bg-logo-hs.jpg) 0 0 no-repeat;
}

#footer-container ul li a.apparatetechnik:hover, ul#navi li a.apparatetechnik:active {
   width:100;
	height:54px;
	background:url(../images/bg-logo-hs.jpg) 0 -54px  no-repeat;
}

#footer-container ul li a.waermetechnik, ul#navi li a.waermetechnik:visited {
   width:100px;
	height:54px;
   background:url(../images/bg-logo-habo.jpg) 0 0 no-repeat;
}

#footer-container ul li a.waermetechnik:hover, ul#navi li a.waermetechnik:active {
   width:100;
	height:54px;
	background:url(../images/bg-logo-habo.jpg) 0 -54px  no-repeat;
}

#footer-container ul li a.serviceteam, ul#navi li a.serviceteam:visited {
   width:100px;
	height:54px;
   background:url(../images/bg-logo-st.jpg) 0 0 no-repeat;
}

#footer-container ul li a.serviceteam:hover, ul#navi li a.serviceteam:active {
   width:100;
	height:54px;
	background:url(../images/bg-logo-st.jpg) 0 -54px no-repeat;
}


/* ----------------------------- | Popup | ----------------------------- */


#popup_content {
	background: url("../images/popup/popup-bg.jpg") no-repeat scroll 0 0 transparent;
    border: 4px solid #B8B8B8;
    height: 249px;
    left: 78%;
    margin-left: -333px;
    position: absolute;
    top: 5%;
    width: 460px;
    z-index: 100;}

#popup_close {
	position:absolute;
	right:12px;
	top:13px;
	z-index:70;
	color:red;
}