@import url("formulieren.css");

body {
background: #ffffff url(../img/bckground.gif) repeat-x;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}

a {color: #333; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:hover {color: #f7e100; text-decoration: none;}
a:active {color: #333; text-decoration: underline;}


img.download {vertical-align:middle;}


noscript {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
background: #ff6666 url(../img/icons/alert.jpg) no-repeat 150px 4px;
border: 1px solid #cc0000;
color: #fff;
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding: 0px 10px 0px 10px;
text-align: center;
}

/* ======================================
CONTAINER VOOR COPYCENTRE WEBSITE
Is een div die de gehele website centreert
Gemaakt voor een resolutie van 1024 x 768
=======================================*/
#container {
position: absolute;
width: 900px;
height: auto;
margin-left: -450px; 
margin-top: 0;
top: 0px;
left: 50%;
}
* html #container { width: 920px; }

a#projectghana {
background: url(../img/button_projectGhana.gif) no-repeat top left;
position: absolute;
width: 300px;
margin-left: -150px; 
height: 75px;
margin-top: 0px;
top: 10px;
left: 75%;
}

a:hover#projectghana {
background: url(../img/button_projectGhana.gif) no-repeat bottom left;
position: absolute;
width: 300px;
margin-left: -150px; 
height: 75px;
margin-top: 0px;
top: 10px;
left: 75%;
}

#verzendenverpakken {
position: absolute;
top: 150px;
left: 55px;
width: 790px;
height: 200px;
background: #fff url(../img/verzendenverpakken4.jpg) no-repeat;
border: 1px solid #efefef;
z-index: 1;
}


#verzendenverpakken p {
display: block;
width: 500px;
height: auto;
color: #000;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
margin: 70px 0px 0px 105px;
}
#tuktuk {
position: absolute;
top: 167px;
left: 55px;
width: 790px;
height: 189px;
background: #fff url(../img/tuk-tuk.jpg) no-repeat;

z-index: 1;
}
#tuktuk p {
display: block;
width: 500px;
height: auto;
color: #000;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
margin: 70px 0px 0px 105px;
}

#tuk {
position: absolute;
top: 155px;
left: 30px;
width: 207px;
height: 276px;
float: left;
z-index: 1;
background: url(../img/tuk.png) no-repeat;
}
.gezocht{
position: absolute;
top: 180px;
left: 865px;
width: 175px;
height: 276px;
float: left;
z-index: 1;
}

.rechts{
position: absolute;
top: 157px;
left: 744px;
width: 200px;
height: 420px;
float: left;
z-index: 1;
}
.rechts2{
position: absolute;
top: 250px;
left: 744px;
width: 200px;
height: 420px;
float: left;
z-index: 1;
}
* html .rechts2{
top: 258px;
}
.rechts img { border: none;}
.links2{
width: 200px;
height: 420px;
float: left;
z-index: 1;
text-align: left;
}
* html .links2{
top: 258px;
}
.rechtsVlak{
	width: 184px;
	margin: 0 9px 0 9px;
	border: 1px solid #7d7e6e;
	border-bottom: none;
	background: url(../img/rechtsvlak-streep.png) repeat-y #fdc500;
}
* html .rechtsVlak{
	width: 186px;
	margin: 0 9px 0 9px;
	padding-top: 12px;
	border: 1px solid #7d7e6e;
	border-bottom: none;
	background: url(../img/rechtsvlak-streep.png) repeat-y #fdc700;
}
.rechtsVlakBottom{
	width: 186px;
	height: 19px;
	margin: -5px 0 0 9px;
	background: url(../img/rechtsvlak-bottom.png) no-repeat;
}

.rechtsVlakTitel{
	width: 186px;
	height: 24px;
	color: #fff;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	font-size: 13px;
	margin: 9px 9px 0 9px;
	background: url(../img/rechtsvlak-titel.png) no-repeat;
}
* html .rechtsVlakTitel { height:31px;}
.rechtsVlak li{
	padding: 2px 0 0 2px;
	list-style-image: url(../img/li-arrow.png);
	margin-top: 3px;
}
.rechtsVlak li:hover{
	font-weight: bold;
	text-decoration: none;
	color: #7d7e6e;
}
.rechtsVlak li a{
	text-decoration: none;
	color: #000;
}
.rechtsVlak li a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.emailus {
	width: 184px;
	height: 55px;
	background: url(../img/btn-email.png) no-repeat;
	margin: 0 0 15px 9px;
}
.emailus p{
	color: #FFED00;
	padding: 12px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.emailus a{
	color: #FFED00;
}
.ideal2 {
	width: 184px;
	height: 55px;
	background: url(../img/btn-ideal.png) no-repeat;
	margin: 0 0 15px 9px;
}
.ideal2 p{
	color: #FFED00;
	padding: 12px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ideal2 a{
	color: #FFED00;
}
.ideal {
	width: 184px;
	height: 55px;
	background: url(../img/grey-back.png) no-repeat;
	margin: 0 0 15px 9px;
}

.ideal p{
	color: #fff;
	padding: 12px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ideal a{
	color: #fff;
}
.ideal a:hover{
	color: #FFED00;
}
.ideal img {
	float: right;
	margin: 8px 5px 0 0;
	border: 0;
}
.partner {
	width: 184px;
	height: 55px;
	background: url(../img/grey-back.png) no-repeat;
	margin: 9px 0 0 9px;
}
.partner p{
	color: #fff;
	padding: 5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
.partner a{
	color: #fff;
}
.partner a:hover{
	color: #FFED00;
}
.partner img {
	margin: 5px 5px 0 0;
	border: 0;
}

* html .rechtsVlakBottom { margin: -11px 0 13px 9px;}
* html .emailus { margin: 0 0 13px 9px; }
* html .ideal2 { margin: 0 0 13px 9px; }
* html .ideal { margin: 0 0 13px 9px; }

.news {
	width: 740px;
	height: 170px;
	float: left;
	margin-top: 10px;
}
* html .newsTitel p{
	padding-top: 10px;
}
.newsTitel p{
	font-size: 14px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 15px;
}
.news img {
	float: left;
	margin: 0;

}
.meer { float: right; padding-right: 5px; }
.meer a:hover { color: grey; }


.gezocht a img{
border:none;
}

.gezocht h2 { 
	font-size:14px;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
}
* html .gezocht h2 { 
	line-height: 0;
}
.nieuwsbriefhome{
position: absolute;
top: 15px;
left: 43px;
float: left;
z-index: 2;
}
.nieuwsbriefhome a img{
border: none;
}

.nieuwsbriefrest{
position: absolute;
top: 15px;
left: 225px;
float: left;
z-index: 2;
}
.nieuwsbriefrest a img{
border: none;
}

/*=============================================
NIEUWSTICKER
Het laatste nieuws op de Homepage van Copycentre
=============================================*/
#nieuwswrapper {
position: absolute;
width: 778px;
height: 30px;
background: #333 url(../img/nieuwsticker.gif) no-repeat;
left: 59px;
top: 160px;
}

#nieuwsticker {
left: 0px;
display: block;
padding: 7px 10px 2px 10px;
}

#nieuwsticker a {
font-family: arial, tahoma, verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #ffcc00;
text-decoration: none;
}

#nieuwsticker a:hover{
font-family: arial, tahoma, verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #ffffff;
text-decoration: underline;
}

#nieuwswrapper h1 {
font-size: 12px;
font-weight: bold;
color: #ffffff;
float: left;
margin: 0px;
padding: 7px 10px 0px 10px;
}


/*=============================================
Slideshow
=============================================*/
  #slideshow {
	position: absolute;
	height: 115px;
	width: auto;
	top: 0px;
	left: 610px;
  }
  #slideshow div {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  
#slideDIV {
background: url('load.gif') 50% 50% no-repeat #000; /* for the loading image */
width: 320px; /* same as images */
height: 240px; /* same as images */
line-height: 0; /* fix IE space below image */
}

