@charset "utf-8";
/**
 **************************************************
 * Hettich
 * main.css
 *
 * @author:HDNET GmbH & Co. KG
 * @version:3.0
 * @updated:2013-09-09 (BN)
 **************************************************
**/



/**
 **************************************************
 * CSS RESET
 *
 * @description: additional reset on top of normalization
 **************************************************
**/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}



/**
 **************************************************
 HELPER CLASSES
 *
 * @description: helper classes for common problems or quick fixes
 **************************************************
**/
.clearOnly {
	clear:both;
}

.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.noPadding {
	padding:0 !important;
}

.noMargin {
	margin:0 !important;
}

.none {
	display:none !important;
}

.hidden {
	visibility:hidden !important;
}

.error {
	color:red;
	font-weight:bold;
}

.sprite, .sprite a {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/**
 **************************************************
 GENERAL DEFINITIONS
 *
 * @description: basic appearance of common elements
 **************************************************
**/
html {
	height:100%;
	/*Defaults to ~16px across browsers*/
	/*font-size:100.01%;*/
	/*Defaults to ~12px across browsers*/
	font-size:75.01%;
	/*overflow-y:scroll;*/
	background: #ddd;
}

body {
	height:100%;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size:1em;
	line-height:1.5em;
	color:#333;
	background:#ddd;
}

/* Choose another base font for kr_KO */
body.kr_KO {
	font-family:'Malgun Gothic', sans-serif;
}

h1 {
	font-size:2.5em;
	line-height:1em;
	font-weight:normal;
	letter-spacing:-0.01em;
	margin-bottom:0.2em;
	margin-left:-0.05em;
	color:#939fa4;
}

h2 {
	font-size:1.5em;
	line-height:1.1em;
	font-weight:normal;
	margin-bottom:0.2em;
	color:#72838b;
}

h3 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	margin-bottom:0.2em;
	color:#5c7079;
}

h4, h5, h6 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.2em;
	color:#444;
}

h1 span, h2 span {
	display:none;
}

p, ol, ul, dl {
	margin-bottom:1.5em;
}

ul {
	padding-left:1.1em;
	list-style:disc outside;
}

ol {
	padding-left:2.2em;
	list-style:decimal-leading-zero outside;
}

dt {
	font-weight:bold;
}

a {
	color:gray;
	text-decoration:none;
}

a:hover {
	border-bottom:1px dotted gray;
}

a:focus {
    outline: 0 none;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

hr {
	clear:both;
	border-width:0;
	border-bottom:1px dotted #c4c4c4;
}

img {
	max-width:100% !important;
	height:auto !important;	
	vertical-align:top !important;	
}

.lt-ie9 img {
	width:auto;	
}

table {
	margin-bottom:1.5em;
}

table caption {
	font-size:1em;
	font-weight:bold;
	padding:0 0 3px 3px;
}

table tr {
}

table th, table td {
	padding:1px 4px 1px 4px;
	vertical-align:top;
}

table th {
	font-weight:bold;
}

table p {
	margin-bottom:0;
}

form {
	
}

form legend {
	display:none;
}

form label {
	clear:left;
	float:left;
	width:116px;
	padding:2px 2px 3px 2px;
	margin-right:10px;
	text-align:right;
}

form label.checkbox {
	clear:none;
	float:left;
	width:auto;
	padding:2px 2px 3px 2px;
	margin-left:5px;
	text-align:left;
}

form label em {
	font-style:normal;
	color:#e2001a;
}

form input.text,
form textarea,
form select,
form#mailform input[type=text],
form input#searchword,
form input[type=password] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	float:left;
	width:100%;	
	max-width:295px;
	height:1.7em;
	min-height:23px;
	padding:2px 2px 3px 2px;
	border:1px solid #939fa4;
	margin:0 0 15px 0;
	font:inherit;
	color:#4b616a;
}

form select,
form input,
form textarea {
	background-color:#eaeced;
}

form select,
form select option {
	overflow:visible;
}

form select option {
	height:1.7em;
	line-height:1.7em;
}

form textarea {
	height:auto;
    resize: vertical;
}

form input.w1 {
	width:22%;
	max-width:69px;	
	margin-right:15px;
}

form input.w2 {
	width:47%;
	max-width:169px;
}

form input.w3 {
	width:72%;
	max-width:211px;	
}

form input.checkbox,
form input.radio {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	border:0 none;
	margin:2px 1px 5px 1px;
	background-color:transparent;
}

form input.checkbox {
	margin:3px 3px 0 1px;
}

form input.checkbox.last {
	margin-bottom:15px;
}

/* Selects with a defined size (listboxes) */
form select.listbox {
	height:auto;
}

form input.submit,
form input.reset,
form input.button,
form button.submit,
form button.reset {
	float:left;
	padding:3px 8px 2px 15px;
	border:1px solid #4b616a;
	border-radius:3px;
	margin:0 0 15px 0;
	font-weight:bold;
	color:#fff;
	background-color:#72838b;
	background-image: url(/fileadmin/templates/img/ico-arrow-white-small.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor:pointer;
}

form input.reset {
	padding-left:0;
	border:0;
	border-radius:0;
	text-decoration:underline;
	color:#72838b;
	background:none;
}

form p {
	clear:left;
	margin-bottom:0;
}



/**
 **************************************************
 LAYOUT
 *
 * @description:building the design
 **************************************************
**/
#page {
	position:relative;
	width:100%;
	max-width:980px;
	/*max-width:1200px;*/
	/* BEN: This is probably a good alternative */
	/*max-width:100em;*/
	margin:0 auto;
	background-color:#fff;
	box-shadow:0 5px 80px rgba(0,0,0,0.2);
}

/* BEN: No responsiveness for IE8 */
.lt-ie9 #page {
	width:980px;
}

#header,
#contentArea,
#footer {
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}

#header {
	/* BEN: Minimize http-requests
	background:#939fa4 url(/fileadmin/templates/img/header-bg.png) repeat-x;
	*/
	border-top:10px solid #939fa4;
	background-color: #fff;
	z-index:998;
}

#header > nav {
	padding-top:80px;
}

#logo {
	position:absolute;
	top:5px;
	right:4.1%;	
	width:250px;
	height:65px;
	overflow:hidden;
}

ul#navMain {
	position:relative;
	padding:0 0 0 4.1%;
	background-color:#939fa4;
	/* BEN: Disable stretching to full width to not trigger hover on empty space. Problem: navSub won't fill 100% either... */
	/*display:inline-block;
	vertical-align:top;*/
}

ul#navMobile {
	display:none;
	position:relative;
	padding:0 0 0.01em;
	margin-bottom:0;
	font-size:0.9em;
	background-color:#939fa4;
	z-index:3333;
}

#searchbox {
	position:absolute;
	top:45px;
	left:4.1%;	
	width:160px;
	padding:0;
	margin:0;
}

#imageArea {
	position:relative;
	width:100%;
	overflow:hidden;
}

/* BEN: Hide it completely except on homepage */
#imageArea {
	display:none;
}
#page.home #imageArea {
	display:block;
}
/* :NEB */

#contentArea {
	padding:0 4.1% 2.05%;
	margin:0 0 2.05% 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 4.1%, #eaeced 4.1%, #eaeced 25.7%, #ffffff 25.7%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(4.1%,#ffffff), color-stop(4.1%,#eaeced), color-stop(25.7%,#eaeced), color-stop(25.7%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 4.1%,#eaeced 4.1%,#eaeced 25.7%,#ffffff 25.7%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 4.1%,#eaeced 4.1%,#eaeced 25.7%,#ffffff 25.7%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 4.1%,#eaeced 4.1%,#eaeced 25.7%,#ffffff 25.7%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#ffffff 4.1%,#eaeced 4.1%,#eaeced 25.7%,#ffffff 25.7%,#ffffff 100%); /* W3C */
}

#page.home #contentArea {
	background-image:none !important;
}

#primaryContent,
#secondaryContent {
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

#secondaryContent {
	float:left;
	width:23.5%;	
	min-height:150px;
	margin-right:2%;
}

ul#navSub {
	padding:30px 0 0 0;
	margin-bottom:0;
	list-style:none;
	/* BEN: Minimize http-requests...
	background:transparent url(/fileadmin/templates/img/nav-sub-bg.png) repeat-x;
	*/
	background: #eaeced; /* Old browsers */
	background: -moz-linear-gradient(top,  #bbbdbe 0px, #eaeced 30px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#bbbdbe), color-stop(30px,#eaeced)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bbbdbe 0px,#eaeced 30px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bbbdbe 0px,#eaeced 30px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bbbdbe 0px,#eaeced 30px); /* IE10+ */
	background: linear-gradient(to bottom,  #bbbdbe 0px,#eaeced 30px); /* W3C */

}

#primaryContent {
	float:left;
	width:74.5%;
	min-height:150px;
}

#page.home #primaryContent {
	float:none;
	width:100%;	
}

ul#navBreadcrumb {
	width:100%;
}

#page.home ul#navBreadcrumb {
	visibility:hidden;
}

#footer {
	background:#fff;
}

#copyright {
	position:relative;
	padding:1.5em 0 1em 0;
	border-top:1px dotted #556169;
	margin:0 4.1% 1em;
	text-align:right;
}

ul#navMisc {
	position:relative;
	padding:0 17.5em 0 4.1%;
	margin-bottom:4px;
}

ul#navLang {
	position:absolute;
	top:3.5em;
	right:4.1%;	
}

#cookieWarning {
	position:relative;
	padding:0.5em 4.1%;
	background:#ddd;
}



/**
 **************************************************
 LAYOUT SPECIFIC (LOGO,NAVIGATION,SEARCHBOX...)
 *
 * @description:detailed formatting of the basic elements
 **************************************************
**/
#logo a {
	border:0;
}

#logo img {
	float:right;
	width:auto;
	max-width:none !important;
}

/* Special freaky workaround regarding rtl */
body.rtl #logo img {
	float:none;	
}

ul#navMain {
	margin-bottom:0;
	list-style:none;
	z-index:999;
}

ul#navMain li {
	position:relative;
	float:left;
	height:2em;
	border-right:1px dotted #eaeced;
}

ul#navMain li.last {
	border-right:0;
}

ul#navMain a {
	display:block;
	height:1.6em;
	padding:0 20px;
	border:0 none;
	font-size:1.25em;
	line-height:1.6em;
	color:#fff;
}

ul#navMain li:hover a,
ul#navMain li.hover a,
ul#navMain li.act a {
	background-color:#c1cacd;
	color:#333;
}

ul#navMain ul {
	position:absolute;
	top:2em;
	left:-1px;
	min-width:11.5em;
	display:none;
	padding:10px 20px 15px 20px;
	margin-bottom:0;
	list-style:none;
	background-color:#c1cacd;
	box-shadow:0 5px 20px rgba(0,0,0,0.8);
}

ul#navMain li:hover ul {
	z-index:1111;
}

ul#navMain li:hover a {
	position:relative;
	z-index:2222;	
}

.no-js ul#navMain li:hover ul {
	display:block;
}

ul#navMain li li {
	position:relative;
	float:none;
	height:auto;
	border-right:0;
	border-bottom:1px dotted #fff;
}

ul#navMain li li.last {
	border-bottom:0;
}

ul#navMain li:hover li a,
ul#navMain li.hover li a,
ul#navMain li li a {
	height:auto;
	padding:8px 0 7px 2px;
	font-size:1.1em;
	line-height:20px;
	color:#333;
}

ul#navMain li:hover li:hover a,
ul#navMain li.hover li.hover a,
ul#navMain li.act li.act a {
	color:#000;
}

ul#navMain li.act li.act a {
	/*font-weight:bold;*/
	color:#fff;
}

ul#navMobile ul {
	padding-left:0;
	margin-bottom:1em;
	display:none;
}

ul#navMobile li {
	position:relative;
}

ul#navMobile a,
ul#navMobile span {
	display:inline-block;
}

ul#navMobile li.label {
	padding:0 4.1%;
}

ul#navMobile li.label > ul {
	margin:0 -4.1%;	
}

ul#navMobile li.label span {
	height:1.6em;
	padding-left:20px;
	font-size: 1.25em;
	line-height: 1.6em;
	color:#fff;
	background:transparent url(/fileadmin/templates/img/ico-nav-mobile.png) no-repeat left center;
	cursor:pointer;		
}

ul#navMobile li.label.expanded {
	/* BEN: Minimize http-requests...
	background:#eaeced url(/fileadmin/templates/img/nav-sub-bg.png) repeat-x;
	*/
	background: #eaeced; /* Old browsers */
	background: -moz-linear-gradient(top,  #bbbdbe 0px, #eaeced 30px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#bbbdbe), color-stop(30px,#eaeced)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bbbdbe 0px,#eaeced 30px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bbbdbe 0px,#eaeced 30px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bbbdbe 0px,#eaeced 30px); /* IE10+ */
	background: linear-gradient(to bottom,  #bbbdbe 0px,#eaeced 30px); /* W3C */
}

ul#navMobile li.label.expanded span {
	color:#5c707a;
	background-image: url(/fileadmin/templates/img/ico-nav-mobile-collapse.png);
}

ul#navMobile >li > ul > li {
	border-bottom:1px dotted #5c707a;
}

ul#navMobile ul li {
	font-size:1.2em;
	line-height:100%;
	padding-left:4.1%;	
}

ul#navMobile ul ul  {
	margin-left:-4.1%;
}

ul#navMobile ul ul li {
	font-size:0.9em;	
}

ul#navMobile ul ul ul li {
	font-size:0.85em;	
}

ul#navMobile ul li.ifsub {
	background:transparent url(/fileadmin/templates/img/ico-add-gray.png) no-repeat 95.9% 1em;	
}

