/*RESET*/
* { margin:0; padding:0; border:0; }
.clear { clear:both; }
body {
	font-family:Arial; font-size:12px; line-height:20px; color:#666565;
	background:url(../img/container.gif)  center repeat-y #e8e9ed;
}


/*links*/
a { 
	text-decoration:underline; 
	color:#0072bc; 	
}
a:hover { 
	text-decoration:underline; 
	color:#cb1581; 	
}
.table { width: 599px; }
a.button {
	height:20px;
	line-height:20px; font-size:11px; color:#fff;
	border:2px solid #dad9d9; border-left:0; border-top:0;
	padding:0 7px 0 7px;
	background:url(../img/button.gif);
	display:inline-block;
	float:left;
	margin:7px 0 0 0;
}
a.button:hover { 
	background: #CCCCCC !important;
	color:#fff !important; 
}

a.button2 {
	height:20px;
	line-height:20px; font-size:11px; color:#fff;
	border:2px solid #dad9d9; border-left:0; border-top:0;
	padding:4px 7px 4px 7px;
	background:url(../img/button.gif);
	margin: 7px 0 0 0;
}
a.button2:hover { 
	background: #CCCCCC !important;
	color:#fff !important; 
}


/*headings*/
h1 a,h2 a,h3 a,h4 a,h5 a { 
	text-decoration:none; 
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover { 
	text-decoration:underline;
	color:#0072bc; 
}
h1,h2,h3,h4,h5 { 
	margin:0 0 2px 0; padding:0; 
	color:#0072bc;
	font-family:"Times New Roman", Times;
}
h2 { 
	font-size:15px; 
	text-transform:uppercase; 
}
h3 { 
	font-size:21px; 
	text-transform:uppercase; 
}


/*paragraphs*/
p { 
	padding:0; 
	margin:0 0 10px 0; 
	font-weight: normal;
}


/*images*/
img { 
	border-collapse:collapse; 
	padding:0; margin:0; 
}


/*tables*/
table {
	float:left;
	padding:5px;
	margin-bottom:18px !important;
}
table ,
td ,
tr {
	padding:0;
	margin:0;
	border-collapse:collapse;
	font-size:12px;
	vertical-align:top;
}
table input{
	border:1px solid #ccc;
	height:20px;
}
td {
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #fff;
	border-top:0;
	border-bottom:0;
	border-left:0;
}
thead tr {
	background:#a1a1a1 url(../img/table_heading.jpg) bottom repeat-x ;
	color:#fff;
	line-height:20px;
	line-height:20px;
	font-weight:bold;
}
tbody td {
	border:1px solid #fff;
	border-top:0;
	border-bottom:0;
	background:url(../img/item_main.gif) bottom repeat-x;
}
tbody tr {
	height:23px;
	line-height:23px;
}




/*STRAMIEN*/
#container {
	width:954px;
	margin:0 auto;
}
#wrapper {
	padding:35px 18px 0 18px;	
	_padding:0px 18px 0 18px;
	_margin-top: 35px;
	overflow:hidden;	
}


