@charset "UTF-8";

body{
	margin: 0 ;
	background: #4c000a;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

img{ 
	border: 0px;
}

.img_left{
	float:left;
	clear:both;
	margin: 0 8px 5px 0px;
	padding: 0;
}

.img_left_border{
	float:left;
	clear:both;
	margin: 0 8px 5px 0px;
	padding: 0;
	
	border: #ff682e solid 1px;
}

.img_right{
	float:right;
	clear:both;
	margin: 0 0 5px 8px;
	padding: 0;
}

.img_center{
	display:block;
	margin: 0 auto 0 auto;
	
}


#header h1, 
#login label, 
#login legend, 
#menu h2, 
#menu_organization h2, 
.skiplink{	
	display:none;
}

#wrapper{
	position:relative;
	margin: 0 auto 0 auto;
	width:949px;
}

#hartoffset{
	position:absolute;
	background: #4c000a url(../images/hartoffset.jpg) no-repeat;
	width: 65px;
	height: 285px;
	overflow:hidden;
	left:-65px;
	top:0px;
}

#header{
	width: 949px;
	height: 358px;
}

#menu{	
	position:absolute;
	top: 160px;
	right:18px;
	background: #006e34;
	border: #FFFFFF solid 1px;
	
	width: 668px;
	
	padding: 0.2em 0 0.4em 0;
	font-size: 70%;
	font-weight:bold;
	letter-spacing: 1px;
}
	
#menu ul{
	margin: 0.3em 0 0.3em 0;
	padding: 0;
	color: #ffffff;
}

#menu li{
	display:inline;
	
	background: url(../images/menuli_devider.gif) right top repeat-y;
	list-style-type:none;
	margin:0px;
	padding: 0 1em 0 1em;
}

#menu a:link, #menu a:visited{
	color: #ffffff;
	text-decoration:none;
}

#menu a:hover{
	color: #4c000a;
	text-decoration:underline;
}

#menu_organization{
	position:absolute;
	background: #4c000a url(../images/menu_bg.jpg) no-repeat;
	width: 646px;
	height: 127px;
	top: 195px;
	right: 30px;
	text-align:left;
}

#menu_organization_btnleft{
	position:absolute;
	left:-12px;
	top:0px;
}

#menu_organization_btnright{
	position:absolute;
	right:-12px;
	top:0px;
}

#menu_organization_slider_outer{
	position:relative;
	
	height: 100%;
	top:0px;
	left:7px;
	width: 632px;	
	overflow:hidden;
}

#menu_organization_slider_inner{
	position:absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left:-2px;
	width:100000px;
	display: none;
}

#menu_organization_slider_inner ul{	
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#menu_organization_slider_inner li{
	float:left;
	list-style-type:none;
	margin:18px 2px 18px 2px;
	padding: 0px;
}
/* 123 X 83 */

#menu_organization_slider_inner ul li ul{	
	display:none;
}



#login{
	position:absolute;
	top:0px;
	right:0px;
	color:#FFFFFF;
	font-size: 65%;
	text-align:right;
	width:310px;
}

#login input{
	background: #FFFFFF;
	border:#000000 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;	
}

#login input:focus{
	background: #ffd9cb;
}

#login h2{
	position:relative;
	font-weight:bold;
	font-size:1em;
	display:inline;
	float:left;
	margin:0.5em 0 0 2em;
	padding:0;
}

#login form{
	display:inline;
}

#login fieldset, #login p{
	border: 0;
	margin:0.5em 0.5em 0 0;
	padding:0;
}

#login a:link, #login a:visited{
	color:#FFFFFF;
}

#login a:hover{
	color: #ff682e;
}

/* content */

#breadcrumbs{
	position:absolute;
	text-align:left;
	width:775px;
	background:  #ffffff;
	left:0px;
	top:0px;
	margin: -30px 0 0 25px;
	padding: 0 0 0px 0;
	z-index:50;
}


#breadcrumbs p{
	margin:0 ;
	padding: 0;
	font-size: 90%;
}

