/* content.css
------------------------------------------------------------------------
This stylesheet contains the content CSS rules for intersport

Author: elements.at 
--------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* HEADER AREA (teaser etc...)											 */
/* --------------------------------------------------------------------- */
#head .teaser,
#head .teaser.left {
	position: absolute;
	top: 40px;
	z-index: 3;
	left: 10px;
	/* height: 150px;*/
}

#head .teaser.right {
	left: auto;
	right: 10px;
}

#head .teaser h2,
#head .teaser h2.white {
	font-family: 'DINWebPro-Medium', Arial, Helvetica, sans-serif;
	font-size: 49.5px;
	letter-spacing: -1px;
	line-height: 50px;
	text-shadow: 0px 0px 5px #333;
	color: #fff;
	margin-bottom: 6px;
}

#head .teaser h3,
#head .teaser h3.red {
	font-family: 'DINWebPro-Bold', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 19px;
	text-shadow: 0px 0px 3px #333;
	color: #e60a0a;
	padding: 0 0 2px 0;
}

#head .teaser h2.red {
	color: #e60a0a;
}

#head .teaser h3.white {
	color: #fff;
}

#head .teaser h2.blue,
#head .teaser h3.blue {
	color: #143ca0;
}

#head .teaser.right h2,
#head .teaser.right h3 {
	text-align: right;
}



/* --------------------------------------------------------------------- */
/* GENERAL SITECONTAINERS												 */
/* --------------------------------------------------------------------- */
#contentarea {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/backgrounds/contentarea-topbg.png) center top no-repeat;
	border-bottom: 1px solid #d9dcdf;
	width: 990px;
	padding: 0 0 30px 0;
	overflow: hidden;
}

#background_contentborders.wide #contentarea {
	background: url(/static/img/backgrounds/contentarea-topbg-wide.png) center top no-repeat;
}

#contentarea.short {
	background: url(/static/img/backgrounds/contentarea-topbg-full.png) center top no-repeat;
	padding: 100px 0 0 0;
}

#background_contentborders.wide #contentarea.short {
	background: url(/static/img/backgrounds/contentarea-topbg-full-wide.png) center top no-repeat;
}

#textarea {
	width: 565px;
	padding: 10px 0 20px 0;
	float: left;
}

#background_contentborders.wide #textarea {
	width: 764px;
	padding: 10px 0 20px 0;
	float: left;
}

#textarea.full,
#background_contentborders.wide #textarea.full {
	padding: 0;
}

#sidebar {
	width: 200px;
	padding: 17px 0 20px 0;
	margin: 0;
	float: left;
}

#background_contentborders.wide #sidebar {
	display: none;
}

#contentarea.short #sidebar {
	padding: 0 0 20px 0;
}



/* --------------------------------------------------------------------- */
/* SUB NAVIGATION														 */
/* --------------------------------------------------------------------- */
#subnav {
	width: 205px;
	padding: 23px 10px;
	float: left;
}

#subnav h2 {
	color: #143ca0;
	padding: 0 0 13px 0;
}

#subnav ul {
	list-style: none;
}

#subnav ul li {
	margin: 0 0 6px 0;
	font-size: 0px;
}

#subnav ul li a {
	width: 205px;
	color: #333;
	display: block;
	cursor: pointer;
	font-size: 12px;
}

#subnav ul li a .text {
	background: url(/static/img/buttons/OPT-buttons.png) -300px top no-repeat;
	padding: 3px 10px 0 23px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

#subnav ul li a .bottom {
	background: url(/static/img/buttons/OPT-buttons.png) -300px bottom no-repeat;
	height: 3px;
	display: block;
	font-size: 0px;
}

#subnav ul li.hover a .text,
#subnav ul li.active a .text {
	background-position: -505px top;
	color: #fff;
}

#subnav ul li.hover a .bottom,
#subnav ul li.active a .bottom {
	background-position: -505px bottom;
}

#subnav ul li ul {
	display: none;
}

#subnav ul li.active ul {
	display: block;
	padding: 3px 0 9px 15px;
}

#subnav ul li.active ul li {
	margin: 1px 0 3px 0;
}

#subnav ul li.active ul li a {
	background: url(/static/img/icons/OPT-linkarrow.gif) left 5px no-repeat;
	padding: 0 0 0 8px;
	width: 182px;
}

#subnav ul li.active ul li a .text {
	background: none;
	font-weight: normal;
	color: #143ca0;
	padding: 0;
}

#subnav ul li.active ul li a .bottom {
	display: none;
}

