/* ============================================================	*/
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/
html {
	height: 100%;
	width: 100%;
	overflow: -moz-scrollbars-vertical;
}
body {
	margin: 0 0 0 0;
	text-align: center;
	background-color: #F00;
	scrollbar-face-color: #ddd;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #aaa;
	scrollbar-3dlight-color: #aaa;
	scrollbar-arrow-color: #666;
	scrollbar-track-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	background: #fff url('../gfx/achter.gif') repeat-x;
}
body, table, th, p, input, textarea, select {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size: 11px;
}
img, div {
	behavior: url(css/iepngfix.htc);
}
h1, h2, h3, h4, h5, h6 {
	margin: 2px 0 2px 0;
}
a, img {
	border: 0px none;
	text-decoration: none;
}
h1.kopwit {
	font-weight: normal;
	font-size: 16px;
	color: white;
}
h1.koporange {
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 16px;
	color: #ff451a;
}
.topsmall {
	position:relative;
	display:inline-block;
	height:18px;
	font-size: 10px;
	line-height:10px;
}

.orange {
	width: 12px;
	text-align: center;
	color: #ff4a28;
}
.gray {
	width: 16px;
	text-align: center;
	color: #838383;
}
.Wit {
	width: 16px;
	text-align: center;
	color: #FFF;
}
td.small{
 font-size:9.5px;
}
p.small{
 font-size:10px;
}
.new {
	color: #FD6132;
}

/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 936px;
	height: 628px;/*628 GEWESTE HOOGTE*/;
	text-align: left;
	overflow: hidden;
}
/* mozilla hax \*/
html > body #container {
	height: auto;
}
div.sidebar {
}

a.homeLink {
	display:block;
	/*border:1px solid red;*/
	width:275px;
	height:55px;
	position:absolute;
	top:2px;
	left:0px;
	}
/* ============================================================	*/
/* ========	mainContent		 ===============================	*/
/* ============================================================	*/
div.mainContent {
	border-left: 1px solid #fff;
	position: relative;
	float: right;
	width: 467px;
	_width: 468px;
	background: #FFF url('../gfx/main_gradient.gif') repeat-x;
	color: #fff;
	height: 257px;
}
div.mainContent_1 {
	border-left: 1px solid #fff;
	position: relative;
	float: right;
	width: 467px;
	_width: 468px;
	color: #fff;
	height: 257px;
}

.mainblock1 {
	overflow: hidden;
	position: absolute;
	width: 467px;
	top: 0px;
	left: 0px;
	height: 257px;
}
.mainblock1txt {
	line-height: 20px;
	position: relative;
	left: 10px;
	top: 10px;
	width: 440px;
}
.mainblock1a {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 257px;
	width: 212px;
}
.mainblock1b {
	position: absolute;
	left: 212px;
	top: 0px;
	height: 257px;
	width: 256px;
}
.mainblock1btxt {
	line-height: 20px;
	position: relative;
	left: 10px;
	top: 10px;
	width: 240px;
	overflow:hidden;
}
.mainblock3 {
	position: absolute;
	width: 467px;
	top: 257px;
	left: 0px;
	height: 272px;/*WAS 295PX*/
}
.mainblock3block {
	position: relative;
	background-image: url('../gfx/voorbeelden_m.gif');
	height: 110px;
}
.mainblock3txt, .mainblock5txt {
	position: relative;
	top: 29px;
	left: 10px;
	width: 454px;
	color: #7a7a7a;
	line-height: 20px;
}
.mainblock3txtlinks{
	position: relative;
	top: -10px;
	left: 10px;
	width: 454px;
	color: #7a7a7a;
	line-height: 20px;
}
.mainblock3txt table .small {
	color: #7a7a7a;
	line-height: 18px;
}
.mainblock3txt td {
	color: #7a7a7a;
}