#content{
	position:relative;
	top:-5px; /*IE 6 bug oplossen */
	background: #ffffff;
	width: 949px;
	min-height: 600px;
	
	text-align:left;
	font-size:70%;
}

* html #content{
	height: 600px;
}

#content_main{
	position:relative;
	background: #ffffff;
	left:277px;
	width: 672px;
}

#content_main h2{
	margin: 0px;
	padding: 2px 0 2px 30px;
	
	background: url(../images/titlebar_1_2.jpg) left top  no-repeat;
	width:540px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 1.3em;
	clear:both;
}

#content_search h2{
	margin: 0px;
	padding: 2px 0 2px 30px;
	
	background: url(../images/titlebar_2_2.jpg) left top  no-repeat;
	
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	font-size: 1.5em;
	clear:both;
}

#content_main h2 a:link, 
#content_main h2 a:visited, 
#content_search h2 a:link,
#content_search h2 a:visited{
	color: #FFFFFF;
	text-decoration:none;
}

#content_main h2 a:hover, 
#content_search h2 a:hover{
	color: #4c000a;
	text-decoration:none;
}

#content_main h3{
	font-size: 110%;
	width:500px;
	color: #006e34;
	margin: 2em 0px 0em 24px;
	padding: 0;
}

#content_main h3 a:link, #content_main h3 a:visited{
	color: #006e34;
}

#content_main h3 a:hover{
	color: #4c000a;
}


.newsdate, .product_price {
	margin: 0 0 0 24px !important;
	padding: 0 0 0 0 !important;
	font-size:90%;
	font-weight:normal !important;
}

.product_soldout {
	margin: 0 0 0 24px !important;
	padding: 0 0 0 0 !important;
	font-size:90%;
	font-weight:bold !important;
	color:#FF0000 !important;
}

/* deze wrapper zorgt ervoor dat de header "search the site" lijnt met de header van het project (onder de organization summary info */

#organization_wrapper{
 	padding: 15px 0 15px 0;
}

/* Deze img komt bij de organization summary te staan van een project */
#organization_wrapper #org_mainimg{
	float:left;
	margin: 0 1em 50px 0;
	border:  #006e34 solid 1px;
}
/* Als hij niet in een wrapper zit zit ik niet op de project pagina, dus ook niet zo absurd bottom marginnen */
#org_mainimg{
	float:left;
	margin: 0 1em 0.5em 0;
	border:  #006e34 solid 1px;
}

/* Dit is een class voor links zoals "read more" en "add to card" */
.extraparagraph{
	text-align:right !important;
	font-weight:bold;
	
}

/* Dit is een class voor links zoals "read more" en "add to card" MET UNDERLINE */
.extraparagraph_inline{
	text-align:right !important;
	clear:both;
	border: #000000 solid;
	border-width: 0 0 1px 0;
	color: #ff682e !important;
	font-weight:bold;
}

/* opmaak voor de search results, iets grotere padding / margin */
.extraparagraph_inline_search{
	text-align:right !important;
	
	border: #000000 solid;
	border-width: 0 0 1px 0;
	color: #ff682e !important;
	font-weight:bold;
	
	margin: 0 0px 4em 24px !important;
	padding: 0px 0 0.8em 0 !important;
	clear:both;
}




/* extrapragraph heeft altijd een link, zoals "read more" en "add to card" */
.extraparagraph a:link, .extraparagraph a:visited,
.extraparagraph_inline a:link, .extraparagraph_inline a:visited{

	color: #ff682e;
	background:url(../images/extraparagraph.gif) left no-repeat;
	padding: 0 0 2px 12px;
	text-decoration:none;
	
	border: #ff682e dotted;
	border-width: 0 0 1px 0;
}

.extraparagraph a:hover,
.extraparagraph_inline a:hover{
	color: #006e34;
	background:url(../images/extraparagraph_over.gif) left no-repeat;
	text-decoration:none;
	padding: 0 0 2px 12px;
	border: #006e34 solid;
	border-width: 0 0 1px 0;
}


#project_wrapper{
	min-height:450px;
}