#subnav ul li.active ul li.active a,
#subnav ul li.active ul li a:hover {
	background-position: left -97px;
}

#subnav ul li.active ul li.active a .text,
#subnav ul li.active ul li a:hover .text {
	color: #e60a0a;
}



/* --------------------------------------------------------------------- */
/* CONTENT BLOCK - general styles										 */
/* --------------------------------------------------------------------- */
#textarea h1 {
	font-family: 'DINWebPro-Medium', Arial, Helvetica, sans-serif;
	padding: 0 20px 14px 20px;
}

#textarea .contentblock {
	padding: 0 20px;
	overflow: hidden;
}

#textarea .contentblock.bigfont {
	font-size: 14px;
}

#textarea .contentblock h1 {
	padding: 0 0 14px 0;
}

#textarea hr,
#textarea .hrule {
	background: url(/static/img/hrule.jpg) center bottom no-repeat;
	border: none;
	padding: 0 0 22px 0;
	margin: 0 0 10px 0;
}

#background_contentborders.wide #textarea hr,
#background_contentborders.wide #textarea .hrule {
	background-image: url(/static/img/hrule-wide.jpg);
}

#textarea .hrule,
#background_contentborders.wide #textarea .hrule {
	height: 7px;
	padding: 0 0 15px 0;
	font-size: 0px;
}

#textarea .contentblock p {
	padding: 3px 0 6px 0;
}

#textarea .contentblock blockquote {
	background: url(/static/img/blockquote.gif) left top no-repeat;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0;
	padding: 0 45px;
}

#textarea .contentblock ul {
	list-style: none;
	padding: 6px 0;
	overflow: hidden;
}
#textarea .contentblock ol {
	list-style: decimal;
	margin: 6px 20px;
}
#textarea .contentblock ol li {
	padding: 0 0 0 5px;
}

#textarea .contentblock ul li {
	background: url(/static/img/listitem.gif) left 7px no-repeat;
	padding: 0 0 0 11px;
}

#textarea .contentblock table {
	width: 100%;
	border-top: 1px solid #d9dcdf;
	margin: 10px 0;
}

#textarea .contentblock table thead th {
	border-bottom: 2px solid #d9dcdf;
	background-color: #f5f6f7;
}

#textarea .contentblock table tbody th {
	font-weight: normal;
	background-color: #f5f6f7;
}

#textarea .contentblock table td,
#textarea .contentblock table th {
	border-bottom: 1px solid #d9dcdf;
	padding: 5px 10px;
	vertical-align: top;
}

#textarea .contentblock .obligatory {
	padding: 0 10px;
	background-color: #eaecee;
}



/* CONTENT - right image
------------------------------------------------*/
#textarea .contentblock .images {
	float: right;
	position: relative;
	right: -20px;
	width: 194px;
}

#textarea .contentblock .rightimage {
	background: url(/static/img/backgrounds/content-rightimage-shadow.jpg) left bottom no-repeat;
	margin: 0 0 13px 0;
	padding: 0 0 7px 0;
	position: relative;
	font-size: 0px; /* ie6 */
	float: left;
}

#textarea .contentblock .rightimage img {
	border-left: 1px solid #f1f2f3;
	float: left;
}

#textarea .contentblock .rightimage a {
	float: left;
}

#textarea .contentblock .rightimage .zoom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/icons/zoom.png) left top no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -15px;
	bottom: -8px !important;
	bottom: -15px;
	z-index: 10;
	display: block;
}

#textarea .contentblock .rightimage a:hover .zoom {
	background-position: left -30px;
}


/* CONTENT - one big image
------------------------------------------------*/
#textarea .bigimage {
	background: url(/static/img/hrule.jpg) center bottom no-repeat;
	width: 565px;
	padding: 0 0 7px 0;
	margin: 15px 0;
	text-align: center;
	position: relative;
}

#textarea .bigimage .caption {
	font-weight: bold;
	padding: 10px 20px;
}

#background_contentborders.wide #textarea .bigimage {
	background: url(/static/img/hrule-wide.jpg) center bottom no-repeat;
	width: 765px;
}

#textarea .bigimage a.zoom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/icons/zoom.png) left top no-repeat;
	width: 30px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 48%;
	bottom: -10px;
	z-index: 10;
}

#textarea .bigimage a.zoom:hover {
	background-position: left -30px;
}


/* CONTENT - flash
------------------------------------------------*/
#textarea .flash {
	width: 565px;
	padding: 0 0 15px 0;
}