#slideDIV img {
opacity: 0; /* So it doesn't show while loading */
filter: alpha(opacity=0); /* the same, for IE */
}


/*=============================================
LEESMEER DIV VOOR OP COPYCENTRE WEBSITE
Deze div is de leesmeer link op de Homepage.
Linkt naar kopieren en printen
=============================================*/
#leesmeer {
font-family: arial, verdana;
font-size: 22px;
color: #000;
font-weight: bold;
position: relative;
top: 40px;
left: 66px; 
background: none;
}

#leesmeer a {
font-family: arial, verdana;
font-size: 22px;
color: #000;
text-decoration: none;
}

#leesmeer a:hover{
font-family: arial, verdana;
font-size: 22px;
color: #fff;
background: #333;
}

#leesmeer a:active a:visited{
font-family: arial, verdana;
font-size: 22px;
color: #000;
}




/*========================================
BREADCRUMB OP DE COPYCENTRE WEBSITE
Verschijnt alleen bij 3 lagen diep
========================================*/
.breadcrumb{
font: 12px arial, verdana;
background: #efefef;
height: 17px;
padding: 10px;
color: #000;
}

.breadcrumb a{
background: #efefef url(../img/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #999;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #999;
}

.breadcrumb a:hover{
background: #efefef url(../img/breadcrumb.gif) no-repeat center right;
color: #666;
text-decoration: underline;
}

.breadcrumb .help {
float: right;
color: #ffff00;
}



.breadcrumb2{
font: 15px arial, verdana;
height: 17px;
padding: 10px 10px 10px 0;
color: #000;
border-bottom: 1px solid #000;
margin-left: 7px;
width: 922px;
}

.breadcrumb2 a{
background: url(../img/breadcrumb.jpg) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #999;
}

.breadcrumb2 a:visited, .breadcrumb a:active{
color: #999;
}

.breadcrumb2 a:hover{
background: url(../img/breadcrumb.jpg) no-repeat center right;
color: #666;
text-decoration: underline;
}

.breadcrumb2 .help {
float: right;
color: #ffff00;
}


/*================================================
FANCY GADGETS VOOR OP DE COPYCENTRE WEBSITE
===============================================*/
#badge {
background: url(../img/label.gif) no-repeat top right;
width: 300px;
height: 300px;
position: absolute;
top: 0px;
right: 0px;
}

#star {
color: #333;
position: absolute;
width: 128px;
height: 128px;
left: 755px;
top: 260px;
background: url(../img/star_geopend.gif) no-repeat;
}



/*=============================================
HEADER OP COPYCENTRE WEBSITE
Laat het logo van Copycentre zien boven het tabmenu
==============================================*/
#header {
background: #e1ddd9 url(../img/bckground.gif) repeat-x;
text-align: right;
padding: 0px;
margin: 0px;
height: 150px;

}
* html #header {
background: #e1ddd9 url(../img/bckground.gif) repeat-x;
text-align: right;
padding: 0px;
margin: 0px;
height: 137px;

}

#header img {
padding:10px 0px;
} 

/* Div voor plaatsing logo Copycentre */
#top-logo {
background: #fff url("../img/copycentre_logo.gif") no-repeat;
position: absolute;
width: 253px;
margin-left: -90px; 
height: 85px;
margin-top: -42px;
top: 45px;
left: 50%;
}


/*=====================================================
OPMAAK VAN DE CONTENT VAN DE COPYCENTRE WEBSITE

Opmaak van de MIDDELSTE KOLOM van de copycentre website
===================================================== */
#content {
background-color: #ffffff;
float: left;
width: 470px;
padding: 10px 0px 10px 15px;
height: auto; 
margin: 0px 0px 50px 0px;
}
.content-projecten #content {
width: 670px;
}
.content-projecten #content h3 {
width: 453px;
}
#contentThumb {
background-color: #ffffff;
float: left;
width: 515px;
padding: 10px 0px 10px 15px;
height: auto; 
margin: 0px 0px 50px 0px;
}

#content p {
font-family: tahoma, arial, verdana;
font-size: 12px;
line-height: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 16px 10px;
}

#content em {
font-weight: bold;
font-style: normal;
color: #f00;
}

#content ul {
margin: 0px 0px 15px 20px;
padding: 0px 0px 10px 20px;
list-style: normal;
}

#content ul.letter {
margin: 0px 0px 15px 15px;
padding: 0px 0px 10px 20px;
list-style-type: lower-alpha;
}

#content ul.letter li {
margin: 0px 0px 8px 0px;
}

#content ul.nummer {
margin: 0px 0px 15px 15px;
padding: 0px 0px 10px 20px;
list-style-type: decimal;
}

#content ul.nummer li {
margin: 0px 0px 8px 0px;
}

#content ul.downloads{
margin: 0px 0px 15px 25px;
padding: 0px 0px 10px 20px;
list-style: none;
background: url("../img/icons/download.gif") no-repeat;
}

#content img {
float: right;
right: 0px;
top: 0px;
margin: 0px 0px 10px 10px;
padding: 0px;
}

#content h1 {
background: url(../img/titelmiddel.jpg) no-repeat;
color: #000000;
display: block;
width: 470px;
height: 20px;
font-size:12px;
font-weight: bold;
padding: 10px;
margin: 0px 0px 10px 0px;
}

#content h2 {
background: url(../img/titelmiddelblack.jpg) no-repeat;
color: #ffffff;
display: block;
width: 470px;
height: 20px;
font-size:12px;
font-weight: bold;
text-align: left;
padding: 10px;
margin:0px;
}

#content h3 {
background: #ccc;
color: #000000;
display: block;
width: auto;
height: auto;
font-size:12px;
font-weight: bold;
padding: 5px 5px 5px 10px;
margin: 5px 0px 10px 0px;
border-bottom: 1px solid #999;
}

#content h4{
color: #000;
font-size:11px;
font-weight: bold;
padding: 5px;
margin: 15px 0px 0px 5px;
}

#content a#opdracht_plaatsen {
background: #454545 url("../img/icons/download2.gif") no-repeat 6px 7px;
color: #fff;
text-decoration: none;
padding: 5px 7px 5px 24px;
margin: 0px 0px 0px 10px;
outline: none;
}

#content a:hover#opdracht_plaatsen {
background: #ffdc00 url("../img/icons/download2a.gif") no-repeat 6px 7px;
color: #000;
text-decoration: none;
padding: 5px 7px 5px 24px;
margin: 0px 0px 0px 10px;
outline: none;
}

#content a{
color: #000; 
text-decoration: underline;
}

#content a:visited {
color: #666; 
text-decoration: underline;
}

#content a:hover {
color: #333; 
text-decoration: none;
background: none;
}

#content a:active {
color: #000; 
text-decoration: underline;
}

#content .info {
background: #ddd url("../img/icons/info.gif") no-repeat 2px 4px;
display: block;
width: auto;
height: auto;
font-size: 11px;
font-weight: normal;
color: #000;
margin: 5px 0px 0px 0px;
padding: 3px 3px 3px 26px;
}

#content .tip {
background: #ffff66;
display: block;
width: auto;
height: auto;
font-size: 11px;
font-weight: normal;
color: #333333;
border: 1px solid #ffcc00;
margin: 10px 0px 0px 0px;
padding: 8px;
}

#submenu .tip {
background: #ffff66;
display: block;
width: auto;
height: auto;
font-size: 11px;
font-weight: normal;
color: #333333;
border: 1px solid #ffcc00;
margin: 10px 0px 0px 0px;
padding: 8px;
}

#content .skype {
background: #6699ff url(../img/icons/icon_skype.jpg) no-repeat top right;
display: block;
width: auto;
height: auto;
font-size: 12px;
font-weight: bold;
color: #333333;
border: 1px solid #0066ff;
margin: 0px 0px 10px 0px;
padding: 8px;
}

