/*
 * CSS SCREEN
 * Basic Styles for TROX - elephant seven bielefeld, marcel frenz - 11.09.07
 * $Id: basic.css 660 2011-05-27 12:42:53Z ferdinandk $
 */

body {
    font: 70% Arial, Helvetica, sans-serif;
	margin: 3px 0 3px 0;
	padding: 0;
	/* background: url(../images/global/spacer_hor.gif) repeat-x 0 80px;*/
	border-left: 3px solid #fff;
	color: #5B5B5B;
}
.nopadding {
	padding: 0 !important;
}
html,body,h1,h2,h3,h4,h5,h6,p,form,iframe,pre,blockquote,ul,ol,li,dd,dl,fieldset,hr {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
input, select, a, h2, h3, h4, h5 {
    font-size: 1em;
	color: #5B5B5B;
}

blockquote {
   margin-left:10px;
}

/* standard forms BEGIN */
textarea {
	font: 70% Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #5B5B5B;
	border: 1px solid #dedede;
}
input, select {
	border: 1px solid #dedede;
}
	input {
		margin-bottom:3px;
	}
/* standard forms END */

ul, ol {
	list-style-position: inside;
}
* html ul, ol {
	list-style-position: outside;
}
*+html ul, ol {
	list-style-position: outside;
}
a {
	text-decoration: none;
	}
	a:hover, a:focus {
	    color: #fc9a04;
	    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { 	display: inline-block; }
* html .clearfix { height: 1px; }
.clearfix { display: block; }
.clear { clear: both; }
.fleft {	float: left; }
.fright { float: right; }

.hidden {
       display:none;
}
/* layout */

div#header, div.wrapper {
	width: 955px;
}

div#header, div#metanavi {
	height: 77px;
}
#logo {
	position: absolute;
	left: 51px;
	/* top: 21px; */
	}
	#logo img.logo {
		margin: 25px 0 0 48px;
	}

div#metanavi {
	width: 530px;
	float: right;
	color: #fff;
	background: url(../images/global/metanavi.gif) no-repeat left 32px;
	}
	
	div#metanavi.onefacebook,
	div#metanavi.onetwitter,	
	div#metanavi.oneyoutube {
		width: 534px;
		}
	div#metanavi.onefacebook.onetwitter,
	div#metanavi.onefacebook.oneyoutube,
	div#metanavi.onetwitter.oneyoutube {
		width: 554px;
		}
	div#metanavi.onefacebook.onetwitter.oneyoutube {
		width: 574px;
		}
		div#metanavi .socialChannels {
            white-space:nowrap;
			position:absolute;
			top: 6px;
			}	
			div#metanavi.onefacebook .socialChannels,
			div#metanavi.onetwitter .socialChannels,	
			div#metanavi.oneyoutube .socialChannels {
				left: 939px;
				}
			div#metanavi.onefacebook.onetwitter .socialChannels,
			div#metanavi.onefacebook.oneyoutube .socialChannels,
			div#metanavi.onetwitter.oneyoutube .socialChannels {
				left: 919px;
				}
			div#metanavi.onefacebook.onetwitter.oneyoutube .socialChannels {
				left: 899px;
				}	
			div#metanavi.onefacebook #metaContent .metaContentRight,
			div#metanavi.onetwitter #metaContent .metaContentRight,	
			div#metanavi.oneyoutube #metaContent .metaContentRight {
				left: 547px;
				}
			div#metanavi.onefacebook.onetwitter #metaContent .metaContentRight,
			div#metanavi.onefacebook.oneyoutube #metaContent .metaContentRight,
			div#metanavi.onetwitter.oneyoutube #metaContent .metaContentRight {
				left: 527px;
				}
			div#metanavi.onefacebook.onetwitter.oneyoutube #metaContent .metaContentRight {
				left: 507px;
				}
			/*IE6 Fix */	
			* html div#metanavi.onefacebook .socialChannels,
			* html div#metanavi.onetwitter .socialChannels,	
			* html div#metanavi.oneyoutube .socialChannels {
				left: 979px;
				}
			* html div#metanavi.onefacebook.onetwitter .socialChannels,
			* html div#metanavi.onefacebook.oneyoutube .socialChannels,
			* html div#metanavi.onetwitter.oneyoutube .socialChannels {
				left: 959px;
				}
			* html div#metanavi.onefacebook.onetwitter.oneyoutube .socialChannels {
				left: 939px;
				}	
			* html div#metanavi.onefacebook #metaContent .metaContentRight,
			* html div#metanavi.onetwitter #metaContent .metaContentRight,	
			* html div#metanavi.oneyoutube #metaContent .metaContentRight {
				left: 587px;
				}
			* html div#metanavi.onefacebook.onetwitter #metaContent .metaContentRight,
			* html div#metanavi.onefacebook.oneyoutube #metaContent .metaContentRight,
			* html div#metanavi.onetwitter.oneyoutube #metaContent .metaContentRight {
				left: 567px;
				}
			* html div#metanavi.onefacebook.onetwitter.oneyoutube #metaContent .metaContentRight {
				left: 547px;
				}
	