ul#navMobile ul ul li.ifsub {
	background:transparent url(/fileadmin/templates/img/ico-add-gray.png) no-repeat 95.9% 0.5em;	
}

ul#navMobile ul li.ifsub.expanded {
	background-image:url(/fileadmin/templates/img/ico-remove-gray.png);	
}

ul#navMobile ul > li:hover {
	background-color:#f1f1f1 !important;	
}

ul#navMobile ul > li:hover ul > li:hover {
	background-color:#f7f7f7 !important;
}

ul#navMobile ul > li:hover ul > li:hover ul > li:hover {
	background-color:#ffffff !important;	
}

ul#navMobile ul li a:hover:before {
	content: url(/fileadmin/templates/img/ico-arrow-gray-small.png);
	position:absolute;
	top:9px;
	left:6px;
	margin-left:4.1%;
}

ul#navMobile ul ul a:hover:before {
	top:3px;
	left:17px;
}

ul#navMobile ul ul ul a:hover:before {
	top:3px;
	left:29px;
}

ul#navMobile ul a {
	padding:11px 0 11px 20px;
	border:0;
	color:#5c707a;
}

ul#navMobile ul ul a {
	padding: 4px 0 4px 30px;
	margin: 0 1px;
	color: #838D91;
}

ul#navMobile ul ul ul a {
	padding: 4px 0 4px 40px;
	margin: 0 1px;
	color: #838D91;
}

ul#navMobile ul li.act > a {
	color:#00579c;
}

form#searchbox label {
	display:none;
}

form#searchbox input.text {
	float:left;
	width:132px;
	height:19px;
	padding:0 2px 1px 2px;
	border:1px solid #cacaca;
	margin:0;
}

form#searchbox input.submit {
	float:left;
	width:23px;
	height:23px;
	padding:0;
	border:0;
	margin:0;
	cursor:pointer;
	background:#fff url(/fileadmin/templates/img/submit-searchbox.png) center center no-repeat;
}

form#searchbox a {
	font-size:0.9em;
	color:#fff;
	border-color:#fff;
}

ul#navSub li {
	position:relative;
}

ul#navSub li a {
	display:block;
	padding:11px 0;
	border:0;
	border-top:1px dotted #5c707a;
	margin:0 20px;
	font-size:1.2em;
	line-height:1em;
	color:#5c707a;
}

ul#navSub li a:hover:before,
ul#navSub li.act > a:before {
	content: url(/fileadmin/templates/img/ico-arrow-gray-small.png);
	position:absolute;
	top:10px;
	left:6px;
}

ul#navSub ul a:hover:before,
ul#navSub ul li.act > a:before {
	top:3px;
	left:17px;
}

ul#navSub ul ul a:hover:before,
ul#navSub ul ul li.act > a:before {
	top:3px;
	left:29px;
}

ul#navSub ul {
	padding:0 0 10px 0;
	margin-bottom:0;
	list-style:none;
}

ul#navSub li.ifsub > a {
	padding-bottom:4px;
}

ul#navSub li.first > a {
	border-top:0;
}


ul#navSub ul li a {
	padding:4px 0 4px 30px;
	border-top:0;
	margin:0 1px;
	font-size:1.1em;
	color:#838d91;
}

ul#navSub ul li a:hover,
ul#navSub ul li.act > a {
	background:#fff;
}

ul#navSub ul ul li a {
	padding:4px 0 4px 42px;
	font-size:0.9em;
}

ul#navSub ul ul li a:hover,
ul#navSub ul ul li.act > a {
	background:#fff;
}

/* Link to the global page on microsites */
a#global {
	display:block;
	height:16px;
	padding:6px 5px 4px 20px;
	border:0;
	border-radius:15px;
	margin:10px 20px 0 20px;
	font-size:1em;
	line-height:100%;
	font-weight:bold;
	color:#5c707a;
	background:rgba(255,255,255,0.5) url(/fileadmin/templates/img/ico-arrow-gray-small.png) no-repeat left center;
}

ul#navBreadcrumb {
	height:1.35em;
	padding:8px 0 12px 0;
	margin-bottom:0;
	list-style:none;
	font-size:0.9em;
	line-height:1.1em;
	color:#939fa4;
}

ul#navBreadcrumb li {
	float:left;
	margin-right:8px;
}

ul#navBreadcrumb li.last {
	margin-right:0;
}

ul#navBreadcrumb a {
	border:0;
	margin-right:5px;
	color:#939fa4;
}

p#copyright {
	margin-bottom:0;
	font-size:0.9em;
	color:#939fa4;
}

ul#navMisc {
	font-size:0.9em;
	line-height:1.1em;
	list-style:none;
}

ul#navMisc li {
	float:left;
	padding-right:12px;
	border-right:1px solid #939fa4;
	margin-right:12px;
	margin-bottom:0.4em;
	color:#939fa4;
}

ul#navMisc li.first {
	padding-left:12px;
	border-left:1px solid #939fa4;
}

ul#navMisc li.textMagnify {
	height:1.1em;
	font-size:1.8em;
	line-height:0.4em;
	cursor:pointer;
}

ul#navMisc li.textMagnify span {
	font-size:0.8em;
	margin-top:0.2em;
}

/* Social icons */
ul#navMisc li.het125,
ul#navMisc li.fb,
ul#navMisc li.tw,
ul#navMisc li.yt,
ul#navMisc li.xi {
	padding-right:0;
	border-right:0;
}

ul#navMisc li.het125 a,
ul#navMisc li.fb a,
ul#navMisc li.tw a,
ul#navMisc li.yt a,
ul#navMisc li.xi a {
	position:relative;
	top:-12px;
	display:block;
	width:24px;
	height:24px;
	text-indent:-9999px;
	background-color:#fff;
	background-repeat:no-repeat;
	overflow:hidden;
}

ul#navMisc li.het125 a {
	width:30px;
	background-image:url(/fileadmin/templates/img/ico-het125-w30.png);	
}

ul#navMisc li.fb a {
	background-image:url(/fileadmin/templates/img/ico-fb.png);
	/*background-image: url(/fileadmin/templates/img/ico-fb.svg), none;
	background-size: 24px 24px;*/
}

ul#navMisc li.tw a {
	background-image:url(/fileadmin/templates/img/ico-tw.png);
}

ul#navMisc li.yt a {
	background-image:url(/fileadmin/templates/img/ico-yt.png);
	/*background-image: url(/fileadmin/templates/img/ico-yt.svg), none;
	background-size: 24px 24px;*/
}

ul#navMisc li.xi a {
	background-image:url(/fileadmin/templates/img/ico-xi.png);
	/*background-image: url(/fileadmin/templates/img/ico-xi.svg), none;
	background-size: 24px 24px;*/
}

ul#navMisc li.last {
	padding-right:0;
	border-right:0;
	margin-right:0;
}

ul#navMisc a {
	color:#939fa4;
	border:0;
}

ul#navLang {
	font-size:0.9em;	
}

ul#navLang,
ul#navLang ul {
	/*width:135px;*/
	min-width:11.25em;
	padding-left:0;
	margin-bottom:0;
	list-style:none;
	line-height:1.5em;
}

ul#navLang li {
	position:relative;
	padding:2px 1px 3px 5px;
	white-space:nowrap;
}

ul#navLang li.divider {
	height:0;
	line-height:0;
	/*border-bottom:1px dotted #556169;*/
}

ul#navLang li#curLang {
	padding-left:18px;
	text-align:right;
	color:#939fa4;
	background:#fff url(/fileadmin/templates/img/ico-triangle-small-down.png) no-repeat left center;
	/*background-color:#eaeced;*/
}

ul#navLang li#curLang:hover,
ul#navLang li#curLang.hover {
	/*background-color:#eaeced;*/
	cursor:pointer;
}

.no-js ul#navLang li#curLang:hover ul {
	display:block;
}	

ul#navLang ul {
	display:none;
	position:absolute;
	right:0;
	bottom:1.75em;
	min-width:17.5em;
	border-bottom:2px solid #fff;
	background:#fff;
}

ul#navLang a {
	color:#939fa4;
	border:0;
}

ul#navLang a:hover {
	color:#5c707a;
}

#cookieWarning p {
	margin-bottom:0;
	font-size:0.9em;
	line-height:1.4em;
}

#cookieWarning a {
	color:#6a7a81;
	border:0;
}



/**
 **************************************************
 CSS STYLED CONTENT
 *
 * @description:just a copy from the extension output
 * @beware:margins to text that are set here have to be changed in TS constants too
 **************************************************
**/
div.csc-textpic-caption-c .csc-textpic-caption {
	text-align:center;
}

div.csc-textpic-caption-r .csc-textpic-caption {
	text-align:right;
}

div.csc-textpic-caption-l .csc-textpic-caption {
	text-align:left;
}

/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
	float:left;
	display:inline;
}

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border:2px solid black;
	padding:0 0;
}

div.csc-textpic-imagewrap {
	padding:0;
	margin-top:0.4em !important;
	margin-bottom:1.5em !important;
}

div.csc-textpic img {
	border:0 none;
}

/* DIV:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	float:left;
}

/* ul:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul {
	list-style:none;
	margin:0;
	padding:0;
}

div.csc-textpic div.csc-textpic-imagewrap ul li {
	float:left;
	margin:0;
	padding:0;
}

/* DL:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float:left;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
	float:none;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
	float:none;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
	border:0 none;
}

/* FE-Editing Icons */
dl.csc-textpic-image {
	margin:0;
}

dl.csc-textpic-image dt {
	margin:0;
	display:inline;
}

dl.csc-textpic-image dd {
	margin:0;
}

/* Clearer */
div.csc-textpic-clear {
	clear:both;
}

/* Margins around images:*/

/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:20px !important;
}

/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:20px;
}

/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:20px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin:0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin:0;
}

/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:10px;
}

div.csc-textpic-equalheight div.csc-textpic-imagerow {
	margin-bottom:0;
	display:block;
}

div.csc-textpic div.csc-textpic-imagerow {
	clear:both;
}

div.csc-textpic div.csc-textpic-imagerow div.csc-textpic-image {
	margin-bottom:10px;
}

/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {

	margin-left:0 !important;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right:0 !important;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:20px !important;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:20px !important;
}

/* Positioning of images:*/

/* Above */
div.csc-textpic-above div.csc-textpic-text {
	clear:both;
}

/* Center (above or below) */
div.csc-textpic-center {
	text-align:center; /* IE-hack */
}

div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 auto;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	text-align:left; /* Remove IE-hack */
}

div.csc-textpic-center div.csc-textpic-text {
	text-align:left; /* Remove IE-hack */
}

/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
	float:right;
}

div.csc-textpic-right div.csc-textpic-text {
	clear:right;
}

/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
	float:left;
}

div.csc-textpic-left div.csc-textpic-text {
	clear:left;
}

/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	float:left;
}

/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	float:right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	float:right;
	clear:both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
	height:1%;
}

/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	float:left;
	clear:both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
	height:1%;
}

/* End hide from IE5/mac */
div.csc-textpic div.csc-textpic-imagerow-last {
	margin-bottom:0;
}

div.csc-textpic div.csc-textpic-imagerow-last div.csc-textpic-image {
	margin-bottom:0;
}

div.csc-textpic-center div.csc-textpic-imagewrap,
div.csc-textpic div.csc-textpic-imagerow,
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	width:auto !important;
	max-width:100% !important;	
}



/**
 **************************************************
 CSS STYLED CONTENT SPECIALS
 *
 * @description:formatting of more specific csc-output
 **************************************************
**/
#imageArea div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	float:none;	
}

div.csc-header {
	clear:both;
}

div.csc-textpic-image a {
	border:0;
}

p.csc-textpic-caption {
	color:#939fa4;
}

div.indent {
	margin-left:50px;
}

td.csc-uploads-icon {
	padding:4px;
}

td.csc-uploads-icon a {
	border:0 none;
}

/* Tables */
.contenttable {
	margin-bottom:1em;
	background:#efefef;
}

.contenttable-2 th {
	background:#b50027;
	font-weight:bold;
	text-transform:uppercase;
}

.contenttable-2 td {
	background:#9abb87;
}

.contenttable-3 {
	width:100%;
	color:#fff;
}

.contenttable-3 caption {
	text-align:right;
	color:#222;
}

.contenttable-3 th, .contenttable-3 td {
	border:2px solid #222;
}

.contenttable-3 th {
	font-weight:bold;
	text-transform:uppercase;
	background:#333;
}

.contenttable-3 th.td-0, .contenttable-3 td.td-0 {
	width:10%;
}

.contenttable-3 th.td-1, .contenttable-3 td.td-1, .contenttable-3 th.td-2, .contenttable-3 td.td-2, .contenttable-3 th.td-3, .contenttable-3 td.td-3 {
	width:30%;
}

.contenttable-3 tr.tr-even {
	background:#444;
}

.contenttable-3 tr.tr-odd {
	background:#555;
}

/* CSC-Uploads */
table.csc-uploads {
	background:none;
	border:0 none;
}

table.csc-uploads th, table.csc-uploads td {
	border:0 none;
}

table.csc-uploads td.csc-uploads-fileSize {
	padding-left:1em;
}

/* Sitemap */
.csc-sitemap {
	padding-right:115px;
	font-size:1.2em;
	margin-bottom:1.5em;
}

.csc-sitemap ul {
	margin-bottom:0.7em;
	font-size:0.95em;
}

.csc-sitemap li {

}

.csc-sitemap span {
	color:#939fa4;
}

