/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: url("../images/body.gif") repeat-x scroll 0 0;
	font: normal 0.67em/140% Verdana, Trebuchet MS, Arial, Tahoma;
	padding: 0;
	margin: 0;
	text-align: center;
}

div.container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

a {color:#0067a6;}


/* -- basic layout elements --- dont change! --------------------------------------------------------- */
div.wrapper {overflow:hidden;width:100%;}
.right {float:right;}
.left {float:left;}
.abs {position: absolute;}
.rel {position: relative;}


/* -- hieronder css uit colstructure plakken, en colstructure.css is daarna niet meer nodig --------- */

/* -- layout elements --- do change! ----------------------------------------------------------------- 
div.row1-top {
	width: 1024px;
	height: 357px;
	float: none; 
}

div.row1-middle {
	width: 1024px;
	height: 227px;
	float: none; 
}

div.row3-bottom {
	width: 1024px;
	height: 177px;
	float: none; 
}

*/

div.index {margin:10px 0; clear: both;}
div.index img {float:left; padding: 0 0 0 0;}
div.index .txt {display:table; zoom:1;}


/* -- Text elements -------------------------------------------------------------------------------- */
h1, h2, h3 {color:#0067A6;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}

h1, h2, h3 {padding: 0.1em 0 0.4em 0;}
p {
	padding: 0.1em 0 0.4em 0;
	font: normal 11px/18px Verdana;
	color: #fff
}

h2.news {
	color: #fff;
	background: transparent url("../images/bg_news.gif") repeat-x scroll 0 12px;
}

h2.news span {
	background-color: #0067A6;
	padding: 0 3px 0 0;
}

/* -- form specifications -------------------------------------------------------------------- */
select, input, textarea {
	font: normal 95% Verdana, Trebuchet MS, Arial, Tahoma;
	color: #0067A6;
	vertical-align: baseline;
}

input.textfield, textarea.textfield {
	border: solid 1px #0067A6;
	padding: 5px 5px;
	background: #fff url("../images/bg_textfield.gif") repeat-x scroll 0 0;
}



/* -- specific elements ---------------------------------------------------------------------------- */

/* -- header --------------------------------------------------------------------------------------- */
div.header {
	height: 101px;
}

div.logo {
	float: left;
	padding: 13px 17px 0 3px;
}

div.nav {
	float:left;
	width: 550px;
	padding: 31px 0 0 0;
}

ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.nav li {
	float: left;
}

ul.nav a {
	float: left;
	margin: 0;
	font-weight: bold;
}

div.secnav {
	width: 243px;
	float: right;
	padding: 7px 0 0 0;
}

ul.secnav li {
	float: left;
	color: #e58450;
}

ul.secnav a {
	float: left;
	padding: 0 10px;
	background-color: transparent;
	color: #e58450;
	font-weight: normal;
	text-decoration: none;
	border-right: solid 1px #e58450;
}

ul.secnav {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: transparent;
	overflow: hidden;
	width: 100%;
}

ul.secnav a.last {
	border: 0;
	margin: 0;
	padding: 0 0 0 14px;
}

div.webshop{
	padding: 7px 0 0 0;
}

div.subnav ul {
	margin: 7px 0 0 0;
	padding: 0;
	list-style: none;
}

div.subnav li {
	float: left;
	margin: 0 14px 0 6px;
}

div.subnav a {
	color: #0067a6;
	text-decoration: none;
}

/* -- Rij 1 --------------------------------------------------------------------------------------- */

div.flash {
	float: left;
	width: 653px;
	height: 251px;
	background: transparent url("../images/bg_flash4.jpg") repeat-y scroll 0 0;
	padding: 0 3px;
}

div.news {
	float: right;
	width: 320px;
	padding: 17px 0 0 0;
	color: #fff;
	height: 234px;
	overflow: auto;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #0067A6;
	scrollbar-highlight-color: #0067A6;
	scrollbar-shadow-color: #0067A6;
	scrollbar-track-color: #0067A6;
}

div.subnews
{
	height: 117px;
}

div.news a {
	color: #f58345;
	font-weight: bold;
}

img.newsimage {
	margin: 5px 0 0 0;
}

/* -- Rij 2 --------------------------------------------------------------------------------------- */

div.navbox1 {
	float: left;
	width: 299px;
	padding: 17px 30px 0 3px;
}

div.design-and-office {
	background-image: url(../images/homepage_design_and_office_v2.jpg);
	width: 299px;/*299*/
	height: 159px;/*165*/
	padding: 6px 0 0 0;
	margin: 6px 0 0 0;
}

ul.nav1 {
	list-style: none;
	padding: 0 164px 0 0;
	margin: 0 0 0 9px;
}

ul.nav1 li {
	padding: 4px 0;
}

div.navbox2 {
	float: left;
	margin: 18px 0 0 0;
}

div.systems-and-supplies {
	background-image: url(../images/homepage_systems_and_supplies_v2.jpg);
	width: 299px;/*299*/
	height: 160px;/*165*/
	padding: 4px 0 0 0;
	margin: 6px 0 0 0;
}

ul.nav2 {
	list-style: none;
	padding: 0 164px 0 0;
	margin: 0 0 0 9px;
}

ul.nav2 li {
	line-height: 22px;
}

div.newsletter {
	float: right;
	width: 299px;
	margin: 17px 0 0 0;
}

img.foto {
	margin: 8px 0 0 0;
}

div.email {
	margin: 13px 0 10px 0;
}

div.directbestellen {
	margin: 0px 0 30px 0;
}

div.email input.textfield {
	width: 206px;
	vertical-align: middle;
}

img.button, input.button {
	vertical-align: middle;
}

/* -- Rij 4 --------------------------------------------------------------------------------------- */

div.customer {
	padding: 16px 0 0 3px;
}

div.customer a {
	color: #71a500
}

img.section {
	display: block;
	padding: 0 0 12px 0;
}

div.customeritem {
	float: left;
	width: 222px;
	padding: 0 22px 0 0;
}

div.last {
	padding: 0;
}

div.footer {
	margin: 11px 0 0 0;
	background: url(../images/footer.gif) repeat-x scroll 0 0;
}

/* -- Pagina Design & Office / Systems & Supplies --------------------------------------------------------------------------------------- */
div.main-sub {
	width:100%;
	overflow: hidden;
	padding: 31px 0 15px 0;
}

div.main-sub2 {
	width:100%;
	overflow: hidden;
	padding: 5px 0 15px 0;
}

div.box1 {
	float: left;
	width: 287px;
	margin-right: 48px;
	display: inline;
	border-top: dotted 1px #f58345;
	padding: 3px 0px 39px 0px;
}

div.oranje {
	background-color: #f58345;
	width: 287px;
	height: 25px;
}

div.last2{
	margin-right: 0;
}

/* -- Pagina met fotoviewer --------------------------------------------------------------------------------------- */

div.fotoviewer {
	background: transparent url(../images/bg_flash2.gif) repeat-y 0 0;
	width: 957px;
	height: 427px;
	padding: 0 0 0 5px;
	margin: 38px 0 0 0;
}

div.large {
	background-image: url(../images/schaduw.jpg);
	width: 654px;
	height: 438px;
	float: left;
}

div.thumbnail {
	background-image: url(../images/thumb_schaduw.jpg);
	width: 128px;
	height: 85px;
	float: left;
	margin: 0 5px 10px 0;
}

div.knoppen {
	width: 280px;
	height: 13px;
	float: left;
}

div.thumbs {
	width: 280px;
	float: right;
}

/* -- Tekst pagina's --------------------------------------------------------------------------------------- */

div.tekst {
	width: 647px;
	float: left;
	padding: 0 10px 0 0
}

p.inhoud {
	font: verdana 11pt;
	color: #000000;
}

div.news p.inhoud {
	color: #FFFFFF;
}

div.images {
	float: left;
	width: 300px;
}

div.images p
{
	margin-bottom: 1.5em;
}

/* -- Contact formulier ------------------------------------------------------------------------------------ */

div.contactform h1
{
	margin-bottom: 1.5em;
}

div.contactform p
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div.contactform p.error
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.contactform input.textfield
{
	margin-left: 50px;
	width: 300px;
}

div.contactform textarea.textfield
{
	width: 450px;
	height: 150px;
}

body#error {
    background:          none;
	background-color:    white;
	height: 100%;
	width: 100%;
	margin: auto;
}

body#error div {
	text-align: left;	
	width: 500px;
	height: 500px;
	margin: 20px 0 20px 0;
}

