/*
	CSS Document: template.css
	Version: vers2 | Date: 2012-04-30
	Project: www.hargassner.at
	Author: websLINE.at
	-------
*/

@import url("base.css");
@import url("modules.css");



/* -------------------------------------------------------------------- LAYOUT  */

body {
	background: #fff url("../img/bg-body.gif") repeat-x;
	}
body#dLeer {background:#fff;}
#wrapper {
	position: relative;
	text-align: left; 
	overflow: hidden;
	width: 1220px; width: 101.667em;
	padding-top: 140px; padding-top: 12em;
	}
.themePartner #wrapper, #wrapper.lang1 {width:990px;width:82.5em}


/* ............................... Header */

#header {
	position: absolute; z-index: 100;
	top: 0; left: 0;
	width: 100%; height: 140px; height: 12em;
	/*background: #e3000f url("../img/bg-header.jpg") no-repeat bottom left;*/
	background: #e3000f url("../img/bg-header.jpg") repeat-x;
	}
#header.nobg {
	background: none !important;
	}
#header .logo {
	position: absolute; z-index: 100;
	top: 20px; right: 0; top: 1.667em;
	width: 320px; height: 110px; width: 26.667em; height: 9.167em;
	overflow: hidden;	
	}
#header .logo img {
    width: 100%;
	}
#header #navigation {
	background: url("../img/bg-navi.gif") repeat-x;
	border-bottom: 4px solid #e3000f;
	margin-top: 105px; margin-top: 8.75em;
	padding-left: 48px; padding-left: 4em;
	position: relative;
	}
html.lte7 #header #navigation {
	position: absolute; z-index: 11;
	bottom: 0; left: 0;
	width: 100%;
	}
#header #navigation * {
	color: #fff;
	}
#header #navigation .smartphonenavi {display:none;}
#header #navigation ul {
	background: url("../img/bg-navi-itemborder.gif") no-repeat top right;
	float: left;
	}
#header #navigation a:hover {
	text-decoration: underline;
	}
#header #navigation li.level1 {
	float: left;
	}
#header #navigation li.level1:hover {
	background-color: #e3000f;
	}
#header #navigation li.level1 a.main {
	display: inline;
	float: left;
	line-height: 1em;
	padding: 1em 1.5em .75em 1.5em;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	background: url("../img/bg-navi-itemborder.gif") no-repeat;
	}
#header #navigation li.level1 a.main strong {
	display: block;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1em;
	zoom: 1;
	_float: left;
	font-family: 'Signika', Arial, serif;
	}
#header #navigation .fatnavi {display: none;}
/*#header #navigation li.level1:hover .fatnavi, #navigation .show {display:block !important;}*/
#header #navigation .fatnavi {
	position: absolute; z-inex: 100000;
	top: 3em; left: 0;
	width: 76.5em; height: 20.25em;
	padding: 3em 2em 3em 4em;
	z-index: 99;
	background: #e3000f url("../img/bg-header.jpg") no-repeat left bottom;
	}
#header #navigation .fatnavi ul {
	background: none;
	}
#header #navigation .promo {
	float: left;
	width: 28em;
	margin-right: 4em;
	}
#header #navigation li.third .promo {
	float: left;
	width: 54em;
	width: 100%;
	margin-right:0;
	}
#header #navigation .sixth .promo {
/*	margin-top: -2em;*/
	float: left;
	width: 16em;
	}
#header #navigation .promo h3 {
	margin-top: 0; padding-top: 0;
	}
#header #navigation .promo p {
	line-height: 1.5em;
	}
#header #navigation .promo .teasernav {
	padding-top: 1em;
	}
#header #navigation .promo .teasernav li {
	margin:0 !important;
	width: 12.5em;
	}
#header #navigation .promo .teasernav li a:hover {
	background: none;
	}
#header #navigation .promo .teasernav li .arrow {
	display: none;
	}
#header #navigation .promo .teasernav li img {
	display: block;
	margin: 0 auto;
	}
#header #navigation .subitems {
	float: left;
	width: 50em;
	}
#header #navigation .sixth .subitems {
	width: 30em;
	}
#header #navigation .subitems li.level2 {
	border: 1px solid #cc000d;
	width: 15em;
	float: left;
	margin: 0 .5em .5em 0;
	}
#header #navigation .subitems li.level2 a, #navigation .subitems li.level2-active a {
	display: block;
	padding: 1em .5em .5em;
	font-weight: 600;
	font-size: 1.1em;	
	border: 1px solid #ea444f;
	border-color: rgba(255,255,255,.35);
	margin: 0 -2px -2px 0;
	}
#header #navigation .subitems li.level2 a:hover, #navigation .subitems li.level2-active a:hover {
	font-weight: bold;
	text-decoration: none;
	background: #ea444f;
	}