.mainblock3_1 {
	position: absolute;
	width: 467px;
	top: 0px;
	left: 0px;
	height: 272px;/*WAS 295PX*/
}
.mainblock3block {
	position: relative;
	background-image: url('../gfx/voorbeelden_m.gif');
	height: 110px;
}
.mainblock3txt_1, .mainblock5txt_1 {
	position: relative;
	top: 29px;
	left: 10px;
	width: 454px;
	color: #7a7a7a;
	line-height: 20px;
}
.mainblock3txt_1 table .small {
	color: #7a7a7a;
	line-height: 18px;
}
.mainblock3txt_1 td {
	color: #7a7a7a;
}


.mainblock4txt {
	position: relative;
	top: 380px;
	left: 10px;
	width: 454px;
	color: #7a7a7a;
	line-height: 16px;
}
.fotoVoorbeelden {
	top:400px;
	}
.mainblock4txt a{
	line-height: 20px;
	color: #ff3f18;
}

.mainblock3txt a,
.mainblock3txtlinks a,
.mainblock4txt a,
.mainblock3txt_1 a {
	position:relative;
	margin-right: 10px;
	line-height: 20px;
	color: #F00;
	text-transform: uppercase;
	float:left;
	display: block;
	padding-right: 15px;
	background: url('../gfx/link_bg_orange.gif') no-repeat right center;
}
.mainblock5txt a{
	line-height: 20px;
	color: #ff3f18;
}

.mainblock3txt b {
	margin-right: 10px;
	line-height: 20px;
	font-weight: normal;
	float: left;
	display: block;
	padding-left: 15px;
	background: url('../gfx/link_bg_orange.gif') no-repeat left center;
}
.mainblock3 img {
	border: 1px solid #838383;
	width: 138px;
	height: 43px;
}
.picblock {
	position: relative;
	float: left;
	border-top: 4px solid #FFF;
	border-left: 4px solid #FFF;
	width: 138px;
	height: 120px;/*129PX*/
}
div.mainblock4 {
	overflow: hidden;
	position: absolute;
	width: 459px;
	_width: 467px;
	top: 257px;
	left: 0px;
	height: 295px;
	background: url('../gfx/voorbeelden_m.gif') repeat-x;
	padding: 4px;
}
div.mainblock4a a {
	margin: 3px;
	float: left;
	position: relative;
	border: #848484 1px solid;
}
div.mainblock4a a:hover {
	margin: 2px;
	float: left;
	position: relative;
	border: #ff451a 2px solid;
}
div.mainblock4a {
	width: 223px;
	float: left;
	position: relative;
	overflow: hidden;
}
.mainblock4b {
	width: 235px;
	float: left;
	position: relative;
}
.mainblock4b a {
	font-weight: bold;
	margin: 3px 0px 10px 0px;
	float: left;
	position: relative;
	width: 117px;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	background: url('../gfx/link_bg_white.gif') no-repeat 98px 3px;
}
.mainblock4b a:hover {
	background: url('../gfx/link_bg_orange.gif') no-repeat 98px 3px;
}
/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/
div.header {
	position:relative;
	float:left;
	height:80px;/*ori 61*/;
	width: 936px;
	background: #FFF url('../gfx/sama_logo_N.gif') no-repeat 0 2px;
	}