/* Standard frames */
/* They're hidden via TCA. Can't be used */
/*
div.csc-frame {
}

div.csc-frame-frame1 {
	padding:5px;
	border:10px solid #999;
	margin-bottom:16px;
}

div.csc-frame-frame2 {
	padding:5px;
	border:10px solid #B50027;
	margin-bottom:16px;
}

div.csc-frame-rulerBefore {
	border-top:1px solid #999;
}

div.csc-frame-rulerAfter {
	border-bottom:1px solid #999;
	margin-top:-1.5em;
	margin-bottom:1.5em;
}

div.csc-frame-indent {
	margin-left:50px;
}

div.csc-frame-indent3366 {
	margin-left:33%;
}

div.csc-frame-indent6633 {
	margin-left:66%;
}
*/

/* Special frames */
/* BEN: Removed the tag-dependance as editors can now choose which semantic tag to use... */

/* "Breite einschränken" */
.indentRight {
	padding-right:11%;
}

/* "Graue/Hellgraue Box" */
.grayBox,
.silverBox {
	padding:10px;
	margin-bottom:20px;
	background:#939fa4;
}

.silverBox {
	padding:10px 15px;
	background:#eaeced;
}

.silverBox ul {
	padding-bottom:10px;
	padding-left:0;
	border-bottom:1px dotted #939fa4;
	margin-bottom:10px;
	list-style:none;
}

.silverBox ul li a {
	/*border:0;*/
	color:#5c7079;
}

.silverBox p {
	margin: 0 10px;
}

.silverBox p.arrow {
	margin: 0;
}


.grayBox h1,
.grayBox h2,
.grayBox h3 {
	color:#fff;
}

.grayBox p,
.grayBox ol,
.grayBox ul,
.silverBox p,
.silverBox ol,
.silverBox ul {
	margin-bottom:0;
}

.grayBox a {
	color:#000;
	border-color:#000;
}

.silverBox div.csc-textpic-intext-left div.csc-textpic-imagewrap,
.silverBox div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:10px !important;
}

/* "Akkordion Element" */
.accordion {
}

.accordion h3.trigger {
	display:block;
	line-height:100%;
	padding:2px 0 2px 20px;
	border-top:1px solid #fff;
	margin:0;
	background:#b4bfc3 url(/fileadmin/templates/img/ico-triangle-right.png) no-repeat left center;
	cursor:pointer;
}

.accordion h3.act {
	background-image:url(/fileadmin/templates/img/ico-triangle-down.png);
	background-position: left center;
}

.accordion .fce.linkbox {
	margin-bottom:0;
	display:none;
}

/* "Zufälliges Bild" */
.randomImage {
}

.randomImage div.csc-textpic-imagewrap,
.randomImage div.csc-textpic-image {
	margin:0 !important;
}

.randomImage img {
	/* Will be faded in by jquery */
	display:none;
}

.no-js .randomImage img {
	display:block;	
}

/* Round corners */
.roundCorners .linkbox {
	border-radius:5px;
}



/**
 **************************************************
 LAYOUT SPECIFIC CHANGES OF BASE FORMATS
 *
 * @description:overwrite base formats depending on layout
 * @example:make text smaller in secondary content area
 **************************************************
**/



/**
 **************************************************
 FCES
 *
 * @description:formatting of flexible content elements
 **************************************************
**/
/* FCE - Image */
.fce.image {

}

.fce.image a {
	border:0;
}

/* Tooltipster */
.tooltipster-light {
	border-radius: 5px;
	border: 1px solid #cccccc;
	background: #ddd;
	color: #6a7a81;
}

.tooltipster-light .tooltipster-content {
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding: 8px 10px;
}



/* FCE - Frontrow (new since 2013) */
.fce.frontrow {
	background-color:#4b626a;
}

.fce.frontrow ul {
	padding-left:0;
	margin-bottom:0;
	list-style:none;	
}

.fce.frontrow .viewport {
	position:relative;	
	/*margin-bottom:1.5em;*/
}

.fce.frontrow ul.items > li {
	position:relative;	
	width:100%;	
}

.fce.frontrow .txt {
	position:absolute;
	top:4.1%;
	left:4.1%;
	width:50.9%;
}

.fce.frontrow .txt h1,
.fce.frontrow .txt h2,
.fce.frontrow .txt h3,
.fce.frontrow .txt p,
.fce.frontrow .txt ul,
.fce.frontrow .txt ol {
	color:#fff;
}

.fce.frontrow .txt h2 {
	font-size:2.5em;	
}

.fce.frontrow .txt a.more {
	display:inline-block;
	height:2em;
	padding:0 8px 0 15px;
	border:0;
	border-radius:3px;
	margin:0;
	font-weight:bold;
	line-height:2em;
	color:#fff;
	background-color:#939fa4;
	background-image: url(/fileadmin/templates/img/ico-arrow-white-small.png);
	background-repeat:no-repeat;
	background-position: left center;
	cursor:pointer;	
}

.fce.frontrow .pager {
	position:absolute;
	bottom:4.1%;
	left:4.1%;
	padding:0;
	font-size:1.5em;
	color:#fff;
	z-index:999;
}

.fce.frontrow .pager a {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	line-height:1.4em;
	border-radius:3px;
	margin-right:0.5em;
	text-align:center;
	color:#fff;	
	background-color:#939fa4;
	/*box-shadow:0 5px 10px rgba(0,0,0,0.2);*/
	cursor:pointer;
	opacity:0.5;
}
html.no-opacity .fce.frontrow .pager a {
	color:#eee;	
	background-color:#b3bbbf;
}

.fce.frontrow .pager a:hover {
	border-bottom:0;	
}

.fce.frontrow .pager a.act {
	opacity:1;	
}
html.no-opacity .fce.frontrow .pager a.act {
	color:#fff;
	background-color:#5f6a70;
}



/* FCE - Showroom (new since 2013) */
.fce.showroom {

}

.fce.showroom ul {
	padding-left:0;
	margin-bottom:0;
	list-style:none;	
}

.fce.showroom .controls {
	position:relative;
	padding:0 30px;
	/*border-radius:5px;*/
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	/*margin-bottom:20px;*/
	background-color:#b4bfc3;
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
}

.fce.showroom .controls > div {
	padding:10px 10px 0;
	overflow:hidden;	
}

.fce.showroom ul.thumbs {
	width:99999em;
}

.fce.showroom ul.thumbs li {
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer;
}

.fce.showroom ul.thumbs li.act {
	box-shadow:0 0 5px 2px rgba(255,255,255,0.8);
}

.lt-ie9 .fce.showroom ul.thumbs li {
	padding:1px;
}

.lt-ie9 .fce.showroom ul.thumbs li.act {
	background-color:#fff;
}

.fce.showroom ul.thumbs li img {
	border-radius:3px;	
}

.fce.showroom .viewport {
	position:relative;
	margin-bottom:1.5em;	
}

.fce.showroom ul.media > li {
	width:100%;	
}

/* Force old images to fit width */
.fce.showroom ul.media img {
	width:100%;	
}

/* Video placeholder */
.fce.showroom ul.media .placeholder {
	width:100%;
	height:360px;
	background:#000;
}

.fce.showroom .caption {
	padding:5px 20px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	margin-bottom:0;
	/*text-align:center;*/
	color:#fff;
	background-color:#b4bfc3;
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
}

.fce.showroom .caption a {
	padding-left:15px;
	background-image: url(/fileadmin/templates/img/ico-arrow-white-small.png);
	background-repeat: no-repeat;
	background-position: left center;
	color:#fff;	
}

/*
.fce.showroom .caption a:hover {
	border-bottom:1px dotted #fff;
}
*/

.fce.showroom a.prev,
.fce.showroom a.next {
	position:absolute;
	top:30%;
	display:block;
	width:22px;
	height:34px;
	cursor:pointer;
	z-index:222;
}

.fce.showroom .viewport a.prev,
.fce.showroom .viewport a.next {
	top:0;
	/* BEN: Making it bigger would make controlling the videos impossible */
	width:30%;
	height:75%;	
	/* BEN: These just don't work across devices. Out. */
	display:none;
}

.fce.showroom a.prev {
	left:5px;
	background:transparent url(/fileadmin/templates/img/showroom-controls-prev.png) left top no-repeat;
}

.fce.showroom a.next {
	right:5px;
	background:transparent url(/fileadmin/templates/img/showroom-controls-next.png) left top no-repeat;
}

.fce.showroom .viewport a.prev {
	left:0;
	background:transparent url(/fileadmin/templates/img/showroom-prev.png) left center no-repeat;
}

.fce.showroom .viewport a.next {
	right:0;
	background:transparent url(/fileadmin/templates/img/showroom-next.png) right center no-repeat;
}

.fce.showroom a:hover {
	border-bottom:0;
}



/* FCE - Linkbox */
.fce.linkbox {
	padding:10px 15px 0 15px;
	margin-bottom:20px;
	background:#eaeced;
}

.fce.linkbox ul {
	padding-bottom:10px;
	padding-left:0;
	border-bottom:1px dotted #939fa4;
	margin-bottom:10px;
	list-style:none;
}

.fce.linkbox ul li {
	padding-left:20px;
	/*line-height:20px;*/
	line-height:1.2em;
	margin-bottom:0.4em;
}

.fce.linkbox ul li a {
	/*border:0;*/
	color:#5c7079;
}

.fce.linkbox .media a {
	border:0;
}

.fce.linkbox ul li a.mov {
	border:0;
}

.fce.linkbox ul.default li {
	background:transparent url(/fileadmin/templates/img/ico-arrow-boxed.png) no-repeat left center;
}

.fce.linkbox ul.mail li {
	background:transparent url(/fileadmin/templates/img/ico-mail.png) no-repeat left center;
}

.fce.linkbox ul.pdf li {
	background:transparent url(/fileadmin/templates/img/ico-pdf.png) no-repeat left center;
}

.fce.linkbox ul.media li {
	position:relative;
	float:left;
	padding-left:0;
	margin:0 5px 5px 0;
	line-height:0;
}

.fce.linkbox ul li.inherit {
	/* Take icon defined in parent element */
}

.fce.linkbox ul li.arrow {
	background:transparent url(/fileadmin/templates/img/ico-arrow-boxed.png) no-repeat left center;
}

.fce.linkbox ul li.mail {
	background:transparent url(/fileadmin/templates/img/ico-mail.png) no-repeat left center;
}

.fce.linkbox ul li.pdf {
	background:transparent url(/fileadmin/templates/img/ico-pdf.png) no-repeat left center;
}

.fce.linkbox ul li.media {
	background:transparent url(/fileadmin/templates/img/ico-media.png) no-repeat left center;
}

.fce.linkbox ul.last {
	border-bottom:0;
	margin-bottom:0;
}



/* FCE - Modules */
.module {
	border-radius:5px;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	overflow:hidden;
}

h3.moduleHeader,
h3.moduleFooter {
	padding:6px 6px 6px 7px;
	margin-bottom:0;
	font-size:1.1em;
	line-height:100%;
	color:#fff;
	background:#939fa4;
}

div.moduleHeader,
div.moduleFooter {
	height:1px;
	background:#939fa4;
}

div.moduleHeader {
	background:#ddd;
}

.module h3 a {
	display:block;
	padding-left:15px;
	border-bottom:0;
	color:#fff;
	background:url(/fileadmin/templates/img/ico-arrow-white.png) no-repeat scroll left center transparent;
}

.moduleBody {
	padding:10px;
	color:#000;
}

/* Standard header inside of a module */
.moduleBody .csc-header h1,
.moduleBody .csc-header h2,
.moduleBody .csc-header h3 {
	top:-1px;
	margin-bottom:14px;
	color:#fff;
}

.moduleBody p,
.moduleBody ol,
.moduleBody ul {
	margin-bottom:0;
}

/* Frame: grayBox/silverBox inside of a module */
.moduleBody .grayBox,
.moduleBody .silverBox {
	margin-bottom:0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px 10px 10px 4px;
}

/* BEN: Special list defined for RTE */
.moduleBody ul.linklist {
	padding-left:0;
	margin-top:0.75em;
	list-style:none;
	color:#fff;
}

.moduleBody ul.linklist li {
	padding-left:15px;
	line-height:1.6em;
	background:transparent url(/fileadmin/templates/img/ico-arrow-white.png) no-repeat left center;
}

.moduleBody ul.linklist li a {
	border-bottom:0;
	color:#fff;
}
/* :NEB */

/* Please note that the thickness values on the two border values will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
.moduleBodyWrap {
	border-left:1px solid #939fa4;
	border-right:1px solid #939fa4;
	background:#939fa4;
}

/* Special background for moduleBody on home */
#page.home .moduleBodyWrap {
	background:#ddd;
}

.unframed .moduleBody, .unframed .moduleBodyWrap {
	padding:0;
	border:0;
}

.moduleBodyBleed {
	/* BEN:Padding of zero leads to a bug in FF! (The margin of contained <p>s breaks the module-border) */
	/* Ignore for now (seems to be fixed in FF 3.6.8) */
	padding:0;
	/* BEN:This crazy fix will make it work as expected... */
	/*padding:1px;
	margin:-1px;*/
}

/* Make sure ALL images inside a bleeding module don't have margins */
.moduleBodyBleed div.csc-textpic-imagewrap {
	margin:0 !important;
}

/* Images inside modules always full-sized */
.moduleGroup > .module img {
	width:100%;	
}



/* FCE - Columns */
.columnGroupRule {
	border-bottom:1px solid #c4c4c4;
}

/* Column & Module width overrides */
/* NOTE that modules are only supported with an even distribution! */
/* Never used differently anyway */

.columnGroup,
.moduleGroup {
	margin-bottom:0;
}

.columnGroup > .column,
.moduleGroup > .module {
	margin-bottom:2%;
}

