/**
 * @author       ecomplexx, www.ecomplexx.com
 * @version      $Revision: 48 $ 
 * @date         $Date: 2009-10-16 15:25:11 +0200 (Fr, 16 Okt 2009) $
 */

/* -- Content (General) ----------------------------------------------------- */
#content .shadow-502,
#content-wide .shadow-718 {
	padding: 18px;
	line-height: 18px;
	}
	#content-wide .shadow-718 object { margin: -18px -14px; }

#content-wide-nav .shadow-734-statement { 
	padding: 14px;
	line-height: 10px;
}
	
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 1em;
}

#content-wide-nav h2 {
	font-size: 12px;
	background: #e5e6e9 url(../images/title_background.png) 0 0 no-repeat;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
	padding: 0 10px;

	/* Layout fix: Crop long headlines */
	height: 30px;
	overflow: hidden;
}

div.moodtext {
	margin: -18px -14px;
	padding: 10px;
}

div.moodtext h2 {
	font-size: 12px;
	background: #e5e6e9 url(../images/title_background.png) 0 0 no-repeat;
	font-weight: bold;
	line-height: 30px;
	margin: -10px -10px 10px -10px;
	padding: 0 10px;

	/* Layout fix: Crop long headlines */
	height: 30px;
	overflow: hidden;	
}

h3 {
	font-size: 12px;  /* Some headlines are too long ... */
	font-weight: bold;
	margin: 2em 0 1em;
}

#content ul ul,
#content-wide ul ul { margin-left: 2em; }

.left {
	float: left;
	margin: 0 14px 14px 0;
}

.right {
	float: right;
	margin: 0 0 14px 14px;
}

div.hr {
	border-bottom: 1px solid #dfdfdf;
	margin:14px 0;
	}
	
	div.hr hr { display: none; }


table {
	width: 100%;
	margin-bottom: 14px;
	}

	table th {
		font-weight: bold;
		text-align: left;
		padding: 2px 5px;
	}
	
	table td { padding: 2px 5px; }
	
	table .odd { background-color: #efefef; }

.date {
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 12px;
}


blockquote {
	background-color: #9d9d9d;
	color: #fff;
	font-weight: bold;
	margin: -18px -14px;
	padding: 12px 18px;
	text-transform: uppercase;
	}

	blockquote cite {
		display: block;
		font-size: 11px;
		font-weight: normal;
		font-style: normal;
		text-transform: none;
	}

/* -- Newslist ------------------------------------------------------------- */
#content .newslist li {
	background: none;
	padding-left: 0px;
	}

	.newslist li span {
		display: block;
		float: left;
	}

	.newslist li a {
		display: block;
		margin-left: 80px;
	}
	
	.newslist-filter li { 
		float: left;
		margin-right: 1em;
	}

	.newslist-filter li a {
		margin-left: 0;
	}




/* -- Teaser (General) ----------------------------------------------------- */
.teaser-container { margin-left: -8px; }
.teaser-container .teaserbox {
	float: left;
	margin-left: 8px;
}

.shadow-502 .teaser-container { margin-left: 0; }
.shadow-502 .teaser-container .teaserbox { margin-left: -1px; }

.teaserbox {
	line-height: 18px;
	}

	.teaserbox .shadow-234 {
		width: 198px;
		padding: 18px;
	}

	.teaserbox .shadow-208 {
		width: 172px;
		padding: 18px;
	}
	
	.teaserbox .shadow-502 h3,
	.teaserbox .shadow-502 img,
	.teaserbox .shadow-492 h3,
	.teaserbox .shadow-492 img,
	.teaserbox .shadow-234 h3,
	.teaserbox .shadow-234 img,	
	.teaserbox .shadow-208 h3,
	.teaserbox .shadow-208 img { margin: -18px -14px 18px !important; }

	.teaserbox h3 {
		background: #e5e6e9 url(../images/title_background.png) 0 0 no-repeat;
		line-height: 16px;
		font-weight: bold;
		padding: 7px 10px;

		/* Layout fix: Crop long headlines */
		/* height: 30px;
		line-height: 30px;
		overflow: hidden;*/
	}

	.teaserbox li {
		margin-bottom: 0;
	}

	.teaserbox em { font-style: normal; }
	.teaserbox div > a  {
		display: block;
	}
	