#background_contentborders.wide .flash {
	width: 764px;
}


/* CONTENT - gallery slider
------------------------------------------------*/
#textarea .gallery {
	background: url(/static/img/hrule.jpg) center bottom no-repeat;
	width: 565px;
	height: 175px;
	margin: 10px 0;
	padding: 0 0 7px 0;
}

#background_contentborders.wide #textarea .gallery {
	background: url(/static/img/hrule-wide.jpg) center bottom no-repeat;
	width: 764px;
}

#textarea .gallery .galleryslider {
	width: 565px;
	height: 175px;
	padding: 0;
	position: relative;
}

#background_contentborders.wide #textarea .gallery .galleryslider {
	width: 740px;
	margin: 0 auto;
}

#textarea .gallery .galleryslider .slideImgleft {
	background: url(/static/img/content/gallery-sliders.png) left top no-repeat;
	width: 20px;
	height: 175px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#textarea .gallery .galleryslider .slideImgleft:hover {
	background-position: left -175px;
}

#textarea .gallery .galleryslider .slideImgleft.off {
	background-position: left -350px;
}

#textarea .gallery .galleryslider .slideImgright {
	background: url(/static/img/content/gallery-sliders.png) -20px top no-repeat;
	width: 20px;
	height: 175px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0 !important;
	right: -1px;
	z-index: 10;
}

#textarea .gallery .galleryslider .slideImgright:hover {
	background-position: -20px -175px;
}

#textarea .gallery .galleryslider .slideImgright.off {
	background-position: -20px -350px;
}

#textarea .gallery .galleryslider a.zoom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/icons/zoom.png) left top no-repeat;
	width: 30px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 267px;
	bottom: -15px;
	z-index: 10;
}

#background_contentborders.wide #textarea .gallery .galleryslider a.zoom {
	left: 367px;
}

#textarea .gallery .galleryslider a.zoom:hover {
	background-position: left -30px;
}

#textarea .gallery .galleryslider .galleryimages {
	width: 526px;
	height: 175px;
	margin: 0 19px 0 20px;
	overflow: hidden;
	position: relative;
}

#background_contentborders.wide #textarea .gallery .galleryslider .galleryimages {
	width: 701px;
}

#textarea .gallery .galleryslider .galleryimages .imagecontainer {
	width: 5270px;
	height: 175px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#textarea .gallery .galleryslider .galleryimages .imagecontainer .img_thumb {
	width: 175px;
	height: 175px;
	overflow: hidden;
	float: left;
	position: relative;
}

#textarea .gallery .galleryslider .galleryimages .imagecontainer .img_thumb a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 175px;
	height: 175px;
	overflow: hidden;
}

#textarea .gallery .galleryslider .galleryimages .imagecontainer .img_thumb .shadow {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/content/gallery-imgoverlay-lines.png) left top no-repeat;
	width: 175px;
	height: 175px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

#textarea .gallery.nolines .galleryslider .galleryimages .imagecontainer .img_thumb .shadow {
	background: url(/static/img/content/gallery-imgoverlay.png) left top no-repeat;
}


/* CONTENT - paging
------------------------------------------------*/
#textarea .pagingblock {
	padding: 10px 20px 10px 20px;
	overflow: hidden;
}

#textarea .pagingblock .paging {
	float: right;
}

#textarea .pagingblock .paging strong {
	color: #000;
	float: left;
}

#textarea .pagingblock .paging .pages {
	padding: 0 0 0 12px;
	float: left;
}

#textarea .pagingblock .paging .pages a {
	font-weight: bold;
	color: #64696e;
	margin: 0 0 0 6px;
}

#textarea .pagingblock .paging .pages a.active,
#textarea .pagingblock .paging .pages a:hover {
	color: #143ca0;
}

#textarea .pagingblock .paging .buttons {
	padding: 0 0 0 6px;
	margin: 2px 0 0 0;
	float: left;
}

#textarea .pagingblock .paging .buttons a {
	background-image: url(/static/img/icons/OPT-icons.png);
	background-repeat: no-repeat;
	width: 9px;
	height: 14px;
	font-size: 0px;
	display: block;
	float: left;
	margin: 0 0 0 10px;
}

#textarea .pagingblock .paging .buttons a.forward {
	background-position: -9px -88px;
}

#textarea .pagingblock .paging .buttons a.forward:hover {
	background-position: -9px -102px;
}

#textarea .pagingblock .paging .buttons a.backward {
	background-position: left -88px;
}

