/* Standaard waarden */
body {
	background: #012C61 url('/images/background.jpg') repeat-x;
	padding: 0;
	margin: 0;
}

body, td, th {
	font-family: Arial;
	color: #000000;
	font-size: 11px;
}

/* Opmaak van de website */
h1 {
	color: #004a99;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	font-family: Verdana;
}

li {
	margin: 0 0 0 17px;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

input, textarea {
	margin-bottom: 1px;
	padding: 1px;
	border: 1px solid #000000;
	font-family: Arial;
	font-size: 11px;
}

/* Elementen op de website */
#container {
	width: 838px;
	margin-right: auto;
	margin-left: auto;	
}

#sidebar {
	background: #FFDD00 url('/images/background_menu.jpg') no-repeat;
	width: 200px;
	height: 631px;
	float: left;
}

#content {
	background: #FFFFFF url('/images/background_content.jpg') no-repeat;
	width: 638px;
	height: 631px;
	float: left;
}

#measurements {
	color: #004a99;
	margin-top: 130px;
	margin-left: 30px;
	width: 150px;
	font-family: Verdana;	
	
	height: 70px;
	font-weight: bold;
	font-size: 11px;
}

#measurements a {
	color: #004a99;
	text-decoration: underline;
}

#measurements a:hover {
	color: #004a99;
	text-decoration: none;
}

#menu {
	font-family: Verdana;
	font-size: 10px;
	line-height: 2.1em;
	font-weight: bold;
	margin-left: 30px;
	width: 150px;
	height: 315px;
}

#menu a {
	color: #000000;
	text-decoration: none;
}

#menu a:hover {
	color: #000000;
	text-decoration: underline;
}

#menu .menu_item_active {
	color: #FF0000;
}

#menu .menu_item_active A {
	color: #FF0000;
}

#menu .sub_item {
	margin-left: 12px;
}

#menu .sub_item_active {
	margin-left: 12px;
	color: #FF0000;
}

#menu .sub_item_active a {
	color: #FF0000;
}

#adres {
	width: 150px;
	margin-left: 30px;
	font-weight: bold;
	font-size: 10px;
}

/* Content onderdelen */
#content_corporate {
	margin-left: 30px;
	margin-right: 25px;
	height: 515px;
	font-size: 11px;
	line-height: 1.2em;
}

#content_corporate_text {
	width: 300px;
	float: left;
	margin-bottom: 50px;
}

#content_corporate_address {
	position: relative;
	left: 0px;
	width: 500px;
}

#content_corporate_illustratie {
	width: 260px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

#scroller_warrenty {
	width: 570px;
	height: 450px;
	overflow: auto;
	position: relative; /* IE overflow fix, position must be relative or absolute */
	
	margin-left: 30px !important; /* all browsers other than IE6 */
	margin-left: 15px; /* IE6 */
	margin-right: 40px !important; /* all browsers other than IE6 */
	margin-right: 20px; /* IE6 */
	margin-top: 20px !important; /* all browsers other than IE6 */
	margin-top: 10px; /* IE6 */		
	
	padding: 0;
}

#scroller_warrenty li {
	margin: 0 0 0 17px;
	padding: 0;
}

#scroller_warrenty ol {
	margin: 0;
	padding: 0;
}

#content_warranty_illustratie {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

#no-scroller {
	margin-left: 30px;
	margin-right: 40px;
	margin-bottom: 20px;
}

#spareparts_onderdelen {
	margin-bottom: 20px;
	width: 250px;
	float: left;
}

#spareparts_onderdelen_illustratie {
	width: 300px;
	float: left;
}

#spareparts_vertical {
	margin-bottom: 20px;
	width: 115px;
	float: left;
}

#spareparts_vertical_illustratie {
	margin-top: 15px;
	float: left;
}