#content .skype span {
font-size: 12px;
font-weight: bold;
color: #fff;
}

#content .skype ul {
margin: 10px 0px 0px 5px;
list-style: disc;
}

#content .skype li {
padding: 3px 0px 0px 0px;
list-style: disc;
}

#content p.vacatureinfo {
background: #fff;
display: block;
width: auto;
height: auto;
font-size: 12px;
font-weight: normal;
color: #000;
margin: 0px 0px 50px 0px;
padding: 3px 3px 10px 10px;
border-bottom: 1px solid #999;
}
#content p.gelegenheids img {
	float: left;
	margin: 0px 0px 10px 5px;
	border: 0;
}

/*=====================================================
OPMAAK VAN DE 2 KOLOMS CONTENT VAN DE COPYCENTRE WEBSITE 

Opmaak van de MIDDELSTE =links KOLOM van de copycentre website
===================================================== */
#content_2koloms {
background-color: #ffffff;
float: left;
width: 675px;
padding: 10px 0px 10px 15px;
height: auto; 
margin: 0px 0px 50px 0px;
}

#content_2koloms p {
font-family: tahoma, arial, verdana;
font-size: 12px;
line-height: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 16px 10px;
}

#content_2koloms em {
font-weight: bold;
font-style: normal;
color: #f00;
}

#content_2koloms ul {
margin: 0px 0px 15px 20px;
padding: 0px 0px 10px 20px;
list-style: normal;
}

#content_2koloms ul.letter {
margin: 0px 0px 15px 15px;
padding: 0px 0px 10px 20px;
list-style-type: lower-alpha;
}

#content_2koloms ul.letter li {
margin: 0px 0px 8px 0px;
}

#content_2koloms ul.nummer {
margin: 0px 0px 15px 15px;
padding: 0px 0px 10px 20px;
list-style-type: decimal;
}

#content_2koloms ul.nummer li {
margin: 0px 0px 8px 0px;
}

#content_2koloms ul.downloads{
margin: 0px 0px 15px 25px;
padding: 0px 0px 10px 20px;
list-style: none;
background: url("../img/icons/download.gif") no-repeat;
}

#content_2koloms img {
float: right;
right: 0px;
top: 0px;
margin: 0px 0px 10px 10px;
padding: 0px;
}

#content_2koloms h1 {
background: url(../img/titelmiddel.jpg) no-repeat;
color: #000000;
display: block;
width: 470px;
height: 20px;
font-size:12px;
font-weight: bold;
padding: 10px;
margin: 0px 0px 10px 0px;
}

#content_2koloms h2 {
background: url(../img/titelmiddelblack.jpg) no-repeat;
color: #ffffff;
display: block;
width: 470px;
height: 20px;
font-size:12px;
font-weight: bold;
text-align: left;
padding: 10px;
margin:0px;
}

#content_2koloms h3 {
background: #ccc;
color: #000000;
display: block;
width: auto;
height: auto;
font-size:12px;
font-weight: bold;
padding: 5px 5px 5px 10px;
margin: 5px 0px 10px 0px;
border-bottom: 1px solid #999;
}

#content_2koloms h4{
color: #000;
font-size:11px;
font-weight: bold;
padding: 5px;
margin: 15px 0px 0px 5px;
}

#content_2koloms a#opdracht_plaatsen {
background: #454545 url("../img/icons/download2.gif") no-repeat 6px 7px;
color: #fff;
text-decoration: none;
padding: 5px 7px 5px 24px;
margin: 0px 0px 0px 10px;
outline: none;
}

#content_2koloms a:hover#opdracht_plaatsen {
background: #ffdc00 url("../img/icons/download2a.gif") no-repeat 6px 7px;
color: #000;
text-decoration: none;
padding: 5px 7px 5px 24px;
margin: 0px 0px 0px 10px;
outline: none;
}

#content_2koloms a{
color: #000; 
text-decoration: underline;
}

#content_2koloms a:visited {
color: #666; 
text-decoration: underline;
}

#content_2koloms a:hover {
color: #333; 
text-decoration: none;
background: none;
}

#content_2koloms a:active {
color: #000; 
text-decoration: underline;
}

#content_2koloms .info {
background: #ddd url("../img/icons/info.gif") no-repeat 2px 4px;
display: block;
width: auto;
height: auto;
font-size: 11px;
font-weight: normal;
color: #000;
margin: 5px 0px 0px 0px;
padding: 3px 3px 3px 26px;
}

#content_2koloms .tip {
background: #ffff66;
display: block;
width: auto;
height: auto;
font-size: 11px;
font-weight: normal;
color: #333333;
border: 1px solid #ffcc00;
margin: 10px 0px 0px 0px;
padding: 8px;
}

#submenu .tip {
background: #ffff66;
display: block;
width: auto;
height: auto;
font-size: 11px;
font-weight: normal;
color: #333333;
border: 1px solid #ffcc00;
margin: 10px 0px 0px 0px;
padding: 8px;
}

#content_2koloms .skype {
background: #6699ff url(../img/icons/icon_skype.jpg) no-repeat top right;
display: block;
width: auto;
height: auto;
font-size: 12px;
font-weight: bold;
color: #333333;
border: 1px solid #0066ff;
margin: 0px 0px 10px 0px;
padding: 8px;
}

#content_2koloms .skype span {
font-size: 12px;
font-weight: bold;
color: #fff;
}

#content_2koloms .skype ul {
margin: 10px 0px 0px 5px;
list-style: disc;
}

#content_2koloms .skype li {
padding: 3px 0px 0px 0px;
list-style: disc;
}

#content_2koloms p.vacatureinfo {
background: #fff;
display: block;
width: auto;
height: auto;
font-size: 12px;
font-weight: normal;
color: #000;
margin: 0px 0px 50px 0px;
padding: 3px 3px 10px 10px;
border-bottom: 1px solid #999;
}


/*===========================================================================
OPMAAK VAN DE CONTENT VAN DE COPYCENTRE WEBSITE
Opmaak van het middelste deel (kolom) van de copycentre website

Deze functie wordt alleen gebruikt als de RECHTER KOLOM uitgeschakeld
wordt. De website bestaat dan uit TWEE KOLOMMEN. Dit is NIET DE STANDAARD
=========================================================================== */
#content2 {
width: 650px;
background-color: #ffffff;
padding: 10px;
margin: 0px 0px 0px 210px;
}
div#content2 { 
min-height:100px;
height:expression(this.scrollHeight > 200 ? "auto":"200px"); 
}

#content2 p {
font-family: tahoma, arial, verdana;
font-size: 12px;
line-height: 16px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 16px 10px;
}

#content2 td {
font-family: Verdana;
font-size:12px;
} 

#content2 img {
float: right;
padding: 3px;
border: 1px solid #cccccc;
margin: 10px;
}

#content2 h1 {
background: url(../img/titellang.jpg) no-repeat;
color: #000000;
display: block;
width: 665px;
height: 20px;
font-size: 12px;
font-weight: normal;
padding: 10px;
margin:0px 0px 10px 0px;
}

/*===========================================================================
OPMAAK VAN DE ZOEKRESULTATEN OP DE COPYCENTRE WEBSITE

=========================================================================== */

#contentzoekresults  {
width: 800px;
background-color: #ffffff;
padding: 0px;
margin: 0px 0px 0px 0px;
}
div#contentzoekresults  { 
min-height:100px;
height:expression(this.scrollHeight > 200 ? "auto":"200px"); 
}

#contentzoekresults  p {
font-family: tahoma, arial, verdana;
font-size: 12px;
line-height: 16px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 16px 10px;
}

#contentzoekresults  h1 {
background: url(../img/titel_zoekresultaten.jpg) no-repeat;
color: #000000;
display: block;
width: 900px;
height: 20px;
font-size: 12px;
font-weight: bold;
padding: 10px;
margin:0px 0px 10px 0px;
}