#textarea .pagingblock .paging .buttons a.backward:hover {
	background-position: left -102px;
}


/* CONTENT - teaser (video etc...) 
------------------------------------------------*/
#textarea .teaserblock {
	padding: 6px 20px 10px 20px;
}

#textarea .teaserblock .teaser {
	width: 525px;
	height: 135px;
	padding: 0 0 7px 0;
	overflow: hidden;
}

#textarea .teaserblock .teaser.video {
	cursor: pointer;
}

#background_contentborders.wide #textarea .teaserblock .teaser {
	width: 725px;
}

#textarea .teaserblock .teaser .image {
	background: url(/static/img/backgrounds/contentteaser-image-bg.jpg) left top no-repeat;
	width: 220px;
	height: 135px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}

#textarea .teaserblock .teaser .image .playBtn {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#textarea .teaserblock .teaser .image .playBtn img {
	behavior: url(/static/js/iepngfix.htc);
}

#textarea .teaserblock .teaser .text {
	background: url(/static/img/backgrounds/contentteaser-bg.jpg) left top no-repeat;
	width: 285px;
	height: 115px;
	overflow: hidden;
	padding: 10px;
	float: left;
}

#background_contentborders.wide #textarea .teaserblock .teaser .text {
	width: 485px;
}

#textarea .teaserblock .teaser .text h3 {
	color: #143ca0;
	padding: 0 0 8px 0;
}

#textarea .teaserblock .teaser.gotolink:hover .text h3,
#textarea .teaserblock .teaser.gotolink:hover .text h3 a,
#textarea .teaserblock .teaser.video:hover .text h3,
#textarea .teaserblock .teaser.video:hover .text h3 a {
	color: #e60a0a;
}

#textarea .teaserblock .teaser .text .details {
	padding: 0 0 8px 0;
}


/* CONTENT - list (news, jobs etc...)
------------------------------------------------*/
#textarea .listblock {
	padding: 0 20px;
}

#textarea .listblock .headline {
	font-size: 16px;
	line-height: 20px;
	color: #464b50;
	padding: 0 0 10px 0;
}

#textarea .listblock .listentry {
	width: 525px;
	padding: 0 0 20px 0;
	overflow: hidden;
}

#background_contentborders.wide #textarea .listblock .listentry {
	width: 725px;
}

#textarea .listblock .listentry .image {
	width: 220px;
	margin: 0 15px 0 0;
	overflow: hidden;
	display: block;
	float: left;
}

#textarea .listblock .listentry .text {
	width: 290px;
	float: left;
}

#background_contentborders.wide #textarea .listblock .listentry .text {
	width: 490px;
}

#textarea .listblock .listentry.noimage .text {
	width: auto;
	float: none;
}

#textarea .listblock .listentry .text h2 {
	color: #143ca0;
	padding: 0 0 8px 0;
}

#textarea .listblock .listentry:hover .text h2,
#textarea .listblock .listentry:hover .text h2 a {
	color: #e60a0a;
}

#textarea .listblock .listentry .text .details {
	padding: 0 0 8px 0;
}



/* CONTENT - formular
------------------------------------------------*/
#textarea .formular {
	background: url(/static/img/backgrounds/contentarea-linkbox.jpg) center top no-repeat;
	width: 525px;
	padding: 0 20px;
	margin: 0 0 15px 0;
}

#textarea .formular form {
	background: url(/static/img/hrule.jpg) center bottom no-repeat;
	padding: 14px 0 21px 0;
}

#background_contentborders.wide #textarea .formular {
	background-image: url(/static/img/backgrounds/contentarea-linkbox-wide.jpg);
	/*width: 725px; */
}

#background_contentborders.wide #textarea .formular form {
	background-image: url(/static/img/hrule-wide.jpg);
}

#textarea .formular h2 {
	padding: 0 0 14px 0;
}

#textarea .formular .step {
	margin: 0 0 10px 0;
	clear: left;
}

#textarea .formular p {
	margin: 0 0 4px 0;
	overflow: hidden;
	display: block;
	clear: left;
}

#textarea .formular p span {
	width: 13px;
	height: 22px;
	display: block;
	float: left;
}

#textarea .formular p span.textarea {
	height: 99px;
}

#textarea .formular p.required span.mandatory {
	background: url(/static/img/forms/required.gif) left top no-repeat;
}

#textarea .formular p.required.error span.mandatory {
	background-position: -13px top;
}

#textarea .formular p span.missing {
	color: #e60a0a;
	font-weight: bold;
	padding: 0 0 0 4px;
	float: left;
	display: block;
}

