/* Basic */



body { 

	color: #666; 

	background: #DADADA;

	font-size: 62,5%; 

	font-family: Arial, Helvetica, Verdana, sans-serif;

	margin: 0;

	padding: 0;

	}



img { 

	border: 0px;

	}



hr {

	height: 1px;

	border: 0;

	margin: 0;

	padding: 0;

	border-top: 1px solid #D3DF3D;

	background: #D3DF3D;

	clear: both; 

	}

	

/* Type styles */



p { 

	margin: 0 0 10px 0;

	padding: 0;

	}



h1 { 

	font-size: 1.3em;

	/*font-family: "Century Gothic", Verdana, Arial, Hevletica, sans-serif; */

	color: #777; 

	margin: 0 0 0.7em 0;

	padding: 0;

	}



h2 { 

	font-size: 1em;

	/*font-family: "Century Gothic", Verdana, Arial, Hevletica, sans-serif; */

	color: #777; 

	margin: 1em 0 0.6em 0;

	padding: 0;

	}



h3 { 

	font-size: 0.9em;

	/*font-family: "Century Gothic", Verdana, Arial, Hevletica, sans-serif; */

	font-weight: bold;

	color: #777; 

	margin: 1em 0 0 0;

	padding: 0;

	}



small{

	font-size: 0.8em;

	color: #777;

	}



#headermenu, #leftside, #middle, #rightside, #footer {

	font-size: 0.9em;

	}



/* List styles */



ol {

	font-size: 0.9em;

	line-height: 125%;

	margin: 0 0 20px 2.1em;

	padding: 0 0 0 0;

	}



ul { 

	font-size: 0.9em;

	line-height: 125%;

	margin: 0 0 20px 1.5em;

	padding: 0 0 0 0;

	}



li{

	margin: 0;

	padding: 0;

	}

	

/* Link styles */

a, a:visited { 

	color: #FFF; 

	font-weight: bold;

	text-decoration: none;

	}



a:hover { 

	font-weight: bold;

	text-decoration: underline;

	}



a:active { 

	color: #D3DF3D; 

	font-weight: bold;

	text-decoration: none;

	}



a.mainlink, a:visited.mainlink {

	color: #777;

	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;

	font-size: 1.1em;

	}



a:hover.mainlink {

	color: #FFF;

	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;

	font-size: 1.1em;

	text-decoration: none;

	}



#headermenu .here {

	color: #FFF;

	}



a.sublink, a:visited.sublink {

	font-family: "Century Gothic", Arial, sans-serif;

	font-weight: normal;

	}



a:hover.sublink {

	color: #D3DF3D;

	font-family: "Century Gothic", Arial, sans-serif;

	font-weight: normal;

	text-decoration: none;

	}



a:active.mainlink, a:active.sublink {

	color: #999;

	}



#submenu .here {

	color: #D3DF3D;

	}



#footer a {

	color: #777;

	font-weight: normal;

	text-decoration: none;

	}



#footer a:hover {

	color: #555;

	font-weight: normal;

	text-decoration: underline;

	}



/* Thema tweaks */



.oranje {

	/* color: #FF9900; */

	}



a:visited.oranje {

	/* color: #FF9900; */

}



/* Primary layout */



#header {

	background: #D3DF3D;

	width: 100%;

	height: 68px;

	margin: 0;

	padding: 0;

	}



#main {

	width: 100%;

	}



#leftside {

	background: url("../images/leftside-bg.jpg") top no-repeat #DADADA;

	width: 200px;

	vertical-align: top;

	}



#middle {

	border-top: 10px solid #7F8084;

	background: #DADADA;

	vertical-align: top;

	}



#content {

	background: #D3DF3D;

	min-height: 300px;

	margin: 0;

	padding: 20px 40px 20px 40px;

	vertical-align: top;

	}



#footer {

	background: #DADADA;

	text-align: center;

	margin: 0 40px 0 40px;

	}

	

#rightside {

	background: url("../images/rightside-bg.jpg") top left no-repeat #DADADA;

	text-align: center;

	width: 200px;

	vertical-align: top;

	}



/* Secondary layout */



#headerleft {

	text-align: right;

	width: 200px;

	padding: 4px 0 0 0;

	}



#headermenu {

	text-align: center;

	height: 68px;

	width: auto;

	margin: 0;

	padding: 0 20px;

	}

		

#headerright {

	width: 200px;

	padding: 4px 0 0 0;

	}



#callback{

	width: 192px;

	height: 48px;

	}



#submenu, #dochters {

	background: url("../images/fade-submenu.jpg") repeat-x bottom #7f8084;

	border: 2px solid #D3DF3D;

	width: 144px;

	margin: 0 0 0 8px;

	padding: 8px;

	}

#dochters {
	margin-top: 1ex;
	}
#dochters h3 {
	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	}
#dochters a {
	font-size: 85%;
	}

#aanbiedingen {

	text-align: left;

	margin: 5px 0 0 25px;

	}



#footerinfo{

	font-size: 0.9em;

	padding: 10px;

	}



/* WK catalogus */



.tdtop {

	vertical-align: top;	

	}



.tddisplay {

	margin: 0;

	padding: 5px;

	}



.tdwkpic {

	padding: 0;

	vertical-align: top

	}



.tdwkleft {

	font-size: 0.9em;

	border: 1px solid #FFF;

	margin: 0 10px 10px 0;

	padding: 5px;

	width: 35%;

	vertical-align: top

	}