#header #navigation .teaser {
	float: right;
	width: 24em;
	}
#header #navigation .teaser li {
	overflow: hidden;
	line-height: 1.5em;
	margin: 0 0 2em 0;
	}
#header #navigation .teaser li a {
	text-decoration: underline;
	}
#header #navigation .teaser li img {
	margin-right: 1em;
	}
#header #navigation .teaser li span {
	display: block;
	line-height: 1.3em;
	}
#header .links {
	position: absolute; z-index: 200;
	top: 9px; top: .75em; left: 750px; left: 62.25em;
	}
#header .links li {
	display: inline;
	text-transform: capitalize;
	float: left;
	position: relative;
	}
#header .links a {
	color: #fff;
	background: url("../img/icons.gif") no-repeat;
	}
#header .links .lang i {
	font-style: normal;
	display: block;
	background: url("../img/icons.gif") no-repeat 100% -720px;
	border: 1px solid #e5535d;
	color: #eba6ab;
	padding: .25em 2.5em .25em 1em;
	}
#header .links .lang:hover i {
	color: #fff; border-color: #fff;
	}
#header .links .lang span {
	display: none;
	}
#header .links .lang:hover span {
	display: block;
	position: absolute; z-index: 100000;
	top: 0; right: 0;
	border: 1px solid #fff;
	}
#header .links .lang:hover span a {
	display: block;
	background: #c7020f url("../img/icons.gif") no-repeat 100% -78px;
	padding: 0.35em 3.9em 0.35em 1em;
	border-bottom: 1px solid #da555d;
	}
#header .links .lang span a.de {	background-position: 100% -740px;	}
#header .links .lang span a.en {	background-position: 100% -760px;	}
#header .links .lang span a.it {	background-position: 100% -780px;	}
#header .links .lang span a.fr {	background-position: 100% -800px;	}
#header .links .lang span a.es {	background-position: 100% -820px;}
#header .links .lang span a.se {	background-position: 100% -920px;}
#header .links .lang span a.ru {	background-position: 100% -980px;}
#header .links .lang span a.pl {	background-position: 100% -1000px;}
#header .links .lang span a.hu {	background-position: 100% -1020px;}
#header .links .lang span a.cz {	background-position: 100% -1040px;}
#header .links .lang span a.ro {	background-position: 100% -1080px;}
/*.lang0 #header .links .lang span .de,
.lang1 #header .links .lang span .en,
.lang2 #header .links .lang span .it {
	display: none;
	}*/
#header .links .lang:hover span a:hover {
	background-color: #da555d;
	}
#header .links .lang span a b {
	font-weight: normal;
	}
#header .socials {
	position: absolute; z-index: 200;
	top: 0; /*left: 72em;*/ right: 230px;
	}
#header .socials li {
	float: left;
	background: url("../img/bg-navi-itemborder.gif") no-repeat top left;
	}
#header .socials li:hover {
	background-color: #e3000f;
	}
#header .socials a {
	display: inline-block;
	width: 40px; height: 32px;
	background: url("../img/icons-social.png") no-repeat;
	}
#header .socials a.linkweb {padding-left:0;}
#header .socials .fbook a {background-position: 15px 8px;}
#header .socials .ytube a {background-position: 10px -25px;}
#header #contentbar {
	position: absolute; z-index: 9;
	bottom: -4.667em; left: 4em;
	width: 52em;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: .5em;
	}
#header #contentbar .breadcrumbs a {
	float: left;
	margin-right: 1em;
	}
#header #contentbar .breadcrumbs .active {
	color: #e3000f;
	}	
#header #contentbar .breadcrumbs .arrow {
	margin-top: 0 !important;
	}
#header .searchbox {
	overflow: auto;
	position: absolute; z-index: 9;
	bottom: -4.667em; right: 21em;
	width: 18.5em;
	}
#header .searchbox .text {
	width: 13.625em;
	color: #999;
	margin-right: 1px;
	float: left;
	height: 1.387em;
	}
#header .searchbox .bttn {
	width: 2.5em !important;
	background: #eee;
	background-image: -o-linear-gradient(top, #fff, #ddd); 
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)));
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(top, #fff, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd',GradientType=0);
	border: 1px solid #bbb;
	display: block;
	float: right;
	height: 1.8em;
	text-align: center;
	}
#header .searchbox .bttn:hover, .searchbox .bttn:focus {
	background: #f5f5f5 !important;
	}
#header .searchbox .bttn .submit {
	background: url("../img/layout.gif") no-repeat 0 -56px;
	width: 12px; height: 1.75em; !important;
	padding: 0 !important;
	border: 0;
	}
#header #headimage img {
	clear: both;
	width: 100%;
	}


/* .............................. Content */

#topic {
	clear: both;
	margin-bottom: 2.5em;
	}
