/******************************	

geeninspiratie.nl
TRES internet (c) 2009

******************************/
/******************************	
RESET
******************************/

	html, body, div, span, applet, object, iframe, table, caption, tbody,
	tfoot, thead, tr, th, td, del, dfn, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd,
	ol, ul, li, fieldset, form, label, legend {
		vertical-align: baseline;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
	}

	*:focus { outline: none; }
	body { line-height: 1 }
	ol, ul {list-style: none; }
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { font-weight: normal; text-align: left; vertical-align: top; }
	a img, :link img, :visited img { border: none; }
	iframe { background: #ffffff; }
	input, select { vertical-align: middle; }
	strong { font-weight: bold; }

	div.clear { clear: both; width: 100%; height: 0px; overflow: hidden; float: none !important; }


/******************************	
LAYOUT
******************************/
html, body { 
	height: 100%;
	}

body, div, p, span {
	font: 11px/18px Verdana, Arial, sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
	padding: 0 0 5px 0;
	margin: 0;
	}

div.sstories h4{
	font: bold 12px/18px Verdana, Arial, sans-serif;
	color: #000;
	padding: 0;
	}

div.sstories p{
	margin: 0 0 15px;
	padding: 0;
	}

body {
	background: #ffffff;
	padding: 0;
	margin: 0;
	}

body#std {
	background: #ffffff url("../images/background.png") repeat-x left top;
	}

.iframeMain {
	background: transparent url("../images/kader.png") no-repeat bottom center;
	height: 615px;
	padding:0 20px 0 17px;
	overflow: hidden;
	}

iframe.main {
	margin: 3px 0 0 0;
	position: relative;
	left: -1px;
	}

#container {
	margin: 0;
	padding: 0;
	/*width: 900px;
	height: 375px;*/
	}

div#left, div#left2 {
	float: left;
	display: inline;
	width: 290px;
	padding: 15px 10px;
	margin: 58px 0 0;
	overflow: hidden;
	}

div#left2{
	width: 250px;
	}

div#right, div#right2, div#right3 {
	float: left;
	display: inline;
	/*border-left: 1px solid #ff00df;*/
	/*border-width: 0 0 0 1px;*/
	padding: 45px 10px 2px 10px;
	width: 605px;
	/*min-height: 400px;*/
	}

	div#right4 {
		float: left;
		display: inline;
		/*border-left: 1px solid #ff00df;*/
		/*border-width: 0 0 0 1px;*/
		padding: 45px 10px 2px 10px;
		width: 605px;
		/*min-height: 400px;*/
	}

	div#right .scroll,
	div#right2 .scroll,
	div#right3 .scroll{
		margin: 2px 0;
	}

	div#right h2,
	div#right2 h2,
	div#right3 h2{
		padding: 0 0 10px 0;
	}

	/******************************	
	ARTICLE
	******************************/
	div#right .description,
	div#right2 .description,
	div#right3 .description{
		padding: 0 0 10px 0;
	}

	div#right img,
	div#right2 img,
	div#right3 img{
		padding: 5px 0 0 0;
	}

	a, a:link, a:visited {
		color: #DC2673;
		text-decoration: underline;
	}

	a:hover, a:active {
		color: #000000;
		text-decoration: none;
	}


/******************************	
TYPO
******************************/
h1 {
	font-size: 27px;
	line-height: 28px;
	font-weight: normal;
	padding: 0 0 15px 0;
	margin: 0;
	color: #ec008c;
}

div#pWenswinkel h1{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	}

h2 {
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0;
	color: #ec008c;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0 0 0;
	margin: 0;
	color: #ec008c;
}

/******************************	
POPUP
******************************/
#popup {
	margin: 0;
	padding: 0 10px 0 20px;
	width: 800px;
}

	#popup .introduction {
		font-size: 11px;
		padding: 0 0 0 0;
	}

	#popup .text {
		padding: 0 0 10px 0;
	}

	#popup a {
		color: #dc2673;
		text-decoration: underline;
	}

	#popup a:hover {
		color: #000000;
		text-decoration: underline;
	}