#textarea .formular p label {
	display: block;
	float: left;
	width: 92px;
	padding: 2px 0 0 0;
}

#textarea .formular p.required label {
	font-weight: bold;
}

#textarea .formular p input {
	background: #fff url(/static/img/forms/input.gif) top left no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	width: 277px;
	height: 15px;
	padding: 3px 6px;
	float: left;
}

#textarea .formular p input.zip {
	width: 53px;
}

#textarea .formular p input.city {
	width: 207px;
	margin: 0 0 0 4px;
}

#textarea .formular p select {
	color: #464b50;
	width: 291px;
	height: 23px;
	float: left;
}

#textarea .formular p textarea {
	background: #fff url(/static/img/forms/input.gif) top left no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464b50;
	width: 283px;
	height: 93px;
	padding: 5px 0 0 6px;
	float: left;
}

#textarea .formular .submitline {
	width: 525px;
	padding: 7px 0 0 0;
	margin: 7px 0 0 0;
	display: block;
	overflow: hidden;
}

#textarea .formular .submitbutton,
#textarea .formular .submitline .button {
	background: url(/static/img/buttons/OPT-buttons.png) left -270px no-repeat;
	display: inline-block !important;
	height: 22px;
	float: right;
}

#textarea .formular .submitbutton:hover,
#textarea .formular .submitline .button:hover {
	background-position: left -292px;
}

#textarea .formular .submitbutton input,
#textarea .formular .submitline .button input {
	background: url(/static/img/buttons/OPT-buttons.png) right -314px no-repeat;
	border: none;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	height: 22px;
	padding: 0 0 0 25px;
	cursor: pointer;
}

/* -----------------  extra change for intersport duo: flip OPT-buttons, so we have our 'go back' button */
#textarea .formular .submitbutton input,
#textarea .formular .submitline .button-back input {
	background: url(/static/img/buttons/OPT-buttons_flip.png) left -314px no-repeat;
	border: none;
	color: #fff;
	font-weight: bold;
	text-align: right;
	display: inline-block;
	height: 22px;
	padding: 0 25px 0 0;
	cursor: pointer;
}

#textarea .formular .submitbutton,
#textarea .formular .submitline .button-back {
	background: url(/static/img/buttons/OPT-buttons_flip.png) right -270px no-repeat;
	display: inline-block !important;
	height: 22px;
	float: left;
}

#textarea .formular .submitbutton:hover,
#textarea .formular .submitline .button-back:hover {
	background-position: right -292px;
}

#textarea .formular .submitbutton:hover input,
#textarea .formular .submitline .button-back:hover input {
	background-position: left -336px;
}

html>/**/body #textarea .formular .submitbutton input,
html>/**/body #textarea .formular .submitline .button-back input {
	padding: 0 25px 2px 20px;
}


/* END -----------------  extra change for intersport duo: flip OPT-buttons, so we have our 'go back' button */

html>/**/body #textarea .formular .submitbutton input,
html>/**/body #textarea .formular .submitline .button input {
	padding: 0 20px 2px 25px;
}

#textarea .formular .submitbutton:hover input,
#textarea .formular .submitline .button:hover input {
	background-position: right -336px;
}


/* CONTENT - full text search
------------------------------------------------*/
#textarea .formular.search form {
	overflow: hidden;
	width: 525px;
	padding: 14px 0 21px 0;
}

#background_contentborders.wide #textarea .formular.search form {
	width: 725px;
}

#textarea .formular.search .step {
	margin: 0;
}

#textarea .formular.search p {
	float: left;
	margin: 0;
}

#textarea .formular.search p label {
	padding: 2px 20px 0 0;
	width: auto;
}

#textarea .formular.search p input {
	width: 200px;
}

#textarea .searchresults {
	padding: 0 20px;
}

#textarea .searchresults .found {
	padding: 0 0 5px 0;
}

#textarea .searchresults .entry {
	padding: 10px 0;
	border-bottom: 1px solid #d9dcdf;
}



/* CONTENT - company history
------------------------------------------------*/
#textarea .historyblock {
	padding: 20px 0;
}

#textarea .historyblock .slidercontainer {
	background: url(/static/img/historySlider/bgimage.jpg) left top repeat-x;
	width: 565px;
	height: 290px;
	padding: 0 0 20px 0;
}

#background_contentborders.wide #textarea .historyblock .slidercontainer {
	width: 765px;
}