* html #project_wrapper{
	height: 450px;
}

#project #project_wrapper p{
	width: 450px !important;
}

#content_main p, #content_main form{
	margin: 1em 0px 1em 24px;
	padding: 0px 0 0.8em 0;
	text-align:justify;
	color: #000000;
	line-height:1.3em;
	width:500px;
}

.productimg{
	border: #006e34 solid 1px; 
	margin: 0px 5px 0px 0px;
	float:left;
	clear:both;
}


#content_main td form{
	margin: 0;
	padding: 0;
	text-align:left;
	color: #000000;
	width:100px;
}

#content_main input[type="submit"], #content_main input[type="button"]{
	margin: 10px 0 0 0;
}

#content_main form legend{
	font-size: 130%;
	font-weight: bold;
	padding: 0 0 5px 0;
}

#content_main form label {
	float:left;
 	width: 130px;
	margin:0 0 0 3em;
	padding: 0;
	text-align:left;
	font-weight:normal;
	clear:both;
}

#content_main input, #content_main textarea, #content_main select{
	font-size: 10px;
	background: #FFFFFF;
	border:#000000 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	margin: 0.5em;
	padding: 0.2em;
}

#content_main .verplicht{
	font-size:100%;
	padding: 0 0 0 2em !important;
	margin: 0 0 1em 3em !important;
	clear:both;
}

#content_main .verplichtfout{
	font-size:100%;
	color:#ff0000;
	width: 475px;
	background-image:url(../images/uitroepteken.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding: 0 0 0 25px !important;
	margin: 10px 0 1em 25px !important;
	
	clear:both;
}

#content_main .verplichtfoutmain{
	font-size:100%;
	color:#ff0000;
	width: 475px;
	background-image:url(../images/uitroepteken.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding: 0 0 0 25px !important;
	margin: 1em 0 1em 25px !important;
	
	clear:both;
}


#breadcrumbs p a:link,
#content_main p a:link, 
#content_main ul a:link, 
#content_main ol a:link{
	color: #ff682e;
	text-decoration:none;
	border: #ff682e dotted;
	border-width: 0 0 1px 0;
}

#breadcrumbs p a:visited,
#content_main p a:visited, 
#content_main ul a:visited, 
#content_main ol a:visited{
	color: #ff682e;
	text-decoration:none;
	border: #ff682e solid;
	border-width: 0 0 1px 0;
}

#breadcrumbs p a:hover,
#content_main p a:hover, 
#content_main ul a:hover, 
#content_main ol a:hover{
	color: #4c000a;
	text-decoration:none;
	border: #4c000a solid;
	border-width: 0 0 1px 0;
}



#content_main ul, #organization #content_main ol{
	margin: 1em 0px 1em 24px;
	padding: 0px 0 1em 0;
	text-align:justify;
	color: #000000;
	line-height:1.4em;
	width:500px;
}

#content_main li{
	margin: 2em 0 0 5em;
}

/* Google maps */
#map{
	border: #006b33 solid 1px;
	
	width:500px;
	height:300px;
	
	margin: 1em 0px 1em 24px;
	padding: 0px 0 0.8em 0;
	
}


/* menu voor de projectnavigatie */
#project #projectmenu,
#projectnews #projectmenu,
#projectmap #projectmenu,
#projectproducts #projectmenu{
	margin: 1em 0 1.3em 24px;
	padding: 0 0 0.7em 0;
	list-style-type:none;
	border: #000000 solid;
	border-width: 0 0 1px 0;
	font-size: 1.0em;
	width: 500px;
}

#project #projectmenu li,
#projectnews #projectmenu li,
#projectmap #projectmenu li,
#projectproducts #projectmenu li{
	display:inline;
	font-weight:bold;
	color: #006e34;
	
	line-height:1.4em;
	
	margin: 0 0 0 2em;
}

/* eerste in de lijst, compenseer de margin hiervan, zodat hij mooi lijnt met de linker kant van de H2 en P teksten. */
#li_projectinfo{
	margin: 0 0 0 0px !important;
}