/*===========================================================================
SITEMAP OP DE COPYCENTRE WEBSITE
=========================================================================== */


#sitemap {
width: 100%;
height: 100%;
padding: 0px;
}

#sitemap h1 {
font-family: arial, tahoma, verdana;
font-size: 16px;
font-weight: bold;
background: none;
display: block;
width: 100%;
border-bottom: 1px solid #666;
}


/*=====================================================
OPMAAK VAN DE CONTENT VAN DE COPYCENTRE WEBSITE

Opmaak van de LINKER KOLOM van de copycentre website
===================================================== */
#left {
float: left;
width: 180px;
height: 100%;
margin: 0px 0px 40px 0px;
padding: 10px;
/*background: url(../img/sidebarbck.jpg) no-repeat;*/
}

#left p {
font-family: tahoma, arial, verdana;
font-size: 12px;
text-indent: 15px;
line-height: 16px;
}

#left h2 {
background: url(../img/titelkort.gif) no-repeat;
color: #ffffff;
display: block;
width: 180px;
height: 20px;
font-size:12px;
font-weight: normal;
padding: 10px;
margin:0px;
}

#left .tip {
background: #ffff66;
display: block;
width: auto;
height: auto;
font-size: 11px;
font-weight: normal;
color: #333333;
border: 1px solid #ffcc00;
margin: 10px 0px 0px 0px;
padding: 8px;
}


/*=====================================================
OPMAAK VAN DE CONTENT VAN DE COPYCENTRE WEBSITE

Opmaak van de RECHTER KOLOM van de copycentre website
===================================================== */
#right {
background: #ffffff;
float: right;
width: 180px;
height: 100%;
margin: 0px 0px 30px 0px;
padding: 10px;
/*background: url(../img/sidebarbck.jpg) no-repeat;*/
}
* html #right {
	margin-left: -9px;
}
#right img {
margin: 10px 0px 10px 0px;
}

#right p {
font-family: tahoma, arial, verdana;
font-size: 12px;
line-height: 16px;
color: #333;
padding: 10px 0px 0px 5px;
margin: 0px;
}


#right p .kopjes {
font-weight: bold;
font-size: 12px;
color: #000;
display: block;
width: auto;
height: auto;
}

#right p .gegevens {
font-weight: normal;
font-size: 12px;
color: #000;
display: block;
width: auto;
height: auto;
margin: 0px 0px 10px 0px;
}

#right h2 {
background: url(../img/titelkort.gif) no-repeat;
color: #ffffff;
display: block;
width: 180px;
height: 20px;
font-size:12px;
font-weight: normal;
padding: 10px;
margin:0px;
}

#right h3 {
background: #ddd;
color: #000;
display: block;
width: auto;
height: auto;
font-size:12px;
font-weight: bold;
padding: 10px;
margin: 20px 0px 0px 0px;
}

#right li.titel {
width: auto;
color: #000;
display: block;
font-size: 11px;
font-weight: bold;
padding: 0px 3px 3px 10px;
margin: 20px 0px 0px 0px;
background: none;
}

#rightmenu {
width: 100%;
margin: 0px 0px 0px 0px;
padding-left: 0px;
list-style: none;
}

#rightmenu li {
margin: 10px 0px 0px 10px;
padding-left: 20px;
background: url(../img/arrow_nonactive.gif) no-repeat 0px 0px;
color: #333;
}

#rightmenu li a {
text-decoration:  none;
}

#rightmenu li a:hover {
background: none;
color: #000;
text-decoration: underline;
}

#rightmenu li.pdf {
margin: 10px 0px 0px 10px;
padding-left: 20px;
display: block;
height: 16px;
background: url(../img/icons/pdf.gif) no-repeat 0px 0px;
color: #333;
}

#rightmenu li.email {
margin: 10px 0px 0px 0px;
padding-left: 10px;
display: block;
height: 16px;
color: #333;
background: none;
}

#rightmenu li.pdf li a:hover {
background: none;
color: #000;
text-decoration: underline;
}


/*=====================================================
OPMAAK VAN DE CONTENT VAN DE COPYCENTRE WEBSITE

Opmaak van de FOOTER van de copycentre website
===================================================== */
#footer {
clear: both;
text-align: left;
width: 100%; 
height: 100px;
font-size:10px; 
position: relative;
bottom: 0;
margin-left: 7px;
margin-right: auto;
margin-bottom: 40px;
margin-top: 10px;
border-top: 1px solid #ccc;
padding: 0px 0px 20px 0px;
}

#footer h1 {
font-size:10px; 
background-color: #ddd;
color: #333;
padding: 3px;
margin: 3px 0px 6px 0px;
}

@variables {
footerWidth: 140px;
}

#footer .links {
float: left;
width: 167px;
height: 90px;
padding: 5px 5px 5px 0;
margin: 0px 8px 0px 0px;
}

#footer .midden1 {
float: left;
width: 167px;
height: 90px;
padding: 5px;
margin: 0px 8px 0px 0px;
}

#footer .midden2 {
float: left;
width: 167px;
height: 90px;
padding: 5px;
margin: 0px 8px 0px 0px;
}

#footer .midden3 {
float: left;
width: 167px;
height: 90px;
padding: 5px;
margin: 0px 8px 0px 0px;
}

#footer .rechts{
float: right;
width: 160px;
height: 90px;
padding: 5px;
}

#footer .bottom{
position: absolute;
top: 120px;
width: 890px;
height: 20px;
padding: 15px 5px 5px 5px;
text-align: center;
border-top: 1px solid #ccc;
}

*html #footer .bottom{
position: relative;
top: 10px;
width: 890px;
height: 20px;
padding: 15px 5px 5px 5px;
text-align: center;
border-top: 1px solid #ccc;
}

#footerindex {
width: 100%;
height: 30px;
color: #333;
clear: both;
position: absolute;
top: 710px;
text-align: center;
}
#footerindex2 {
width: 100%;
height: 30px;
color: #333;
clear: both;
position: absolute;
top: 1170px;
text-align: center;
}

/* Nieuwsbrief blok op de homepage */
#nieuwsbriefblok {
position: absolute;
width: 550px;
height: 250px;
margin-left: -275px; 
margin-top: 195px;
top: 0px;
left: 50%;
padding: 0px;
background: #fff url("../img/nieuwsbriefblok_v2.jpg") no-repeat;
}

#nieuwsbriefform {
float: right;
margin: 110px 10px 0px 0px;
width: 250px;
height: 120px;
}

#nieuwsbrief_info {
float: right;
margin: 110px 30px 0px 0px;
width: 230px;
height: 90px;
font-family: tahoma, arial, verdanna;
font-size: 12px;
font-weight: normal;
}

#nieuwsbrief_terug {
position: absolute;
width: 200px;
height: 75px;
margin-left: -100px; 
margin-top: 450px;
top: 0px;
left: 50%;
padding: 0px;
}

#nieuwsbrief_terug a {
display: block;
width: 200px;
padding-top: 75px;
height: 0px;
color:#000; 
text-decoration:none; 
overflow:hidden;
outline: none;
}

*html #nieuwsbrief_terug a:link, *html #nieuwsbrief_terug a:visited {height:75px;}

#nieuwsbrief_terug a#terug {background: #fff url(../img/nieuwsbrief_terug.jpg) no-repeat;}

#nieuwsbrief_terug a#terug:hover {background-position: 0px -75px;}


#menu a {
display:block; 
width:131px; 
padding-top:170px; 
height:0px; 
color:#000; 
text-decoration:none; 
overflow:hidden;
outline: none;
}





#nieuwsbrief_info h1 {
font-family: tahoma, arial, verdanna;
font-size: 12px;
font-weight: bold;
color: #000;
}