/* -- Teaser: Home/Doorpages ----------------------------------------------- */
#home .teaserbox h3 {
	font-weight: normal;
	text-transform: uppercase;
}

#home .teaserbox.news h3 a,
#home .teaserbox.news h3 a:hover {
	background: url(../images/arrow_large_gray.png) left center no-repeat;
	color: #666 !important;
	padding-left: 15px;
}

#home .teaserbox.industry a.continue     { color: #005a86 !important; }
#home .teaserbox.professional a.continue { color: #75060b !important; }
#home .teaserbox.diy a.continue          { color: #2a7e23 !important; }
#home .teaserbox.news a.continue         { color: #E31937 !important; }  
	
.teaserbox.industry h3     { background-position: 0 -140px; background-color: #00486B; }
.teaserbox.professional h3 { background-position: 0 -210px; background-color: #550105; }
.teaserbox.diy h3          { background-position: 0 -280px; background-color: #297E22; }
.teaserbox.aboutEgger h3   { background-position: 0 -70px; background-color: #BE0823; }

.teaserbox.industry h3 a,
.teaserbox.industry h3 a:hover,
.teaserbox.professional h3 a,
.teaserbox.professional h3 a:hover,
.teaserbox.diy h3 a,
.teaserbox.diy h3 a:hover {
	background: url(../images/arrow_large_white.png) left center no-repeat;
	padding-left: 15px;
	color: #fff !important;
}

.teaserbox.industry h3,
.teaserbox.professional h3,
.teaserbox.diy h3,
.teaserbox.aboutEgger h3 {
	color: #fff;
}

	
.teaserbox.industry em,
.teaserbox.industry a:hover     { color: #005a86 !important; }
#content .teaserbox.industry li,
#content-wide .teaserbox.industry li,
#content .teaserbox.industry a.continue,
#content-wide .teaserbox.industry a.continue,
#home .teaserbox.industry a.arrow {
	background: url(../images/arrow_small_blue.png) left 7px no-repeat;
	color: #005a86;
}

.teaserbox.professional em,
.teaserbox.professional a:hover { color: #75060b !important; }
#content .teaserbox.professional li,
#content-wide .teaserbox.professional li,
#content .teaserbox.professional a.continue,
#content-wide .teaserbox.professional a.continue,
#home .teaserbox.professional a.arrow {
	background: url(../images/arrow_small_brown.png) left 7px no-repeat;
	color: #75060b;
}

.teaserbox.diy em,
.teaserbox.diy a:hover          { color: #2a7e23 !important; }
#content .teaserbox.diy li,
#content-wide .teaserbox.diy li,
#content .teaserbox.diy a.continue,
#content-wide .teaserbox.diy a.continue,
#home .teaserbox.diy a.arrow {
	background: url(../images/arrow_small_green.png) left 7px no-repeat;
	color: #2a7e23;
}

.teaserbox a.continue {
	border: 1px solid #ddd;
	border-width: 1px 0;
	display: block;
	margin-top: 2em;
}

#content .teaserbox.news li,
#content-wide .teaserbox.news li {
	background: none !important;
	padding-left: 0 !important;
}

.teaserbox.news li a {
	display: block;
	background: url(../images/arrow_small_red.png) left 7px no-repeat;
	color: #e42743;
	padding-left: 10px;
	margin-bottom: 1em;
}

.teaserbox.news a.continue.news {
	border-top-width: 0px;
	margin: 0;
	width: auto;
}

.teaserbox.news a img {
	display: inline;
	vertical-align: text-top;
	margin: 0px !important;
}


/* -- Image List ------------------------------------------------------------------ */
#content ul.imagelist li {
	background-image: none !important;
	clear: both;
	padding-left: 0;
	margin-bottom: 14px;
	display: inline-block;	
	}
	
	#content ul.imagelist li.highlight {
		margin: -15px -7px 15px;
		padding: 15px 7px 7px;
		background-color: #efefef;
		border-bottom: 0px none !important;
	}
	
	#content ul.imagelist.divider li {
		padding-bottom: 14px;
		border-bottom: 1px solid #dfdfdf;
	}
	