#popupSmall {
	margin: 0;
	padding: 20px;
}

	#popupSmall a {
		color: #dc2673;
		text-decoration: underline;
	}

	#popupSmall a:hover {
		color: #000000;
		text-decoration: underline;
	}

#shadowboxClose,
#shadowboxClose2{
	height: 29px;
	width: 80px;
	background: transparent url("../images/close2.png") no-repeat right bottom;
	position: absolute;
	top: 4px;
	right: 20px;
	cursor: pointer;
	z-index: 1;
}

#shadowboxClose2 {
	height: 29px;
	background: transparent url("../images/close2.png") no-repeat right bottom;
}

#wenswinkelClose {
	width: 80px;
	height: 29px;
	background: transparent url("../images/close2.png") no-repeat right bottom;
	position: absolute;
	top: 4px;
	right: 35px;
	cursor: pointer;
	z-index: 1;
}

#welInspiratieClose {
	height: 37px;
	width: 212px;
	background: transparent url("../images/naarGI.png") no-repeat right bottom;
	position: absolute;
	top: 10px;
	right: 35px;
	cursor: pointer;
	z-index: 1;
	display: none;
}

#shadowboxClose.main {
	top: 10px;
	right: 50px;
}


/******************************	
TOPMENU
******************************/
#topmenu {
	height: 100px;
	}

	#topmenu img {
	}
	
	#topmenu a {
		float: left;
		display: inline;
		color: #000000;
		text-decoration: none;
	}

	#topmenu a:hover,
	#topmenu a:active{
		color: #dc2673;
		text-decoration: none;
	}

	#topmenu a.delete {
		color: #cecece;
	}

	#topmenu div {
		float: left;
		position: relative;
		height: 80px;
		margin: 0 10px 0 0;
		cursor: pointer;
		text-align: center;
	}

	#topmenu div span {
		display: block;
		font-weight: normal;
		cursor: pointer;
		text-align: center;
	}

/*------------------------------
	GALLERY
------------------------------*/

div.giImages {
	float: left;
	width: 420px;
	position: relative;
	height: 380px;
	}

	#imageControls {
		position: absolute;
		bottom: 0;
	}

#image_wrap {
		width:300px;
		height: 250px;
		margin:5px 0 15px 0;
		padding:0;
		overflow: hidden;
	}

	.scrollable {
		position:relative;
		overflow:hidden;
		width: 330px;
		height:100px;
		float:left;
		margin: 6px 0 0 0;
	}

	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}

	.scrollable img {
		float:left;
		margin:5px 5px;
		background-color:#fff;
		padding:4px;
		border:1px solid #ccc;
		cursor:pointer;
		width: 63px;
		height: 63px;
	}

	.scrollable img:hover{
		border: 1px solid #00b5d8;
	}

	.scrollable img.active {
		margin: 4px;
		border:2px solid #00b5d8;
		z-index: 1;
		position:relative;
	}

	a.browse {
		background: #fff url("../images/horizontal_scroll.png") left top no-repeat;
		display:block;
		width:20px;
		height:80px;
		float:left;
		margin: 10px;
		cursor:pointer;
		font-size:1px;
	}

		a.right 		{ background-position: 0 -80px; clear:right; margin-left: 10px;}
		a.right:hover	{ background-position:-20px -80px;}
		a.right:active	{ background-position:-40px -80px;} 

		a.left			{ margin-right: 10px;}
		a.left:hover	{ background-position:-20px 0;}
		a.left:active	{ background-position:-40px 0;}

		a.disabled {
			visibility:hidden !important;		
		}

/*------------------------------
	FORM
------------------------------*/
form {width: 500px;}
body#welinspiratieMail form{width: 560px;}

body#welinspiratieMail div#sluiten, div#sluiten.closeForm{
	position: absolute;
	z-index: 10;
	right: 20px;
	top: 10px;
	width: 60px;
	height: 20px;
	font-weight: bold;
	}

form .label {
	width: 90px;
	float: left;
	display: inline;
	overflow: hidden;
	padding: 2px 10px 0 0;
	}