#product_scroller {
	width: 580px;
	height: 540px;
	overflow: auto;
	position: relative; /* IE overflow fix, position must be relative or absolute */
	margin-left: 30px !important; /* all browsers other than IE6 */
	margin-left: 15px; /* IE6 */
	margin-right: 40px !important; /* all browsers other than IE6 */
	margin-right: 20px; /* IE6 */
	margin-top: 20px !important; /* all browsers other than IE6 */
	margin-top: 10px; /* IE6 */		

	padding: 0;
}

#product_scroller li {
	margin: 0 0 0 17px;
	padding: 0;
}

#product_scroller ul {
	margin: 0;
	padding: 0;
}

.product_foto {
	width: 80px;
	height: 102px;
	float: left;
}

.product_naam {
	float: left;
	font-family: Verdana;
	color: #004a99;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

#product_scroller th {
	background-color: #004A99;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	height: 18px;
	font-size: 10px;		
}

#product_scroller td {
	color: #000000;
	border-left: 1px solid #004A99;
	text-align: center;
	height: 18px;
	font-size: 10px;
}

#categorie_scroller {
	width: 580px;
	height: 540px;
	overflow: auto;
	position: relative; /* IE overflow fix, position must be relative or absolute */
	margin-left: 30px !important; /* all browsers other than IE6 */
	margin-left: 15px; /* IE6 */
	margin-right: 40px !important; /* all browsers other than IE6 */
	margin-right: 20px; /* IE6 */
	margin-top: 20px !important; /* all browsers other than IE6 */
	margin-top: 10px; /* IE6 */		
	
	padding: 0;
}

#product_tekst {
	width: 355px;
	float: left;
}

#product_tekst h1 {
	font-family: Verdana;
	color: #004a99;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 20px;
}

#product_illustratie {
	margin-left: 10px;
	width: 155px;
	float: left;
}

#scroller_login {
	width: 570px;
	height: 460px;
	overflow: auto;
	position: relative; /* IE overflow fix, position must be relative or absolute */
	
	padding: 0;
}

#scroller_login a {
	text-decoration: underline;
}

#scroller_login a:hover {
	text-decoration: none;
}

#scroller_login li {
	margin: 0 0 0 17px;
	padding: 0;
}

#scroller_login ol {
	margin: 0;
	padding: 0;
}

/* Scroller */
#scroller {
	width: 570px;
	height: 520px;
	overflow: auto;
	position: relative; /* IE overflow fix, position must be relative or absolute */
	margin-left: 30px !important; /* all browsers other than IE6 */
	margin-left: 15px; /* IE6 */
	margin-right: 40px !important; /* all browsers other than IE6 */
	margin-right: 20px; /* IE6 */

	padding: 0;
}

#scroller li {
	margin: 0 0 0 15px;
	padding: 0;
}

#scroller ul {
	margin: 0;
	padding: 0;
}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbar {
	width: 36px;
	background: #FFFFFF url('/images/scrollbar.png') -36px 0px repeat-y;
}

.vscrollerbarbeg {
	height: 24px !important;
	width: 36px;
	background: url('/images/scrollbar.png') -108px -32px no-repeat;
}

.vscrollerbarend {
	height: 24px;
	width: 36px;
	background: url('/images/scrollbar.png') -108px 0px no-repeat;
}

.vscrollerbase {
	width: 36px;
	background: #FFFFFF url('/images/scrollbar.png') 0px 0px repeat-y;
}

.vscrollerbasebeg {
	width: 36px;
	height: 28px !important; /* safari fix */
	background: url('/images/scrollbar.png') -72px -28px no-repeat;
}

.vscrollerbaseend {
	height: 28px;
	width: 36px;
	background: url('/images/scrollbar.png')  -72px 0px no-repeat;
}

.hscrollerbase {
	height: 16px; background-color: white;
}

.hscrollerbar {
	height: 16px; background-color: white;
}

.vscrollerbar, .hscrollerbar {
	padding: 28px;
	z-index: 2;
}

.scrollerjogbox {
	width: 36px;
	height: 16px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background: #FFFFFF;
}