#nieuwsbriefblok .nieuwsbrief {
margin: 25px 0px 0px 0px;
}

#nieuwsbriefmessage {
position: absolute;
display: block;
width: auto;
height: auto;
top: 127px;
left: 28px;
}



#nieuwsbriefmessage .fout {
color: #ff0000;
display: block;
height: 16px;
width: 220px;
padding: 1px 3px 1px 3px;
font-size: 11px;
font-weight: bold;
font-family: tahoma, arial, verdanna;
}

#nieuwsbriefmessage .goed {

color: #00cc00;
display: block;
height: 16px;
width: 220px;
padding: 1px 3px 1px 3px;
font-size: 11px;
font-weight: bold;
font-family: tahoma, arial, verdanna;
}

#nieuwsbriefblok h1 {
font-size:11px; 
color: #000;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#nieuwsbriefblok input.ok{
color: #000;
padding: 1px 4px 1px 4px;
margin: 7px 0px 0px 0px;
}

#nieuwsbriefblok input.email {
background: #fff;
border: 1px solid #999;
width: 120px;
}


/* Tab menu Copycentre */
#tabmenuwrapper {
position: absolute;
width: 1100px;
margin-left: -500px; 
height: 50px;
margin-top: -25px;
top: 115px;
left: 50%;
}
#tabmenuwrapper2 {
position: absolute;
width: 1100px;
margin-left: -500px; 
height: 50px;
margin-top: -25px;
top: 115px;
left: 50%;
}
*html #tabmenuwrapper2 {
margin-left: -527px; 
}

#tabmenu a#current {
background-position:0% -42px;
}

#tabmenu a#current span {
background-position:100% -42px;
}

#tabmenu {
float:left;
width:100%;
color: #fff;
font-size:11px;
font-family: Tahoma, Arial, Verdana, Sans-Serif;
line-height:normal;
}

#tabmenu ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}

#tabmenu li {
display:inline;
margin:0;
padding:0;
}

#tabmenu a {
float:left;
background:url("../img/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
outline: none;
}

#tabmenu a span {
float:left;
display:block;
background:url("../img/tabright.gif") no-repeat right top;
padding:5px 15px 4px 8px;
color:#fff;
outline: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabmenu a span {float:none;}
/* End IE5-Mac hack */
#tabmenu a:hover span {
color:#fff;
}
#tabmenu a:hover {
background-position:0% -42px;
}
#tabmenu a:hover span {
background-position:100% -42px;
}

#menu {
position: relative;
left: 38px;
top: 420px;
display:block; 
height:195px; 
margin:8px;
}

/* START NEW MENU */


#menuNew {
position: relative;
top: 165px;
width: 764px;
display:block; 
height:170px; 
}
#menuNew ul {margin:0; padding:0; list-style-type:none;}
#menuNew li {float:left; margin-right:1px; display:block; width:143px; height: auto;} /*Bij aanpassen van deze breedte, de 'menuNew a' ook die breedte geven*/

#menuNew a span {
float: left;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #000;
font-family:Arial, Helvetica, sans-serif;
}
#menuNew a:hover span {
font-size: 12px;
color: #333;
text-decoration: none;
pointer: cursor;
font-family:Arial, Helvetica, sans-serif;
}
#menuNew a span.titel {
margin: -53px 0 0 0;
width: 235px;
}
#menuNew a:hover span.titel {
margin: -53px 0 0 0;
}
#menuNew a span.titel2 {
margin: -44px 0 0 0;
width: 235px;
}
#menuNew a:hover span.titel2 {
margin: -44px 0 0 0;
}
#menuNew a span.special {
margin: -48px 0 0 0;
width: 118px;
}
#menuNew a span.special2 {
margin: -40px 0 0 0;
width: 118px;
}
#menuNew a:hover span.special {
margin: -48px 0 0 0;
}


#menuNew a#item21 {background:transparent url(../img/btn-big21.jpg) no-repeat; padding-top:170px; display: block; width: 235px;margin-right: 15px; width: 235px;}
#menuNew a#item22 {background:transparent url(../img/btn-big22.jpg) no-repeat; padding-top:170px; display: block; width: 235px;margin-right: 15px; width: 235px;}
#menuNew a#item1 {background:transparent url(../img/btn-big1.jpg) no-repeat; padding-top:170px; display: block; width: 235px;margin-right: 15px; width: 235px;}
#menuNew a#item2 {background:transparent url(../img/btn-big2.jpg) no-repeat; padding-top:170px; display: block; width: 235px;margin-right: 15px; width: 235px;}
#menuNew a#item23 {background:transparent url(../img/btn-big23.jpg) no-repeat; padding-top:170px; display: block; width: 235px;margin-right: 15px; width: 235px;}
#menuNew a#item3 {background:transparent url(../img/btn7.png) no-repeat; padding-top:170px; display: block; width: 143px; margin: -4px 0 0 14px;}
#menuNew a#item4 {background:transparent url(../img/btn8.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item5 {background:transparent url(../img/btn1.png) no-repeat; padding-top:170px; display: block; width: 143px; margin: -4px 0 0 0; }
#menuNew a#item6 {background:transparent url(../img/btn2.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item7 {background:transparent url(../img/btn3.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item8 {background:transparent url(../img/btn4.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item9 {background:transparent url(../img/btn9.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item10 {background:transparent url(../img/btn6.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item11 {background:transparent url(../img/btn11.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item12 {background:transparent url(../img/btn12.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item13 {background:transparent url(../img/btn13.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item14 {background:transparent url(../img/btn14.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item15 {background:transparent url(../img/btn15.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item16 {background:transparent url(../img/btn16.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item17 {background:transparent url(../img/btn17.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item18 {background:transparent url(../img/btn18.png) no-repeat; padding-top:170px; display: block; width: 143px;}
#menuNew a#item19 {background:transparent url(../img/btn19.png) no-repeat; padding-top:170px; display: block; width: 143px;}
/*#menu a#item7 {background:transparent url(../img/home_blokken_geboorte.jpg) no-repeat;}*/

#menuNew a#item1:hover {background-position: -235px 0;}
#menuNew a#item21:hover {background-position: -235px 0;}
#menuNew a#item22:hover {background-position: -235px 0;}
#menuNew a#item23:hover {background-position: -235px 0;}
#menuNew a#item2:hover {background-position: -235px 0;}
#menuNew a#item3:hover {background-position: -152px 0;}
#menuNew a#item4:hover {background-position: -152px 0;}
#menuNew a#item5:hover {background-position: -152px 0;}
#menuNew a#item6:hover {background-position: -152px 0;}
#menuNew a#item7:hover {background-position: -152px 0;}
#menuNew a#item8:hover {background-position: -152px 0;}
#menuNew a#item9:hover {background-position: -152px 0;}
#menuNew a#item10:hover {background-position: -152px 0;}
#menuNew a#item11:hover {background-position: -152px 0;}
#menuNew a#item12:hover {background-position: -152px 0;}
#menuNew a#item13:hover {background-position: -152px 0;}
#menuNew a#item14:hover {background-position: -152px 0;}
#menuNew a#item15:hover {background-position: -152px 0;}
#menuNew a#item16:hover {background-position: -152px 0;}
#menuNew a#item17:hover {background-position: -152px 0;}
#menuNew a#item18:hover {background-position: -152px 0;}
#menuNew a#item19:hover {background-position: -152px 0;}
/*#menu a#item7:hover {background-position: 0 -170px;}*/

.buttonBig {
	float: left;
	margin-bottom: -5px;
}
.button {
	float: left;
	height: 175px;
	margin-left: -18px;
	margin-bottom: -9px;
}
.buttonSpecial {
	float: left;
	height: 170px;
	margin-left: -4px;
}

/* END NEW MENU */

#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:1px; display:block; width:163px; height: auto;}