.tdwkdiv {

	width: 20px;

	}

	

.tdwkright {

	font-size: 0.9em;

	border: 1px solid #FFF;

	margin: 0 0 10px 0;

	padding: 5px;

	width: 35%;

	vertical-align: top

	}



.trwk {

	height: 5px;

	}



/* Formulieren */



#form {

	font-size: 0.9em;

	margin: 0;

	padding: 0;

	}



.formpre {

	font-size: 1.5em;

	line-height: 0.75em;

	width: 5px;

	padding-top: 0.5em;

	vertical-align: top;

	}



.formleft {

	height: 20px;

	width: auto;

	padding-top: 0.5em;

	vertical-align: top;

	}



.formdiv {

	width: auto;

	}



.formright {

	width: 70%;

	vertical-align: middle;

	}



.formrow {

	width: 100%;

	vertical-align: top;

	border-bottom: 2px solid #FFF;

	}



/* Portfolio */

.pf-img {

	background: #FFF;

	vertical-align: middle;

	}



.pf-logo {

	background: #FFF;

	padding: 0 10px 0 10px;

	vertical-align: middle;

	}



.pf-div {

	border-left: 1px solid #7F8084;

	}



/* Misc. */



.headernav {

	font-size: 0.9em;

	padding: 10px 20px 0 0;

	vertical-align: bottom;

	float: left;

	}



.subnav {
	margin: .6em 0;
	}



.aanbieding {

	color: #D3DF3D;

	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;

	font-weight: bold;

	font-size: 1.1em;

	line-height: 1.6em;

	}



 #slideshow {

 	background: #FFF;

    width: 406px;

    height: 205px;

    position: relative;

    margin: 2em 0 0 0;

    padding: 0;

 	}

 	

 #slideshow div {

	position: absolute;

    top: 3px;

    left: 3px;

 	}

 

.displayright {

	text-align: right;

	margin: 0;

	padding: 10px 0 10px 30px;

	}

	

.back2index {

	color: #DADADA;

	font-size: 0.8em;

	background-color: #7F8084;

	height: 20px;

	padding: 2px 40px 2px 40px;

	}

.aanbieding span {
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -8192px;
	width: 163px;
	height: 97px;
	margin-bottom: 32px;
	}
.aanbieding #verhuizing {
	background-image: url(/images/aanbiedingen/verhuizing.jpg?2);
	height: 244px;
	}
.aanbieding #kadootje-voor-kerst {
	background-image: url(/images/aanbiedingen/banner-kerst.jpg);
	}
.aanbieding #veiligheidsvestjes {
	background-image: url(/images/aanbiedingen/banner-vestjes.jpg);
	}
.aanbieding #vliegtuigtasjes {
	background-image: url(/images/aanbiedingen/BannerVliegtuigTas.gif);
	}
.aanbieding #lifehammers {
	background-image: url(/images/aanbiedingen/banner-safety.jpg);
	}
.aanbieding #brochure {
	background-image: url(/images/aanbiedingen/catalogus-2010.jpg);
	height: 244px;
	}
.aanbieding #nautiloop {
	background-image: url(/images/aanbiedingen/Nautiloop-grijs.gif);
	height: 195px;
	}
.aanbieding #promotioneel-ijs {
	background-image: url(/images/aanbiedingen/promotioneel-ijs.jpg);
	height: 163px;
	}
.aanbieding #groeipapier {
	background-image: url(/images/aanbiedingen/groeipapier.jpg);
	height: 163px;
	}
.aanbieding #outletpromotions {
	background-image: url(/images/aanbiedingen/outlet.jpg);
	height: 195px;
	}
.aanbieding #boogie-blaster {
	background-image: url(/images/aanbiedingen/boogie-blaster.jpg);
	height: 195px;
	}
.aanbieding #solar {
	background-image: url(/images/aanbiedingen/solar.jpg);
	height: 250px;
	}
.aanbieding #plat-water {
	background-image: url(/images/aanbiedingen/plat-water.jpg);
	height: 250px;
	}
.aanbieding #nieuwe-site {
	background-image: url(/images/aanbiedingen/nieuwe-site.gif);
	height: 250px;
	}

a#ppp {
	display: block;
	width: 93px;
	height: 65px;
	text-indent: -8192px;
	position: absolute;
	margin: -65px 0 0 406px;
	background: url(/images/ppp.png) top left no-repeat transparent;
	}

ul#kadootjes {
	list-style: square;
	color: #6d015b;
	font-size: 100%;
	}
ul#kadootjes p {
	color: #666;
	margin: 0;
	padding: 0;
	}

h4#b2b {
	width: 200px;
	height: 45px;
	background: url(/img/b2b.png) center center no-repeat;
	text-indent: -8192px;
	margin: 1ex 0;
	}

h6#notice {
	font-size: 100%;
	border: 2px solid #000;
	text-align: center;
	padding: 1ex 1em;
	margin: 1ex 1em;
	}

div.vacature {
	margin-bottom: 3ex;
	}
div.vacature h2 {
	font-size: 120%;
	}
div.vacature dl dt {
	font-weight: bold;
	margin-top: 1ex;
	font-size: 100%;
	}
div.vacature dl dd {
	text-indent: 0;
	margin: 0;
	}
div.vacature ul {
	font-size: inherit;
	text-indent: 0;
	}
div.vacature li {
	font-size: inherit;
	}
div.vacature address {
	font-style: normal;
	}