#content ul.imagelist a.imagelink {
	border: 1px solid #dfdfdf;
	float: left;
	display: block;
	}
	
	/* a.imagelink img { border: 1px solid #dfdfdf; } */

#content ul.imagelist div {
	margin-left: 125px;
	width: 325px;
	}


/* -- Product Pages --------------------------------------------------------------- */
a.close-frame {
	background-position: left 0.55em;
	float: right;
	clear: both;
	margin: 14px 18px;
}

#filter p {
	width: 360px;
	float: left;
	padding-bottom: 0.25em;
}

#filter a.remove-filter {
	float: right;
	text-align: right;
	width: 90px;
}

#result label {
	width: 150px;
	float: left;
}

#result div {
	width: 300px;
	text-align: right;
	float: right;
}

#result input.submit { width: 80px; }
#resultquery { width: 210px; }


a.gallery {
	display: inline-block;
	position: relative;
	}
	
	a.imagelink {
		float: left;
		margin-bottom: 2em;
		display: inline-block;
		position: relative;
	}
	
	div.gallery, div.imagelink {
		float: left;
		margin-right: 14px;
		width: 180px;
	}
		
	div.imagelink {
		float: left;
		margin-right: 14px;
		width: 180px;
	}
	
		div.gallery img,
		div.imagelink img,
		div#content-gallery img,
		div#content-imagelist img { border: 1px solid #dfdfdf; }

	a.gallery img.gallery-overlay {
		position: absolute;
		bottom: 8px;
		right: 8px;
		width: 23px;
		height: 23px;
	}
	
	a.gallery span.gallery-caption {
	    margin-top: 3px;
	    position: absolute;
	}
	
	div#content-gallery a.gallery {
		float: left;
		margin-bottom: 2em;
	}
	#content div#content-gallery .gallery-text { margin-left: 165px; }
	#content-wide div#content-gallery .gallery-text { margin-left: 180px; }
	div#content-gallery .gallery-text h3 { margin: 0; }
	div#content-gallery .gallery-text h4 { font-style: italic; margin-bottom: 0.5em; }
	
	.gallery-item {
		float: left;
		width: 47%;
		margin: 0 10px 2em 0;
		}

		.gallery-item h3 { margin: 0; }
		div#content .gallery-item a.gallery, div#content-wide .gallery-item a.gallery {
			margin: 0;
			float: none;
		}


	h4.productdownloads { font-weight: bold; }
	table.productdownloads th,
	table.productdownloads td { border: 1px solid #dfdfdf; }
	table.productdownloads th {
		background: #EFEFEF;
		line-height: 25px;
	}

.downloads {
	clear: both;
	background-color: #EBEBEB;
	border: 1px solid #DFDFDF;
	margin-bottom: 11px;
}

	.downloads .downloadCategory{
		padding: 5px 10px;
		font-weight: bold;
	}

	.downloads h3{
		margin-top:0px;
	}
	
	.downloads ul{
		margin: 0px;
	}
	
	.downloads li{
		border-top: 1px solid #DFDFDF;
		padding: 3px 10px 3px 22px;
		background-position: 10px 9px;
		margin: 0px;
	}

#reference-page,
#reference-page body {
	background: #fff;
	width: 905px;
}

#reference-images {
	width: 455px;
	float: left;
}
#reference-description {
	margin-left: 475px;
}

.reference-carousel .prev,
.reference-carousel .next {
	background: url(../images/carousel_buttons.png) no-repeat;
	float: left;
	height: 90px;
	width: 18px;
	text-indent: -50px;
	display: block;
	overflow: hidden;
	}
	
