/* template.css v3 */
/* Dimension, alignment and background of containers */
#market-selector-globe{width:882px; height:auto; position:absolute; left:72px; top:90px; z-index:10002; background-color:#000; display:none;}
	.flash{width:882px; height:auto; padding:0; z-index:10002;}
#market-selector-map{width:882px; height:500px; position:absolute; left:72px; top:370px; z-index:10002; background-color:#FFF; display:none;}
#intro{width:882px; height:auto; position:absolute; left:72px; top:90px; z-index:99; background-color:#000; display:none;}
#loginbox{width:363px; height:144px; padding:8px; float:left; position:absolute; top:68px; left:6px; z-index:10000; background-image:url(/us/grafix/bg_bsa_loginbox.png); display:none;}
	#loginbox-header{width:361px; float:left; position:absolute; top:20px; left:8px;}
	#loginbox-left{width:141px; height:auto; float:left; position:absolute; left:9px; top:60px;}
		#loginbox-left .arrow-icon{display:block; width:10px; height:10px; font-size:1px; position:relative; top:2px; float:left; background-image:url(/us/grafix/bg_all.png); background-position: -220px 0px; }
	#loginbox-right{width:220px; height:auto; float:right; padding-top:4px; position:absolute; left:160px; top:56px;}
		#loginbox-right input.textfield{width:160px; height:18px; border:solid 1px #C0C0C0;}
		#username-textfield{}
		#password-textfield{float:left; margin-top:0; margin-right:5px;}
		#loginbox-right input.submit-button{width:24px; height:22px; padding:0; margin:0; background-color:#3D4B54; color:#FFF; border: 0px; font-size: 11px; }
		#loginbox-close { float: right; width: 30px; height: 36px; cursor: pointer; position: absolute; right: 10px; top: -1px; z-index: 1; }
#site{background-color:#FFF; height:auto; margin:auto; position:relative; text-align:left; width:1026px;}
#header{width:1026px; height:370px;}
	#header-top{width:1026px; height:72px;}
		#header-left-column{width:72px; height:72px; float:left;}
			#toggle-login-box-button{width:63px; height:24px; position:relative; left:6px; top:40px; float:left; background-color:#3E4B53;}
				#open-login-box-button{}
				#close-login-box-button{display:none;}
		#header-center{width:702px; height:72px; float:left;}
			#search-field{width:165px; height:22px; position:relative; top:14px; border-style:solid; border-width:1px; border-color:#C2C2C2;}
				#search-form{width:120px; height:22px; float:left;}
					#magnifier-icon{width:40px; height:22px; float:left; background-image:url(/us/grafix/bg_all.png);}
					#search-textfield{width:120px; height:18px; position:relative; top:2px; float:left; border:0; font-size:11px;}
					#hidden-submit{width:0; height:0; font-size:0; display:none;}
			#market-selection-button{width:165px; height:22px; position:relative; top:16px; border-style:solid; border-width:1px; border-color:#C2C2C2;}
				#worldmap-icon{width:40px; height:22px; float:left; background-image:url(/us/grafix/bg_all.png); background-position:0px 22px;}
				#market-selection-text{width:123px; height:18px; position:relative; top:4px; float:left; margin:0;}
			#info-on-current-market{width:200px; height:24px; position:absolute; top:38px; left:242px;}
		#logo{width:180px; height:50px; position:relative; top:12px; float:left; background-image:url(/us/grafix/bg_all.png); background-position:-39px 0px; display:block;}
	#navigation{width:1026px; height:18px; background-color:#3E4B53;}
		#navigation-content{width:954px; height:17px; position:relative; left:72px; top:1px; z-index:2;}
		#bgmenu{display:none; background-image: url(../grafix/bg_menu_top.png); background-repeat: repeat-x; position:absolute; left:72px; top:90px; z-index:0; width:882px; height:262px; float:left;}
	#banner{width:1026px; height:262px;}
		#banner-content{width:954px; height:262px; float:left;}
		#banner-right-column{width:72px; height:262px; float:left; background-color:#FEED01;}
	#breadcrumb-navigation{width:1026px; height:18px;}
		#breadcrumb-left-column{width:72px; height:18px; float:left; background-color:#737A7F;} /* overwrite this style for service, application etc. to apply specific color */
		#breadcrumb-content{width:882px; height:18px; float:left; background-color:#FEED01;}
		#breadcrumb-right-column{width:72px; height:18px; float:left; background-color:#737A7F;}
#main{width:1026px; float:left; background-image: url(/us/module/product-catalog-release/grafix/bg_template2.jpg); background-repeat: repeat-y;}
	#main-left-column{width:72px; height:710px; float:left; background-color:#FEED01;}
	#main-left-content-padding{width:0; height:710px; float:left;}
	#main-content{width:882px; height:auto; float:left;}
	#main-top-padding{width:840px; height:17px;}
	#main-right-content-padding{width:0; height:710px; float:left;}
	#main-right-column{width:72px; float:left; height:710px; background-color:#F4F5F9;}