#articleside {
	float: right;
	width: 228px; width: 18.25em;
	padding-left: 9px; padding-left: .75em;
	}
#article {
	float: left;
	width: 942px; width: 78.5em; /*min-height: 50em;*/
	padding: 0 0 30px 48px; padding: 7em 0 2.5em 4em;
	background: #fff url("../img/bg-article.gif") no-repeat 58.833em 0;
	}
#content {
	float: left;
    width: 624px; width: 52em;
	padding: 0 0 3em 0;
	}
#dLeer #content {float:none;width:100%;padding:0;}
#container {
	float: right;
	width: 222px; width: 18.5em;
	padding: 0 21px 0 21px; padding: 0 1.75em 2em 1.75em;
	}
#contentbottom {
	clear: both;
	padding-bottom: 3em;
	}
#dStart #article {
	padding-top: 0; padding-bottom: 0;
	}
#dStart #content {
	width: 100%;
	padding: 0;
	}		


/* .............................. Footer  */

#footer {
	padding: 1.5em 0 2.5em 4.367em;
    position: relative;
	border-top: 1px solid #e6e6e6;
	}
#footer #socialrow {
	clear: both;
	position: absolute;
	top: -6em; left: 4.367em;
	/*width: 56.5em;*/
	}
#footer #socialrow a {
	text-decoration: none;
	margin-right: 1em;
	background: url("../img/icons.gif") no-repeat;
	padding: .125em 0 .125em 1.5em;
	font-size: 1em;
	line-height: 1.2em;
	}
#footer #socialrow a.print {background-position:0 -24px;}
#footer #socialrow a.newsletter {background-position:0 -202px;}
#footer #socialrow a.backlink {/*float:right;margin-right:0*/background-position:-11px -630px;padding-left:1em;}
#footer address {
	float: left;
	font-style: normal;
	line-height: 1.3em;
	background: url("../img/layout.gif") no-repeat;
	padding: .5em 1em 0 3.25em;
	margin-right: 2em;
	}
#footer address strong {
	font-weight: normal;
	font-size: 1.3em;
	display: block;
	}
#footer .links {
	float: left;
	margin-top: 3.35em;
	}
#footer .links li {
	position: relative;
	display: block;
	float: left;
	margin-left: 1em;
	}
#footer .links li.partner {
	float: right;
	background: url("../img/icons.gif") no-repeat 0 -153px;
	margin: 0 0 0 2em;
	}
#footer .links li a {
	display: inline;
	text-transform: capitalize;
	padding-right: 1em;
	}
#footer .links li.partner a {
	padding: 0 0 0 1em;
	}
#footer .websline {
	text-decoration: none;
	white-space: nowrap;
	float: right;
	display: block; 
	margin-top: 3.35em;
	}
#footer .websline, #footer .websline * {
	color: #999;
	font-family: Arial, Verdana, Tahoma, San-Serif;
	}



/* ----------------------------------------------------------------- ERROR PAGE */

#dError {
	}
#dError #wrapper {
	padding-top: 0;
	background: #fff;
	}
#dError #header {
	position: relative;
	text-align: center;
	}
#dError #header h1 {
	color: #fff;
	}
#dError #header .errorno strong {
	font-size: 5em;
	padding-right: 0.1em;
	}
#dError #topic {
	border: 1px dotted #ddd;
	border-width: 1px 0;
	padding: 2em;
	}
#dError #article {
	float: none;
	width: 100%;
	padding: 2em 0;
	border: 0;
	background: 0;
	-moz-column-count: 2; -moz-column-gap: 50px; -moz-column-width: 45%;
	-webkit-column-count: 2; -webkit-column-gap: 50px; -webkit-column-width: 45%;
	-o-column-count: 2; -o-column-gap: 50px; -o-column-width: 45%;
	column-count: 2; column-gap: 50px; column-width: 45%;
	min-height: 16em;
	}
#dError #article div, #dError #contact .logo {
	text-align: right;
	}
.no-csscolumns #dError #article div, #dError #contact .logo {
	display: block;
	float: left;
	width: 47%;
	padding-right: 5%;
	}
#dError #footer { 
	padding-left: 0; padding-right: 0;
	}
#dError #contact { 
	padding: 1.5em 0;
	line-height: 1.5em;
	width: 100%;
	background: none;
	}
#dError #contact .logo {
	overflow: hidden;
	height: 9.167em;
	}
#dError #contact .logo img {
	margin-top: -117px;
	float: right;
	}
#dError #contact strong {	
	margin: 1em 0;
	}
#dError #contact strong, #dError #contact i {	
	display: block;	
	}



/* ----------------------------------------------------------- SMALL RESOLUTION */