#textarea .historyblock .slidercontainer .indi {
	text-align: center;
	color: #fff;
	font-size: 11px;
	padding: 2px 0 0 0;
}

#historyslider {
	display: none;
	height: 255px;
}

#historyslider .item {
	height: 210px;
	width: 162px;
	cursor: pointer;
	float: left;
}

* html #historyslider .item {
	display: inline;
}

#historyslider .item .year {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding: 0 0 7px 0;
}

#historyslider .item .box {
	background: url(/static/img/backgrounds/history-box.png) left top no-repeat !important;
	background: url(/static/img/backgrounds/history-box.gif) left top no-repeat;
	padding: 3px 11px 1px 11px;
	margin: 0 0 10px 0;
	width: 140px;
	position: relative;
}

#historyslider .item .box .boxbottom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/backgrounds/history-box-bottom.png) left bottom no-repeat;
	font-size: 0px;
	height: 5px;
	width: 162px;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	float: left;
}

#historyslider .item .box .image {
	width: 140px;
	height: 90px;
	overflow: hidden;
	padding: 7px 0 5px 0;
}

#historyslider .item .box p {
	line-height: 16px;
}

.historyblock .sldLeft,
.historyblock .sldRight,
.historyblock .sldBtnLeft,
.historyblock .sldBtnRight,
.historyblock .sliderCaseRight {
	behavior: url(/static/js/iepngfix.htc);
}

#textarea .historyblock .historytexts {
	padding: 0 20px;
}

#textarea .historyblock .yeartext {
	background: #fff;
	display: none;
}

#textarea .historyblock .yeartext h2 {
	padding: 0 0 10px 0;
}


/* CONTENT - country list 
------------------------------------------------*/
#textarea .countrylist {
	padding: 0 0 0 20px;
	margin: 0;
	overflow: hidden;
	width: 540px;
}

#textarea .countrylist .column {
	width: 250px;
	padding: 0 20px 0 0;
	float: left;
}

#textarea .countrylist .country {
	background: url(/static/img/buttons/OPT-buttons.png) left -66px no-repeat;
	height: 22px;
	width: 250px;
	margin: 0 0 6px 0;
}

#textarea .countrylist .country:hover {
	background-position: left -88px;
}

#textarea .countrylist .country a {
	background: url(/static/img/buttons/OPT-buttons.png) right -110px no-repeat;
	color: #464b50;
	display: block;
	height: 22px;
}

#textarea .countrylist .country:hover a {
	background-position: right -132px;
	color: #fff;
}

#textarea .countrylist .country a img {
	behavior: url(/static/js/iepngfix.htc);
	float: left;
	margin: 0 0 0 8px;
}

#textarea .countrylist .country a span {
	padding: 2px 10px 2px 37px;
	display: block;
}


/* LIGHTBOX - country detail
------------------------------------------------*/
.countrydetail {
	background-color: #fff;
	padding: 10px;
	margin: -10px -60px;
	overflow: hidden;
	width: 560px;
}

.countrydetail .headline h2 {
	padding: 0 0 0 30px;
}

.countrydetail .headline img {
	behavior: url(/static/js/iepngfix.htc);
	width: 22px;
	height: 22px;
	float: left;
}

.countrydetail .details {
	padding: 10px 0 0 30px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.countrydetail .details .head {
	padding: 0 0 10px 0;
}

.countrydetail .details .detailsleft {
	padding: 0 20px 0 0;
	width: 260px;
	float: left;
}

.countrydetail .details .detailsright {
	border-left: 1px solid #d9dcdf;
	padding: 0 0 0 20px;
	width: 229px;
	float: left;
}

.countrydetail .details .detailsright .text strong,
.countrydetail .details .detailsright .text a {
	color: #000;
}

.countrydetail .details .detailsright .text a:hover {
	color: #143ca0;
}

.countrydetail .linkbox {
	background: url(/static/img/hrule-wide.jpg) center top no-repeat;
	padding: 20px 0 0 30px;
	overflow: hidden;
}

.countrydetail .linkbox .linkboxleft {
	float: left;
}

.countrydetail .linkbox .linkboxleft a {
	color: #000;
}

.countrydetail .linkbox .linkboxleft a:hover {
	color: #143ca0;
}

.countrydetail .linkbox .linkboxright {
	float: right;
}

.countrydetail .linkbox .linkboxright .button {
	background: url(/static/img/buttons/OPT-buttons.png) left -270px no-repeat;
	height: 22px;
	display: inline-block !important;
	display: inline;
}

.countrydetail .linkbox .linkboxright .button:hover {
	background-position: left -292px;
}

.countrydetail .linkbox .linkboxright .button a {
	background: url(/static/img/buttons/OPT-buttons.png) right -314px no-repeat;
	color: #fff;
	font-weight: bold;
	height: 20px;
	padding: 2px 20px 0 25px;
	display: inline-block;
}

.countrydetail .linkbox .linkboxright .button:hover a {
	background-position: right -336px;
}


/* CONTENT - matrix 
------------------------------------------------*/
#textarea .matrixblock {
	background: url(/static/img/backgrounds/matrix-bg.png) 21px bottom no-repeat;
	padding: 0 0 15px 20px !important;
	padding: 0 0 15px 5px;
	margin: 0 0 10px 0;
	overflow: hidden;
	display: block;
	width: 545px !important;
	width: 560px;
}