div#metaContent {
	background: #88A2B3;
	padding: 0.2em 7px 0.2em 7px;
	height: 22px;
}

	div#metaContent ul {
		float:left;
		position: relative;
    	padding: 0.25em 0 0 0;
		}
		div#metaContent ul li {
	        display: inline;
		}
		div#metaContent ul li a {
			color: #fff;
			padding-right: 3px;
			padding-left: 6px;
			border-left: 1px solid;
	    }
		div#metaContent ul li a:hover,
		div#metaContent ul li a:focus {
			text-decoration: underline;
		}
    	div#metaContent ul li.first a {
    	    border-left: none;
    	    }

	#metaContent .metaContentRight {
		position: absolute;
		min-width: 380px;
		top: 5px;
		left: 571px;
		width: 1px;
		}
		* html #metaContent .metaContentRight {
			width: 380px;
		}
		*+html #metaContent .metaContentRight {
			min-width: 380px;
		}
		#metaContent .metaContentRight label,
		#mainnavi label
		{
			background: #F6F7F8 url(../images/global/verlauf.gif) repeat-x bottom left;
			color: #3F5E72;
			border: 1px solid #fff;
			float:right;
			margin-left: 5px;
			padding: 0.14em 0.5em 0.13em 0.5em;
			}
			#mainnavi label {
				margin-left: 8px;
			}
		#metaContent .metaContentRight select,
		#mainnavi  select{
			font-size: 10px;
			float:right;
			text-indent: 1px;
			width: 105px;
			color: #7d7d7d;
			}
			#mainnavi  select {
				width: 90px;
				margin-bottom: 5px;
			}
			#mainnavi  option {
				width: 110px;
			}
		#metaContent .metaContentRight select option,
		#mainnavi select option {
			padding: 2px;
		}
		html>body #metaContent .metaContentRight select,
		html>body #mainnavi  select {
			font-size: 11px;
			border:1px solid #fff;
			height:17px;
		}
		*+html #metaContent .metaContentRight select,
		*+html #mainnavi select {
			font-size: 10px !important;
			height: auto !important;
		}
		div#metaContent .metaContentRight input {
			float:right;
			height: 19px;
			line-height: 19px;
			padding: 0 3px 0 3px;
			width: 85px;
			color: #7d7d7d;
			border:none;
		}
		html>body div#metaContent .metaContentRight input {
			padding-top: 2px;
			padding-bottom: 3px;
			height: 14px;
		}
		*+html div#metaContent .metaContentRight input {
			padding-top: 0 !important;
			padding-bottom: 0 !important;
			height: 19px !important;
		}
		html.* div#metaContent .metaContentRight input {
			content:\;
			width: 92px;
		}
		div#metaContent .metaContentRight input.metanaviSubmit {
			height: 13px !important;
			width: 14px !important;
			border: none;
			padding: 0px !important;
			margin: 3px 0 0 5px !important;
		}

div.wrapper {
	background: url(../images/global/spacer_ver.gif) repeat-y left top;
	}
	div.colLeft {
		width: 159px;
		border-right: 1px solid #fff;
		float: left;
		}
		html.* div.colLeft {
			content:\;
			width: 160px;
			overflow: hidden;
		}

	div.colRight {
		position: relative;
		float: left;
		width: 795px;
		}
		html.* div.colRight {
			content:\;
			width: 795px;
		}

	div#trail {
		height: 176px;
		he\ight: 175px;
		background: #88A2B3 url(../images/global/trail.gif) no-repeat center 36px;
		border-bottom: 1px solid #fff;
		color: #fff;
    	}
	html>body div#trail {
	    height: auto;
		min-height: 175px;
	    }

	div#mainnavi {
		padding-top: 5px;
	}

	div#trail ul,
	div#mainnavi ul {
		list-style: none;
		float:left;
		padding: 111px 10px 10px 9px;
		padding-top:106px;
		}
		div#trail ul li,
		div#mainnavi ul li  {
	        display: inline;
			line-height: 17px;
		}
		div#trail ul li a,
		div#mainnavi ul li a  {
			color: #fff;
			background: url(../images/global/bullet_white.gif) no-repeat left 6px;
			padding-left: 8px;
			display: block;
		}
		div#trail ul li a:hover,
		div#trail ul li a:focus,
		div#mainnavi ul li a:hover,
		div#mainnavi ul li a:focus {
			background: url(../images/global/bullet_orange.gif) no-repeat left 6px;
			color: #fc9a04;
			text-decoration: none;
		}
		div#trail ul li.active a,
		div#mainnavi ul li.active a {
			font-weight: bold;
			background: none;
