/**
 * standaard lettertype + lettergrootte instellen
 */
* {
	font-family:				Tahoma, Verdana, sans-serif;
	font-size:		 			11px;
	color:						#000;
}

html {
	scrollbar-base-color: 		#aaaaaa;
	scrollbar-arrow-color:		#2c2c2c;
}

img {
	border:						none;
}

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

.onlyclear {
	clear:						both;
}

p {
	color:						#000;
	font-size:					12px;
	line-height: 				14px;
}

span {
	color:						#9d9d9d;
	font-size:					11px;
}

a {
	color:						#9d9d9d;
	font-size:					12px;
	text-decoration:			none;
}

a:hover {
	text-decoration:			none;
	color:						#000;
}

/**
 * body, html
 * margin van het totale frame zetten
 * background instellen
 */
body,html {
	margin:						0px;
	background-color:			#808080;
	background-image:			url(/images/site/header.jpg);
	background-repeat:			repeat-x;
}

/**
 * Wrapper
 * algehele container voor het hele frame
 */
#wrapper {
	width:						1001px;
	height:						auto;
	margin:						0px auto;
	background-color:			#fff;
}

#wrapper .body {
	margin:						0;
	width:						1001px;
	height:						auto;
	background-image:			url("/images/site/header.jpg");
	background-repeat:			repeat-x;
}

#wrapper .body .wrap {
	position:					relative;
}

#wrapper .body .wrap .langmenu {
	background-image:			url("/images/site/lang_menu.jpg");
	background-repeat:			no-repeat;
	width:						105px;
	height:						30px;
	position:					absolute;
	right:						20px;
	top:						0px;
}

#wrapper .body .wrap .langmenu ul {
	list-style-type:			none;
	margin:						2px 0 0 -3px;
	padding:					0;
}

#wrapper .body .wrap .langmenu ul li {
	float:						left;
	width:						19px;
	margin:						0 0 0 7px;
}

#wrapper .body .wrap .langmenu ul li .lang-nl {
	width:						19px;
	height:						21px;
	background-image:			url("/images/site/lang-NL.png");
}

#wrapper .body .wrap .langmenu ul li .lang-de {
	width:						19px;
	height:						21px;
	background-image:			url("/images/site/lang-DE.png");
}

#wrapper .body .wrap .langmenu ul li .lang-en {
	width:						19px;
	height:						21px;
	background-image:			url("/images/site/lang-EN.png");
}

#wrapper .body .wrap .langmenu ul li .lang-fr {
	width:						19px;
	height:						21px;
	background-image:			url("/images/site/lang-FR.png");
}

#wrapper .body .topmenu {

}

#wrapper .body .topmenu .logo {
	width:						161px;
	height:						76px;
	background-image:			url("/images/site/logo-slootsmid-transp.png");
	margin:						5px 0 0px 55px;
	float:						left;
	background-repeat: 			no-repeat;
}

* html #wrapper .body .topmenu .logo {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site/logo-slootsmid-transp.png',sizingMethod='crop');
}

#wrapper .body .topmenu .spacerbig {
	background-image:			url("/images/site/corporate/spacer1.jpg");
	width:						2px;
	height:						53px;
	float:						left;
	margin:						31px 0 0 5px;
}

#wrapper .body .topmenu .menus {
	float:						left;
	width:						734px;
}

#wrapper .body .topmenu .menus ul.corporate {
	list-style-type:			none;
	float:						left;
	padding:					0;
	margin:						25px 0 0 30px;
}

#wrapper .body .topmenu .menus ul.corporate li {
	float:						left;
	margin:						10px 5px;
}

#wrapper .body .topmenu .menus ul.corporate li a {
	color:						#fff;
	float:						left;
	font-size:					15px;
	text-transform:				uppercase;
	padding:					0 20px 0 0;
	font-family:				Arial, sans-serif;
	font-weight:				bold;
}

#wrapper .body .topmenu .menus ul.corporate li a.nolink {
	cursor:						default;
}

