/* CSS Document Stylesheet for Screen
============================================================================= */
/* Author | Martijn de Valk // Huizen 17 March 2007
============================================================================= */
/* Copyright | www.martijndevalk.nl // front-end developer
============================================================================= */
/* Basic elements
============================================================================= */
.clear{
	clear:both;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../img/bgBody.jpg) fixed top left #eee repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a img{
	border:0;
}
form{
	margin:0;
	padding:0;
}
a:hover{
	cursor: pointer;
}
a{
	color:#ED2024;
	font-size:12px;
	position:relative;
	text-decoration:none;
}
a:hover{
	color:#ED2024;
	text-decoration:underline;
}
a.skip{
	display:none;
}
a.btnBig{
	margin:0 0 0 20px;
	padding:12px 0 0 0;
	background:url(../img/btn_big.jpg) no-repeat;
	width:275px;
	height:36px;
	display:block;
	color:#fff;
	text-align:center;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:22px;
}
a.btnBig:hover{
	background-position:-275px;
	color:#fff;
	text-decoration:none;
}
a.btnBigActive{
	margin:0 0 0 20px;
	padding:12px 0 0 0;
	background:url(../img/btn_big.jpg) -275px no-repeat;
	width:275px;
	height:36px;
	display:block;
	color:#fff;
	text-align:center;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:22px;
	text-decoration:none;
}
a.btnUpBig{
	float:left;
	margin:10px 0 20px 0;
	padding:11px 0 0 0px;
	background:url(../img/btn_upBig.jpg) no-repeat;
	width:157px;
	height:27px;
	display:block;
	color:#fff;
	text-align:center;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:12px;
	font-weight:bold;
}
a.btnUpBig:hover{
	background-position:-177px;
	color:#fff;
	text-decoration:none;
}
a.btnUpBig span{
	font-size:14px;
}
a.btnUpSmall{
	float:left;
	margin:10px 0 20px 0;
	padding:11px 0 0 0;
	background:url(../img/btn_upSmall.jpg) no-repeat;
	width:157px;
	height:27px;
	display:block;
	color:#fff;
	text-align:center;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:12px;
	font-weight:bold;
}
a.btnUpSmall:hover{
	background-position:-177px;
	color:#fff;
	text-decoration:none;
}
a.btnUpSmall span{
	font-size:14px;
}
p{
	margin-top:0px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:19px;
}
iframe{
	border:none;
	width:800px;
	height:600px;
	position:relative;
	z-index:10;
}
/* Wrapper
============================================================================= */
div#wrapper{
	margin:0 auto;
	padding:0;
	text-align:left;
	width:860px;
}
/* Header
============================================================================= */
div#header{
	margin-top:7px;
	height:119px;
	width:850px;
	position:relative;
}