/* (DOOR TIJN TOEGEVOEGD) eerste in de lijst, compenseer de margin hiervan, zodat hij mooi lijnt met de linker kant van de H2 en P teksten. */
#li_userinfo{
	margin: 0 0 0 0px !important;
}


#projectmenu a:link, #projectmenu a:visited{
	background:url(../images/extraparagraph.gif) left no-repeat;
	padding: 0 0 0 12px;
	color: #006e34;
	text-decoration:none;	
}

#projectmenu a:hover{
	padding: 0 0 0 12px;
	background:url(../images/extraparagraph_over.gif) left no-repeat;
	color: #ff682e;
	text-decoration: none;
	border: #ff682e solid;
	border-width: 0 0 1px 0;
	
}

#projectinfo_imgbar{
	position:absolute;
	right: 15px;
	margin: 1.3em 0 0 0px;
	
	width:165px;
}

.prodjectproduct_img{
	float:right;
	border: #006e34 solid;
	border-width:1px;
	margin: 0 150px 0 10px;
}

#projectinfo_imgbar img{
	border: #006e34 solid 1px;
	margin: 0em 0 4px 0;
}

#content_search{
	position:absolute;
	
	top:0px;
	left:25px;
	width:225px;
}

#content_search p{
	text-align:justify;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
}

/* begin featured projects styles */
#content_search dt{
	display:none;
}

#featuredprojects_wrapper{
	position:relative;
	background:#ffffff;
	height: 260px;
}

#content_search .featuredproject_omsch{
	position:relative;
	color:#FFFFFF;
	margin: 15px 18px 10px 10px;
	font-size:80%;
	font-weight:bold;
	text-align:justify;
}

#content_search .featuredproject_link{
	position:relative;
	color:#FFFFFF;
	margin: 0 18px 5px 0;
	font-size:85%;
	font-weight:bold;
	text-align:right;
}

#content_search .featuredproject_img{
	position:absolute;
	bottom: 10px;
	right: 15px;
}

#content_search .featuredproject_link a:link,
#content_search .featuredproject_link a:visited{
	color: #021230;
	background:url(../images/featuredprojects_bullet.gif) left no-repeat;
	padding-left: 9px;
	border: #021230 dotted;
	border-width: 0 0 1px 0;
	text-decoration:none;
}

#content_search .featuredproject_link a:hover{
	color:#FFFFFF;
	background:url(../images/featuredprojects_bullet_over.gif) left no-repeat;
	padding-left: 9px;
	border: #ffffff solid;
	border-width: 0 0 1px 0;
	text-decoration:none;
}

.featuredprojects{
	position:relative;
	background:url(../images/featuredprojectbox.jpg) no-repeat;
	width: 154px;
	height: 174px;
}

.featuredprojects_inactive{
	position:relative;
	background:url(../images/featuredprojectbox_inactive.jpg) no-repeat;
	width: 154px;
	height: 174px;
}


#featuredproject_1{
	position:absolute;
	margin: 10px 0 0 0;
	top:20px;
	left:0px;
	z-index: 5;
	overflow:hidden;
	cursor:pointer;
}

#featuredproject_2{
	position: absolute;
	margin: 10px 0 0 0;
	top:30px;
	left:15px;
	z-index: 4;
	overflow:hidden;
	cursor:pointer;
}

#featuredproject_3{
	position: absolute;
	margin: 10px 0 0 0;
	top:40px;
	left:30px;
	z-index: 3;
	overflow:hidden;
	cursor:pointer;
}

#featuredproject_4{
	position: absolute;
	margin: 10px 0 0 0;
	top:50px;
	left:45px;
	z-index: 2;
	overflow:hidden;
	cursor:pointer;
}
#featuredproject_5{
	position: absolute;
	margin: 10px 0 0 0;
	top:60px;
	left:60px;
	z-index: 1;
	overflow:hidden;
	cursor:pointer;
}