#wrapper .body .topmenu .menus ul.corporate li a:hover,
#wrapper .body .topmenu .menus ul.corporate li a.active {
	color:						#a9ff00;
}

#wrapper .body .topmenu .menus ul.corporate li .spacer {
	background-image:			url("/images/site/corporate/spacer2.jpg");
	width:						2px;
	height:						17px;
	display:					block;
	float:						left;
}

#wrapper .body .topmenu .menus ul.corporate-sub {
	list-style-type:			none;
	margin:						0 0 0 35px;
	padding:					0;
	*margin:					8px 0 0 35px;
}

#wrapper .body .topmenu .menus ul.corporate-sub li {
	float:						left;
}

#wrapper .body .topmenu .menus ul.corporate-sub li a {
	color:						#a9ff00;
	float:						left;
	font-size: 					11px;
	padding:					0 10px 1px 0;
}

#wrapper .body .topmenu .menus ul.corporate-sub li a:hover {
	color:						#fff;
	text-decoration:			underline;
}

#wrapper .body .topmenu .menus ul.corporate-sub li .spacer {
	background-image:			url("/images/site/corporate/spacer3.jpg");
	width:						2px;
	height:						11px;
	display:					block;
	float:						left;
	margin:						0 10px 0 0;
}

#wrapper .body .header {
	width:						899px;
	height:						218px;
	background-color:			#fff;
	border:						1px solid #ccc;
	margin:						0 0 0 51px;
}

#wrapper .body .header .headerinside {
	margin:						10px 0px 0px 10px;
	width:						879px;
	height:						198px;
}

#wrapper .body .content {
	width:						899px;
	height:						auto;
	border:						1px solid #ccc;
	border-width:				0px 1px;
	margin:						0 0 0 51px;
}

#wrapper .body .content .left {
	float:						left;
	width:						187px;
}

#wrapper .body .content .left .searchbox {

}

#wrapper .body .content .left .searchbox .top {
	background-image:			url("/images/site/corporate/searchbox-top-left.jpg");
	width:						187px;
	height:						14px;
}

#wrapper .body .content .left .searchbox .search {

}

#wrapper .body .content .left .searchbox .search .left  {
	background-image:			url("/images/site/corporate/searchbox-left.jpg");
	width:						8px;
	height:						70px;
	float:						left;
}

#wrapper .body .content .left .searchbox .search .right  {
	float:						left;
	width:						172px;
	border:						none;
	padding:					3px;
	*padding:					0;
	min-height:					57px;
}

#wrapper .body .content .left .searchbox .search .right form {
	margin:						0;
}

#wrapper .body .content .left .searchbox .search .right input {
	border:						1px solid #ccc;
	width:						120px;
	margin:						0 0 0 20px;
}

#wrapper .body .content .left .searchbox .search .right input.submit {
	width: 						80px;
	margin: 					2px 0 0 40px;
}

#wrapper .body .content .left .searchbox .search .right span {
	color:						#000;
	font-size:					12px;
	padding:					5px 0 5px 20px;
	margin:						0;
}

#wrapper .body .content .left .searchbox .search .right span.ext {
	float:						right;
	font-size:					11px;
}

#wrapper .body .content .left .searchbox .bottom {
	background-image:			url("/images/site/corporate/searchbox-bottom.jpg");
	width:						187px;
	height:						11px;
}

#wrapper .body .content .left .menu {
	list-style-type:			none;
	margin:						10px 10px 0 10px;
	padding:					0;
}

#wrapper .body .content .left .menu li {
	padding:					4px 0px;
	border-bottom:				1px solid #e2e2e2;
}

#wrapper .body .content .left .menu li.has_sub {
/*	border:						none;*/
}

#wrapper .body .content .left .menu li .li {
	background-image:			url("/images/site/corporate/menu-li-square.jpg");
	width:						10px;
	height:						11px;
	float:						left;
	margin:						2px 0 0 0;
}