#menu a {
display:block; 
width:163px; 
padding-top:170px; 
height:0; 
color:#000; 
text-decoration:none; 
overflow:hidden;
outline: none;
}
* html #menu a:link, * html #menu a:visited {height:170px;}
#menu a#item1 {background:transparent url(../img/home_blokken_textiel.jpg) no-repeat;}
#menu a#item2 {background:transparent url(../img/home_blokken_poster.jpg) no-repeat;}
#menu a#item3 {background:transparent url(../img/home_blokken_relatie.jpg) no-repeat;}
#menu a#item4 {background:transparent url(../img/home_blokken_dtp.jpg) no-repeat;}
#menu a#item5 {background:transparent url(../img/home_blokken_canvas.jpg) no-repeat;}
/*#menu a#item7 {background:transparent url(../img/home_blokken_geboorte.jpg) no-repeat;}*/

#menu a#item1:hover {background-position: 0 -170px;}
#menu a#item2:hover {background-position: 0 -170px;}
#menu a#item3:hover {background-position: 0 -170px;}
#menu a#item4:hover {background-position: 0 -170px;}
#menu a#item5:hover {background-position: 0 -170px;}
/*#menu a#item7:hover {background-position: 0 -170px;}*/

#blokboven{
position: absolute;
width: 780px;
height: 80px;
margin: 0px 0px 0px 10px;
top: 220px;
left: 45px;
padding: 0;
}

#blokboven ul {margin:0; padding:0; list-style-type:none;}
#blokboven li {float:left; margin-right:1px; display:block; width:781px; height: 50px;}

#blokboven a {
display: block;
width:781px; 
padding-top:65px; 
height:0; 
color:#000; 
text-decoration:none; 
overflow:hidden;
outline: none;
}
* html #blokboven a:link, * html #blokboven a:visited {height:63px;}

#blokboven a#item6 {background: url(../img/kopierenblokboven2.jpg) no-repeat; margin: 135px 0px 0px 0px;}

#blokboven a#item6:hover {background-position: 0 -66px;}


/*Flash blok op de homepag */

#flashblok {
position: absolute;
width: 781px;
height: 125px;
background: #333 url("../img/home_flash.jpg") no-repeat;
left: 3px;
top: 2px;
z-index: 0;
}



#top_blokken_wrapper {
position: relative;
height: 135px;
width: 960px;
top: 10px;
left: 0px;
margin: 0px 0px 30px 0px;

}

#top_blokken_header {
float: right;
background: #ffffff url(../img/header_overcopycenre.jpg) no-repeat;
height: 115px;
width: auto;

}

#top_blokken ul {float: left; margin:0; padding:0; list-style-type:none;}
#top_blokken li {float:left; margin-right:1px; display:block; width:99px;}

#top_blokken a {
display:block; 
width:118px; 

height:0; 
color:#000; 
text-decoration:none; 
outline: none;
}

* html #top_blokken a:link, * html #top_blokken a:visited {height:115px;}

#top_blokken a.item1 {background:transparent url(../img/top_blokken_kopieren.jpg) no-repeat;}
#top_blokken a.item2 {background:transparent url(../img/top_blokken_textiel.jpg) no-repeat;}
#top_blokken a.item3 {background:transparent url(../img/top_blokken_poster.jpg) no-repeat;}
#top_blokken a.item4 {background:transparent url(../img/top_blokken_relatie.jpg) no-repeat;}
#top_blokken a.item5 {background:transparent url(../img/top_blokken_dtp.jpg) no-repeat;}
#top_blokken a.item7 {background:transparent url(../img/top_blokken_canvas.jpg) no-repeat;}

#top_blokken a.item1:hover {background-position: 0 -115px;}
#top_blokken a.item2:hover {background-position: 0 -115px;}
#top_blokken a.item3:hover {background-position: 0 -115px;}
#top_blokken a.item4:hover {background-position: 0 -115px;}
#top_blokken a.item5:hover {background-position: 0 -115px;}
#top_blokken a.item7:hover {background-position: 0 -115px;}

#top_blokken a#current {background-position: 0 -115px;}


#top_blokken_wrapper2	{
position: relative;
height: 85px;
width: 900px;
top: 10px;
left: 0px;
margin: 0px 0px 30px 0px;

}
#top_blokken2 {
	width:937px; 
	height:25px;  
	margin-top: -13px;
	padding-left: 10px;
	background: url(../img/submenuBackground.png) no-repeat;
	font-size: 10px;
}
* html #top_blokken2 {
	width:956px; 
	height:25px;  
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 13px;
}
* html #top_blokken2 img{
	display: none;
}  
#top_blokken2 img{
	float: left;
	margin-top: -2px;
}    
#bigTitle { 
	width:948px;
	height:52px;
	background: url(../img/bigTitle.png) no-repeat;
	text-align: center;
}
#bigTitle h1{ 
	color:#fff001;
	padding-top: 13px;
}
* html #bigTitle h1{ 
	color:#fff001;
	padding-top: 10px;
	font-size: 22px;
}
* html #bigTitle { 
	width:948px;
	height:52px;
	margin-left: 0px;
	background: url(../img/bigTitle.png) no-repeat;
	text-align: center;
}


#top_blokken2 ul {float: left; margin:0; padding:0; list-style-type:none;}
#top_blokken2 li {float:left; padding-top: 7px;}
* html #top_blokken2 li {float:left; padding-top: 7px; padding-left: 7px;}
#top_blokken2 li a { color:#fff; }
#top_blokken2 li a:hover { color:#fff001; }
#top_blokken2 a#current {color:#fff001; }

.product a#item11 {background:transparent url(../img/budgetprintfc.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item12 {background:transparent url(../img/premiumprints.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item13 {background:transparent url(../img/presentatiesystemen.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item14 {background:transparent url(../img/bisonyl.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item15 {background:transparent url(../img/bouwtekening.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item16 {background:transparent url(../img/canvas.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item17 {background:transparent url(../img/lamineren.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item18 {background:transparent url(../img/vinyl.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}

.product a#item19 {background:transparent url(../img/powerflex.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item20 {background:transparent url(../img/flex.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item21 {background:transparent url(../img/flok.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item22 {background:transparent url(../img/wax.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item23 {background:transparent url(../img/plaintransfer.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item24 {background:transparent url(../img/sublimatie.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item25 {background:transparent url(../img/zeefdrukborduren.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}

.product a#item26 {background:transparent url(../img/canvasprints.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}
.product a#item27 {background:transparent url(../img/spantuindoek.png) no-repeat; padding-top:142px; height:50px; display: block; width: 185px;}

.product {
    position: relative;
    width: 762px;
    display:block; 
    height:auto;
}
.productThumb {
    position: relative;
    width: 762px;
    display:block; 
    height:auto;
}
.item {
	float: left;
	width: 185px;
	text-align:center;
}
.item-onder-grootformaat { 
	background: url(../img/grootformaat-btn-onder.png) no-repeat;
	height: 35px;
	margin-top: -10px;
}
.item p {
	width: 155px;
	margin-left: 12px;
	text-align: left;
}
.itemThumb {
	float: left;
	width: 200px;
	text-align: center;
}
.itemThumb p {
	width: 155px;
	margin-left: 12px;
	text-align: left;
}
* html .item p {
	width: 155px;
	margin-left: 0px;
	text-align: left;
	margin-bottom: 20px;
}
.item p a {
	text-decoration: underline;
}
.product a span {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
}
.product a:hover span {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	pointer: cursor;
	font-family:Arial, Helvetica, sans-serif;
}

#submenu {
float: left;
width: 180px;
height: 100%;
min-height: 300px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#submenu p {
font-family: arial, tahoma, verdana, sans;
font-size:12px;
font-weight: normal;
margin: 5px;
text-indent: 0px;
}