/* Debug */
/*
.columnGroup > .column,
.moduleGroup > .module {
	background:rgba(31,255,31,0.1);
}
*/

.singleModule > .module {
	width:100% !important;	
}

.moduleGroup.dualModuleGroup > .module,
.columnGroup.columnDistribution1212 > .column,
.columnGroup.columnDistribution121414 > .c1,
.columnGroup.columnDistribution141214 > .c2,
.columnGroup.columnDistribution141412 > .c3 {
	width:49% !important;
}
.columnGroup.columnDistribution2313 > .c1,
.columnGroup.columnDistribution1323 > .c2 {
	width:66% !important;
}
.moduleGroup.tripleModuleGroup > .module,
.columnGroup.columnDistribution131313 > .column,
.columnGroup.columnDistribution2313 > .c2,
.columnGroup.columnDistribution1323 > .c1 {
	width:32% !important;
}
.moduleGroup.quadModuleGroup > .module,
.columnGroup.fourColumnGroup > .column,
.columnGroup.columnDistribution1434 > .c1,
.columnGroup.columnDistribution3414 > .c2,
.columnGroup.columnDistribution121414 > .c2,
.columnGroup.columnDistribution121414 > .c3,
.columnGroup.columnDistribution141214 > .c1,
.columnGroup.columnDistribution141214 > .c3,
.columnGroup.columnDistribution141412 > .c1,
.columnGroup.columnDistribution141412 > .c2 {
	width:23.5% !important;
}
.columnGroup.columnDistribution1434 > .c2,
.columnGroup.columnDistribution3414 > .c1 {
	width:74.5% !important;
}
.moduleGroup.tripleModuleGroup > .module1,
.moduleGroup.quadModuleGroup > .module1,
.moduleGroup.quadModuleGroup > .module2,
.columnGroup.columnCount3 > .c1,
.columnGroup.fourColumnGroup > .c1,
.columnGroup.fourColumnGroup > .c2 {
	margin-right:2% !important;
}

/* Floating */
.columnGroup > .column,
.moduleGroup > .module {
	float:left;
}

.moduleGroup.dualModuleGroup > .module2,
.moduleGroup.tripleModuleGroup > .module3,
.moduleGroup.quadModuleGroup > .module4,
.columnGroup.columnCount2 > .c2,
.columnGroup.columnCount3 > .c3,
.columnGroup.columnCount4 > .c4 {
	float:right;	
}



/* FCE - Map */
.fce.map {

}

.fce.map p {
	margin-bottom:10px;
}

.fce.map h3 {
	margin-bottom:0;
	font-size:1.1em;
	line-height:100%;
}

.fce.map a:hover {
	border:0;
}

.fce.map h3 a {
	padding-left:15px;
	background-position:left center;
}



/* FCE - SWFObject */
.fce.swfObject {

}

.fce.swfObject ul li {
	margin-bottom:16px;
}

.fce.swfObject ul li p {
	margin-bottom:0;
}



/* BEN: FCE - Teaser (ported from interzum project, adapted css from EW) */
.fce.teaser {
	position: relative;
	overflow: hidden;
}

.fce.teaser h2 {
	position: relative;
	padding-right: 30px;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.2em;
}