#wrapper .body .content .left .menu li a {
	padding:					0 0 0 10px;
	color:						#000;
	font-size:					12px;
	font-weight:                bold;
}

#wrapper .body .content .left .menu li a:hover {
	text-decoration:			underline;
}

#wrapper .body .content .left .menu ul.leftsubmenu {
    margin:						0 0 0 10px;
}

#wrapper .body .content .left .menu ul.leftsubmenu li {
	border-bottom:				1px solid #e2e2e2;
	padding:					4px 0px;
}

#wrapper .body .content .left .tabs {
	position:					relative;
}

#wrapper .body .content .left .tabs .tab {
	position:					absolute;
	background-repeat:			no-repeat;
	left:						-28px;
	top:						22px;
	width:						27px;
	height:						138px;

}

#wrapper .body .content .left .tabs .tab-corporate-offers {
	background-image:			url("/images/site/corporate/button-offers.jpg");
}

#wrapper .body .content .left .tabs .tab-mechanisatie-offers {
	background-image:			url("/images/site/mechanisatie/button-occassions.jpg");
}

#wrapper .body .content .left .tabs .tab-mechanisatie-new {
	background-image:			url("/images/site/mechanisatie/button-new.jpg");
	top:						268px;
}

#wrapper .body .content .left .tabs .tab-zetor-gallery {
	background-image:			url("/images/site/zetor/button-imagegallery.jpg");
}

#wrapper .body .content .left .tabs .tab-zetor-offers {
	background-image:			url("/images/site/zetor/button-offers.jpg");
/*	top:						268px;*/
}

#wrapper .body .content .left .tabs .tab-tailift-gallery {
	background-image:			url("/images/site/tailift/button-imagegallery.jpg");
}

#wrapper .body .content .left .tabs .tab-tailift-offers {
	background-image:			url("/images/site/tailift/button-offers.jpg");
/*	top:						268px;*/
}


#wrapper .body .content .left .offers {
	list-style-type:			none;
	margin:						20px 0 0 0;
	padding:					0;
}

#wrapper .body .content .left .offers li {
	margin:						10px 0 0 8px;
}

#wrapper .body .content .left .offers li img {
	border:						5px solid #ebebeb;
}

#wrapper .body .content .left .offers li .title {
	color:						#5d8a2a;
	text-transform:				uppercase;
	font-size:					11px;
	font-weight:				bold;
	display:					block;
	padding:					0 0 0 0px;
}

#wrapper .body .content .left .offers li .descr {
	padding:					0 0 0 0px;
	color:						#000;
	line-height:				15px;
}

#wrapper .body .content .left .offers li .readmore {
	color:						#5d8a2a;
}

#wrapper .body .content .right {
	float:						left;
	border-left:				1px solid #ccc;
	width:                      706px;
	min-height:					712px;
}

#wrapper .body .content .right .searchbox-top-right {
	background-image:			url("/images/site/corporate/searchbox-top-right.jpg");
	width:						706px;
	height:						14px;
}

#wrapper .body .content .right .content-header {
	margin:						0 20px;
}

#wrapper .body .content .right .content-header .arrow {
	background-image:			url("/images/site/corporate/menu-li-rectangle.jpg");
	width:						8px;
	height:						13px;
	margin:						8px 3px 3px 3px;
	float:						left;
}

#wrapper .body .content .right .content-header h1 {
	font-size:					16px;
	float:						left;
	border-right:				1px solid #a2a2a2;
	margin:						4px 0px 4px 2px;
	padding:					0 12px 1px 0;
}

#wrapper .body .content .right .content-header .spacerheader {

}

#wrapper .body .content .right .content-header h2 {
	color:						#9c9595;
	font-size:					12px;
	font-weight:				normal;
	float:						left;
	margin:						8px 0 0 0;
	padding:					0 0 0 8px;
	width:						350px;
}

#wrapper .body .content .right .content-header h2 span {
	color:						#9c9595;
	font-size:					12px;
	font-weight:				bold;
}