.projecten {
font-family: arial, tahoma, verdana, sans;
font-size:11px;
font-weight: normal;
margin: 5px;
text-indent: 0px;
}
.projecten span { color: #000; }
.producten a { color: #000 !important; text-decoration:underline !important; }

#submenu img {
margin: 50px 0px 0px 8px;
}

#submenuaccordion {
float: left;
width: 180px;
height: 100%;
min-height: 300px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
	
#submenu ul {
list-style: none;
margin: 0;
padding: 0;
}

#submenu li.active{
color: #000;
background:  url(../img/submenu.gif) 0 -36px;
padding: 4px 0 0 35px;
margin: 4px 0px 0px 0px;
text-decoration: normal
}

#submenu li.nonactive{
color: #333;
background:  url(../img/submenu.gif) 0 -4px;
padding: 4px 0 0 35px;
margin: 4px 0px 0px 0px;
text-decoration: normal;
}
	
#submenu li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
outline: none;
}	
	
#submenu li a:link, #submenu li a:visited {
color: #333;
display: block;
background:  url(../img/submenu.gif) 0px -4px;
padding: 4px 0 0 35px;
margin: 4px 0px 0px 0px;
}
	
#submenu li a:hover {
color: #000;
background:  url(../img/submenu.gif) 0 -36px;
padding: 4px 0 0 35px;
margin: 4px 0px 0px 0px;
text-decoration: underline;
}

#submenu a#active {
color: #000;
background:  url(../img/submenu.gif) 0 -36px;
padding: 4px 0 0 35px;
margin: 4px 0px 0px 0px;
text-decoration: underline;
}
ul#links li a#active { color: #999; }

#submenu ul ul#subnavlist li { 
margin: 0 0 1px 0; 
padding: 0px 0px 0px 20px;
}

#submenu ul ul#subnavlist a:link, #submenu ul ul#subnavlist a:visited
{
display: block;
padding: 0px 0px 0px 40px;
width: 125px;
color: #333;
background:  url(../img/submenu.gif) 0px -8px;
text-decoration: none;
}

#submenu ul ul#subnavlist a:hover, #submenu ul ul#subnavlist a#active 
{
color: #000;
background:  url(../img/submenu.gif) 0 -40px;
text-decoration: underline;
}

#submenu li.titel {
background: url(../img/titelkort.gif) no-repeat;
color: #ffffff;
display: block;
width: 180px;
height: 20px;
font-size:12px;
font-weight: normal;
padding: 10px;
margin: 20px 0px 0px 0px;
}

#prijzenmenu {
position: relative;
width: 180px;
height: 130px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#prijzenmenu h2 {
background: url(../img/titelkort-geel.gif) no-repeat;
color: #000;
display: block;
width: 180px;
height: 20px;
font-size:12px;
font-weight: bold;
padding: 10px;
margin:0px;
}

#prijzenmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
	
#prijzenmenu li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
outline: none;
}	
	
#prijzenmenu li a:link, #prijzenmenu li a:visited {
color: #333;
display: block;
background:  url(../img/submenu.gif) 0px -4px;
padding: 4px 0 0 35px;
margin: 4px 0px 0px 0px;
}
	
#prijzenmenu li a:hover {
color: #000;
background:  url(../img/submenu.gif) 0 -36px;
padding: 4px 0 0 35px;
margin: 4px 0px 0px 0px;
text-decoration: underline;
}

#prijzenmenu li.titel {
color: #000;
font-weight: normal;
font-size: 11px;
margin: 10px 0px 0px 10px;
display: block;
}

#prijzenmenu a#active {
color: #000;
background:  url(../img/submenu.gif) 0 -36px;
padding: 4px 0 0 35px;
margin: 4px 0px 0px 0px;
text-decoration: underline;
}




/*
Vertical Accordions
*/
		
.accordion_toggle {
display: block;
height: 30px;
width: 180px;
background: url(../img/accordion_toggle.jpg) no-repeat 0px 0px;
padding: 0 0px 0 30px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
color: #000000;
cursor: pointer;
margin: 5px 0px 0px 0px;
}
		
.accordion_toggle_active {
background: url(../img/accordion_toggle.jpg) no-repeat 0px -32px;
color: #ffffff;
}
		
.accordion_content {
color: #444444;
overflow: hidden;
width: 180px;
}

.accordion_content h1 {
background: #eee;
margin: 0px;
color: #333;
font-size: 14px;
}
			
.accordion_content h3 {
background: #ddd;
color: #000;
display: block;
width: auto;
height: auto;
font-size:12px;
font-weight: bold;
padding: 5px 10px 5px 10px;
margin: 20px 0px 0px 0px;
}
			
.accordion_content p {
font-family: tahoma, arial, verdana;
font-size: 12px;
line-height: 16px;
color: #333;
padding: 10px 0px 0px 5px;
margin: 0px;
}

.accordion_content p .kopjes {
font-weight: bold;
font-size: 12px;
color: #000;
display: block;
width: auto;
height: auto;
}

.accordion_content p .gegevens {
font-weight: normal;
font-size: 12px;
color: #000;
display: block;
width: 150px;
height: auto;
margin: 0px 0px 10px 15px;
padding: 0px 0px 0px 0px;
text-indent: 0px;
}

#kwicks_wrapper {
width: 900px;
height: 100px;
background: url(../img/kwicksbck.jpg) no-repeat;
padding: 10px 0px 0px 0px;
}

#kwicks_container {
position: absolute;
top: 10px;
left: 0px;
height: 100px;
}
#kwicks {
position: relative;
}
 
#kwicks .kwick {
float: left;
display: block;
width: 110px;
height: 100px;
}
 
#kwick_kopieren {	
background: #7389ae url(../img/kwicks_kopieren.jpg);
border-right: solid 5px #fff;
}

#kwick_textiel {
background: #7389ae url(../img/kwicks_kopieren.jpg);
border-right: solid 5px #fff;
}

#kwick_poster {	
background: #7389ae url(../img/kwicks_kopieren.jpg);
border-right: solid 5px #fff;
}

#kwick_relatie {
background: #7389ae url(../img/kwicks_kopieren.jpg);
border-right: solid 5px #fff;
}

#kwick_grafisch {	
background: #7389ae url(../img/kwicks_kopieren.jpg);
border-right: solid 5px #fff;
}

#kwick_canvas {	
background: #7389ae url(../img/kwicks_kopieren.jpg);
border-right: solid 5px #fff;
}

#kwick_geboorte {	
background: #7389ae url(../img/kwicks_kopieren.jpg);
border-right: solid 0px #fff;
}


#kwicks .kwick span {
	display: none;
}
div.noborder a img {border:none; }

/*
TWITTER
*/

.twtr-ft div {
    display: none !important;
}
.twtr-widget-profile img.twtr-profile-img {
    border: 0 none !important;
    display: block;
    float: left;
    height: 48px !important;
    width: 48px !important;
	margin-right: 5px;
}
.rechtsVlakTwitter {
	width: 184px;
	margin: 0 9px 0 9px;
	border: none;
	background: #ededed;
}
.rechtsVlakTwitter a {
	border: none;
}
.rechtsVlakTitelTwitter {
	width: 186px;
	height: 24px;
	color: #FFED00;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	font-size: 13px;
	margin: 9px 9px -11px 9px;
	background: url(../img/rechtsvlak-titel.png) no-repeat;
}
* html .rechtsVlakTitelTwitter {
	margin: 9px 9px 0 9px;
}
.twtr-widget .twtr-tweet-wrap{ 
	line-height: 1.4;
	font-size: 11px;
}
.twtr-widget .twtr-tweet {
    border-bottom: 1px dotted #999 !important;
    overflow: hidden;
}
.rechtsVlakBottomTwitter{
	width: 185px;
	height: 32px;
	margin: -12px 0 0 9px;
	background: url(../img/rechtsvlak-bottom-twitter.png) no-repeat;
	color: #fff;
}
.rechtsVlakBottomTwitter  a img{
	border: none !important;
	float:right; 
	margin:-5px 5px 0 0;
}
* html .rechtsVlakBottomTwitter  a img{ margin: -15px 5px  0 0;}
* html .rechtsVlakBottomTwitter { margin: 0 0 0 9px;}