/*header*/
#header { 
	padding:0 3px 0 3px;
	margin:0 0 0px 0;
	background:url(../img/header.gif) bottom no-repeat;	
}
#talen {
	position:absolute;
	height:30px;
	top:75px;
	margin-left:6px;
	/*border:50px solid red;*/
}
#talen a img {
	margin-right:-2px;
}
#header ul {
	width:100%;
	padding:10px 0 0 0;
	overflow:hidden;
	background:url(../img/balk.jpg) bottom repeat-x;
}
#header ul li { 
	display:inline; list-style:none;
	line-height:37px;
	float:left;
	background:url(../img/yellowhover.jpg) center 999px no-repeat;  /* hover preload */
}
#header ul li a { 
	font-family:"Times New Roman", Times; font-size:12px; 
	text-transform:uppercase; font-weight:bold; text-decoration:none;
	padding:0 9px 0px 9px;
	margin:5px 0 0 0;
	display:block;
}	
#header ul li a.menu {margin-top:56px;}			
#header ul li a.menu.yellow { background:url(../img/yellow.jpg) bottom repeat-x; }			
#header ul li a.menu.green { background:url(../img/green.jpg) bottom repeat-x; }			
#header ul li a.menu.blue { background:url(../img/blue.jpg) bottom repeat-x; }			
#header ul li a.menu.pink { background:url(../img/pink.jpg) bottom repeat-x; }			
#header ul li a.menu.orange { background:url(../img/orange.jpg) bottom repeat-x; }			
#header ul li a.menu:hover {  
	background:url(../img/yellowhover.jpg) bottom repeat-x; 
}			
#header ul li.logo { float:right; margin-bottom: 15px;}
#header ul li.logo a { float:left; padding-left:0;}
#gildener { 
	color:#fff; font-size:16px; 
	width:230px; height:200px;
	float:left;
	overflow:hidden;
	background:url(../img/gildenerhover.gif);
	position:absolute; top:80px;
	margin:0 0 0 -3px;
}
/*mouse-over*/
#gildener h2 { 
	padding:10px 15px 3px 15px; 
	margin:12px 0 0 0; 
	font-size:12px;
}
#gildener h2, #gildener h2 a { 
	color:#eedfdf;
}
#gildener p {
	font-style:italic;
	padding:0 15px 0 15px;
	font-size:11px; 
}		
		

/*tumbnails*/		
#tumbnails {
	width:318px; height:230px;
	float:left;	
}
/*
#tumbnails {
	width:318px; height:230px;
	float:left;
}*/
#tumbnails ul li {
	display:inline; 
	list-style:none;
	width:94px; height:65px;

}
#tumbnails ul li a.image img { 
	width:92px; height:63px;
	/*float:left;*/
	border:1px solid #e3e3e3;
	border-left:none;
	border-top:none;
	padding:0 1px 1px 0;
	margin:0 12px 12px 0;
}

/*
#tumbnails ul li a.image img:hover { 
	position:relative;
	top:2px;
	left:14px;
	width:140px; height:96px;	
	border:1px solid #cecece;
	border-left:none;
	border-top:none;
	padding:0 0px 0px 0;
	margin:-33px 0px 0px -35px;
}*/

#tumbnails ul li a.imageBig img { 
	width:92px; height:63px;
	/*float:left;*/
	border:1px solid #e3e3e3;
	border-left:none;
	border-top:none;
	padding:0 1px 1px 0;
	margin:0 12px 12px 0;
}

#tumbnails ul li a.imageBig img:hover { 
	position:relative;
	top:2px;
	left:14px;
	width:140px; height:96px;	
	border:1px solid #cecece;
	border-left:none;
	border-top:none;
	padding:0 0px 0px 0;
	margin:-33px 0px 0px -35px;
}

/*
#tumbnails ul li a.image img { 
	width:92px; height:63px;
	float:left;
	border:1px solid #e3e3e3;
	border-left:none;
	border-top:none;
	padding:0 1px 1px 0;
	margin:0 12px 12px 0;
}
*/


/*	
#tumbnails ul li a.image img:hover { 
	position:relative;
	top:-2px;
	left:-3px;
	width:98px; height:67px;
	float:left;
	border:1px solid #cecece;
	border-left:none;
	border-top:none;
	padding:0 1px 1px 0;
	margin:0 6px 8px 0;
}*/


/*mediabox*/
#mediabox { 
	float:right;
	width:600px; height:230px;
	background:url(../img/border.gif); 
}
#mediabox img {
	width:598px; height:228px;
}


/*quote*/
#quote { 
	color:#fff; font-size:11px; 
	width:318px; height:230px;
	float:left; clear:left;
	overflow:hidden;
	background:url(../img/quote.jpg);
	margin-bottom:18px;
}
#quote h2 { 
	padding:10px 15px 0 15px; 
}
#quote h2, #quote h2 a { 
	color:#dfe8ee;
}
#quote p {
	font-style:italic;
	padding:0 15px 0 15px;
}
#quote img.quote_links {
	float:left;
	margin:5px 15px 10px 15px;
}