/* TODO: Refactor classes */
html{height:100%; width:100%; margin:0; padding:0; height: auto; overflow-x:hidden; background-color:#d4d5d9; }
body{margin:0; padding:0; text-align: center; width:auto; height:auto; min-height: auto; }
.loginLink{text-decoration:none; color:#000;}
.smalltext{font-family:Arial; font-size:11px; color:#555;}
.boldtext{font-family:Arial; font-size:12px; font-weight:bold; color:#000;}
.login-button-text{ padding-top: 5px; padding-left: 4px; width: 59px; height: 19px; float:left; font-family:Arial; font-size:11px; text-decoration:none; color:#FFF;}
#footer-left-content a{font-family:Arial; font-size:11px; color:#3e4b53;}
#market-selection-text a{text-decoration:none; color:#555;}

/* --- Styles for navigation menu --- */
.mainmenu a{font-family:Arial; font-size:10pt; text-decoration:none; margin-left:15px; color:#FFF;}
.mainmenu a:hover{color:#FFED00;} /* TODO: check if this is needed */
.mainmenu a:active{color:#FFF;} /* TODO: check if this is needed */

/* --- Styles for navigation menu --- */
#menu1{width:880px; text-decoration:none; font-family:Arial; font-size:12px; z-index:1; font-weight: bolder; }
#menu2{position:absolute; left:18px; top:17px; z-index:97; float:left; width:880px; height:250px; padding-left:2px; padding-top:12px;}
#menu3{position:absolute; left:316px; top:12px; width:215px; z-index:100000;}
#menu4{position:absolute; left:315px; top:0; width:auto; z-index:10;}
#active1{color:#000; font-family:Arial; font-size:12px;}
#active2{color:#000; font-family:Arial; font-size:11px;}
#active3{color:#000; font-family:Arial; font-size:11px; font-weight:bold; background-color:#FFED00; float:left; width:215px; height:20px; margin-left:-10px; padding-left:10px;}
#active4{color:#000; font-family:Arial; font-size:11px; font-weight:bold; background-color:#FFED00; float:left; width:215px; height:20px; margin-left:-10px; padding-left:10px;}
.root-entry{float:left;}
.root-entry a{width:auto; margin-left:16px; margin-right:16px; color:#FFF; text-decoration:none; font-family:Arial; font-size:12px;}
.active-root-entry{float:left; color:#000;}
.active-root-entry a{width:auto; margin-left:16px; margin-right:16px; font-family:Arial; font-size:12px; color:#FFED00; text-decoration:none;}
.sublevel-entry{width:215px; line-height:20px; height:20px; padding-bottom:0; background-color:#3E4B53; margin-bottom:1px; color:#000;}
.sublevel-entry a{font-size:10px; color:#FFF; text-decoration:none;}
.active-sublevel-entry{width:215px; line-height:20px; height:20px; padding-bottom:0; background-color:#FFED00; margin-bottom:1px; color:#000;}
.active-sublevel-entry a{font-size:10px; color:#000; text-decoration:none;}
.sublevel-arrow-icon2{width:5px; height:5px; font-size:1px; float:left; position:relative; left:10px; top:8px; background-image:url(/us/grafix/bg_all.png); background-position:-220px -25px; background-repeat:no-repeat;}
.sublevel-arrow-icon1{width:5px; height:5px; font-size:1px; float:left; position:relative; left:10px; top:8px; background-image:url(/us/grafix/bg_all.png); background-position:-220px -19px; background-repeat:no-repeat;}
a.textcolor-active:link{color:#000;}
a.textcolor-active:hover{color:#000;}

/* Content */
.text{font-family:Arial; font-size:13px; color:#555; padding-bottom:6px; line-height:17px;}
.text a{color:#0066CC;}

.text h1{margin:0; padding-bottom:16px; font-size:22px; font-weight:bold; line-height:26px; color:#000;}
.text h2{font-size:15px; font-weight:bold; line-height:18px; color:#000; margin:0; padding-right:10px; padding-top:0; padding-bottom:5px;}
.text h3{font-size:15px; font-weight:bold; line-height:18px; color:#000; margin:0; padding-right:10px; padding-top:0; padding-bottom:10px;}
.text h4{font-size:12px; font-weight:bold; line-height:15px; color:#000; margin:0; padding-right:10px; padding-bottom:10px; text-decoration:none;}
.text p{margin:0;}
.text img{border:0;}

/* Contact form */
form{width:285px;}
textarea{width:285px; height:100px;}
#captcha{width:250px;}
select{width:290px;}
input[type=text]{color:#555; font-family:Arial; font-size:13px;}

/*Sitemap*/
#sitemapmenu1 { width: 1026px; height: auto; float: left; background-color: #ffffff; }
#sitemapmenu1 ul { list-style-image: url(/us/grafix/li_sitemap.png); float: left; margin-top: 20px; padding-left: 30px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; height: 110px; }
#sitemapmenu1 li { font-family: Arial; font-size: 10px; line-height: 14px; }
#sitemapmenu1 a { color: #817f80; text-decoration: none; }
#sitemaptext { width: 796px; height: auto; float: left; background-color: #ffffff; font-size: 10px; font-weight: normal; color: #817f80; font-family: Arial; padding: 25px; }
.sitemapmenu1box { border-left: 1px solid #e4e4e4; margin-left: -1px; }

/*SEO-Text*/
#seotext { width: 986px; height: auto; float: left; background-color: #ffffff; padding: 20px; font-size: 10px; color: #817f80; font-family: Arial; }
#seotext a { text-decoration: underline; font-size: 10px; font-weight: bolder; color: #817f80; font-family: Arial; }

/*SocialMedia*/
#socialmedia { width: 1026px; height: auto; float: left; background-color: #ffffff; }
	#socialmedia-left-column{width:72px; height:60px; float:left; background-color:#FEED01; padding-top: 12px; }
	#socialmedia-left-content-padding{width:18px; height:60px; float:left; padding-top: 12px;}
	#socialmedia-content{width:846px; height:60px; float:left; border-bottom: 1px solid #e4e4e4; margin-right: 18px; padding-top: 12px; }
	#socialmedia-right-column{width:72px; height:60px; float:left; background-color:#F4F5F9; padding-top: 12px;}
	.socialMediaButton{width:40px; height:40px; margin-right:3px; float:left; display:block;}
	#youtube-icon{background-image:url(/us/grafix/bg_all_v4.png); background-position:-313px 0;}
	#community-icon{background-image:url(/us/grafix/bg_all_v4.png); background-position:-231px 0;}
	#facebook-icon{background-image:url(/us/grafix/bg_all_v4.png); background-position:-272px 0;}

/*FooterNavigation*/
#footernavigation { width: 986px; height: auto; float: left; background-color: #ffffff; padding-left: 20px; padding-right: 20px; font-size: 10px; color: #817f80; font-family: Arial; padding-bottom: 20px; }
*+html #footernavigation { width: 986px; height: auto; float: left; background-color: #ffffff; padding-left: 20px; padding-right: 20px; font-size: 10px; color: #817f80; font-family: Arial; padding-bottom: 20px; padding-top: 16px; }
#footernavigation a { text-decoration: underline; font-size: 10px; color: #817f80; font-family: Arial; }
#footernavigation-left { width:700px; height:auto; float:left; }
#footernavigation-right { width:286px; height:auto; float:left; text-align:right; }

#form_4 #captcha_code { float: left; width: 400px !important; height: 24px; padding-left: 4px; margin-bottom: 8px; line-height: 18px; border: solid 1px #555555; font-family: Arial; font-size: 12px; color: #555555; }
#form_4 #captcha_code.form-error { float: left; width: 397px; height: 20px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; background-image: url(/us/grafix/bg_error_form.jpg); background-repeat: repeat-x; line-height: 18px; border: solid 3px #ff0000; font-family: Arial; font-size: 12px; font-weight: bolder; color: #555555; }
#form_4 input.kontakt { float: left; width: 400px; height: 24px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; line-height: 24px; border: solid 1px #555555; font-family: Arial; font-size: 12px; color: #555555; }
#form_4 div input { float: left; width: 400px !important; height: 24px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; line-height: 24px; border: solid 1px #555555; font-family: Arial; font-size: 12px; color: #555555; }
#form_4 select.kontakt { float: left; width: 408px; height: 28px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; border: solid 1px #555555; font-family: Arial; color: #555555; }
#form_4 textarea.kontakt { float: left; width: 402px; height: 80px; padding-left: 4px; margin-bottom: 12px; margin-top: 4px; line-height: 18px; border: solid 1px #555555; font-family: Arial; font-size: 12px; color: #555555; }
#form_4 label.kontakt { float: left; width: 20px; height: 40px; font-family: Arial; font-size: 12px; color: #555555; }
#form_4 form.kontakt { float: left; width: 410px; height: auto; margin-top: 4px; font-family: Arial; font-size: 12px; color: #555555; }
#form_4 .form-error { float: left; width: 397px !important; height: 20px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; background-image: url(/us/grafix/bg_error_form.jpg); background-repeat: repeat-x; line-height: 24px; border: solid 3px #ff0000; font-family: Arial; font-size: 12px; font-weight: bolder; color: #555555; }
#form_4 select.form-error { float: left; width: 408px !important; height: 28px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; font-family: Arial; font-weight: bolder; color: #555555; border: solid 3px #ff0000; }
#form_4 .form { float: left; width: 400px !important; height: 24px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; line-height: 24px; border: solid 1px #555555; font-family: Arial; font-size: 12px; color: #555555; }
#form_4 select.form { float: left; width: 408px !important; height: 28px !important; padding-left: 4px !important; margin-top: 4px !important; margin-bottom: 8px !important; padding-top: 4px !important; padding-bottom: 4px !important; padding-right: 4px !important; font-family: Arial; font-weight: bolder; color: #555555; border: solid 1px #555555; clear: left; }
#form_4 input[type="submit"] { float: left; width: auto; height: 30px; }
#form_4 .captcha_num { float: left; width: 100%; clear: left; }
#form_4 .captcha_num_box { float: left; width: 200px; height: 45px; line-height: 45px; text-align: center; background-color: #f4f5f9; font-size: 18Pt; color: #737a7f; font-weight: bolder; }
.pc { display: none; }