body#welinspiratieMail form .label {
	width: 200px;
	}

form .value {
	width: 300px;
	float: left;
	display: inline;
	overflow: hidden;
	padding: 2px 10px 0 0;
	}

form input {
	width: 175px;
	border: 1px solid #dc2673;
	}

form input.invalid {
	color: #ffffff;
	border: 1px solid #000000;
	background: #dc2673;
	}

form .file {
	width: 250px;
	}

form input.submit {
	margin: 10px 0 0 0;
	padding: 3px 0 3px 0;
	background: #dc2673;
	border: 0;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	}

.legend {
	color: #dc2673;
	font-style: italic;
	}

form.editAccount {
	width: 500px;
	}

form.editAccount .value {
	width: 275px;
}

.button.disabled {
	display: block;
	width: 175px;
	background: #cecece;
	height: 20px;
	margin: 10px 0 0;
	padding: 3px 0;
	text-align: center;
}

#popupSmall .button.disabled a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#popupSmall .button.disabled a:hover {
	text-decoration: none;
}


/*WENSFORM*/
div.wensForm input{
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	font: 11px/18px Verdana, Arial, sans-serif;
	}

div.wensForm input[type='checkbox'],
div.wensForm input[type='radio']{
	width: auto;
	}


div.wensForm div.value textarea{
	width: 280px;
	height: 130px;
	padding: 2px;
	border: 1px solid #ccc;
	overflow: auto;
	resize: none;
	font: 11px/18px Verdana, Arial, sans-serif;
	}

div.wensForm .submitbutton{
	float: left;display: inline;margin: 0 20px 0 95px;width: 106px;height: 29px;border: 0px;cursor: pointer;
	background: url("../images/reageer_button.png") no-repeat;
	border: 0px;
	cursor: pointer;
	}



div.wensForm.verstuurknop{
	float: left;
	display: inline;
	margin: 0 20px 0 95px;
	width: 106px;
	height: 29px;
	background: url("../images/verstuur_button.jpg.jpg") no-repeat;
	border: 0px;
	cursor: pointer;
	}





body#welinspiratieMail div.wensForm .submitbutton{
	float: left;
	display: inline;
	margin: 0 20px 0 205px;
	width: 90px;
	height: 29px;
	background: url("../images/plaats_button.jpg") no-repeat;
	border: 0px;
	cursor: pointer;
	}


/* Wens plaatsen */

div.wensFormPlaats input{
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	font: 11px/18px Verdana, Arial, sans-serif;
	}

div.wensFormPlaats input[type='checkbox'],
div.wensFormPlaats input[type='radio']{
	width: auto;
	}


div.wensFormPlaats div.value textarea{
	width: 280px;
	height: 130px;
	padding: 2px;
	border: 1px solid #ccc;
	overflow: auto;
	resize: none;
	font: 11px/18px Verdana, Arial, sans-serif;
	}

div.wensFormPlaats .submitbutton{
	float: left;display: inline;margin: 0 20px 0 95px;width: 106px;height: 29px;border: 0px;cursor: pointer;
	background: url("../images/plaats_button.png") no-repeat;
	border: 0px;
	cursor: pointer;
	}

/* Stuur je magazine door */
div.magazineForm div.label {
	width: 175px;
}

div.magazineForm input{
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	font: 11px/18px Verdana, Arial, sans-serif;
	}

div.magazineForm input[type='checkbox'],
div.magazineForm input[type='radio']{
	width: auto;
	}


div.magazineForm div.value textarea{
	width: 280px;
	height: 130px;
	padding: 2px;
	border: 1px solid #ccc;
	overflow: auto;
	resize: none;
	font: 11px/18px Verdana, Arial, sans-serif;
	}

div.magazineForm .submitbutton{
	float: left;
	display: inline;
	margin: 0 20px 0 180px;
	width: 106px;
	height: 29px;
	background: url("../images/verstuur_button.jpg") no-repeat;
	border: 0px;
	cursor: pointer;
	}