.fce.teaser .txt {
	position: absolute;
	padding: 15px;
	width: 100%;
	bottom: 0;
	max-height: 50px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html.no-touch .fce.teaser .txt p:last-child {
	margin-bottom: 1.5em;
}

.fce.teaser .txt p:last-child {
	margin-bottom: 0;
}

.fce.teaser.hasText h2 b {
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 40px;
	height: 40px;
	background: url("/fileadmin/templates/img/interzum/icon-plus-small.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
    background-size: 100% auto;
	webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 400;
}

.no-touch .fce.teaser.hasText .txt:hover h2 b {
	-ms-transform:rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.fce.teaser.hasText .txt.act h2 b{
	-ms-transform:rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fce.teaser.hasText .txt.act,
.no-touch .fce.teaser.hasText .txt:hover {
	max-height: 100%
}

.no-touch .fce.teaser:hover img {
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.fce.teaser img {
	width: 100%;
	webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.fce.teaser.hasText .arrow {
	display: block;
	float: right;
	width: 10px;
	height: 15px;
	padding-left: 0;
	margin-top: -15px;
	background: url("/fileadmin/templates/img/interzum/icon-arrow-right.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
	text-indent: -9999px;
}

.fce.teaser a:hover {
	border: 0;
}

.fce.teaser.disable img {
	opacity: 0.4;
}

.fce.teaser.disable .arrow {
	display: none;
}

.fce.teaser .link {
	position: absolute;
	top:0 ;
	left:0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	z-index: 300;
}

/* :NEB */



/* VLADIMIR:history line - jQuery  */
.history-wrap{
    width: 670px;
    height: 310px;
    position: relative;
    background: url(/fileadmin/templates/img/history/elements/bg.png) 0 0 repeat-x;
}

.history-wrap > h3{
    margin: 0;
    padding:15px;
    font-size: 16px;
    font-weight: bold;
}

.history-wrap ul{
    left: 18px;
    top: 200px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.history-wrap ul li{
    width: 31px;
    height: 114px;
    position: relative;
    margin: 0 7px 0 0;
    padding: 0;
    float: left;
    list-style-type: none;
}

.history-wrap ul li>p{
    left: 0;
    top: 62px;
    position: absolute;
    margin: 0;
    width: 31px;
    line-height: 30px;
    text-align: center;
    font-size: 10px;
    color: #b1bbc0;
}

.history-wrap ul li:hover>p,.history-wrap ul li.active>p{
    color: #fff;
}

.history-wrap ul li>img{
    width: 31px;
    position: absolute;
    left: 0;
    top: 0;
	cursor:pointer;
}

.history-wrap ul li .tooltip{
    width: 139px;
    height: 145px;
    position: absolute;
    top: -165px;
    left: -57px;
    display: none;
    background: url(/fileadmin/templates/img/history/elements/tooltip.png) 0 0 no-repeat transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
	zoom: 1;
}

.history-wrap ul li.first .tooltip{
    left: -19px;
    background: url(/fileadmin/templates/img/history/elements/tooltip-left.png) 0 0 no-repeat;
}

.history-wrap ul li.last .tooltip{
    left: -95px;
    background: url(/fileadmin/templates/img/history/elements/tooltip-right.png) 0 0 no-repeat;
}

.history-wrap ul li .tooltip p{
    left: 140px;
    top: 10px;
    position: absolute;
    width: 200px;
    height: 160px;
    overflow: hidden;
    line-height: 16px;
    color: #5c707a;
}

.history-wrap ul li.right .tooltip p{
    left: auto;
    right: 140px !important;
}

.history-wrap ul li .tooltip img{
    position: absolute;
    left: 19px;
    top: 18px;
}

.history-wrap ul li .arrow{
    width: 17px;
    height: 13px;
	padding: 0;
    position: absolute;
    bottom: 0;
    left: 7px;
    display: none;
    background: url(/fileadmin/templates/img/history/elements/arrow.png) 0 0 no-repeat;
}

.history-wrap ul li.active .arrow{
    display: block;
}

/* BEN: Responsive rewrite of "History". Most possibly the worst CSS i ever had to write. Everything has to be reset and overridden. Ugly. */
@media only screen and (max-width:1023px) {
	.history-wrap{
		width: 100%;
		height: auto;
		position: relative;
		background:transparent;
	}
	
	.history-wrap > h3{
		margin: 0;
		padding:0;
		
		font-size:1.2em;
		line-height:1.4em;
		font-weight:bold;
		margin-bottom:0.6em;
		color:#5c7079;
	}
	
	.history-wrap ul{
		left: 0;
		top: 0;
		position: static;
		margin: 0;
		padding: 0;
		list-style-type: none;
		
		background: #eaeced; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 13%, #ffffff 13%, #ffffff 15%, #939fa4 15%, #eaeced 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(13%,#ffffff), color-stop(13%,#ffffff), color-stop(15%,#ffffff), color-stop(15%,#939fa4), color-stop(100%,#eaeced)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 13%,#ffffff 13%,#ffffff 15%,#939fa4 15%,#eaeced 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 13%,#ffffff 13%,#ffffff 15%,#939fa4 15%,#eaeced 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 13%,#ffffff 13%,#ffffff 15%,#939fa4 15%,#eaeced 100%); /* IE10+ */
		background: linear-gradient(to right,  #ffffff 0%,#ffffff 13%,#ffffff 13%,#ffffff 15%,#939fa4 15%,#eaeced 100%); /* W3C */
	}
	
	.history-wrap ul li{
		width: 100%;
		height: auto;
		position: relative;
		margin: 0 0 0 0;
		padding: 0;
		border-bottom:1px solid white;
		float: none;
		list-style-type: none;
	}
	
	.history-wrap ul li>p{
		left: 0;
		top:auto;
		bottom: 0;
		position: absolute;
		margin: 0;
		width: 13%;
		line-height: auto;
		text-align: center;
		font-size: 0.9em;
		color: #b1bbc0;
	}
	
	.history-wrap ul li:hover>p,.history-wrap ul li.active>p{
		color: #5c707a;
	}
	
	.history-wrap ul li.active>p {
		font-weight:bold;	
	}
	
	.history-wrap ul li>img{
		width: 13%;
		position: static;
		left: 0;
		top: 0;
		cursor:pointer;
	}
	
	.history-wrap ul li .tooltip{
		width: 81%;
		height: auto;
		min-height:85%;
		position: absolute;
		top: 0;
		left: 15%;
		padding:2%;
		display: none;
		background:#5c707a url(/fileadmin/templates/img/history/elements/arrow-down.png) center -3px no-repeat;
		filter:none;
		z-index:11;
	}
	
	.history-wrap ul li.first .tooltip{
		left: 15%;
		background:#5c707a url(/fileadmin/templates/img/history/elements/arrow-down.png) center -3px no-repeat;
	}
	
	.history-wrap ul li.last .tooltip{
		left: 15%;
		background:#5c707a url(/fileadmin/templates/img/history/elements/arrow-down.png) center -3px no-repeat;
	}
	
	.history-wrap ul li .tooltip p{
		left: 0;
		top: 0;
		position: static;
		width: auto;
		/*max-width:310px;*/
		height: auto;
		overflow:visible;
		font-size:0.9em;
		line-height: 1.3em;
		color: #fff;
	}
	
	.history-wrap ul li.right .tooltip p{
		left: 140px;
		right: auto !important;
	}
	
	.history-wrap ul li .tooltip img{
		position:static;
		left:0;
		top:0;
		float:left;
		border:2px solid #ffffff;
		margin-right:10px;
	}
	
	.history-wrap ul li .arrow{
		width: 13px;
		height: 17px;
		position: absolute;
		bottom: auto;
		top:50%;
		margin-top:-8px;
		left: -3px;
		display: none;
		background: url(/fileadmin/templates/img/history/elements/arrow-right.png) 0 0 no-repeat;
	}
}
/* :NEB */


/**
 **************************************************
 NEWS
 *
 * @description:css definitons for EXT:tt_news
 * @beware:This EXT will be either modified or replaced by a special one using the same identifiers!
 **************************************************
**/
.news {
	
}

.news .date, .news .timeData, .news p.author, .news p.imgCaption, .news p.back {
	margin-bottom:0;
	font-size:0.9em;
}

.news span.more {
	white-space:nowrap;
}

.news p.back {
	clear:both;
	margin-top:20px;
}

.news.single .imgs img {
	padding-bottom:10px;
}

.news .imgs a {
	border-bottom:0;
}

.news div.files {
	padding:10px 15px 10px 15px;
	margin-bottom:20px;
	background:#eaeced;
}

.news div.files span {
	display:block;
	margin-bottom:5px;
}

.news div.files span img {
	position:absolute;
	vertical-align:middle;
	margin:2px 3px 0 0;
}

.news div.files span a {
	display:block;
	padding-left:20px;
}

.news.single p.back {
	padding-left:15px;
	background:transparent url(/fileadmin/templates/img/ico-arrow-gray-small.png) no-repeat left center;
}



/* Latest news (Newsticker) */
.news.latest {
	position:relative;
	width:auto;
	padding:5px 10px 10px;
	background-color:#f1f1f3;
}

.news.latest .scrollPane {
	height:111px;
	overflow:hidden;
}

.news.latest h2 {
	/*width:185px;*/
	height:27px;
	font-size:1.5em;
	line-height:27px !important;
	padding-left:15px;
	/*border-bottom:1px solid #ddd;*/
	margin-bottom:5px;
	background:transparent url(/fileadmin/templates/img/ico-arrow-gray.png) no-repeat left center;
}

.news.latest a:hover {
	border:0;
}

.news.latest .item {
	min-height:27px;
	padding:5px 0 4px 0;
	border-bottom:1px solid #ddd;
}

.news.latest .item.first {
	min-height:26px;
	border-top:1px solid #ddd;
}

.news.latest .item .date,
.news.latest .item h3 {
	/*position:relative;
	float:left;*/
	display:table-cell;
	line-height:1.3em !important;
}

.news.latest .item .date {
	/*width:35px;
	margin-right:5px;*/
	padding-right:3px;
	font-weight:bold;
}

.news.latest .item h3 {
	/*width:160px;*/
	font-size:0.9em;
	font-weight:normal;
	margin-bottom:0;
}

/* BEN: Pagebrowser additions */
.showResultsWrap {
	display:none;	
}

.browseLinksWrap {
	font-size:1em;
	margin-bottom:1.5em;	
}

.browseLinksWrap span,
.browseLinksWrap a {
	display:inline-block;
	min-width:1.1em;
	min-height:1.5em;
	padding:0 0.2em;
	margin-right:0.5em;	
	margin-bottom:0.5em;
	line-height:1.5em;
	text-align:center;
	background:#eaeced;
}

.browseLinksWrap a:hover {
	border-bottom:0;
	background:#939fa4;
	color:#fff;
}



/**
 **************************************************
 PRESS, JOB EXCHANGE && MEDIACENTER
 *
 * @description:css definitons for EXT
 * @beware:is dependent on the modified templates
 **************************************************
**/
.press {

}

.jobExchange {

}

.mediaCenter form p.intro {
	margin-bottom:1.5em;	
}

/* List */
.press ol,
.press ul,
.jobExchange .results ol,
.jobExchange .results ul,
.mediaCenter .results ol,
.mediaCenter .results ul {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

.press.list ol li,
.jobExchange .results ol li,
.mediaCenter .results ol li {
	position:relative;
	padding:10px;
	margin-bottom:10px;
	background:#eaeced;
}

.press.list ol li div,
.mediaCenter ol li div {
	position:relative;
	float:left;
	width:74.5%;
	min-height:90px;
}

.press.list ol li .img,
.mediaCenter ol li .img {
	width:23.5%;
	margin-right:2%;
	background:#939fa4;
}

.press.list ol li .img a:hover,
.mediaCenter ol li .img a:hover {
	border-bottom:0;
}

/* BEN:No background for news */
.press.list ol li .img {
	background:none;
}

/*.press.list ol li .img img,*/
.mediaCenter ol li .img img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}

.press.list ol li .img img {
	padding-bottom:0;
}



/* Results w/o images */
.mediaCenter ol li .plain {
	float:none;
	width:320px;
	height:auto;
	padding-right:100px;
}

.jobExchange dt {
	position:relative;
	clear:left;
	float:left;
	width:120px;
	margin-right:10px;
}

.jobExchange dd {
	position:relative;
	float:left;
}

.press p.date {
	line-height:13px;
	margin-bottom:0;
}

.press h4,
.jobExchange .results h4,
.mediaCenter .results h4 {
	/*font-size:11px;*/
	margin-bottom:0;
}

.press h4 a,
.jobExchange .results h4 a,
.mediaCenter .results h4 a {
	color:#333;
}

.press.list a.more,
.news.press.list span.more,
.press.list a.pdf,
.jobExchange .results a.more,
.mediaCenter .results a.add {
	position:absolute;
	bottom:-1px;
	left:0;
	display:block;
	padding-left:20px;
	border:0;
	color:#4b616a;
}

.press.list .more {
	background:transparent url(/fileadmin/templates/img/ico-report.png) no-repeat left center;
}

.press.list .more.linkExt {
	background:transparent url(/fileadmin/templates/img/ico-report-ext.png) no-repeat left center;
}

.press.list a.pdf {
	left:40%;
	background:transparent url(/fileadmin/templates/img/ico-pdf.png) no-repeat left center;
}

.jobExchange .results a.more {
	right:10px;
	bottom:10px;
	left:auto;
	padding-left:15px;
	background:transparent url(/fileadmin/templates/img/ico-arrow-gray-small.png) no-repeat left center;
}

.mediaCenter .results a.add {
	/* BEN:Changes to allow different and dynamic heights of the items */
	position:relative;
	display:block;
	float:right;
	/*right:0;
	bottom:0;
	left:auto;*/
	padding-left:15px;
	background:transparent url(/fileadmin/templates/img/ico-add-gray.png) no-repeat left center;
}

/* Leaflet */
.mediaCenter #leaflet {

}

.mediaCenter #leaflet.loading {
	background-image:url(/fileadmin/templates/img/ico-loading-30.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

.mediaCenter #leaflet.loading * {
	visibility:hidden;
}

.mediaCenter #leaflet ul.messages {
	border-bottom:0;
}

.mediaCenter #leaflet ul li {
	font-size:0.9em;
	line-height:1.4em;
}

.mediaCenter #leaflet ul.items li {
	padding-top:0.25em;
	/*border-top:1px dotted #939fa4;*/
	margin-top:0.25em;
}

.mediaCenter #leaflet a.remove {
	/*float:right;*/
	display:block;
	padding-left:15px;
	border:0;
	color:#4b616a;
	background:transparent url(/fileadmin/templates/img/ico-remove-gray.png) no-repeat left center;
}

/* Paginator */
.paginator {
	position:relative;
	/*height:16px;*/
	padding-top:0.2em;
	border-top:1px dotted #939fa4;
	margin-top:20px;
	margin-bottom:20px;
}

.paginator span {
	display:block;
	font-size:0.9em;
	color:#939fa4;
}

.paginator ul {
	list-style-type:none;
	padding-left:0;
	margin-bottom:0;
	/*position:absolute;*/
	/*top:3px;
	right:0;*/
}

.paginator ul li {
	float:left;
	margin-right:0.5em;
}

.paginator ul li a {
	display:block;
	min-width:1.1em;
	min-height:1.5em;
	padding:0 0.2em;
	margin-bottom:0.5em;
	line-height:1.5em;
	text-align:center;
	background:#eaeced;
}
.paginator ul li a:hover {
	border-bottom:0;
	background:#939fa4;
	color:#fff;
}



/* Detail */
.press.detail p {
	padding-right:11%;
}

.press.detail p.subheader {
	/* See rte.css */
}

.press.detail p.navBar,
.jobExchange .detail p.navBar,
.mediaCenter .detail p.navBar {
	position:relative;
	min-height:16px;
	padding-right:0;
}

.press.detail p.caption {
	padding-right:0;
	padding-bottom:1.5em;
}

.press.detail p.navBar a,
.jobExchange .detail p.navBar a,
.mediaCenter .detail p.navBar a {
	position:absolute;
	top:0;

	left:0;
}

.press.detail p.navBar a.pdf,
.press.detail p.navBar a.mailLink,
.press.detail p.navBar a.back,
.jobExchange .detail p.navBar a.back,
.mediaCenter .detail p.navBar a.add,
.mediaCenter .detail p.navBar a.back {
	display:block;
	padding-left:20px;
	border:0;
	color:#4b616a;
}

.press.detail p.navBar a.pdf {
	background:transparent url(/fileadmin/templates/img/ico-pdf.png) no-repeat left center;
}

.press.detail p.navBar a.mailLink {
	left:150px;
	padding-left:25px;
	background:transparent url(/fileadmin/templates/img/ico-recommend.png) left center no-repeat;
}

.mediaCenter .detail p.navBar a.add {
	background:transparent url(/fileadmin/templates/img/ico-add-gray.png) no-repeat left center;
}

.press.detail p.navBar a.back,
.jobExchange .detail p.navBar a.back,
.mediaCenter .detail p.navBar a.back {
	left:auto;
	right:0;
	background:transparent url(/fileadmin/templates/img/ico-arrow-gray-small.png) no-repeat left center;
}

.press.detail .imageArea {
	padding-top:15px;
	border-top:1px dotted #939fa4;
}

.press.detail .imageArea ul li {
	position:relative;
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:20px;
}

.press.detail .imageArea ul li.last {
	margin-right:0;
}

.press.detail .imageArea .img {
	text-align:center;
	background-color:#939fa4;
}

.press.detail .imageArea a.jpg {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	padding-left:20px;
	border:0;
	color:#4b616a;
	background:transparent url(/fileadmin/templates/img/ico-jpg.png) no-repeat left center;
}



/**
 **************************************************
MediaCentre
 *
 * @description:css definitons for EXT
 * @beware:is dependent on the modified templates
 **************************************************
**/

.mediaCentre {
	position:relative;
}

.mediaCentre mark {
	background-color: #fbba00;
	color:#fff;
}

.mediaCentre .first select {
	margin-bottom: 0;
}

.mediaCentre select {
	transition: box-shadow 750ms ease;	
}

.mediaCentre select.rivet {
	box-shadow: 0 0 5px 0 #fbba00;	
}

.mediaCentre select + b,
.mediaCentre button + b {
	float: left;
	height: 16px;
	width: 16px;
	content: " ";
	margin: 3px 0 0 4%;
}

.mediaCentre select + b.ready,
.mediaCentre button + b.ready{
	background: url(/fileadmin/templates/img/mediacentre-icons.png) no-repeat -360px -20px transparent;
}

.mediaCentre select + b.loading,
.mediaCentre button + b.loading{
	background: url(/fileadmin/templates/img/mediacentre-loading-s.gif) no-repeat center center transparent;
}

#mediaCentreForm,
#mediaCentreControls,
#mediaCentreResults,
#mediaCentreLeaflet {
	position:relative;
}

.loading .loadingIndicator {
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
	background-color:rgba(255,255,255,0.9);
	background-image: url(/fileadmin/templates/img/mediacentre-loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#mediaCentreResults.loading .loadingIndicator {
	background-position: center 20px;
}

.mediaCentre form label {
	width: 100%;
	text-align: left;
}

.mediaCentre .text.search,
.mediaCentre select {
	width: 85%;
	float: left;
}

.mediaCentre button {
	text-align: left;
	width: 85%;
}

/*
.mediaCentre button.reset {
	padding: 3px 8px 2px 3px;
	background-image: none;
}
*/

.mediaCentre button.reset i {
	margin-left: 0;
	line-height: normal;
	color: #ffffff;
}


/* mediaCentre Results */

.mediaCentre .result {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	background: #eaeced;
}

/* BEN: Highlighting variants */
/*
.mediaCentre .result.highlight {
	border:1px dotted #dadddf;
}
*/
.mediaCentre .result.highlight:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	border-color: #fff #ddd #ddd #fff;
	border-style: solid;
	border-width: 0 0 5px 5px;
	background: none repeat scroll 0 0 #ddd;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.mediaCentre .result.highlight {
	overflow: hidden;
}
/* :NEB */

.mediaCentre .result > div {
	position:relative;
	float:left;
	width:69%;
	min-height:90px;
}

.mediaCentre .result .img {
	width:23.5%;
	margin-right:2%;
	background:#939fa4;
}

.mediaCentre .result .img a:hover {
	border-bottom:0;
}

.mediaCentre .result .img img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}

.mediaCentre .result h4 {
	margin-bottom: 10px;
}

.mediaCentre .result ul {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
}

.mediaCentre #mediaCentreLeaflet .result > div,
.mediaCentre .result.list > div {
	width:90%;
}

.mediaCentre .result.list ul li {
	float: left;
}

.mediaCentre .result.list ul li:after {
	content: "|";
	margin: 0 5px;
}

.mediaCentre .result.list ul li:last-child:after {
	content: "";
	margin: 0;
}

/* Results w/o images */
/*
.mediaCentre .result .plain {
	float:none;
	width:320px;
	height:auto;
	padding-right:100px;
}
*/

.mediaCentre .result h4 a {
	color:#333;
}

/* BEN: */
.mediaCentre .showMoreResults {
	display:block;
	width:100%;
	border:0 none;
	color:#939fa4;
	text-align:center;
	background:#ffffff;
	cursor:pointer;"
}
/* :NEB */

.mediaCentre a.leaflet.add,
.mediaCentre a.leaflet.remove {
	float:right;
	line-height: 15px;
	display: inline-block;
	height: 16px;
	width: 25px;
}

.mediaCentre a.leaflet.add:hover,
.mediaCentre a.leaflet.remove:hover {
	border: none;
}


.mediaCentre a.leaflet.add {
	background: url("/fileadmin/templates/img/mediacentre-icons.png") no-repeat scroll -180px 0 transparent;
}
.mediaCentre a.leaflet.add:hover {
	background-position: -180px -20px;
}
.mediaCentre a.leaflet.add.disabled {
	color: #c9cfd1;
	background: url("/fileadmin/templates/img/mediacentre-icons.png") no-repeat scroll -240px -40px transparent;
}

.mediaCentre a.leaflet.remove {
	background: url("/fileadmin/templates/img/mediacentre-icons.png") no-repeat scroll -210px 0 transparent;
}

.mediaCentre a.leaflet.remove:hover {
	background-position: -210px -20px;
}

.mediaCentre .controls {
	padding: 5px 0;
	color: #c9cfd1;
}

.mediaCentre .controls .columnGroup > .column {
	margin-bottom: 0;
}

.mediaCentre .controls a {
	float: left;
	margin-right: 10px;
	line-height: 16px;
	font-size: 11px;
	color: #7a868a;
	cursor: pointer;
}

.mediaCentre .controls a:hover {
	border-bottom:none;
}

.mediaCentre .controls a.num {
	margin-right: 0;
}

.mediaCentre .controls a.act {
	/*color: #939fa4;*/
	color:#fbba00;
}

.mediaCentre .controls input.act {
	border-color: #939fa4;
}

.mediaCentre .controls .view {
    display: block;
	width: 25px;
	height: 16px;
	text-indent: -9999px;
    background: transparent url("/fileadmin/templates/img/mediacentre-icons.png") 0 0 no-repeat;
    overflow: hidden;
}

.mediaCentre .controls .view.list {
	background-position: 0 0;
}
.mediaCentre .controls .view.list:hover {
	background-position: 0 -20px;
}
.mediaCentre .controls .view.list.act {
	background-position: 0 -40px;
}

.mediaCentre .controls .view.thumbs {
	background-position: -30px 0;
}
.mediaCentre .controls .view.thumbs:hover {
	background-position: -30px -20px;
}
.mediaCentre .controls .view.thumbs.act {
	background-position: -30px -40px;
}

/* BEN: Sorry EW for messing around... */
.mediaCentre .controls a.recommend:before {
	display: inline-block;
	float: left;
	height: 20px;
	width: 30px;
	content: " ";
	background: transparent url(/fileadmin/templates/img/mediacentre-icons.png) -90px 0 no-repeat;
}
.mediaCentre .controls a.recommend:hover:before {
	background-position:-90px -20px;
}
/* :NEB */


.mediaCentre .downloads a {
	margin-right: 10px;
}
.mediaCentre .downloads a:hover {
	border-bottom: none;
}

.mediaCentre .downloads a:before {
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	content: " ";
	vertical-align: text-top;
}

.mediaCentre a.download.catalogue:before {
	width: 17px;
	background: transparent url(/fileadmin/templates/img/mediacentre-icons.png) -300px 0 no-repeat;
}
.mediaCentre a.download.catalogue:hover:before {
	background-position:-300px -20px;
}
.mediaCentre a.download.pdf:before {
	background: transparent url(/fileadmin/templates/img/mediacentre-icons.png) -270px 0 no-repeat;
}
.mediaCentre a.download.pdf:hover:before {
	background-position:-270px -20px;
}

.mediaCentre a.video:before {
	background: transparent url(/fileadmin/templates/img/mediacentre-icons.png) -330px 0 no-repeat;
}
.mediaCentre a.video:hover:before {
	background-position: -330px -20px;
}

.mediaCentre a.image:before {
	background: transparent url(/fileadmin/templates/img/mediacentre-icons.png) -420px 0 no-repeat;
}
.mediaCentre a.image:hover:before {
	background-position: -420px -20px;
}






.mediaCentre a.sort:before {
	display: inline-block;
	float: left;
	height: 20px;
	width: 15px;
	margin-right:4px;
	content: " ";
	background-color: transparent;
	background-image:url(/fileadmin/templates/img/mediacentre-icons.png);
	background-position: 0 0 ;
	background-repeat:no-repeat;
}

.mediaCentre a.sort.alpha.ascending:before {
	background-position: -120px 0;
}
.mediaCentre a.sort.alpha.ascending:hover:before {
	background-position:-120px -20px;
}
.mediaCentre a.sort.alpha.ascending.act:before {
	background-position: -120px -40px;
}

.mediaCentre a.sort.alpha.descending:before {
	background-position: -135px 0;
}
.mediaCentre a.sort.alpha.descending:hover:before {
	background-position: -135px -20px;
}
.mediaCentre a.sort.alpha.descending.act:before {
	background-position: -135px -40px;
}

.mediaCentre a.sort.num.ascending:before {
	background-position: -150px 0;
}
.mediaCentre a.sort.num.ascending:hover:before {
	background-position: -150px -20px;
}
.mediaCentre a.sort.num.ascending.act:before {
	background-position: -150px -40px;
}

.mediaCentre a.sort.num.descending:before {
	background-position: -165px 0;
}
.mediaCentre a.sort.num.descending:hover:before {
	background-position: -165px -20px;
}
.mediaCentre a.sort.num.descending.act:before {
	background-position: -165px -40px;
}

.mediaCentre .tabsContainer {
	margin-top: 2%;
}

.mediaCentre .icon {
	margin-left: 5%;
	line-height: 1.8em;
	color: #878787;
}

.mediaCentre a.leaflet.open {
	float: right;
	position: relative;
	margin-right: 0;
	color: #c9cfd1;
	cursor: pointer;
	transition: box-shadow 750ms ease;
}

.mediaCentre a.leaflet.open.rivet {
	color: #c9cfd1;
	box-shadow: 0 0 5px 0 #fbba00;
}

.mediaCentre a.leaflet.open.act .count {
	color: #fff;
	background-color:#fbba00;
}

.mediaCentre a.leaflet.open .ico {
	float: right;
	display: inline-block;
	width: 25px;
	height: 19px;
	background: url("/fileadmin/templates/img/mediacentre-icons.png") no-repeat scroll -60px 0 transparent;
}

.mediaCentre a.leaflet.open:hover .ico {
	background-position: -60px -20px;
}

.mediaCentre a.leaflet.open.act .ico {
	background-position: -60px -40px;
}

.mediaCentre a.leaflet.open .count {
	float: right;
	border: 1px solid #939fa4;
	padding: 0 5px;
	margin-left: -1px;
	line-height: 17px;
	font-size: 10px;
}
.mediaCentre a.leaflet.open.act .count {
	 border-color:#fbba00;
 }

.mediaCentre .filterArea {
	position: relative;
	float: left;
	width: 85%;
}

.mediaCentre .filterArea input.filter {
	float: left;
	width: 100%;
	/* For IEs */
	height:20px;
	border: 1px solid #c9cfd1;
	padding: 0 20px 0 3px;
	margin-top: -1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 20px;
	font-family: tahoma,verdana,arial,sans-serif;
	color: #323d41;
}
.mediaCentre .filterArea input.filter:focus {
	border-color: #939fa4;
}
.mediaCentre .filterArea input.filter.act {
	border: 1px solid #fbba00;
	box-shadow: 0 0 5px 0 #fbba00;
}

.mediaCentre .filterArea .sprite.submit {
	position: absolute;
	top: 0;
	right: 4px;
	width: 15px;
	height: 17px;
	border: 0 none;
	padding: 0;
	margin: 0;
	background: transparent url("/fileadmin/templates/img/mediacentre-icons.png") no-repeat scroll -390px 0;
	cursor: pointer;
}
.mediaCentre .filterArea input.filter:focus + .sprite.submit  {
	background: transparent url("/fileadmin/templates/img/mediacentre-icons.png") no-repeat scroll -390px -20px;
}
.mediaCentre .filterArea input.filter.act + .sprite.submit  {
	background: transparent url("/fileadmin/templates/img/mediacentre-icons.png") no-repeat scroll -390px -40px;
}


/*
#mediaCentreLeaflet {
	display: none;
}

#mediaCentreLeaflet {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 999;
	overflow-x: hidden;
	overflow-y: auto;
}

#mediaCentreLeaflet .container {
	display: table-cell;
	vertical-align: middle;
}

#mediaCentreLeaflet .container .popup {
	position: relative;
	margin: 0 auto;
	max-width: 650px;
	text-align: left;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	background-color: #ffffff;
}

#mediaCentreLeaflet .result {
	margin: 10px 30px 10px;
}

#mediaCentreLeaflet .result:first-child {
	margin-top: 30px;
}

#mediaCentreLeaflet .result:last-child {
	margin-bottom: 30px;
}

#mediaCentreLeaflet .container .popup a.leaflet.close {
	cursor: pointer;
	height: 28px;
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	background-color: green;
}
*/

/* BEN: Alternative view for #mediaCentreLeaflet */

.mediaCentre  .columnGroup.third > .column {
	margin-bottom: 0;
}

#mediaCentreLeaflet {
	/* Set width prevents jumping of slide animations */
	width:100%;
	display: none;
}

#mediaCentreLeaflet .results {
	margin-top: 5px;
}