@media only screen and (max-width: 1024px) { /* Pad landscape */
#wrapper {width:984px;width:82em;}
#article, #articleside {float:none;}
#header #navigation, #footer {padding-left:2.5em;}
#header .socials {right:0;}
#header #contentbar {left:2.5em;}
#header .searchbox {right:1.25em}
#article {width:80em;padding-left:2.5em;}
#articleside {width:76.75em;padding: 0 1.25em 0 2.5em;}
#dStart #articleside {padding-top:1em;}
#footer #socialrow {margin-top:-15em;left:2.5em;}
#articleside .teaser li {width:18em;margin-right:.5em;border-color:#e5e5e5;}
#articleside .teaser li a {border-color:#fff;}
#article .teaser li a .img img {width:100%;}
#articleside .infobox {margin-top:0;}
.headimage {margin-left:-2.5em !important;}
}
@media only screen and (max-width: 800px) { 
#articleside .infobox {display:none;}
#wrapper {width:63.875em;}
#article, #header #navigation, #footer {padding-left:1.5em;}
#header #contentbar {left:1.5em;}
#header #navigation .first, #header #navigation .fatnavi .teaser {display:none;}
#header .links {top:-6.5em;left:1.5em;}
#header .socials {top:-7.25em;right:auto;left:11em;background-image:none !important;}
#header .socials li {background-image:none;}
#article {width:62.875em;background-position: 41.25em 0;}
#dStart #article {background:none;}
#content, #header #contentbar {width:39em;}
#footer address, #footer .links li.partner {margin:0 !important;}
#footer .links {width:auto;}
#content .image img {width:100%;}
#header #navigation .third .fatnavi {padding-left:1em;}
.img3text span {margin-right: 1.3%;}
.impressions div.img {height: 61px;}
.product .advantages {width: 17em;}
.product .recomms, .product .moreproducts {width: 15em;}
.product .recomms li:nth-child(2) {display:none;}
.starttemp .teasernav {float:none;}
.starttemp .banner {float:left;margin:1em 1em 0 0;}
.teasernav li a {font-size:1.25em;}
/*#contactsmap {height:auto;}
#contactsmap .map, #contactsmap .hovermap, #contactsmap .close {display:none;}
#contactsmap dl {overflow:hidden;}
#contactsmap dd {display:block;position:relative;top:0;opacity:1;width:42%;float:left;margin-right:1%;}*/
}
@media only screen and (max-width: 768px) { /* Pad portrait */
#wrapper {width:760px;}
#article {width:750px;background-position:41em 0;}
#content, #header #contentbar {width:39em;}
}/*
@media only screen and (max-width: 480px) { /* Smartphone Landscape 
#header .searchbox, #footer #socialrow {display:none;}
#wrapper {width:480px;}
#header {overflow:visible;}
#header #navigation {height:35px;overflow:visible;}
#header #navigation .smartphonenavi {display:block;background:url("../img/bg-navi-itemborder.gif") no-repeat;line-height:1em;padding:.75em 1.5em;cursor:pointer;text-transform: uppercase;font-size:1.2em;font-weight:600;line-height:1em;font-family:'Signika', Arial, serif;}
#header #navigation .smartphonenavi:hover {background-color: #e3000f;}
#header #navigation .smartphonenavi.active {background-color: #e3000f;opacity:.5;}
#header #navigation .smartphonenavi b {display:block;width:10px;height:10px;float:left;margin-right:.5em;background:url("../img/icons.gif") 0 -686px;margin-top:.125em;}
#header #navigation ul.navitems {position:absolute;z-index:500;top:3em;left:0em;padding-left:1.75em;padding-bottom:1em;background:#e3000f;display:none;}
#header #navigation .level1 {display:block;border:1px solid #cc000d;width:13em;margin:0 .5em .5em 0;font-size:.875em;}
#header #navigation .level1 a {width:10em;display:block!important;padding:1em .5em .5em;font-weight:600;border:1px solid #ea444f;border-color:rgba(255,255,255,.35);margin:0 -2px -2px 0;}
#header .links {top:.75em;left:16.5em;}
#content, #header #contentbar {width:38em;}
#content .impressions a.cbox_impression {width:23.5%;}
#content .teasernav li {width: 30.5%;}
#articleside {width:92%;padding-left:1.5em;}
#articleside .teaser {width:100%;}
#articleside .teaser li {float:none;width:100%;}
#articleside .teaser a {height:auto;}
#articleside .teaser li a .img {display:none;}
#footer {padding-right:1em;}
}
@media only screen and (max-width: 320px) { /* Smartphone Portrait 
#wrapper {width:320px !important;}
#header .logo {top:5px;width:290px;height:100px;}
#content, #header #contentbar {width:24em;}
#content .impressions a.cbox_impression {width:47%;}
#content .teasernav li {width: 46.5%;}
#footer address br {display:none;}
}*/