div#header a.logoOfficeStor{
	display:block;
	width:294px;
	height:99px;
	top:16px;
	float:left;
	position:relative;
	background:url(../img/logo_officestor.png) top left no-repeat;
}
div#header a.reflectText{
	top:38px;
	float:right;
	position:relative;
	background:url(../img/head_reflect_text.png) no-repeat;
	height:42px;
	width:502px;
	display:block;
}
/* MainNav
============================================================================= */
div#mainNav{
	width:850px;
	height:56px;
	background:url(../img/bgMainNav.png) top left no-repeat;
	padding:9px 0 0 10px;
}
div#mainNav span{
	display:none;
}
div#mainNav a.btnHome{
	background:url(../img/btn_home.jpg) no-repeat;
	display:block;
	width:168px;
	height:50px;
	float:left;
	position:relative;
}
div#mainNav a.btnHome:hover{
	background-position:-183px;
}
div#mainNav a.btnHomeActive{
	background:url(../img/btn_home.jpg) -183px no-repeat;
	display:block;
	width:168px;
	height:50px;
	float:left;
	position:relative;
}
div#mainNav a.btnAboutUs{
	background:url(../img/btn_aboutus.jpg) no-repeat;
	display:block;
	width:168px;
	height:50px;
	position:relative;
	float:left;
}
div#mainNav a.btnAboutUs:hover{
	background-position:-183px;
}
div#mainNav a.btnAboutUsActive{
	background:url(../img/btn_aboutus.jpg) -183px no-repeat;
	display:block;
	width:168px;
	height:50px;
	position:relative;
	float:left;
}
div#mainNav a.btnServices{
	background:url(../img/btn_services.jpg) no-repeat;
	display:block;
	width:168px;
	height:50px;
	position:relative;
	float:left;
}
div#mainNav a.btnServices:hover{
	background-position:-183px;
}
div#mainNav a.btnServicesActive{
	background:url(../img/btn_services.jpg) -183px no-repeat;
	display:block;
	width:168px;
	height:50px;
	position:relative;
	float:left;
}
div#mainNav a.btnClients{
	background:url(../img/btn_clients.jpg) no-repeat;
	display:block;
	width:168px;
	height:50px;
	position:relative;
	float:left;
}
div#mainNav a.btnClients:hover{
	background-position:-183px;
}
div#mainNav a.btnClientsActive{
	background:url(../img/btn_clients.jpg) -183px no-repeat;
	display:block;
	width:168px;
	height:50px;
	position:relative;
	float:left;
}
div#mainNav a.btnContact{
	background:url(../img/btn_contact.jpg) no-repeat;
	display:block;
	width:168px;
	height:50px;
	position:relative;
	float:left;
}
div#mainNav a.btnContact:hover{
	background-position:-183px;
}
div#mainNav a.btnContactActive{
	background:url(../img/btn_contact.jpg) -183px no-repeat;
	display:block;
	width:168px;
	height:50px;
	float:left;
}
/* Container
============================================================================= */
div#container{
	width:860px;
	background:url(../img/bgContainer.png) repeat-y;
}
/* Main Col
============================================================================= */
div#mainCol {
	margin:15px 0 0 25px;
	padding:20px 0 0 0px;
	float:left;
	width:810px;
	display:inline;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:18px;
}
div#mainCol h1{
	margin:0 0 12px 0;
	padding:0;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:26px;
	font-weight:normal;
	color:#333;
	position:relative;
}
/* Left Col
============================================================================= */
div#leftCol {
	float:left;
	display:inline;
	margin:15px 0 0 25px;
	padding:20px 0 0 0px;
	width:500px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:18px;
}
div#leftCol h1{
	margin:0 0 12px 0;
	padding:0 0 10px 0;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:24px;
	font-weight:normal;
	color:#333;
	position:relative;
	background:url(../img/line.gif) no-repeat bottom;
}
div#leftCol h2{
	margin:20px 0 5px 0;
	padding:0;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:18px;
	font-weight:normal;
	color:#ED2024;
	position:relative;
	clear:both;
}
div#leftCol h3{
	margin:20px 0 5px 0;
	padding:0;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:16px;
	color:#585858;
	position:relative;
}
div#leftCol h4{
	margin:20px 0 5px 0;
	padding:0;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:14px;
	color:#585858;
	position:relative;
}
div#leftCol h1 span{
	color:#ED2024;
}
div#leftCol p.line{
	margin:20px 0 20px 0;
	height:2px;
	width:472px;
	background:url(../img/line.gif) no-repeat;
	display:block;
	clear:both;
}
div#leftCol div.box{
	background:url(../img/bgBox.jpg) no-repeat;
	width:490px;
	margin:20px 0 0 0;
	padding:10px 10px 10px 10px;
}
div#leftCol div.box img.foto{
	float:left;
	margin:0 10px 10px 0;
}
div#leftCol div.box h3{
	margin:0 0 8px 0;
	padding:0;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:18px;
	font-weight:normal;
	color:#ED2024;
	position:relative;
}
div#leftCol h6{
	margin:15px 0 0 0;
	padding:0;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:16px;
	color:#ED2024;
	position:relative;
}
.alert{
	color:red;
}
div#leftCol h6.alert{
	color:red;
}
div#leftCol a.top{
	background:url(../img/toppijl.gif) left center no-repeat;
	padding:0 0 0 12px;
	float:right;
	position:relative;
	z-index:10;
}
div#leftCol div.box a.leesMeer{
	margin:0;
	padding:0 0 0 16px;
	background:url(../img/pijl.gif) left center no-repeat;
	color:#a5a59d;
}
div#leftCol div.box a.leesMeer:hover{
	background:url(../img/pijl.gif) left center no-repeat;
	color:#7f7f79;
}
div#leftCol div.row{
	background:url(../img/line.gif) top no-repeat;
	padding-top:15px;
}
div#leftCol label{
	width:170px;
	float:left;
	top:2px;
	position:relative;
}
div#leftCol input{
	padding:4px;
	height:15px;
	position:relative;
	width:290px;
	color:#585858;
	border:1px solid #a7a6aa;
}
div#leftCol input:focus{
	border:1px solid #a7a6aa;
	background-color:#f8f8f0;
}
div#leftCol textarea{
	height:200px;
	width:290px;
	color:#585858;
	border:1px solid #a7a6aa;
}
div#leftCol textarea:focus{
	border:1px solid #a7a6aa;
	background-color:#f8f8f0;
}
div#leftCol .verzend-button{
	margin-right:27px;
	float:right;
	width:120px;
	height:30px;
	cursor:pointer;
	border:1px solid #a7a6aa;
	background-color:#f8f8f0;
}
div#leftCol textarea{
	padding:4px;
	position:relative;
}
div#leftCol table{
	margin:10px 0 20px 0;
	border-collapse:collapse;
	width:300px;
	position:relative;
}
div#leftCol table.foto{
	margin:10px 0 20px 0;
	border-collapse:collapse;
	width:200px;
	position:relative;
	float:left;
}
div#leftCol table.canvas{
	margin:10px 30px 20px 0;
	border-collapse:collapse;
	width:200px;
	position:relative;
	float:right;
	display:inline;
}
div#leftCol table.canvas th,
div#leftCol table.canvas td,
div#leftCol table.foto th,
div#leftCol table.foto td{
	width:100px;
}
div#leftCol table td{
	padding:8px 5px 8px 5px;
	border-right:1px solid #e6e6d8;
	border-bottom:1px solid #d5d5cb;
}
div#leftCol table th.last,
div#leftCol table td.last{
	border-right:none;
	width:200px;
}
div#leftCol table th{
	padding:5px 5px 5px 5px;
	border-right:1px solid #e6e6d8;
	border-bottom:1px solid #d5d5cb;
}
div#leftCol table th.last{
	border-right:none;
}
div#leftCol table tr.even{
	background-color:#f2f2e8;
}
div#leftCol table tfoot td, div#leftCol table tfoot th{
	border-bottom:none;
}
div#leftCol table th h3{
	margin:0 0 8px 0;
	padding:0;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:18px;
	font-weight:normal;
	color:#ED2024;
	position:relative;
}
/* thickbox
============================================================================= */
div#leftCol a.thickbox{
	margin:0 6px 6px 0;
	padding:5px;
	width:150px;
	height:150px;
	display:block;
	float:left;
	background-color:#232323;
}
div#leftCol a.thickbox img{
	margin-left:18px;
}
div#leftCol a.thickbox img.nomargin{
	margin-left:0px;
}
/* Right Col
============================================================================= */
div#rightCol{
	margin:0 8px 0 0;
	padding:15px 0 0 0px;
	width:308px;
	background:url(../img/bgRightCol.png) repeat-y;
	float:right;
	display:inline;
}
div#rightCol h2{
	margin:0 0 5px 5px;
	padding:15px 0 0 15px;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:22px;
	font-weight:normal;
	color:#ED2024;
	position:relative;
}
div#rightCol h4{
	margin:0 0 8px 5px;
	padding:15px 0 0 15px;
	font-family:"Trebuchet MS", "Century Gothic", "Lucida Console", Arial;
	font-size:22px;
	font-weight:normal;
	color:#ED2024;
	position:relative;
}
div#rightCol h5{
	margin:0 0 0px 5px;
	padding:0px 0 0 15px;
	font-size:12px;
	color:#333;
	position:relative;
}
div#rightCol h5 span{
	color:#ED2024;
}
div#rightCol p{
	padding:0 15px 0 20px;
	position:relative;
}
div#rightCol p span{
	font-weight:bold;
	width:22px;
	float:left;
}
div#rightCol ul{
	margin:0 0 30px 9px;
	padding:0;
	list-style:none;
	border-bottom:1px solid #ecece8;
}
div#rightCol ul li{
	margin:0;
	padding:0;
	border-top:1px solid #ecece8;
	width:299px;
	display:block;
}
div#rightCol ul li a{
	margin:0;
	padding:10px 0 0 15px;
	color:#333;
	display:block;
	height:22px;
}
div#rightCol ul li a:hover{
	color:#fff;
	background:url(../img/grad_submenu.jpg) repeat-x;
	border-right:2px solid #cdecf9;
	text-decoration:none;
}
div#rightCol ul li a.active{
	color:#fff;
	background:url(../img/grad_submenuOn.jpg) repeat-x;
	border-right:2px solid #cdecf9;
}
div#rightCol div.footer{
	clear:both;
	border-bottom:4px solid #fff;
	margin:20px 0 0 5px;
}
div#rightCol div#flashHolder{
	padding:0;
	margin:0 0 0 20px;
	width:272px;
	height:242px;
	overflow:hidden;
}
div#rightCol img.foto{
	margin:0px 0px 0px 20px;
	width:280px;
	height:160px;
}
/* Footer
============================================================================= */
div#footer{
	width:810px;
	height:53px;
	background:url(../img/bgFooter.png) repeat-y;
	padding:0 25px 0 25px;
}
div#footer p{
	margin:15px 0 0 0;
	color:#FFFFFF;
	font-size:10px;
}
div#footer a{
	color:#FFFFFF;
	font-size:10px;
}
/* Ads by google
============================================================================= */
div#leftCol div.ad{
	width:490px;
	height:60px;
	position:relative;
	margin:40px 0 0 0;
	padding:10px 10px 10px 10px;
}
div#leftCol div.ad table,
div#leftCol div.ad iframe{
	height:60px;
}
.section_opt {
	margin:5px 0 0 18px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ED2024;
}
.body_text {
	float:left;
	display:inline;
	margin:15px 0 0 25px;
	padding:20px 0 0 0px;
	width:500px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:18px;
}