#mediaCentreLeaflet p.hint {
	margin-top:-10px;
	margin-bottom:10px;
	font-size:11px;
	color:#939fa4;
}

#mediaCentreLeaflet  .columnGroup > .column {
	margin-bottom: 0;
}

#mediaCentreLeaflet button.submit {
	margin-bottom: 5px;
}

.tabsContainer .tabs {
	display: table;
	list-style-type: none;
	margin: 0 0 2%;
	padding: 0;
	width: 100%;
}

.tabsContainer .tab {
	display: table-cell;
	border-right: 3px solid #ffffff;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #939fa4;
	cursor: pointer;
}

.tabsContainer .tab.act {
	background-color: #72838b;
}

.mediaCentre a.button {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	width: 85%;
	padding:2px 8px 3px 15px;
	border:1px solid #4b616a;
	border-radius:3px;
	margin:0 0 5px 0;
	font-weight:bold;
	line-height:15px;
	color:#fff;
	text-align: left;
	background-color:#72838b;
	background-image: url(/fileadmin/templates/img/ico-arrow-white-small.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor:pointer;
}


.tabsContainer .tab.disabled {
	background-color: #ddd;
	cursor: default;
}
/* BEN: */
.mediaCentre button.disabled,
.mediaCentre a.button.disabled {
	background-color: #ddd;
	cursor: default;
	border-color:#ccc;
}
/* :NEB */

.tabsContainer .tab:last-child {
	border: none;
}


/**
 **************************************************
 MEDIACENTER
 *
 * @description:css definitons for EXT
 * @beware:is dependent on the modified templates
 **************************************************
**/
/* See shared styles of press */

.mediaCenter .mailLink {
	width:20px;
	height:16px;
	float:right;
	display:block;
	text-indent:-9999px;
	background:transparent url(/fileadmin/templates/img/ico-recommend.png) center right no-repeat;
}



/**
 **************************************************
 EXPOSITION
 *
 * @description:css definitons for EXT
 * @beware:is dependent on the modified templates
 **************************************************
**/
.ext.exposition {

}

.ext.exposition table {
}

.ext.exposition table.list th {
	color:#fff;
	background-color:#939fa4;
}

.ext.exposition table.list th,
.ext.exposition table.list td {
	padding:4px;
}

.ext.exposition table.list th.first,
.ext.exposition table.list td.first {
	padding-left:4px;
}

.ext.exposition table td.img a {
	border:0;
}


/**
 **************************************************
 INDEXED SEARCH
 *
 * @description:css definitons for EXT:indexed_search
 * @beware:is dependent on the modified template
 **************************************************
**/
.tx-indexedsearch {
}

.tx-indexedsearch .searchbox{
	margin-bottom:20px;
}

.tx-indexedsearch .tx-indexedsearch-redMarkup {
	padding:0 2px;
	color:#fff;
	background:gray;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
	display:none;
}

.tx-indexedsearch .tx-indexedsearch-browsebox p {
	display:none;
}

/* BEN: Clearfix handling directly on this list */
.tx-indexedsearch .tx-indexedsearch-browsebox ul:before,
.tx-indexedsearch .tx-indexedsearch-browsebox ul:after {
    content: " ";
    display: table;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul:after {
    clear: both;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul {
    *zoom: 1;
}
/* :NEB */

.tx-indexedsearch .tx-indexedsearch-browsebox ul {
	padding-left:0;
	list-style:none;
	font-size:1em;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul li {
	float:left;
	margin-right:0.5em;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul li a {
	display:block;
	min-width:1.1em;
	min-height:1.5em;
	padding:0 0.2em;
	line-height:1.5em;
	text-align:center;
	background:#eaeced;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul li a:hover {
	border-bottom:0;
	background:#939fa4;
	color:#fff;
}

.tx-indexedsearch .tx-indexedsearch-res {
	clear:left;
}

.tx-indexedsearch .result {
	padding-top:5px;
	border-top:1px dotted #c4c4c4;
}

.tx-indexedsearch h3 {
	position:relative;
}

.tx-indexedsearch h3 a:hover {
	border:0;
}

.tx-indexedsearch h3 span {
	display:inline-block;
}

.tx-indexedsearch h3 span.icon img {
	vertical-align:middle !important;
}

.tx-indexedsearch h3 span.percent {
	position:absolute;
	right:0;
	color:#c4c4c4;
}

.tx-indexedsearch dl.info {
	font-size:0.9em;	
}

.tx-indexedsearch dl.info dt {
	clear:left;
	float:left;
	width:120px;
}

.tx-indexedsearch dl.info dd {
	float:left;
}



/* Catalogue addon */
#catalogueResults {
	margin:20px 0;
	padding:10px;
	background:#eaeced;
}

#catalogueResults p,
#catalogueResults ul {
	margin-bottom:0;
}

#catalogueResults .results {
	position:relative;
	width:100%;
	min-height:255px;
	margin:15px 0;
	overflow:hidden;
}

#catalogueResults .results ul {
	width:100%;
	min-height:255px;
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

#catalogueResults .results ul li {
	position:relative;
	float:left;
	width:49%;
	min-height:95px;
	margin:0 1% 10px 0;
}

#catalogueResults .results ul li .image,
#catalogueResults .results ul li .text {
	position:relative;
	float:left;
}

#catalogueResults .results ul li .text {
	width:69%;
}

#catalogueResults .results ul li .image {
	width:29%;
	margin-right:2%;
}

#catalogueResults .pager {
	padding:4px 1px 1px 1px;
	border-top:1px dotted #fefefe;
}

#catalogueResults .pager a {
	float:left;
	margin-right:0.5em;
	display:block;
	min-width:1.1em;
	min-height:1.5em;
	padding:0 0.2em;
	line-height:1.5em;
	text-align:center;
	background:#eaeced;
}

#catalogueResults .pager a:hover {
	border-bottom:0;
	background:#939fa4;
	color:#fff;	
}

#catalogueResults .pager a.act {
	font-weight:bold;
}



/**
 **************************************************
 Forms
 *
 * @description:css definitons for all forms
 * @beware:is dependent on the modified templates
 **************************************************
**/

/* Common flash messages */
ul.messages {
	color:#00925b;
}

/* TMailform && form.mediaRequest */
.tx-pilmailform-pi1 {
}

.tx-pilmailform-pi1 fieldset {
	/*padding:5px 10px 10px 10px;
	border:1px solid #dadada;
	margin:0 0 25px 0;*/
}

.tx-pilmailform-pi1 legend {
	/*display:inline;
	font-weight:bold;*/
}

.tx-pilmailform-pi1 fieldset.buttons,
form.mediaRequest fieldset.buttons {
	position:relative;
	left:130px;
	width:295px;
	max-width:100%;
	min-height:23px;
	margin:0 0 15px 0;
}

fieldset.buttons label.hidden {
	display:none;	
}

.tx-pilmailform-pi1 input.reset,
.tx-pilmailform-pi1 input.submit,
form.mediaRequest input.reset,
form.mediaRequest input.submit {
	position:absolute;
	left:0;
}