/*TICKER
--------------------------*/
.tickercontainer{
	width: 100%; 
	height: 27px; 
	margin: 0 auto; 
	padding: 10px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	}

	.tickercontainer .mask{
		position: relative;
		left:0;
		top: 8px;
		width: 900px;
		overflow: hidden;
		margin: 0 auto;
		}

		ul.newsticker{
			position: relative;
			left: 800px;
			font: bold 10px Verdana;
			list-style-type: none;
			margin: 0;
			padding: 0;
			}

			ul.newsticker li {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				list-style: none;
				}

				ul.newsticker li a,
				ul.newsticker li a:link,
				ul.newsticker li a:visited{
					display: block;
					white-space: nowrap;
					padding: 0;
					color: #000000;
					font: bold 12px Trebuchet MS, Arial, sans-serif;
					text-decoration: none;
					margin: 0 20px 0 0;
					padding: 0 0 0 10px;
					background: transparent url("../images/ticker.gif") left 6px no-repeat;
					}

				ul.newsticker li a:hover,
				ul.newsticker li a:active{
					color: #DC2673;
					}


/*------------------------------
	WENSWINKEL MENU
------------------------------*/

div#wwmenu{
	float: left;
	display: inline;
	position: relative;
	z-index: 5;
	width: 201px;
	margin: 0;
	padding: 0;
	}

div#wwmenutop{
	float: left;
	display: inline;
	width: 201px;
	height: 16px;
	background: url("../images/menu_top.png") no-repeat;}

div#wwmenucontent{
	float: left;
	display: inline;
	width: 201px;
	background: url("../images/menu_bg.png") repeat-y;
	padding: 0 0 0 20px;
	line-height: 14px;}

div#wwmenubottom{
	float: left;
	display: inline;
	width: 201px;
	height: 20px;
	background: url("../images/menu_bottom.png") no-repeat;}


div#paperclip{
	position: absolute;
	right: 20px;
	top: -12px;
	margin: 0 0 0 150px;
	background: url("../images/paperclip.png") no-repeat;
	width: 27px;
	height: 57px;
	}

div#wwmenucontent a,
div#wwmenucontent a:link{
	font-size: 15px;
	color: #000;
	font-family: Verdana;
	text-decoration: none;}

div#wwmenucontent a:hover,
div#wwmenucontent a:active{
	color:#ec008c;
	text-decoration: none;
	}

div#wwmenucontent a.purple,
div#wwmenucontent a.purple:link,
div#wwmenucontent a.purple:hover,
div#wwmenucontent a.purple:active{
	color:#ec008c;
	text-decoration: none;}


/*------------------------------
	WENSWINKEL PAARS MENU
------------------------------*/

div#purplemenu{
	float: left;
	display: inline;
	position: relative;
	width: 230px;
	margin: 0;
	padding: 0;
	}

div#purplemenutop{
	float: left;
	display: inline;
	width: 230px;
	height: 7px;
	background: url("../images/purplemenu_top.jpg") no-repeat;}

div#purplemenucontent{
	float: left;
	display: inline;
	width: 230px;
	background: url("../images/purplemenu_bg.jpg") repeat-y;
	padding: 5px 0 0 15px;
	line-height: 14px;}

div#purplemenubottom{
	float: left;
	display: inline;
	width: 230px;
	height: 10px;
	background: url("../images/purplemenu_bottom.jpg") no-repeat;}

div#purplemenucontent a,
div#purplemenucontent a:link{
	font-size: 13px;
	color: #fff;
	font-family: Verdana;
	text-decoration: none;}

div#purplemenucontent a:hover,
div#purplemenucontent a:active{
	color:#ffa3ca;
	text-decoration: none;
	}

/*------------------------------
	REACTIES OVERZICHT
------------------------------*/

div.reactie {
	position: relative;
	}

div.reactieblok{
	position: relative;
	z-index: 10;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	width: 580px;
	}

body#welinspiratieMail div.reactieblok{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -325px;
	margin-top: -230px;
	}

div.reactietop{
	float: left;
	display: inline;
	background: url("../images/bgReactieTop.png") no-repeat;
	width: 580px;
	height: 16px;
	}