.rechtsVlakTw{
	width: 183px;
	height: 208px;
	margin: 0 9px -5px 9px;
	padding-top: 6px;
	border-bottom: none;
	background: url(../img/right-tw.jpg) no-repeat;
	color: #000;
}
* html .rechtsVlakTw{
	width: 186px;
	margin: 0 9px 0 9px;
	padding-top: 12px;
	border: 1px solid #7d7e6e;
	border-bottom: none;
	background:#000;
	color: #ffed00;
}
.rechtsVlakTw li{
	padding: 2px 5px 0 2px;
	list-style-image: url(../img/li-arrow.png);
	margin-top: 3px;
}
.rechtsVlakTw li a{
	text-decoration: none;
	color: #000;
}
.rechtsVlakTw li a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.footerlinks { 
	width: 927px;
	padding: 15px;
	height: 120px;
	float: left;
	font-size: 11px;
}
.footerlinksD { 
	width: 927px;
	padding: 15px;
	height: 120px;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.footerlinksD h2{ color:#666; font-size: 14px; line-height: normal;}
.footerlinksD a{ color: #666; line-height: 17px;}

.footerlinks h2{ color:#666; font-size: 15px;}
.footerlinks a{ color: #666; line-height: normal !important;}
.footerlinks1 { 
	width: 130px;
	float: left;
	border-right: 1px dotted #666;
	margin-right:10px;
}
.footerlinks2 { 
	width: 130px;
	float: left;
	border-right: 1px dotted #666;
	margin-right:10px;
}
.footerlinks3 { 
	width: 130px;
	float: left;
	border-right: 1px dotted #666;
	margin-right:10px;
}
.footerlinks4 { 
	width: 130px;
	float: left;
	border-right: 1px dotted #666;
	margin-right:10px;
}

.footerlinks5 { 
	width: 130px;
	float: left;
	line-height: 0.5em;
}
.footerlinks6 { 
	width: 134px;
	float: left;
	margin-right:10px;
	line-height: 0.5em;
}
.footerlinks7 { 
	width: 134px;
	float: left;
	margin-right:10px;
	line-height: 0.5em;
}
.footerlinks8 { 
	width: 134px;
	float: left;
	margin-right:10px;
	line-height: 0.5em;
}
.footerlinks9 { 
	width: 134px;
	float: left;
	margin-right:10px;
	line-height: 0.5em;
}

.footerlinks11 { 
	width: 160px;
	float: left;
	margin-right:10px;
	line-height: 0.5em;
}
.footerlinks12 { 
	width: 170px;
	float: left;
	margin-right:10px;
	line-height: 0.5em;
}
.footerlinks13 { 
	width: 180px;
	float: left;
	margin-right:10px;
	line-height: 0.5em;
}
.footerlinks14 { 
	width: 180px;
	float: left;
	line-height: 0.5em;
}

.drukwerk {
	position: absolute;
	background: url(../img/drukwerk.png) no-repeat;
	width: 270px;
	height: 91px;
	top: 18px;
	left: 0;
	float: left;
	padding: 17px 28px 0 15px;
	font-size: 10px;
	LINE-HEIGHT: 15px;
	font-family:  Arial, SunSans-Regular, Sans-Serif;
}
.drukwerk a:hover { color: #000;}
.drukwerk a { color: #666;}

/* PRIJZEN */

/********** < Navigation */

.vertnav-container { width: 200px; }
ul#vertnav { padding:0; margin:0; list-style-type:none;}
/* All Levels */ /* Style consistent throughout all nav levels */
#vertnav li { position:relative; text-align:left; list-style-type:none;}
#vertnav li.over { z-index:998; }
#vertnav a,
#vertnav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#vertnav span { display:block; cursor:pointer;  }
#vertnav li ul span {white-space:normal; font-size: 11px; line-height: 14px;  }
#vertnav ul li.parent li a { background-image:none; }
#vertnav ul li.open li a span { font-weight: normal; background: none; height: 15px; width: 179px; padding:0; margin:0; }
#vertnav ul li.active a span { 
	font-weight: bold; 
	color: #333; 
	background: url(../images/nav-title-active.png) no-repeat;
	padding-left: 5px;
	padding-top: 1px;
	margin-top: 4px;
	height: 20px;
	width: 191px;
}
#vertnav ul li.open li.active a span { font-weight: bold; }

/* 0 Level */
#vertnav li { padding: 0; margin: 0; }
#vertnav li.active a { color:#000; font-weight:bold; }
#vertnav a { padding:2px 12px 6px 8px; color:#444; }
#vertnav li.over a,
#vertnav a:hover { color:#666; text-decoration: underline; }

/* 1st Level */

#vertnav li a { float:none; padding:2px 10px 2px 5px; margin-top: 5px; font-weight:bold; color:#000; border-bottom:1px solid #666; text-transform: uppercase;}
#vertnav li a:hover { color:#000; }
#vertnav li.over a,
#vertnav li.active a { color:#000; font-weight:normal; }

/* 2nd Level */
#vertnav ul {  margin-left: -40px; }
* html #vertnav ul {  padding-left: 40px; }
#vertnav ul li { float:none;  }
#vertnav ul li.last { border-bottom:0; margin-bottom: 5px; }
#vertnav ul li a { font-size: 12px; float:none; padding:1px 10px 2px 0; border-bottom:none; text-transform:none; margin-top: 0; margin-left: 5px; font-weight:normal; color:#666 !important; }
#vertnav ul li a:hover { color:#000 !important; text-decoration:none;  }
#vertnav ul li.open li.active a span { 	
	font-weight: bold; 
	color: #333; 
	background: url(../images/nav-title-active-sub.png) no-repeat;
	padding-left: 5px;
	padding-top: 1px;
	margin-top: 4px;
	height: 20px;
	width: 179px;  }
#vertnav ul li.active > a { color:#FF0;}
#vertnav ul li.over > a  { font-weight:normal; color:#FF0 !important; }

#vertnav ul li.open li.inactive a span { 	
	font-weight: bold; 
	color: #333; 
	background: none;
	padding-left: 5px;
	padding-top: 1px;
	margin-top: 4px;
	height: 20px;
	width: 179px;  }

/* 3rd+ leven */
#vertnav ul ul { top:7px; left: 200px;}
#vertnav ul li ul li { padding-left: 7px; }

/* Show Menu */
#vertnav li.over > ul { left:0; }
#vertnav li.over > ul li.over > ul { left:100px; }
#vertnav li.over ul ul { left:-10000px; }
/********** Navigation > */
/* ======================================================================================= */


.col-left {
    float: left;
    padding: 0 0 1px;
    width: 180px;
}
#top_blokken #menuNew { position:static; float:none; width:950px; margin-left: 20px; }
* html #top_blokken #menuNew a img { margin:15px 0 0 25px;border:0; }

.facebook-cc { width:120px !important; float:left;}

/* GALLERIJ */

#galleria{height:320px;}
.cred{margin-top:20px;font-size:11px;}
.galleria-container { background: #fff; border: 1px solid #CCC;}
galleria-imageds img { border: 1px solid red; }
#content img {
    float: none;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
	left:0;
}
.galleria-info {
display:none !important;
}
.galleria-counter {
    bottom: 10px;
    color: #333;
    font: 11px/1 arial,sans-serif;
    left: 10px;
    position: absolute;
    text-align: right;
    z-index: 1;
	background: #fff;
	padding:2px;
}

.galleria-thumbnails .galleria-image {
    border: 0;
}
#galleria a img { display:none !important; }
.connect_widget_button_count_count {display:none; color: #fff !important;}