div.payoff{
	position: absolute;
	top:28px;
	left:308px;
	float: left;

}
div.header .headertext {
	position: absolute;
	top: 12px;
	right:4px;
	text-align: right;
	line-height: 20px;
	font-weight: bold;
	color: #838383;
	vertical-align: bottom;
}
div.header .quicklink {
	position: absolute;
	top: 5px;
	right:0px;
	text-align: right;
	line-height: 20px;
	font-weight: bold;
}
div.header .quicklink a{color: #dadada;}
div.header .quicklink a:hover{color: #b5b5b5;}


div.header a {
	color: #838383;
}
/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
div.navigatie {
	float: left;
	position: relative;
	width: 468px;
	color: #FFF;
}
div.navblock1 {
	position: relative;
	float: left;
	width: 308px;
	height: 529px;
}
div.navblock2 {
	overflow: hidden;
	position: relative;
	float: left;
	width: 160px;
	height: 529px;
	background-image: url('../gfx/menu_gradient.gif');
}
div.navblockbut {
	border-top: 7px solid #838383;
	position: relative;
	float: left;
	height: 327px;
}
div.navblockbutzakelijk {
	border-top: 7px solid #838383;
	position: relative;
	float: left;
	height: 307px;
}
div.navblockbut a {
	font-weight: bold;
	text-indent: 18px;
	font-size: 11px;
	line-height: 25px;
	display: block;
	color: #fff;
	background-image: url('../gfx/bg_button.gif');
}
div .navblockbutzakelijk a {
	font-weight: bold;
	text-indent: 18px;
	font-size: 11px;
	line-height: 25px;
	display: block;
	color: #fff;
	background-image: url('../gfx/bg_button.gif');
}
div.navblockbut a:hover {
	background-image: url('../gfx/bg_button_H.gif');
}
div.navblockbutzakelijk a:hover {
	background-image: url('../gfx/bg_button_H.gif');
}
div.navblock3 {
	position: relative;
	float: left;
	left: 18px;
	height: 125px;
	width: 135px;
}

div.navblock4 {
	position: relative;
	float: left;
	left: 18px;
	height: 140px;
	width: 135px;
	line-height: 16px;
}
div.navblock4 a {
	color: #FFF;
	float: left;
	display: block;
	padding-right: 15px;
	background: url('../gfx/link_bg_white.gif') no-repeat right center;
}
a.none {
	background:none !important;
		padding-right: 0px;
		margin-right: 0px;
}

div.navblock4txt {
	width: 150px;
	height: 147px;
}
/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/
div#footer {
	position: relative;
	float: left;
	width: 936px;
	height: 38px;
	background: #ff4a28;
	color: #fff;
	border-top: 1px solid #fff;
	background-color: #ff4a28;
}
div#footer img {
	float: left;
}
div#footer .footerTextL {
	position: relative;
	float: left;
	text-align: left; /*padding:7px 10px 7px 0px;*/;
	line-height: 38px;
	width: 240px;
	left: 20px;
}
div#footer .footerTextR {
	float: right;
	text-align: right; /*padding:7px 10px 7px 0px;*/;
	line-height: 38px;
	width: 450px;
	padding-right: 12px;
}
div#footer .footerTextR img {
	vertical-align:middle;
	float:none;
} 
div#footer a {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
}

/* ============================================================	*/
/* ========	list		===============================	*/
/* ============================================================	*/


/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/
div.contentBlock {
}
/* MOZILLA HAX */
html > body div.left {
	margin-bottom: 0px;
}
/* MOZILLA HAX */
/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/
form {
	margin-top: 10px;
	line-height: 15px;
}
input, select {
	vertical-align: middle;
}
input {
	padding-left: 5px;
	width: 125px;
	font-weight: normal;
	border: 0px;
}
.checkbox {
	width:20px;
	padding:0 5px 0 0;
	margin: 0 5px 0 0;
}

.textarea{
	border: 1px solid #7a7a7a;
	overflow:auto;
}

input.typeText {
	font-weight: normal;
	border: 1px solid #7a7a7a;
}
input.check {
	font-weight: 14px;
	width:10px;
}
.formGrid input.typeText {
	padding-left: 5px;
}
label {
	vertical-align: middle;
}
input.submit {
	color: #FFF;
	font-weight: bold;
	background: #ff4a28;
}
.kleuren {background-color:#FFFFFF; width:467px;}
.kleuren td {color:#000000; font-size:9px; padding:8px 1px 7px 1px; z-index:999;}



.klant {
	position:absolute;
	top:40px;
	right:0px;
	width:274px;
	}
	.klant a {
		display:block;
		float:left;
		overflow:hidden;
		text-indent:-200px;
		width:133px;
		height:40px;
		margin-right:4px;
		}
	.klant a:hover {
		background-position:left top;
		}
	.klant .zakelijk {
		background:transparent url(../gfx/tab-zakelijk.gif) left bottom no-repeat;
		}
	.klant .particulier {
		background:transparent url(../gfx/tab-particulier.gif) left top no-repeat;
		}