/****************************************
*
Bosch Powertools Landingpage
Kittelberger media solutions GmbH | 2011-08 
*
*****************************************/

h2.ctryHeadline,
.h2.ctryHeadline {
	font-size: 14px;
	font-weight:bold;
	border-bottom: 1px solid #c3c3c4;
	padding: 0 0 7px 0;
	margin: 17px 0 5px 0;
}
.clrL {
	clear: left
}
.clrR {
	clear: right
}
.clrB {
	clear: both
}
.continentSel h2, 
.continentSel .h2 {
	padding: 25px 0;
	font-weight:bold;
}
#accordion {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 463px;
	width: 992px;
	overflow: hidden;
	background-color: white;
}
#accordion li.root {
	float: left;
	display: block;
	width: 	188px;
	height: 463px;
	padding: 0;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
	background:#b4c6d9;
	cursor:default;
}
*html #accordion li.root {
	display: inline;
}
#accordion li.first {
	margin-left: 0;
}
#accordion li.last {
	margin-right: 0;
}
#accordion li span {
	display: block;
	width: 	486px;
	height: 463px;
	overflow: hidden;
	position: relative;
}
.ie7 #accordion li span {
	width: 	auto;
}
.ctryLayer {
	visibility: hidden;
	padding:10px 11px;
	background:url(../images/transparent_white_1px.png) repeat 0 0;
	bottom: 10px;
	position:absolute;
}
.ctryLayer.visible {
	visibility:visible;
}
.ctryLayer ul {
	float:left;
	width: 148px;
	padding: 0 10px 0 0;
	overflow:hidden;
}
.ctryLayer ul.last {
	padding: 0;
}
.ctryLayer ul > li {
	padding: 0;
}
.ctryLayer ul li a.ctryLink {
	color: #215f8b;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	padding: 5px 0 4px 30px;
	display:block;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.ctryLayer ul li a.ctryLink:hover {
	color: #003B6A;
}
.ctryLayer ul li.hover a.ctryLink {
	color: white;
	background-color: #215f8b;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.ctryLayer ul.last li.hover a.ctryLink {
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
#accordion li.root h6,
#accordion li.root .h6 {
	height: 19px;
	padding: 10px;
	background:#003b6a;
}
/* START submenu */
			.ctryLayer.countrySel ul li ul {
	display:none;
}
.ctryLayer.countrySel ul li.hover ul {
	background: none repeat scroll 0 0 #215f8b;
	color: white;
	display: block;
	font-size: 12px;
	font-weight:bold;
	margin:  0 0 0 148px;
	padding: 5px 10px 5px 10px;
	position: absolute;
	width: 145px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.ctryLayer.countrySel ul.last li.hover ul {
	margin: 0 0 0 -165px;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.ctryLayer.countrySel ul li.hover ul li {
	background:url(../images/startpage/arrow_countryselect.png) no-repeat 5px 7px;
	padding: 3px 0 5px 14px;
}
.ctryLayer.countrySel ul li.hover ul li a {
	display:block;
	color:white;
}
/* END submenu */

/* START 20140310 extension: slide toggle */
.cToggle .countrySel {
}
.cToggle .countrySel ul {
	float: left;
	width: 238px;
}
.cToggle .countrySel ul li {
	padding: 0;
	height: 20px;
}
.cToggle .countrySel ul li a {
	font-size: 14px;
	color: #215F8B;
}
.cToggle .countrySel ul li a.ctryLink {
	padding: 0 0 0 5px;
}
.cToggle .countrySel ul li a:hover {
	color: #003B6A;
}
.cToggle h2.ctryHeadline, 
.cToggle .h2.ctryHeadline {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #c3c3c4;
	padding: 0 0 7px 9px;
	margin: 17px 0 5px 0;
	background: url("http://static.bosch-professional.com/media/images/professional/arrow_blueWhiteLeft.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
	color: #215F8B;
}
.cToggle h2.ctryHeadline:hover,
.cToggle .h2.ctryHeadline:hover {
    color: #003B6A;
}
.cToggle h2.ctryHeadline.down,
.cToggle .h2.ctryHeadline.down {
    background: url("http://static.bosch-professional.com/media/images/professional/arrow_blueWhiteDown.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
}
.cToggle .headCountryOvw {
    margin-bottom: 50px;
}

.cToggle .ctryHeadline {
    cursor:pointer;
}
.cToggle .countrySel {
	display:none;
}
/* END 20140310 extension: slide toggle */