div.reactiecontent{
	float: left;
	display: inline;
	background: url("../images/bgReactieContent.png") repeat-y;
	width: 580px;
	padding: 12px 0;
	margin: 0;
	}

div.reactiebottom{
	float: left;
	display: inline;
	background: url("../images/bgReactieBottom.png") no-repeat;
	width: 580px;
	height: 38px;
	margin: 0 0 0px;
	}

div.reactieTekst{
	float: left;
	display: inline;
	width: 400px;
	margin: 0 20px;
	}

div.reactieTekst h2{
	font: bold 12px/18px Verdana, Arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	}

div.reactiecontent ul{
	float: left;
	display: inline;
	width: 130px;
	margin: 0;
	padding: 0;
	}

div.reactiecontent ul li{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 120px;
	}

div.reactiecontent ul li a,
div.reactiecontent ul li a:link,
div.reactiecontent ul li a:visited{
	display: block;
	padding: 0 0 0 38px;
	line-height: 35px;
	height: 35px;
	color: #999;
	}

div.reactiecontent ul li a:hover,
div.reactiecontent ul li a:active{
	color: #000;
	}


div.reactiecontent ul li.reageer a,
div.reactiecontent ul li.reageer a:link,
div.reactiecontent ul li.reageer a:visited{
	background: transparent url("../images/reageer.png") left -35px no-repeat;
	}

div.reactiecontent ul li.reageer a:hover,
div.reactiecontent ul li.reageer a:active{
	background-position: left top;
	}


div.reactiecontent ul li.reacties a,
div.reactiecontent ul li.reacties a:link,
div.reactiecontent ul li.reacties a:visited{
	background: transparent url("../images/reacties.png") left -35px no-repeat;
	}

div.reactiecontent ul li.reacties a:hover,
div.reactiecontent ul li.reacties a:active{
	background-position: left top;
	}


div.reactiecontent ul li.delen a,
div.reactiecontent ul li.delen a:link,
div.reactiecontent ul li.delen a:visited{
	background: transparent url("../images/delen.png") left -35px no-repeat;
	text-decoration: none;
	}

div.reactiecontent ul li.delen a:hover,
div.reactiecontent ul li.delen a:active{
	background-position: left top;
	}


div.reactiecontent ul li.delen a.addthis_button_expanded span,
div.reactiecontent ul li.delen a.addthis_button_expanded:link span,
div.reactiecontent ul li.delen a.addthis_button_expanded:visited span{
	display: none;
	text-decoration: none;}

/*
div.reactieblok{
	z-index: 10;
	display: block;
	padding: 0 0 20px 0;
	}

div.pasfoto{
	position: relative;
	float: left;
	display: inline;
	width: 86px;
	z-index: 10;
	}

div.reactie{
	position: relative;
	float: left;
	display: inline;
	width: 516px;
	z-index: 10;
	}

div.reactietop{
	float: left;
	display: block;
	background: url("../images/reactie_top.jpg") no-repeat;
	width: 516px;
	height: 8px;
	z-index: 10;
	}

div.reactiecontent{
	float: left;
	display: block;
	position: relative;
	background: url("../images/reactie_bg.jpg") repeat-y;
	width: 490px;
	padding: 12px 14px 0 12px;
	z-index: 10;
	}

div.reactiebottom{
	float: left;
	display: block;
	background: url("../images/reactie_bottom.jpg") no-repeat;
	width: 516px;
	height: 8px;
	}

div.auteur{
	float: right;
	text-align: right;
	z-index: 10;
	width: 300px;
	}

span.date{
	font-style: italic;
	font-size: 10px;}

div.arrow{
	position: absolute;
	z-index: 99;
	width: 16px;
	height: 17px;
	left: -12px;
	top: 42px;
	background: url("../images/arrow.jpg") no-repeat;
	}

div.pasfotoimg{
	float: left;
	display: inline;
	margin: 20px 0 0 0;
	padding: 2px 0 0 8px;
	width: 62px;
	height: 61px;
	background: url("../images/pasfoto.jpg") no-repeat;}

span.reageer,
span.reacties{
	float: left;
	display: inline;
	padding: 0 0 0 30px;
	margin: 30px 0 0 10px;
	background: url("../images/wolkje.jpg") no-repeat;
	font-size: 14px;
	color: #ff05e5;
	font-weight: bold;}

span.reageer{
	background: url("../images/wolkjeplus.jpg") no-repeat;}

*/