/* begin searchblock stijl */
#searchblock{

	background: url(../images/searchbox.jpg) no-repeat;
	width: 229px;
	margin: 10px 0 0 0;
	padding: 15px 0 0 1px;
	border: #FFFFFF solid;
	border-width: 0 0 1px 0;
	color:#FFFFFF;
}

#searchblock legend{
	display: none;
}

#searchblock fieldset{
	border: 0;
}

#searchblock label{
	width:95px;
	font-size: 80%;
	font-weight:bold;
	float: left;
	margin: 0 0 0 5px;
}

/* dubbele notatie om IE bug op te lossen. NIET klooien! IE geeft de transparante button anders een witte BG met een zwarte border. */

#searchblock input, #searchblock select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-size: 10px;
}

#searchblock input[type="text"], #searchblock select{
	background: #FFFFFF;
	border:#000000 solid 1px;
	width: 80px;
}

#searchblock input[type="image"]  { 
	float:right;
	background:none;
	border:none;
	margin: 0;
}

/* Shopping cart */
#checkout{
	min-height: 260px;
}

* html #checkout{
	height: 260px;
}

#paypalbtn{
	margin-bottom: 25px;
}



table{	
	width:500px;
	margin: 1em 0px 1em 24px;
	padding: 0 0 0.8em 0;
}

table td, table th{
	vertical-align:top;
	padding: 3px;
}

table img{
	border: #4c000a solid;
	border-width: 1px;
	float:left;
	clear:both;
	margin: 0 5px 0 0;
}

table td form input[type="submit"]{
	margin: 0 !important;
}



table a:link, table a:visited{
	color: #4c000a;
}

table a:hover{
	color: #ff682e;
}

.t_productcolom{
	width:160px;	
}

.t_colompercentagebar{
	width:120px;
}

.t_lastcolomwithbtn{
	width:100px;
}

.even{
	background-color:#ffd9cb;
}

.oneven{
	background-color:#ffffff;
}

.t_optellen{
	font-weight:bold;
	text-align:right;
	border:#000000 solid;
	border-width: 0 0 1px 0;
}

.t_subtotal{
	font-weight:bold;
}




.thermometer{
	position:relative;
	background:url(../images/thermometer.gif) left top no-repeat;
	width:100px;
	height: 16px;
}

.thermometersearchresult{
	position:relative;
	left:25px;
	background:url(../images/thermometer.gif) left top no-repeat;
	width:100px;
	height: 16px;
}

.thermometer_indicator{
	position:absolute;
	background:url(../images/thermo_indicator.gif) left top no-repeat;
	width: 6px;
	height: 16px;
	
	top:0px;
	left: 0px;
}


/* FOOTER */
#footer{
	position:relative;
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
	color:#FFFFFF;
	font-size:60%;
}

#footer h2{
	display: none;
}

#footer ul{
	margin: 0;
	padding: 0 0 20px 0;
}

#footer li{
	float:right;
	list-style-type:none;
	padding-left: 20px;
}

#footer a:link, 
#footer a:visited{
	text-decoration:none;
	color: #FFFFFF;
}

#footer a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}


/* Drop down menu */
.dropdownmenu{
	position:absolute;
	background: #4e010b;
	width:150px;
	
	left:280px;
	top:295px;
	z-index:500;
	
	visibility: hidden;
}

/* 
	item 1: left:280px;
	item 2: left:407px;
	item 3: left:534px;
	item 4: left:661px;
	item 5: left:788px;
*/


.subdropdown{
	background:#4e010b;
	
	
	width:100%; /* voor kut IE */
	
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
	
	text-align:left;
	color: #ffffff;
	font-size: 11px;
	font-weight:normal;
	
	line-height:20px; /* in feite hetzelfde als top en bottom padding, zonder IE gezeik */
	text-indent:0px;
	padding-left:6px;
	display:block;
	cursor:pointer;
	z-index:20;	
}

a.subdropdown:link{
	text-decoration:none;
	color:#ffffff;
}

a.subdropdown:visited{
	text-decoration:none;
	color:#ffffff;
}

a.subdropdown:hover{
	text-decoration:none;
	color:#ff682e;
}