.reference-carousel .prev { background-position: -50px 0; }
.reference-carousel .next { background-position: -75px 0; }
.reference-carousel .prev.disabled { background-position: 0 0; }
.reference-carousel .next.disabled { background-position: -25px 0; }

.reference-carousel-items {
	margin-left: 14px;
	float: left;
	}
	
	/*#content */.reference-carousel-items li {
		background-image: none !important;
		padding: 0;
		margin-right: 14px;
		position: relative;
	}

	.reference-carousel-items a {
		display: block;
		width: 120px;
	}

/* -- Product list  -------------------------------------------------------- */

.productdownloads .download-container{
	display: none;
}

h1.download {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 14px;
}

.productdownloads .dColumn{
	width: 22px;
	text-align: center;
}

.productdownloads td, .productdownloads th{
	vertical-align: middle;
}

.productdownloads .dColumn a.downloadlink img {
	display: inline;
}

/* -- Overview (Product Overview/Sitemap) ---------------------------------- */
#overview {
	width: 686px;
	padding: 14px;
	}

	#overview h3 { margin: 0 0 0.25em; }
	
	#overview li {
		width: 157px;
		float: left;
		background: none;
		padding: 0;
		}
		
		#overview li.first { clear: both; }
		
		#overview li ul {
			padding-left: 14px;
			margin-bottom: 14px;
		}
	
		#overview li li {
			float: none;
			width: auto;
			margin: 0;
		}


/* -- FIXES ----------------------------------------------------------------- */

/*
#content h3,
#content-wide h3 {
	margin-top: 0px;
}
*/

.fancy_content { display: none; }

.eventlist th, .joblist th {
	height: 25px;
	line-height: 25px;
	background: #e5e6e9 url(../images/title_background.png) 0 0 no-repeat;
}

.joblist td{
	border-right: 1px solid #E5E5E7;
	border-bottom: 1px solid #E5E5E7;
}

.joblist td.rowend{
	border-right: none;
}

.joblist .header .sort{
	padding-left: 12px;
	background: transparent url(../images/sort_arrows.png) no-repeat center left;
}

.joblist .headerSortDown .sort{
	background-image: url(../images/sort_arrow_down.png)
}

.joblist .headerSortUp .sort{
	background-image: url(../images/sort_arrow_up.png)
}

.joblist .header {
	cursor: pointer;
}

#product_generated{
	display: none;
	padding-top: 10px;
}
	#product_generated ul, .product ul{
		clear: both;
	}

.product_close { display: none; }

#image_container {
	display:none;
}

.productlist{
	clear: both;
	padding-top: 10px;
}

#content ul.productfamilylist li {
	float: left;
	width: 232px;
	clear: none;
}

#content ul.productfamilylist div {
	width: auto;
	margin-left: 0;
}

/* -- Paging ------------------------------------------------------- */
#paging {
	text-align: center;
	vertical-align: middle;
	}
	
	#paging a img { display: inline; }


/* -- Sitemap ------------------------------------------------------ */
blockquote.sitemap {
	margin: 0px 10px;
	background-color: #fff;
	font-weight: normal;
	padding: 0px;
	text-transform: none;	
}

blockquote.sitemap a {
	background: url(../images/arrow_small_red.png) left center no-repeat;
	color: #e31937;
}

/* -- Downloadmodule ----------------------------------------------- */
fieldset.downloadfilter {
	border: 1px solid gray;
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0.35em 0.75em 0.625em;
	}
	
	fieldset.downloadfilter legend {
		font-weight: bold;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	fieldset.downloadfilter select, fieldset.downloadfilter input {
		width: 300px;
		float: right;
	}
	
	fieldset.downloadfilter input[type=submit] {
		width: auto;
	}
	
	fieldset.downloadfilter div {
		display: block;
		clear: both;
		padding-bottom: 5px;
	}