a.reageer,
a.reageer:link{
	color:#ec008c;
	text-decoration: none;}

a.reageer:hover,
a.reageer:active{
	color: #b800a5;
	text-decoration: none;}


div#wenswinkel div#left{
	width:228px;}

div#wenswinkel div#right{
	width:605px;
	min-height: 515px;
}

#wenswinkel h3 {
	padding: 15px 0 0 0;
	margin: 0;
	font-size: 16px;
	color: #DC2673;
}

.wensReactie .author {
	float: right;
	font-style: italic;
}

#wenswinkel {
	width: 890px;
}

.wensReactie {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border: 1px solid #DC2673;
	border-width: 0 0 1px 0;
}


.overzichtProduct {
	margin: 0 0 10px 0;
}

.overzichtProduct .image {
	float: left;
	width: 120px;
}

.overzichtProduct .title {
	font-size: 16px;
	padding: 10px 0 0 0;
}

div.onderschrift {
	font-style: italic;
	color: #DC2673;
	font-size: 10px;
}


/*------------------------------
	PAGINA
------------------------------*/
body#page{
	background: #fff url("../images/gibg.jpg") left top repeat-x;
	overflow: hidden;
	}

div#left, div#left2 {
	position: absolute;
	z-index: 5;
	}

	body#page div#right,
	body#page div#right2,
	body#page div#right3{
		position: absolute;
		z-index: 5;
		left: 322px;
		top: 58px;
		height: 383px;
		min-height: 383px;
		overflow: auto;
		padding: 20px 10px;
		}

	body#page div#right2{
		top: 35px;
		height: 489px;
		width: 645px;
		left: 283px;
		overflow-x: hidden;
		}

	body#page div#right3{
		top: 35px;
		height: 469px;
		width: 948px;
		left: 0px;
		/*overflow-x: hidden;*/
		border: 0;
		padding: 40px 10px 20px;
		}


	body#page div#pWenswinkel div#right{
		position: absolute;
		z-index: 5;
		left: 252px;
		width: 675px;
		top: 35px;
		height: 469px;
		overflow: auto;
		padding: 40px 10px 20px;
		border: 0;
		}

body#page iframe{overflow: hidden;}

	body#page div#background,
	body#welinspiratieMail div#background{
		position: absolute;
		z-index: 0;
		/*
		left: 20px;
		top: 93px;
		height: 423px;
		width: 900px;
		*/
		left: 0;
		top: 35px;
		height: 529px;
		width: 948px;
		overflow: hidden;
		}

	body#welinspiratieMail div#background{
		top: 0;
		height: 562px;
		width: 950px;
	}


/*------------------------------
	POPUP MENU
------------------------------*/
div#menu{
	position: absolute;
	z-index: 20;
	left: 10px;
	top: 35px;
	}

div#menu div{
	float: left;
	display: inline;
	height: 30px;
	width: 86px;
	background: transparent url("../images/bgMenu.gif") left top no-repeat;
	text-indent: -99999px;
	cursor: pointer;}

div#menu div.active{
	background-position: 0 -30px;
	}

ul#submenu{
	float: left;
	display: inline;
	clear: both;
	width: 202px;
	background: pink url("../images/bgSubmenu.gif") left top no-repeat;
	margin: 0;
	padding: 20px 0;
	}

ul#submenu li{
	float: left;
	display: inline;
	width: 202px;
	}

ul#submenu li a,
ul#submenu li a:link,
ul#submenu li a:visited{
	display: block;
	color: #fff;
	padding: 0 10px;
	text-decoration: none;
	font-weight: bold;
	}

ul#submenu li a:hover,
ul#submenu li a:active{
	color: #ccc;
	}