padding-top:8px;
		}
		div#trail ul li.active a:hover,
		div#trail ul li.active a:focus {
			color: #fff;
			cursor: default;
		}

	div#mainnavi ul {
		padding: 5px 10px 9px 9px;
		}
		div#mainnavi ul li a {
			background: url(../images/global/bullet_blue.gif) no-repeat left 6px;
			color: #37516e;
		}
		div#mainnavi h2 {
		    font-size: 1.05em;
			padding: 9px 10px 0px 17px;
		}

	div#topnavi a {
		float: left;
		display: block;
		border-right: 1px solid #fff;
		}
	div#teaser {
		float: left;
		display: block;
		background: #9d9d9d;
		height: 132px;
		color: #fff;
		width: 794px;
		border-right: 1px solid #fff;
		margin-bottom: 25px;
	}
		
		div#teaser div.stage-text {
			margin-left: 15px; 
			margin-top: 41px; 
			position: absolute; 
			padding: 5px;
			zoom:1;
		}
		
		div#teaser.dark-grey,
		.home #teasertext.dark-grey {
			color: #5B5B5B;
		}
		div#teaser.white,
		.home #teasertext.white {
			color: #fff;
		}
		div#teaser.blue-white-transparent div,
		.home #teasertext.blue-white-transparent div {
			color: #000051;
			background-color: rgb(255,255,255); 
			background-color: rgba(255,255,255,.7); 
			background-color: transparent\9;
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF); 
		}
		
		div#teaser.distractor {
			background: #bb0000;
		}
		html.* div#teaser {
			content:\;
			width: 795px;
			xmargin-top:-3px;
		}
		*+html div#teaser {
			xmargin-top:-3px;
		}
		div#teaser img {
			position: absolute;
			margin: 0;
		}
		div#teaser h1 {
			font-size: 27px;
			font-weight: normal;
			margin-bottom: 13px;
		}
		*:not(hr) div#teaser h1 {
			margin-bottom: 10px;
		}
		
		div#teaser p {
			font-weight: bold;
			overflow:hidden;
			padding-left: 1px;
		}

	div.contentWrapper {
		padding: 19px;
		width: 754px;
		}

		html.* div.contentWrapper {
			content:\;
			width: 792px;
		}

div#print {
	float: right;
	margin-bottom: 18px;
	bottom: 0px;
}
div#print img {
	float:left;
	margin-left: 4px;
}

#footer {
	color: #37516e;
	width: 955px;
	border-left: 159px solid #88a2b3;
	w\idth: 796px;
	}
	#footer ul {
	    list-style-type: none;
	    }
	    #footer ul li {
	        display: inline;
	        }
    #footer div, #footer ul {
    	background: #f2f2f2;
    	padding: 0.5em 0;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
        }
	#footer ul li {
		color: #37516e;
		padding-right: 3px;
		padding-left: 6px;
		border-left: 1px solid;
	    line-height: 1.25em;
	    }
		html>body #footer ul li {
	    line-height: 1.25em;
		}
    	#footer ul li.first {
    	    border-left: none;
    	    }
	#footer .left {
		padding-left: 20px;
		margin-left: 1px;
	}
	#footer .fright {
		margin-right: 9px;
	}
	#footer .fright span {
		margin-right:40px;
	}

.noColLeft div.wrapper {
	background: none;
}
* html .noColLeft div.wrapper {
	width:1050px;
	margin-right:0;
}
.noColLeft div#mainnavi {
	display: none;
}
.noColLeft div#trail * {
	display: none;
}
.noColLeft div.contentWrapper {
	margin-left: -159px;
	position:relative;
		}
		html.* .noColLeft div.contentWrapper {
			content:\;
			margin-left: -160px;
		}
