/* 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:#000000; display:none;}
	.flash{width:882px; height:auto; padding:0px; z-index:100;}
#market-selector-map{width:882px; height:500px; position:absolute; left:72px; top:370px; z-index:99; background-color:#FFFFFF; display:none;}
#intro{width:882px; height:auto; position:absolute; left:72px; top:90px; z-index:99; background-color:#000000; display:none;}
#loginbox{width:363px; height:144px; padding:8px; float:left; position:absolute; top:68px; left:6px; z-index:10000; background-image:url(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(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;} /* TODO: Refactor this */
		#username-textfield{}
		#password-textfield{float:left; margin-top:0px; margin-right:5px;}
		#loginbox-right input.submit-button{width:24px; height:22px; padding:0px; margin:0px; background-color:#3D4B54; color:#FFFFFF; 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{width:1026px; height:auto; text-align:left; position:relative; margin:auto; background-color:#FFFFFF;}
#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(grafix/bg_all.png);}
					#search-textfield{width:120px; height:18px; position:relative; top:2px; float:left; border:0px; font-size:11px;}
					#hidden-submit{width:0px; height:0px; font-size:0px; 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(grafix/bg_all.png); background-position:0px 22px;}
				#market-selection-text{width:123px; height:18px; position:relative; top:4px; float:left; margin:0px;}
		#logo{width:180px; height:50px; position:relative; top:12px; float:left; background-image:url(grafix/bg_all.png); background-position:-39px 0px; background-repeat: no-repeat; 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-color:#FFFFFF; filter:alpha(opacity=61);-moz-opacity:.61;opacity:.61; 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-color: #FFFFFF;}*/
#main{width:1026px; float:left; background-color:#FFF; background-image: url(grafix/bg_content.jpg); background-repeat: repeat-y; }
	#main-left-column{width:72px; height:710px; float:left; background-color:#FEED01;}
	#main-left-content-padding{width:18px; height:710px; float:left;}
	#main-content{width:846px; height:auto; float:left;}
		#main-top-padding{width:840px; height:18px;}
	#main-right-content-padding{width:18px; height:710px; float:left;}
	#main-right-column{width:72px; float:left; height:710px; background-color:#F4F5F9;}
#footer{width:1026px; height:126px; float:left; background-color:#FFFFFF;}
	#footer-left-column{width:72px; height:126px; float:left; background-color:#FEED01;}
	#footer-left-content-padding{width:18px; height:126px; float:left;}
	#footer-content{width:864px; height:126px; float:left;}
		#footer-top-padding{width:864px; height:36px;}
		#footer-left-content{width:700px; height:90px; float:left;}
			.socialMediaButton{width:40px; height:40px; margin-right:3px; float:left; display:block;}
			#youtube-icon{background-image:url(http://s.ytimg.com/yt/img/creators_corner/YouTube/40x40_yt_white.png);}
			#community-icon{background-image:url(grafix/bg_all.png); background-position:-231px 0px;}
			#facebook-icon{background-image:url(grafix/bg_all.png); background-position:-272px 0px;}
		#footer-right-content{width:149px; height:24px; float:left; text-align:right;}
	#footer-right-column{width:72px; height:126px; float:left; background-color:#F4F5F9;}