/*------------------------------
	WENSWINKEL
------------------------------*/
div#wwContent{
	position: absolute;
	left: 75px;
	top: 50px;
	width: 540px;
	height: 369px;
	overflow: auto;
	padding: 0 10px 0 0;
	}

div.wwAfb1{
	position: absolute;
	z-index: 12;
	left: 360px;
	top: 400px;
	height: 136px;
	width: 164px;
	overflow: hidden;
	text-align: center;
	}

div.wwAfb1 img{
	float: left;
	display: inline;
	}

div.postit{
	position: absolute;
	z-index: 10;
	left: 665px;
	top: 435px;
	height: 80px;
	width: 110px;
	text-align: center;
	}

div.postitbg{
	position: absolute;
	z-index: 9;
	left: 650px;
	top: 390px;
	height: 150px;
	width: 150px;
	overflow: hidden;
	background: transparent url("../images/postitbg.png") left top no-repeat;
	}

div#pWenswinkel div#right{
	background: transparent url("../images/contentBG.png") 60px 40px no-repeat;
	}

div.afbRechts{
	float: right;
	display: inline;
	margin: 0 0 0 10px;
	}

div#polaroid1{
	position: absolute;
	z-index: 20;
	width: 117px;
	height: 134px;
	left: 215px;
	top: 180px;
	background: transparent url("../images/polaroid1.png") left top no-repeat;
	}

div#polaroid2{
	position: absolute;
	z-index: 20;
	width: 336px;
	height: 139px;
	left: 300px;
	top: 400px;
	background: transparent url("../images/polaroid2.png") left top no-repeat;
	}

div#polaroid3{
	position: absolute;
	z-index: 20;
	width: 336px;
	height: 139px;
	left: 680px;
	top: 0px;
	background: transparent url("../images/polaroid3.png") left top no-repeat;
	}

div.terug{
	position: absolute;
	z-index: 20;
	width: 60px;
	height: 20px;
	left: 315px;
	top: 470px;
	}

div.terug a,
div.terug a:link,
div.terug a:visited{
	color: #000;
	font: bold 12px/20px Verdana, Arial, sans-serif;
	text-decoration: underline;
	}

div.terug a:hover,
div.terug a:active{
	color: #999;
	text-decoration: none;
	}


/*	CONTACTFORMULIER
**************************************************/
div.formulier{
	margin:10px 0 20px;
	padding: 40px 20px 0;
	width: 530px;
	height: 210px;
	overflow: hidden;
	background: transparent url("../images/bgContact.png") left top no-repeat;
	}

	div.formulier span.veldnaam,
	div.formulier span.veld,
	div.formulier span.verplicht{
		width:100px;
		display:inline;
		float:left;
		}

	div.formulier span.veld{
		width:320px;
		}
	
	div.formulier span.verplicht{
		/*width:10px;
		font-size: 16px;
		height: 15px;
		overflow: hidden;
		line-height: 30px;
		font-weight: bold;
		color: #ec008c;*/
		display: none;
		}

	/* Input Types */
	div.formulier input,
	div.formulier textarea{
		background: #fff;
		border: 1px solid #999;
		color: #333;
		font-family: inherit;
		font-size: inherit;
		font-weight: normal;
		font-family: Verdana, Arial, sans-serif;
		padding: 2px;
		margin:1px;
		height:15px;
		width: 150px;
		}	

	div.formulier textarea{
		width: 380px;
		height: 80px;
		}

	div.formulier input[type='submit'] {
		background: #999;
		border: 0;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		font-family: inherit;
		font-weight:bold;
		font-size: inherit;
		padding: .3em 2em;
		height:24px;
		width: 100px;
		margin: 5px 0 0 386px;
		}

	div.formulier input[type='submit']:hover {
		background: #ec008c;
		}

/*	ZOEKEN
**************************************************/

form.zoeken input {
	width: 175px;
	border: 1px solid #DC2673;
	height: 20px;
	margin: 0 0 10px 0;
}

form.zoeken input.submitbutton {
	color: white;
	background: #DC2673;
	font-weight: bold;
	height: 30px;
}



/*	CONTACTFORMULIER WELINSPIRATIE
**************************************************/