#background_contentborders.wide #textarea .matrixblock {
	background: none;
	width: auto !important;
	padding: 0 0 15px 20px !important;
}

#textarea .matrixblock .matrixbox {
	width: 240px;
	height: 160px;
	margin: 15px 0 0 15px;
	overflow: hidden;
	position: relative;
	float: left;
}

#background_contentborders.wide #textarea .matrixblock .matrixbox {
	width: 235px;
	margin: 0 10px 15px 0;
}

#textarea .matrixblock .matrixbox .cover {
	float: left;
	position: absolute; 
	height: 160px; 
	width: 100%; 
}

#textarea .matrixblock .matrixbox.gotolink {
	cursor: pointer;
}

#textarea .matrixblock .matrixbox .cover.caption {
	background: #000; 
	opacity: .8; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#textarea .matrixblock .matrixbox .cover.caption.blue {
	background: #143ca0;
}

#textarea .matrixblock .matrixbox .cover.caption h3 {
	line-height: 21px;
	margin: 0 0 -2px 0;
}

#textarea .matrixblock .matrixbox .cover.caption h3,
#textarea .matrixblock .matrixbox .cover.caption p {
	padding: 5px 10px 0 10px;
	color: #fff;
}

#textarea .matrixblock .matrixbox .cover.caption a.more {
	background: url(/static/img/icons/teaser-arrow-white.png) 9px 3px no-repeat !important;
	background: url(/static/img/icons/arrow-white.png) 9px 5px no-repeat;
	border-top: 1px solid #fff;
	padding: 2px 10px 0 28px;
	width: 202px;
	position: absolute;
	bottom: 6px;
	cursor: pointer;
	color: #fff;
	display: block;
}

#background_contentborders.wide #textarea .matrixblock .matrixbox .cover.caption a.more {
	width: 197px;
}

#textarea .matrixblock .matrixbox.slideupfull .cover {
	top: 160px;
	left: 0;
}

#textarea .matrixblock .matrixbox.slideuphalf .cover {
	top: 110px;
	left: 0;
}

#textarea .matrixblock .matrixbox.slideleft .cover {
	left: 240px;
	top: 0;
}

#background_contentborders.wide #textarea .matrixblock .matrixbox.slideleft .cover {
	left: 235px;
}

#textarea .matrixblock .matrixbox.slideright .cover {
	left: -240px;
	top: 0;
}

#background_contentborders.wide #textarea .matrixblock .matrixbox.slideright .cover {
	left: -235px;
}


/* CONTENT - brands
------------------------------------------------*/
#textarea .brands {
	background: url(/static/img/backgrounds/brands-bg.gif) left top repeat-x;
	padding: 20px;
	margin: 15px 0 8px 0;
	width: 525px;
}

#textarea .brands .logos {
	background: url(/static/img/hrule.png) center bottom no-repeat !important;
	background: none;
	padding: 0 0 6px 0;
	overflow: hidden;
}

#textarea .brands .logo {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	width: 103px;
	height: 48px;
	display: block;
	float: left;
	overflow: hidden;
}

#textarea .brands .logo a {
	width: 103px;
	height: 48px;
	display: block;
	overflow: hidden;
}

#textarea .brands .logo img {
	behavior: url(/static/js/iepngfix.htc);
	margin: -1px 0 0 -1px;
}

#textarea .brands .logo a:hover {
	background: url(/static/img/backgrounds/OPT-hover.png) left -49px no-repeat;
}


/* CONTENT - button line
------------------------------------------------*/
#textarea .buttonline {
	overflow: hidden;
	padding: 12px 0;
}