/* -- Actie formulier ------------------------------------------------------------------------------------ */

div.action h1, div.action h2
{
	color: #F58347;
}

div.action img.actionheader
{
	margin: 0 0 30px 0;
}

div.action img.actionvisual
{
	float:left;
	margin: 0 20px 10px 0 ;
}

div.action table.actiontable
{
	margin: 20px 0 0 0;
}

div.action table.actiontable tr
{
	height: 36px;
	line-height: 36px;
}

div.action label
{
	margin: 0 10px 0 0;	
}

div.action input
{
	margin: 0 10px 0 0;	
	height: 20px;
	padding: 4px 0 0 0;
	font-size: 14px;
}

div.action input.button
{
	height: auto;
	float: right;
}

div.action .errorlist
{
	margin: 10px 0 0 0;
	padding: 3px;
	border: 2px solid red;
	background-color: #FFBABA;
}

div.panelnewsletter
{
    height: 160px;
}

/* Tagcloud november 2009 Reina */
/*div.tagcloud {width:299px;} verwijderd op 13-10-2011*/
div.tagcloud { padding-top: 30px;}
ul.tagcloud {padding:0;margin:0 0 15px 0;line-height:2.6em;text-align:center;font-family:Tahoma;list-style:none;}
ul.tagcloud li {display:inline;vertical-align:middle; }
ul.tagcloud a, ul.tagcloud a:visited {text-decoration:none;vertical-align:middle; }
ul.tagcloud a:hover, ul.tagcloud a:active {text-decoration:underline; }
ul.tagcloud a.tag1 { font-size: 0.8em; color:#696969; }
ul.tagcloud a.tag2 { font-size: 0.8em; color:#a2a2a2; }
ul.tagcloud a.tag3 { font-size: 0.9em; color:#ba6f60; }
ul.tagcloud a.tag4 { font-size: 1.0em; color:#696969; }
ul.tagcloud a.tag5 { font-size: 1.2em; color:#696969; }
ul.tagcloud a.tag6 { font-size: 1.4em; color:#585858; }
ul.tagcloud a.tag7 { font-size: 1.6em; color:#2c2c2c; }
ul.tagcloud a.tag8 { font-size: 1.8em; color:#696969; }
ul.tagcloud a.tag8 { font-size: 2em; color:#d54618; }
ul.tagcloud a.tag9 { font-size: 2.2em; color:#a2a2a2; }
ul.tagcloud a.tag10 { font-size: 2.5em; color:#696969; }
ul.tagcloud a.tag11 { font-size: 2.7em; color:#d54618; }