/* TODO: Refactor classes */
html{height:100%; width:100%; margin:0; padding:0; text-align:left; overflow-x:hidden; background-color:#d4d5d9; overflow-y:scroll;}
body{margin:0; padding:0; text-align:center; width:auto; height:auto;}
.loginLink{text-decoration:none; color:#000000;}
.smalltext{font-family:Arial; font-size:11px; color:#000000;}
.boldtext{font-family:Arial; font-size:12px; font-weight:bold; color:#000000;}
.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:#555555;}

/* --- Styles for navigation menu --- */
.mainmenu a{font-family:Arial; font-size:10pt; text-decoration:none; margin-left:15px; color:#FFFFFF;}
.mainmenu a:hover{color:#FFED00;} /* TODO: check if this is needed */
.mainmenu a:active{color:#FFFFFF;} /* 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:0px; width:auto; z-index:10;}
#active1{color:#000000; font-family:Arial; font-size:12px;}
#active2{color:#000000; font-family:Arial; font-size:11px;}
#active3{color:#000000; 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:#000000; 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:#FFFFFF; text-decoration:none; font-family:Arial; font-size:12px; }
.active-root-entry{float:left; color:#000000;}
.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:0px; background-color:#3E4B53; margin-bottom:1px; color:#000000;}
.sublevel-entry a{font-size:11px; color:#FFFFFF; text-decoration:none;}
.active-sublevel-entry{width:215px; line-height:20px; height:20px; padding-bottom:0px; background-color:#FFED00; margin-bottom:1px; color:#000000;}
.active-sublevel-entry a{font-size:11px; color:#000000; text-decoration:none;}
.sublevel-arrow-icon2{width:5px; height:5px; font-size:1px; float:left; position:relative; left:10px; top:8px; background-image:url(grafix/icon_sub2.jpg); background-position:0px 0px; 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(grafix/icon_sub1.jpg); background-position:0px 0px; background-repeat:no-repeat;}
a.textcolor-active:link{color:#000000;}

/* Content */
.text{font-family:Arial; font-size:13px; color:#555555; padding-bottom:6px; line-height:17px;}
.text a{color:#0066CC;}
.text ul{margin:0px; padding-left:20px; padding-bottom:11px;}
.text li{padding-bottom:6px;}
.text h1{margin:0px; padding-bottom:16px; font-size:22px; font-weight:bold; line-height:26px; color:#000000;}
.text h2{font-size:15px; font-weight:bold; line-height:18px; color:#000000; margin:0px; padding-right:10px; padding-top:0px; padding-bottom:5px;}
.text h3{font-size:15px; font-weight:bold; line-height:18px; color:#000000; margin:0px; padding-right:10px; padding-top:0px; padding-bottom:10px;}
.text h4{font-size:12px; font-weight:bold; line-height:15px; color:#000000; margin:0px; padding-right:10px; padding-bottom:10px; text-decoration:none;}
.text p{margin:0px;}
.text img{border:0px;}

/* Teaser */
.content-box-right-teaser{width:240px; height:154px; float:right; padding:13px 160px 10px 10px; margin-bottom:40px; cursor:pointer; cursor:hand;}
.teaser_teas{font-family:Arial; font-size:11px; color:#000000; line-height:14px;}
.teaser_teas ul{margin:0px; padding-top:0px; padding-left:20px;}
.teaser_teas li{padding:0px;}

/* Contact form */
form{width:285px;}
textarea{width:285px; height:100px;}
#captcha{width:250px;}
select{width:290px;}
input[type=text]{width:285px; color:#555555; 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; }

/*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; }

/* INPUT KONTAKT */
#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; }
#captcha_code.form-error { float: left; width: 397px; height: 20px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; background-image: url(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; }
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; }
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; }
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; }
label.kontakt { float: left; width: 20px; height: 40px; font-family: Arial; font-size: 12px; color: #555555; }
form.kontakt { float: left; width: 410px; height: auto; margin-top: 4px; font-family: Arial; font-size: 12px; color: #555555; }
.form-error { float: left; width: 397px !important; height: 20px; padding-left: 4px; margin-top: 4px; margin-bottom: 8px; background-image: url(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; }
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-c { 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; }
select.form-c { 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; }
#SUBMIT { float: left; width: auto; height: 30px; }
.captcha_num { float: left; width: 100%; clear: left; }
.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; }

/* Dealer Locator */
#DealerLocatorDealers { margin-top: 10px; position:relative; top:-196px; left:1px; z-index:7; display:none;}
* html #DealerLocatorDealers { top:-940px;}
.DealerLocator_Group { margin: 0px; }
.DealerLocator_GroupInfo { width:774px; height:26px; margin-left:1px; padding: 8px 0px 0px 50px; background-image:url(media/image/content/dealerlocator/worldwide/bt_info_yellow_new.png); font-size:11px;}
.DealerLocator_DealerBox { border: 1px solid #b8b8b8; width:822px; float:left; margin-bottom:2px; margin-left:1px;}
.DealerLocator_DealerHeader { color:#000000; background-image: url(media/image/content/dealerlocator/worldwide/bg_dealer_header.png); background-repeat: repeat-x; width:820px; height:20px; font-weight:bold; padding-left: 2px; }
.DealerLocator_DealerBody { color:#333333; width:820px; background-image: url(media/image/content/dealerlocator/worldwide/bg_dealer_body.png); background-repeat: repeat; padding-left: 2px; }
.DealerLocator_ImageOverlay { width:824px; height:376px; float: left; position:absolute; z-index:1; top:0px; left: 0px;}
* +html .DealerLocator_ImageOverlay { top: 0px;}