/* folder week */
#folder { 
	color:#fff; font-size:11px; 
	width:318px; height:235px;
	float:left; clear:left;
	overflow:hidden;
	background: #3b7ea9 url(../img/header_bg_new.jpg) 0px 0px repeat-x;
	margin-bottom:18px;
}
#folder h2 { 
	padding:10px 15px 0 15px; 
}
#folder h2, #folder h2 a { 
	color:#dfe8ee;
}
#folder p
{
	text-align: center;
	padding-top: 4px;	
}
/* folder */

#emptyQuote {
	width:600px;
	height:20px;
	float:left;
	margin-top:-1px;
	display:inline-block;
}

#emptyReceptvandemaand {
	display:none;
}
	
	
/*recept van de maand*/
#receptvandemaand {
	width:282px; height:230px;
	float:left;
	background:url(../img/list.gif);
	color:#0072bc;
	margin-bottom:18px;
}
#receptvandemaand ul {
	padding:10px 10px 0 10px;
}
#receptvandemaand ul li { 	
	list-style:none;
}
#receptvandemaand ul li.item {
	margin:1px 0 1px 0;
	line-height:32px;
}
#receptvandemaand ul li a.image { 
	width:41px; height:29px;
	background:url(../img/border.gif) bottom right;
	display:inline-block;
	margin:3px 12px 0 0;
	float:left;
}
#receptvandemaand ul li a.image img { 
	width:39px; height:27px; 
}


/*content*/
#content .button{ clear:left; }
#content .item {
	width:570px;
	float:left;
	background:url(../img/item_main.gif) bottom repeat-x #fff;
	padding:0 12px 23px 15px;
	margin:0;
	overflow:hidden;
	font-weight: normal;
	border-bottom:12px solid #fff;
}
#content .fotogallery
{
	float:left; 
	width:600px;
}
#content .galerijafbeelding:hover
{
	cursor:pointer;
}
#content .itemOverzichtKnop {
	width:600px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0 0 0px 0;
}
#content .itemOverzichtKnop.nieuws
{
	margin-bottom: 20px;	
}
	
h3.itemHeader  {
	clear:left;
	font-size:16px;
	background:url(../img/heading_bg.jpg);
	display:block;
	line-height:33px;
	padding-left:12px;
	color:#dfe8ee;
	text-transform:uppercase;
	width:588px;
	border-bottom:9px solid #fff;
	margin:0;
}

#content .item img {
	margin-top:6px; 
	margin-right:10px;
}	
#content .item h2 {
	font-size: 14px;
}
#content .item a img ,
#content .item img {
	width:147px; height:114px;
	display:inline-block;
	float:left;
	padding:0 1px 1px 0;
	background:#fff;
	border:1px solid #e3e3e3;
	border-left:none;
	border-top:none;
}	
#content .item a.image img {
	width:145px;  height:112px;
}	
				
			
/*sidebar*/		
#sidebar {
	font-size:11px;
	width:300px;
	float:right;
	margin:3px 0 0 0;
	_margin-top: -17px;
}
#sidebar .item {
	background:url(../img/item_sidebar.gif) bottom repeat-x #fff;
	padding:12px 5px 12px 0;
	padding-left: 10px;
	font-weight: normal;
}
#sidebar .item h2, #sidebar .item h2 a {
	color:#cb1581;
}
#sidebar .item a.image {
	width:127px; height:94px;
	display:inline-block;
	float:right;
	background:url(../img/border.gif) bottom right;
	margin:6px 0 0 10px;
}
#sidebar .item a.image img {
	width:125px; height:92px;
}
#sidebar iframe {
	margin-bottom:12px;
}
/*trefwoord*/
#trefwoord {
	height:85px; 
	background:url(../img/zoek.jpg);
	margin:15px 0 0 0;
}
#trefwoord h2, #trefwoord h2 a { 
	color:#eedfe5; 
}
#trefwoord h2 { 
	padding:10px 15px 0 15px; 
}
#trefwoord form div {
	height: 32px; width:266px;
	background: url(../img/input.gif);
	border:2px solid #e663b1; border-left:0; border-top:0;
	float: left;
	position:relative;
	top:5px; left:15px;
}
#trefwoord form div a.button {
	float:right; margin:5px;
}
#trefwoord form div .input {
	height:22px; width:180px;
	border:none;
	margin:7px;
	float:left;
	background:none;
}
/*contactformulier*/
#contactformulier {
	height:290px; 
	background:url(../img/contactformulier.jpg);
	margin:15px 0 0 0;
}
#contactformulier.nieuw {
	background:url("../img/contactformulier.jpg") no-repeat scroll 0 0 #C5107B;
	min-height: 315px;
	height:auto !important;
	margin:15px 0 0;
	overflow:hidden;
	padding-bottom:10px;
}
#contactformulier h2, #contactformulier h2 a { 
	color:#eedfe5; 
}
#contactformulier h2 { 
	padding:10px 15px 7px 15px; 
}
#contactformulier form p {
	color:#fff; line-height:31px; font-size:12px;
	float:left;
	clear:left;
	margin:0; padding:0;
	position:relative; left:15px;
}
#contactformulier form div {
	height: 32px;
	background: url(../img/input.gif) bottom repeat-x #fff;
	border:2px solid #e663b1; border-left:0; border-top:0;
	float: right;
	margin:-1px 0 0 0;
	position:relative; right:19px;
}
#contactformulier form div a.button {
	float:right; margin:5px;
}
#contactformulier form div .input {
	height:22px; width:200px;
	border:none;
	margin:7px;
	background:none;
}	
#contactformulier form div.large {
	height:140px; 
	width:264px;
	background-position:bottom; background-repeat:repeat-x; background-color:#fff;
}
#contactformulier form div .textarea {
	height:105px; width:257px;
	margin-left:6px;
	overflow: auto;
	font-family:Arial; line-height:18px; font-size:12px;
}