.tx-pilmailform-pi1 input.submit,
form.mediaRequest input.submit {
	left:auto;
	right:0;
}

.tx-pilmailform-pi1 p.formNotice {
	display:none;
}

.tx-pilmailform-pi1 .legalIssues {
	margin-bottom:15px;
}

.tx-pilmailform-pi1 .legalIssues input.checkbox {
	margin-left:130px;
}

.tx-pilmailform-pi1 .legalIssues label.checkbox {
	width:250px;
	padding-top:0;
	margin-right:0;
	margin-left:10px;
}



/* Press:Request, Job exchange && mediaRequest:Search */
form.request label,
form.searchJobs label,
form.mediaSearch label {
	clear:none;
	float:none;
	width:auto;
	margin-right:0;
	text-align:left;
	/*white-space:nowrap;*/
}

form.request input.text,
form.request input#searchword,
form.request select,
form.searchJobs input.text,
form.searchJobs select,
form.mediaSearch input.text,
form.mediaSearch input#searchword,
form.mediaSearch select {
	float:none;
	/*width:190px;*/
	border-color:#4b616a;
	margin-bottom:5px;
}

form.request input.text,
form.searchJobs input.text,
form.mediaSearch input.text {
	/*width:163px;*/
}

form.request select.listbox,
form.searchJobs select.listbox,
form.mediaSearch select.listbox {
	margin-bottom:15px;
}

form.request select option,
form.searchJobs select option,
form.mediaSearch select option {
	padding:2px 3px;
}

form.request input.submit,
form.searchJobs input.submit,
form.mediaSearch input.submit,
form.mediaSearch input.reset {
	float:none;
	border-color:#000;
	margin-top:5px;
	margin-bottom:0;
	background-color:#4b616a;
}

form.mediaSearch input.submit {
	float:right;
}
form.mediaSearch a.reset {
	display:block;
	float:left;
	margin-top:5px;
}

/* Contact & Marketing-Tools specials */
form#contact input#number,
form#marketingTools input#number {
	margin-right:0;
	margin-left:15px;
}

/* Standard TYPO3 forms */
form#mailform {

}

form#mailform input {
	float:left;
	width:289px;
	height:15px;
	padding:2px 2px 3px 2px;
	border:1px solid #939fa4;
	margin:0 0 15px 0;
	font:inherit;
	color:#4b616a;
}

form#mailform input.csc-mailform-check,
form#mailform input.csc-mailform-radio {
	width:auto;
	height:auto;
	border:0 none;
	margin:6px 0 15px 1px;
	background-color:transparent;
}

form#mailform span.csc-mailform-radio {
	float:left;
	width:331px;
	height:17px;
	padding:2px 2px 3px 2px;
	margin:0 0 15px 0;
	font:inherit;
	color:#4b616a;
}

form#mailform span.csc-mailform-radio fieldset {
	display:inline;
}

form#mailform span.csc-mailform-radio label {
	clear:none;
	width:auto;
	padding:1px 2px 4px 2px;
	margin:0 10px 0 3px;
	text-align:left;
}

form#mailform input.csc-mailform-submit {
	clear:left;
	float:left;
	width:auto;
	height:auto;
	padding:3px 8px 2px 15px;
	border:1px solid #4b616a;
	border-radius:3px;
	margin:0 0 15px 130px;
	font-weight:bold;
	color:#fff;
	background-color:#72838b;
	background-image: url(/fileadmin/templates/img/ico-arrow-white-small.png);
	background-repeat:no-repeat;
	background-position: left center;
	cursor:pointer;
}

/* Marketing tools */
form#marketingTools p {
	margin-bottom:16px;
}

form#marketingTools ul.files {
	padding-left:0;
	margin:20px 0 20px 0;
	list-style:none;
}

form#marketingTools ul.files li {
	position:relative;
	float:left;
	width:46%;
	padding:1%;
	margin-right:2%;
	margin-bottom:2%;
	background-color:#eaeced;
	min-height:210px;
}

form#marketingTools ul.files li .img,
form#marketingTools ul.files li .desc {
	position:relative;
	float:left;
}

form#marketingTools ul.files li .desc {
	width:195px;
}

form#marketingTools ul.files li .img {
	width:100px;
	height:65px;
	margin:0 10px 0 0;
	background-color:#939fa4;
}

form#marketingTools ul.files li .img img {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
}

form#marketingTools label.f3-form-error {
	color:red;
	font-weight:bold;
}

/* ci-manual login form */
/* BEN: GRRR. Need to check on LIVE */
/* Template is in EXT:hettich/Resources/Private/Templates/Login/
 * TODO: just do it properly */
.cimanualLogin {
	margin:0 0 32px 130px;
}

p.cimanualLogin a {
	display:inline-block;
	height:21px;
	padding:5px 9px 5px 20px;
	border:1px solid #4b616a;
	/*border-radius:17px;*/
	font-size:15px;
	font-weight:bold;
	line-height:21px;
	color:#fff;
	background:#939fa4 url(/fileadmin/templates/img/ico-arrow-white-small.png) no-repeat left center;
}
/* :NEB */



/**
 **************************************************
 WORLDWIDE
 *
 * @description: Style definitons for Worldwide
 * @note: See styles inside media-queries too
 **************************************************
**/
h2.selected{
	color: #939FA4;
}

.worldwide-wrap{
	position: relative;
	/* BEN: Changing to fixed width in desktop resolution. Areas are not properly positioned otherwise. */
	/*width: 100%;*/
	width:690px;
	opacity: 0;
}

.worldwide-wrap img {
	border:none;
	outline:none;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	zoom: 1;
}

.worldwide-wrap .image,
.worldwide-wrap .loading{
	position: absolute;
	top: 0;
	width: 690px;
	height: 412px;
}

.worldwide-wrap .loading{
	position: absolute;
	top: 0;
	left: -2px;
	width: 102%;
	height: 100%;
	background: #fff url(/fileadmin/templates/img/ico-loading-worldwide.gif) no-repeat center center;
	z-index: 9999;
}

.worldwide-wrap .map {
	z-index: 10;
}

.worldwide-wrap .world{
	width: 690px;
	height: 412px;
	z-index: 1;
}

.worldwide-wrap .legend {
	padding: 5px 6px;
	border-radius:6px;
	margin:30px 0 20px;
	background-color:#eaeced;
}

.worldwide-wrap .legend ul {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
	font-size:11px;
	line-height:12px;
}

.worldwide-wrap .legend ul li {
	float:left;
	padding-right:12px;
	border-right:1px solid #476f6f;
	margin-right:12px;
	color:#fff;
}

.worldwide-wrap .legend ul li:last-child {
	border-right:0;
	margin-right:0;
}

.worldwide-wrap .legend ul li a {
	color:#476f6f;
}

.worldwide-wrap .legend ul li.act a {
	font-weight:bold;
}

.worldwide-wrap .legend select{
	width: 170px;
}

.worldwide-wrap .legend p {
	float: right;
	padding-top: 3px;
	margin-bottom:0;
	font-size:11px;
	line-height:12px;
	color:#476F6F;
}

.worldwide-wrap .legend span {
	padding-left:5px;
	margin-left:12px;
}

.worldwide-wrap .list {
	border-radius:5px;
	padding-bottom:10px;
	margin-bottom:20px;
}

.worldwide-wrap .list .row .address p {
	margin-bottom:0;
}

.worldwide-wrap .list .address h3 {
	margin-top: 5px;
}

.worldwide-wrap .list .row .address {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	float:left;
	width:31.3333%;
	padding:7px 5px 5px;
	margin:1%;
	box-shadow:0 0 2px #b5bec2;
	min-height:11em;
	background-color:#f7f7f7;
	border-left:5px solid #999999;
}

/* Out for responsive */
/*
.worldwide-wrap .list .row .last {
	margin-right:0;
}
*/

.worldwide-wrap .legend span {
	background-repeat:no-repeat;
	background-position:0 0;
}

.worldwide-wrap .legend .subsidiary {
	background-image:url(/fileadmin/templates/img/ico-subsidiary.png);
}
.worldwide-wrap .legend .importer {
	background-image:url(/fileadmin/templates/img/ico-importer.png);
}
.worldwide-wrap .legend .distributor{
	background-image:url(/fileadmin/templates/img/ico-representative.png);
}

.worldwide-wrap .legend .subsidiary,
.worldwide-wrap .legend .importer,
.worldwide-wrap .legend .distributor {
	border-left:none;
	padding:0 0 5px 24px;
}


/* hide img in worldwide map */
.worldwide-wrap .map,
.worldwide-wrap .image,
.worldwide-wrap .world,
.worldwide-wrap .image.active,
map#themap,
.worldwide-wrap div.legend span.subsidiary {
	display: none !important;
}


/* Contact information */
.contactInformation {
	margin-top:20px;
}

.contactInformation .map {
	position:relative;
	width:100% !important;
	margin-bottom:20px;
}

/* Responsive images fix for google maps */
.contactInformation .map img {
	max-width:10000px !important;	
}

.contactInformation h3 {
	margin-bottom:7px;
	margin-left:-1px;
}

.contactInformation form {
	padding-top:15px;
	margin-bottom:15px;
}

.contactInformation form label {
	width:220px;
	padding-top:0;
}

/* Result list */
.contactInformation ul {
	padding:0;
	margin:30px 0 10px 0;
	list-style:none;
}

.contactInformation ul.locations {
	margin:0 -1%;	
}

.contactInformation ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	float:left;
	width:31.3333%;
	min-height:11em;
	padding:5px 3px 5px 7px;
	border:1px solid #ccc;
	margin:1%;	

}

.contactInformation ul li p {
	margin-bottom:0;
	line-height:16px;
}

/* Out for responsive */
/*
.contactInformation ul li.last {
	margin-right:0;
}
*/

/**
 * New mechanism (other classes are deprecated, because the colors are generate on the fly
 */
.contactInformation ul li.locationCategoryItem {
	border-left-width:9px;
	border-radius:3px;
}

.contactInformation ul li.cat-PRO {
	border:1px solid #758a9c;
	border-left-width:9px;
	border-radius:3px;
	background-color:#f1f9ff;
}

.contactInformation ul li.cat-DIY {
	border:1px solid #6d9183;
	border-left-width:9px;
	border-radius:3px;
	background-color:#f4fffb;
}

.contactInformation ul li.cat-Full_Line {
	border:1px solid #c9b270;
	border-left-width:9px;
	border-radius:3px;
	background-color:#f9f6ec;
}

.contactInformation ul li.cat-Grant{
	border:1px solid #995b62;
	border-left-width:9px;
	border-radius:3px;
	background-color:#f4eceb;
}

.contactInformation ul li.cat-Hettich {
	border:1px solid #72838b;
	border-left-width:9px;
	border-radius:3px;
	background-color:#f1f5f7;
}

.contactInformation ul li.cat-Retail {
	border:1px solid #4e909c;
	border-left-width:9px;
	border-radius:3px;
	background-color:#e9f6f8;
}

.contactInformation ul li.cat-PRO h3,
.contactInformation ul li.cat-DIY h3,
.contactInformation ul li.cat-Full_Line h3,
.contactInformation ul li.cat-Grant h3,
.contactInformation ul li.cat-Hettich h3,
.contactInformation ul li.cat-Retail h3 {
	/*height:42px;
	padding-right:25px;*/
}

.contactInformation ul li h3 a {
	color:inherit;
	text-decoration:none;
}

.contactInformation ul li h3 a:hover {
	border:0;
	text-decoration:underline;
}

.contactInformation ul.legend {
	margin-bottom:20px;
}

.contactInformation ul.legend li {
	width:auto;
	min-height:0;
	padding-top:0;
	padding-bottom:0;
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-radius:0 !important;
	margin-bottom:0;
	margin-left:0;
	font-size:11px;
	line-height:15px;
}

.contactInformation ul.legend li.cat-PRO {
	color:#758a9c;
}

.contactInformation ul.legend li.cat-DIY {
	color:#6d9183;
}

.contactInformation ul.legend li.cat-Full_Line {
	color:#c9b270;
}

.contactInformation ul.legend li.cat-Grant{
	color:#995b62;
}

.contactInformation ul.legend li.cat-Hettich{
	color:#72838b;
}

.contactInformation ul.legend li.cat-Retail{
	color:#4e909c;
}

.contactInformation .loading {
	margin-top:68px;
	margin-left:10px;
}

/*
.contactInformation ul li.cat-PRO h3 {
	background:transparent url(/fileadmin/templates/img/ico-mapmarker-pro.png) right center no-repeat;
}

.contactInformation ul li.cat-DIY h3 {
	background:transparent url(/fileadmin/templates/img/ico-mapmarker-diy.png) right center no-repeat;
}
*/




/**
 **************************************************
 EXT:Powermail
 *
 * @description:css definitons for powermail forms
 * @beware:is dependent on standard form definitions
 **************************************************
**/
.tx-powermail-pi1 form label {
	display:block;
	position:relative;
	padding-top:1px;
	margin-bottom:15px;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
	clear:both;
}

.tx-powermail-pi1 form .tx_powermail_pi1_fieldwrap_html_text input,
.tx-powermail-pi1 form .tx_powermail_pi1_fieldwrap_html_select select,
.tx-powermail-pi1 form .tx_powermail_pi1_fieldwrap_html_captcha input {
	position:relative;
    float:left;
    width:289px;
    height:15px;
    padding:2px 2px 3px;
    border:1px solid #939FA4;
    margin:0 0 15px 0;
    font:inherit;
    color:#4B616A;
}

.tx-powermail-pi1 form .tx_powermail_pi1_fieldwrap_html_select select {
    width:295px;
    height:auto;
    padding:1px;
}