#wrapper .body .content .right .content-header .breadcrums {
	float:						right;
	width:						auto;
	margin:						8px 0 0 0;
	color:						#666666;
}

#wrapper .body .content .right .content-header .breadcrums a {
	font-size: 					11px;
}

#wrapper .body .content .right .spacerbig{
	background-image:			url("/images/site/corporate/spacer4.jpg");
	width:						671px;
	height:						6px;
	margin:						0 0 0 20px;
}

#wrapper .body .content .right .content-block {
	margin:						35px 20px 10px;
	width:						671px;
}

#wrapper .body .content .right .content-block .image {
	float:						left;
	width:						200px;
}

#wrapper .body .content .right .content-block .image img {
	border:						6px solid #ebebeb;
}

#wrapper .body .content .right .content-block .content {
	float:						left;
	width:						471px;
	border:						0;
	margin:						0;
}

#wrapper .body .content .right .content-block .content p,
#wrapper .body .content .right .content-block .image p {
	color:						#797474;
	font-size:                  11px;
}

#wrapper .body .content .right .content-block .content .imgright {
	float:						right;
	margin:						-20px 0 0 0;
}

#wrapper .body .content .right .content-block .content h3 {
	color:						#5d8a2a;
	font-size:					24px;
	font-weight:				normal;
	margin:						0;
	padding:					0;
}

/*
#wrapper .body .content .right .content-block .content span {
	color:						#797474;
	font-size:					12px;
	padding:					0 0 0 30px;
}
*/

#wrapper .body .content .right p.margin {
	margin:						10px 20px;
}

#wrapper .body .content .right .contactmach {
	margin: 					0px 0 0 0px;
	position: 					absolute;
	top: 						-280px;
	right: 						17px;
}

#wrapper .body .contactform {
	width: 						400px;
	margin: 					20px 0 0 100px;
}

#wrapper .body .contactform label {
	width: 						175px;
	display: 					block;
	margin: 					10px 0 0 10px;
	float: 						left;
}

#wrapper .body .contactform input,
#wrapper .body .contactform textarea {
	border: 					1px solid #797474;
	width: 						200px;
	padding: 					3px;
	margin: 					3px;
	float: 						left;
}

#wrapper .body .contactform input.checkbox {
	width: 						30px;
	border:						none;
}

#wrapper .body .contactform .chdesc {
	display: 					block;
	width: 						178px;
	float: 						left;
	font-size: 					11px;
}

#wrapper .body .contactform input.failure {
	border-color: 				#ff0000;
}

#wrapper .body .contactform input.radio {
    width:                      30px;
}

#wrapper .body .contactform input.submit {
	width: 						206px;
}

#wrapper .body .contactform select {
	border: 					1px solid #797474;
	width: 						206px;
	padding: 					3px;
	margin: 					3px;
	float: 						left;
}

#wrapper .body .contactform .blockradio {
	width: 						100px;
	float: 						left;
}

#wrapper .body .contactform .blockradio span {
	margin: 					3px 0 0 0;
	display: 					block;
}

#wrapper .body .serviceform {
    margin:                     20px 0 0 10px;
    width:                      600px;
}

#wrapper .body .serviceform .radiogroup {
    float:                      left;
    width:                      300px;
}

#wrapper .body .serviceform .radiogroup span {
	color: 						#000;
}

#wrapper .body .serviceform .radio {
    float:                      none;
    border:                     none;
    width:                      50px;
}

#wrapper .body .serviceform textarea {
	border: 					1px solid #797474;
	width: 						200px;
	height:                     70px;
	padding: 					3px;
	margin: 					3px;
	float: 						left;
}

/* search */
#wrapper .body .content .right .content-block h2 {

}

#wrapper .body .content .right .content-block .search_results {
	list-style-type:			none;
	margin:						0 0 0 13px;
}

#wrapper .body .content .right .content-block .search_results li a {
	font-size:					12px;
	color:						#000;
}

#wrapper .body .content .right .content-block .search_results li span {
	font-size:					12px;
	color: 						green;
}