#textarea .buttonline .button {
	background: url(/static/img/buttons/OPT-buttons.png) left 0 no-repeat;
	height: 22px;
	margin: 0 10px 0 0;
	float: left;
	position: relative;
}

#textarea .buttonline .button.vline {
	background-position: left -22px;
}

#textarea .buttonline .button .buttonright {
	background: url(/static/img/buttons/OPT-buttons.png) right -110px no-repeat;
	height: 22px;
	width: 3px;
	position: absolute;
	right: 0 !important;
	right: -1px;
}

#textarea .buttonline .button a {
	color: #464b50;
	padding: 2px 30px 2px 25px;
	display: block;
}

#textarea .buttonline .button.vline a {
	padding: 2px 30px 2px 36px;
}

#textarea .buttonline a.more {
	background: url(/static/img/icons/OPT-icons.png) 0 0 no-repeat;
}

#textarea .buttonline a.download {
	background: url(/static/img/icons/OPT-icons.png) 0 -22px no-repeat;
}

#textarea .buttonline a.pdf {
	background: url(/static/img/icons/OPT-icons.png) 0 -66px no-repeat;
}


/* CONTENT - linkbox
------------------------------------------------*/
#textarea .linkbox {
	background: url(/static/img/backgrounds/contentarea-linkbox.jpg) center top no-repeat;
	width: 525px;
	padding: 12px 20px 20px 20px;
	margin: 20px 0 0 0 !important;
	margin: 60px 0 0 0;
}

#background_contentborders.wide #textarea .linkbox {
	background: url(/static/img/backgrounds/contentarea-linkbox-wide.jpg) center top no-repeat;
	width: 725px;
}

#textarea .linkbox h3 {
	color: #000;
}

#textarea .linkbox .headline h3 {
	padding: 0 0 15px 0;
}

#textarea .linkbox .links {
	padding: 0 0 12px 0;
}

#textarea .linkbox .links a {
	background: url(/static/img/icons/OPT-linkarrow.gif) left 6px no-repeat;
	color: #143ca0;
	padding: 0 0 0 10px;
	display: inline-block;
}

#textarea .linkbox .links a:hover {
	background-position: left -96px;
	color: #e60a0a;
}

#textarea .linkbox .buttonline {
	padding: 0 0 12px 0;
}



/* --------------------------------------------------------------------- */
/* SIDEBAR																 */
/* --------------------------------------------------------------------- */
#sidebar .hline {
	background: url(/static/img/sidebar-hline.gif) left top no-repeat;
	height: 2px;
	font-size: 0px; /* ie6 */
}

#sidebar .teaser {
	color: #464b50;
	width: 200px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	font-size: 0px;
}

#sidebar .teaser .shadow {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/sidebar-shadow.png) left top repeat-y;
	width: 11px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#sidebar .teaser .shadow.top {
	background: url(/static/img/sidebar-shadow-top.png) left top no-repeat;
}

#sidebar .teaser .text {
	background: #fff;
	width: 179px;
	font-size: 12px;
}

#sidebar .teaser .text h2,
#sidebar .teaser .text h2 a,
#sidebar .teaser .text .header-h2 {
	font-family: 'DINWebPro-Bold', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 19px;
	color: #143ca0;
	padding: 0 0 10px 0;
}

#sidebar .teaser .text.red h2,
#sidebar .teaser .text.red h2 a {
	color: #e60a0a; 
}

#sidebar .teaser .text.blue h2,
#sidebar .teaser .text.blue h2 a {
	color: #143ca0; 
}

#sidebar .teaser.bgimg .text.white h2,
#sidebar .teaser.bgimg .text.white h2 a {
	color: #fff;
}


#sidebar .teaser .text p {
	color: #464b50;
	width: 180px;
	line-height: 16px;
	padding: 0 0 10px 0;
}

#sidebar .teaser.bgimg .text.white p { color: #fff; }
#sidebar .teaser.bgimg .text.red p { color: #e60a0a; }
#sidebar .teaser.bgimg .text.blue p { color: #143ca0; }

#sidebar .teaser.bgimg .image {
	width: 199px;
	overflow: hidden;
}

#sidebar .teaser.imgtext .image,
#sidebar .teaser.bgimg .image {
	background: #fff;
}

#sidebar .teaser.imgtext img,
#sidebar .teaser.bgimg img {
	behavior: url(/static/js/iepngfix.htc);
}

#sidebar .teaser.imgtext .text {
	padding: 6px 10px;
}

#sidebar .teaser.bgimg .text {
	background: none;
	position: absolute;
	top: 10px;
	left: 10px;
}