.tx-powermail-pi1 form .tx_powermail_pi1_fieldwrap_html_select select,
.tx-powermail-pi1 form .tx_powermail_pi1_fieldwrap_html_select select option {
    overflow:visible;
}

.tx-powermail-pi1 form .tx_powermail_pi1_fieldwrap_html_submit input,
.tx-powermail-pi1 form .tx_powermail_pi1_fieldwrap_html_reset input {
    float:left;
    padding:2px 8px 3px 12px;
    border:1px solid #4B616A;
    margin:0 0 15px;
    color:#FFFFFF;
    cursor:pointer;
    font-size:11px;
    font-weight:bold;
    background:#939FA4 url(/fileadmin/templates/img/ico-arrow-white-small.png) no-repeat left center;
}

.tx-powermail-pi1 fieldset.style2 {
    position:relative;
    width:335px;
    height:20px;
    left:130px;
    margin:0 15px 15px 0;
}

.tx-powermail-pi1 fieldset.style2 input {
	text-transform:lowercase;
}

.tx-powermail-pi1 fieldset.style2 .tx_powermail_pi1_fieldwrap_html {
	position:absolute;
	left:0;
}

.tx-powermail-pi1 fieldset.style2 .tx_powermail_pi1_fieldwrap_html_submit {
	left:50%;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check fieldset {
	position:relative;
	padding:0;
	width:auto;
	height:auto;
	margin-left:130px;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check fieldset .powermail_check_inner {
	clear:both;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check fieldset .powermail_check_inner input.powermail_check {
	float:left;
	width:auto;
	margin:3px 15px 0 0;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check fieldset .powermail_check_inner label {
	clear:none;
	width:265px;
	padding:0;
	margin-right:0;
	text-align:left;
}

/* Captcha */
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha {
	clear:left;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha .img {
	margin-left:131px;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha .img img {
	margin:0;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha .img span {
	display:block;
	margin-bottom:5px;
	font-size:11px;
}


/* Bestellformular */
.tx-powermail-pi1  fieldset.tx-powermail-pi1_fieldset_buttons {
	margin-left:130px;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset_buttons .tx_powermail_pi1_fieldwrap_html{
	clear:none;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit {
	width:100px;
	float:left;
	display:block;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_reset {
	width:100px;
	margin-left:75px;
	float:left;
	display:block;
}


/* error message */
div.error {
	/* supply height to ensure consistent positioning for every browser */
	background-color:#FF0000;
	border:1px solid #FF0000;
	font-size:11px;
	color:#fff;
	padding:3px 10px 5px 10px;
	margin-left:-2px;
    z-index:10;
    text-align:left;
    height:auto;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	box-shadow:0 0 6px #ddd;
}

div.error p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}



/* pure CSS arrow */
html:root div.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FF0000 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-10px;
	left:5px;
	border-bottom:0 none;
}



/**
 **************************************************
 * JS: jScrollPane
 *
 * jScrollPane may not operate correctly without these styles.
 **************************************************
**/

.jspContainer {
	overflow:hidden;
	position:relative;
}

.jspPane {
	position:absolute;
}

.jspVerticalBar {
	position:absolute;
	top:0;
	right:0;
	width:5px;
	height:100%;
	background:gray;
}

/* BEN: Hide it by default */
.jspVerticalBar {
	visibility:hidden;
}

.jspHorizontalBar {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:5px;
	background:gray;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin:0;
	padding:0;
}

.jspCap {
	display:none;
}

.jspHorizontalBar .jspCap {
	float:left;
}

.jspTrack {
	background:#ddd;
	position:relative;
}

.jspDrag {
	background:#bbb;
	position:relative;
	top:0;
	left:0;
	cursor:pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float:left;
	height:100%;
}

.jspArrow {
	background:#50506d;
	text-indent:-20000px;
	display:block;
	cursor:pointer;
}

.jspArrow.jspDisabled {
	cursor:default;
	background:#80808d;
}

.jspVerticalBar .jspArrow {
	height:5px;
}

.jspHorizontalBar .jspArrow {
	width:5px;
	float:left;
	height:100%;
}

.jspVerticalBar .jspArrow:focus {
	outline:none;
}

.jspCorner {
	background:#eeeef4;
	float:left;
	height:100%;
}

.lt-ie7 .jspCorner {
	margin:0 -3px 0 0;
}




/**
 **************************************************
 * MOBILE STYLES
 *
 * @note:Inlined to avoid required HTTP connection
 * @description:Adjustments for smaller screens
 **************************************************
**/
.statusbar {
	width:98%;	
	padding:2px 1% 2px;
	font:11px/15px tahoma,sans-serif;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-color:#b7e3a0;
	color:#81ac6c;
	background-color:#d2ffba;
}
.statusbar span:after {
	content:"(min-width:1024px)";	
}



@media only screen and (max-width:1023px) {
	.statusbar {
		border-color:#acc4de;
		color:#778ea7;
		background-color:#c8e0fa;
	}
	.statusbar span:after {
		content:"(max-width:1023px)";	
	}
		
		
		
	ul#navMisc {
		padding-right:4.1%;	
	}
	
	ul#navMisc li.first {
		clear:left;	
		padding-left:0;
		border-left:0;
	}
	
	form label {
		display:block;
		clear:left;
		float:none;
		margin-right:0;
		text-align:left;
		width:auto;
	}
	form .checkboxes label {
		display:inline;
	}
	form input.text,
	form input.checkbox,
	form input.radio,
	form select,
	form textarea,
	form#mailform input {
		margin-bottom:5px;
	}

	form input.submit,
	form#mailform input.csc-mailform-submit {
		margin-left:0;	
	}
	fieldset.buttons {
		left:0 !important;
	}

	.mediaCentre form select {
		margin-bottom: 15px;
	}
	
	/* BEN: Should go out but still triggers fade animations delaying the reloads... */
	/*
	.worldwide-wrap .loading,
	.worldwide-wrap map,
	.worldwide-wrap .image,
	.worldwide-wrap .world {
		display:none !important;
	}
	*/
	
	.worldwide-wrap area {
		cursor:default !important;	
	}
	
	.worldwide-wrap .legend p {
		margin:5px 0 !important;
		float:none !important;
	}
	.worldwide-wrap .legend p span {
		margin:0 12px 0 1px;
	}
	
}



/* BEN: Worldwide fix. Reverting to percent at a custom breakpoint which corresponds to javascript (userfunctions.js, "BEN: Check for screen width") */
@media only screen and (max-width:979px) {	
	.worldwide-wrap {
	/* BEN: Reverting to percent */
		width: 100%;
	}
}



@media only screen and (max-width:767px) {
	.statusbar {
		border-color:#e3daae;
		color:#aba379;
		background-color:#fff6c9;
	}
	.statusbar span:after {
		content:"(max-width:767px)";	
	}
	
	
	
	body {
		/*font-size:1.2em;*/
		font-size:1.1em;
	}
	
	ul#navMain {
		display:none;
	}
	
	ul#navMobile {
		display:block;
	}
	
	#contentArea {
		background-color: #fff;
		background-image: none !important;	
	}
	
	#primaryContent {
		width:100% !important;	
	}
	
	#secondaryContent {
		display:none;
	}

	.fce.teaser h2 {
		font-size: 1.1em;
		line-height:1.2em;
	}

}



@media only screen and (max-width:639px) {
	.statusbar {
		border-color:#e3b281;
		color:#908960;
		background-color:#ffcb96;
	}
	.statusbar span:after {
		content:"(max-width:639px)";	
	}
	
	
	
	body {
		/*font-size:1.4em;*/
		font-size:1.2em;
	}
	
	#page .moduleGroup .module,
	#page .columnGroup .column {
		width:100% !important;
		margin-right:0 !important;
		float:none !important;	
	}
	
	#page .ext.mediaCenter.columnGroup .column,
	#page .ext.mediaCenter.columnGroup .column.filter {
		width:100% !important;
		float:none !important;	
	}
	
	.fce.frontrow .txt {
		position:relative;
		top:0;
		left:0;
		padding:4.1% 4.1% 12.3%;
		width:91.8%;
	}

	.contactInformation ul.locations li,
	.worldwide-wrap .list .row .address {
		width:48% !important;
	}
	
	.press.detail .imageArea ul li {
		width:100%;
		margin-right:0;
		float:none;
	}

	.mediaCentre .columnGroup > .column,
	.mediaCentre form select {
		margin-bottom: 0;
	}

	.mediaCentre .columnGroup.second {
		margin-bottom: 5%;
	}

	.mediaCentre .columnGroup.third > .column.c1 {
		margin-bottom: 6%;
	}

	.mediaCentre .columnGroup.third .column.c3 a{
		display: block;
		text-align: center;
	}

	.mediaCentre .controls .columnGroup > .column {
		margin-bottom: 15px;
	}

	.mediaCentre #mediaCentreControls .columnGroup .column.c2,
	.mediaCentre #mediaCentreControls .columnGroup .column.c3 {
		float: left !important;
		width: 50% !important;
		margin-bottom: 0;
	}

	.mediaCentre .text.search,
	.mediaCentre select,
	.mediaCentre input.text {
		max-width: none;
		width: 92%;
	}

	.mediaCentre select + b,
	.mediaCentre button + b{
		margin-left: 2%;
	}

	.mediaCentre .icon,
	.mediaCentre .sprite.submit {
		margin-left: 2%;
	}

	.mediaCentre .icon:after {
		margin: 0;
		width: 1%;
	}

	.mediaCentre button {
		width: 92%;
	}

	.mediaCentre label.search {
		display: block;
	}

	.tabsContainer ul.tabs {
		margin-bottom: 5%;
	}

	.tabsContainer ul.tabs > li {
		display: block;
		border-right: none;
		border-bottom: 3px solid #ffffff;
	}

}



@media only screen and (max-width:479px) {
	.statusbar {
		border-color:#e08283;
		color:#a64f52;
		background-color:#ff9e9e;
	}
	.statusbar span:after {
		content:"(max-width:479px)";	
	}
	
	
	
	#logo {
		max-width:105px;
	}
	
	.press.detail p.navBar a,
	.jobExchange .detail p.navBar a,
	.mediaCenter .detail p.navBar a {
		position:static;
	}
	
	#catalogueResults .results ul li {
		width:100%;
		margin-right:0;
	}
	
	.contactInformation ul.locations li,
	.worldwide-wrap .list .row .address {
		width:98% !important;
	}	
	
	.worldwide-wrap .legend p span {
		display:block;	
	}

	.mediaCentre .icon,
	.mediaCentre .sprite.submit {
		margin-left: 1%;
	}

	.mediaCentre #mediaCentreControls .columnGroup .column.c2,
	.mediaCentre #mediaCentreControls .columnGroup .column.c3 {
		width: 100% !important;
	}

	.mediaCentre #mediaCentreControls .columnGroup .column.c2 {
		margin-bottom: 15px;
	}

	.mediaCentre .filterArea {
		width: 100%;
	}
	
}



@media only screen and (max-width:319px) {
	.statusbar {
		border-color:#8040c0;
		color:#4a098a;
		background-color:#b975fa;
	}
	.statusbar span:after {
		content:"(max-width:319px)";	
	}
	
	#contentArea {
		background-color:#fff;
		background-image:none;	
	}
	
	#primaryContent {
		width:100% !important;	
	}
	
	#secondaryContent {
		display:none;
	}
	#page .moduleGroup .module,
	#page .columnGroup .column {
		width:100% !important;
		margin-right:0 !important;
		float:none !important;	
	}
	
	#page .ext.mediaCenter.columnGroup .column,
	#page .ext.mediaCenter.columnGroup .column.filter {
		width:100% !important;
		float:none !important;	
	}

	.mediaCentre .columnGroup.third > .column.c2,
	.mediaCentre .columnGroup.third > .column.c3 {
		width: 25% !important;
		background-color: red;
	}
	
}



@media print,(-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    /* High resolution devices */
	
	/* BEN: Testing SVGs. Looks great & tested on iPhone and iPad so far */
	/*
	ul#navMisc li.fb a {
		background-image: url(/fileadmin/templates/img/ico-fb.svg), none;
		background-size: 24px 24px;
	}
	
	ul#navMisc li.yt a {
		background-image: url(/fileadmin/templates/img/ico-yt.svg), none;
		background-size: 24px 24px;
	}
	
	ul#navMisc li.xi a {
		background-image: url(/fileadmin/templates/img/ico-xi.svg), none;
		background-size: 24px 24px;
	}
	*/
	
}



@media print {
	/* Boilerplate base */
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* BEN: This is probably useful but looks really bad */
	/*
	a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
	*/
	/* :NEB */
	
    /* Don't show links for images, or javascript/internal links */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	
	
	/* Custom styles */
	html {
		/* Needs relative units as base */
		font-size:100.01%;
	}
	body {
		font-size:1.4em;	
	}
	nav, form {
		display:none;	
	}
	/* Showing media-centre items again :-\ */
	form#mediaSearch {
		display:block;
	}
	form#mediaSearch .column.c1 {
		float:none !important;
		width:100% !important;			
	}
	form#mediaSearch .column.c2.filter,
	form#mediaSearch a.add {
		display:none;
	}
	/* Logo height and margin */
	#header {
		height:65px !important;	
		margin-bottom:60px;
	}
	.statusbar, #imageArea, #secondaryContent, .news.latest, .accordion {
		display:none;	
	}
	#primaryContent,
	#primaryContent .column {
		float:none !important;
		width:100% !important;	
	}
	#primaryContent .module {
		
	}
	.module * {
		background-color:transparent;
		border:0;
	}
	.worldwide-wrap .legend {
		display:none;	
	}
}