* html .noColLeft #print {
	display:none;
}

/* Homepage */
.home #mainnavi .countryswitch label,
.home #mainnavi .countryswitch select {
	float:left;
}
.home {
	background: none;
}
.home #trail {
	height: 309px;
	margin-top: 1px;
	background: #88a2b3 url(../images/global/trail_home.gif) no-repeat center 20px;
	}
	html>.home #trail {
	    height: auto;
		min-height: 309px;
	    }
	.home div#trail ul {
		padding: 130px 10px 0 8px;
		}
		.home #trail ul li {
			float:left;
			display: block;
			width:133px;
			background: url(../images/global/navi_home_bg.gif) no-repeat 8px bottom;
			margin-bottom:4px;
			padding-bottom:9px;
			line-height: 13px;
		}
		.home #trail ul li span {
			margin-left: 8px;
			font-size: 1.05em;
			font-weight: bold;
		}
		.home #trail ul li p {
			margin-left: 8px;
			color: #3F5E72;
		}
		.home #trail ul li a {
			background: url(../images/global/bullet_white.gif) no-repeat left 4px;
		}
		.home #trail ul li a:hover,
		.home #trail ul li a:focus {
			background: url(../images/global/bullet_orange.gif) no-repeat left 4px;
		}
.home #teaser {
	background: none;
	height: 309px;
	margin: 0;
	padding: 0;
	margin-bottom:1px;
	margin-top: 1px;
}

.home .contentWrapper {
	padding: 0;
	width: 795px;
	border-top: 5px solid #88a2b3;
	background: url(../images/global/homebg.gif) repeat-y;
	}
	.home .nobg {
		background: none !important;
	}
	.home .contentWrapper .blockCol1 {
		width: 264px;
		height: auto;
		min-height: 105px;
		border-right: 1px solid #dedede;
	}
	*html .home .contentWrapper .blockCol1 {
		height: 105px;
		width: 265px;
		w\idth: 264px;
	}
	.home .contentWrapper .moduleBlock {
		border: none;
		margin: 0;
		padding: 0;
	}

.home #metanavi {
	border-bottom: 5px solid #88a2b3;
}

.home .wrapper {
	margin-top: 5px;
	}
	*html .home .wrapper {
		margin-top: 0px;
	}

.home #mainnavi {
	padding: 85px 0 0 0;
	background: url(../images/global/worldwide.gif) no-repeat center 10px;
}
.home #teasertext {
	position: absolute;
	z-index:10;
	top: 81px;
	t\op: 86px;
	height: 309px;
	width: 795px;
	left: 160px;
	lef\t: 163px;
	color: #fff;
	}
	.home #teasertext div {
		left:30px;
		padding:5px;	
		position:absolute;
		top:32px;
	}
	html>.home #teasertext {
		top: 86px;
		left: 163px;
	}
	.home #teasertext h1 {
		font-size: 3.1em;
	}
	.home #teasertext p {
		font-weight: bold;
		width: 360px;
		padding-left: 1px;
	}
	.home #topnavi {
		position: absolute;
		z-index:30;
		xbottom: -1px;
		opacity: .90;
		filter: Alpha(opacity=90, finishopacity=0, style=0);
		-moz-opacity: .90;

		width: 795px;
		height: 55px;
		left: 163px;
		top: 340px;
	}
	html>.home #topnavi {
		bottom: 0px;
	}
	.home #topnavi a {
		display: block;
		float:left;
		margin: 0;
		padding: 0;
		border-right: 1px solid #fff;
		width: 264px;
	}
	.home #trail .toplink {
		background: none;
		padding: 8px 0 0 8px;
	}
	.home #trail .toplink a{
		background: url(../images/global/toplink.gif) no-repeat left 1px;
		padding-left: 20px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	.home #trail .toplink a:hover,
	.home #trail .toplink a:focus {
		color: #fc9a04;
		text-decoration: none;
		background: url(../images/global/toplink.gif) no-repeat left 1px;
	}

span.mhost span {
	margin-left:-1.6ex;
	visibility:hidden;
}

/*
 * ******************************************************************************
 * Extra Stylesheet Attributes
 * NOISY-Tec - Mark Zimmermann
 * ******************************************************************************
*/
.zipcode table {
       width: 20%;
       border-width: 0px;
       border-color: white;
       }
.zipcode td {
       border-width: 0px;
       border-color: white;
       }