/*footer*/	
#footer { 
	margin:45px 3px 0 3px;
	background:url(../img/footer.gif) repeat-x;
	font-family:arial; font-size:10px;
}		
#footer ul {
	padding:0 9px 15px 9px;
	background:url(../img/kleurenbalk.jpg) repeat-x;
}
#footer ul li { 
	list-style:none;
	text-align:right;
	position:relative; top:8px;
}		
#footer ul li p { 
	text-align:left; line-height:20px;
	margin:0; padding:0; 
}	
#footer ul li a { 
	position:relative; bottom:20px;
}	


				
				
/*TABLES*/
/*bestelformulier*/
#frmBestelformulier tfoot a.button {
	margin-left:-5px;
	margin-top:5px;
}
#frmBestelformulier .aantal input ,
#frmBestelformulier .gewicht input {
	width:40px;
}
#frmBestelformulier .aantal ,
#frmBestelformulier .gewicht{
	width:65px;
}
#frmBestelformulier .omschrijving {
	font-style:italic;
	width:200px;
}
#frmBestelformulier .naam {
	width:198px;
}
#frmBestelformulier .hidden td{ 
	background:none;
}
#frmBestelformulier #contactgegevens { 
	width:598px; 
}
#frmBestelformulier #contactgegevens input{ 
	width:150px; 
}


/*bedrijfsgegevens*/
#contactgegevens {
	width:599px; 
	margin-right:20px;
	float:left;
	margin-top:-15px;
}
#bankgegevens {
	width:290px; 
}
.personeel_functie {
	clear:left;
	width:599px;
}
.personeel_functie .email { width:190px; }
.personeel_functie .omschrijving { width:170px; }
.personeel_functie .tumbnail { width:54px; }
.personeel_functie .tumbnail img { 
	float:left;
	padding:0 1px 1px 0;
	background:#fff;
	border:1px solid #e3e3e3;
	border-left:none;
	border-top:none;
}

.solInput {
	width: 300px;
}

.solInputErr {
	width: 300px;
	border-color: #e943a5;
}

.solErrTekst {
	color: #e943a5;
}

img#captchaImg{
	float: right;
    margin-left: -19px;
    margin-right: 21px;
}

div#captchaDiv{
	width: 112px;
}

.captchaError{
	color: #FFFFFF;
    display: inline-block;
    text-align: center;
    width: 100%;
}

input#captcha{
	width:100px !important;
}

div.spacer {
	clear: left;
	width: 10px;
	height: 20px;	
}