@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
HTML{
	overflow-x:hidden;
}

body, html{
	background:#f1f1f1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#646464;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
}

a{ color:#922f7c; text-decoration:underline;}
a:hover{ color:#922f7c; text-decoration:none;}
p{ margin:0 0 14px 0; padding:0px;}	
img{ border:none;}
table{ margin:0px; padding:0px;}
form{ margin:0px; padding:0px;}

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

.pngfix{ behavior:url(http://www.my-orchid.com/Include/iepngfix.htc);}
.clear{ clear:both; height:0px;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{
	background:url(../Images/container_bg.jpg) top no-repeat #ffffff;
	min-width:930px;
	width:100%;
	min-height:400px;
    height:auto !important;
	height:400px;
	margin:0px;
	padding:0px;
}
#header{
	background:#93793e;
	width:100%;
	height:44px;
	margin:0 0 16px 0;
	padding:0px;
}
#content_container{
	position:relative;
	background:#ffffff;
	width:902px;
	min-height:450px;
    height:auto !important;
	height:450px;
	margin:0 auto 10px auto;
	padding:14px;
}
#footer{
	background:#f1f1f1;
	min-width:930px;
	width:100%;
	height:94px;
	margin:0px;
	padding:0px;
}

/**************************************************************
** Header styles
***************************************************************/
#menu{
	width:930px;
	height:44px;
	margin:0 auto 0 auto;
	padding:0px;
}
#menu ul{
	width:840px;
	height:44px;
	margin:0px;
	padding:0px;
	float:left;
}
#menu ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}
#menu ul li a{
	height:36px;
	line-height:36px;
	margin:8px 0 0 40px;
	display:inline;
	padding:0px;
	float:left;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
#menu ul li a:hover, #menu ul li a.aan{ color:#922f7c;}
#taalkeuze{
	background:#000000;
	width:90px;
	height:44px;
	margin:0px;
	padding:0px;
	float:left;
	color:#ffffff;
	text-align:center;
}
#taalkeuze a{
	height:40px;
	line-height:40px;
	margin:0px;
	padding:0 2px 0 2px;
	color:#ffffff;
}
#taalkeuze a.aan{ background:#ffffff; color:#922f7c;}
.selectbox{
	background:url(../Images/select_bg.jpg) right;
	width:40px;
	height:18px;
	margin:15px 0 0 0;
	padding:0 0 0 6px;
	border:1px solid #000000;
	cursor:pointer;
	color:#ffffff;
	display:block;
	float:right;
}
div.selectbox-wrapper{
	position:absolute;
	background:#000000;
	top:44px;
	width:40px;
	height:72px;
	margin:0px;
	padding:0px;
	border:1px solid #000000;
	z-index:2000;
}
#taalkeuze .selectbox-wrapper ul{ background:#000000; width:40px; margin:0px; padding:0px; float:left; list-style-type:none;}
#taalkeuze .selectbox-wrapper ul li.selected, #taalkeuze .selectbox-wrapper ul li.current{ background:#ffffff; color:#000000;}
#taalkeuze .selectbox-wrapper ul li{ background:#000000; width:40px; float:left; display:block; cursor:pointer;}

/**************************************************************
** Content styles
***************************************************************/
#slideshow{
	width:452px;
	height:368px;
	margin:0 28px 15px 0;
	padding:0px;
	float:left;
}
#content{
	width:422px;
	min-height:368px;
    height:auto !important;
	height:368px;
	margin:0 0 15px 0;
	padding:0px;
	float:left;
}
#content p{
	line-height:22px;
}
#content h1{
	width:422px;
	height:24px;
	line-height:24px;
	font-size:14px;
	text-transform:uppercase;
	color:#922f7c;
}
#content h2{
	width:422px;
	height:22px;
	line-height:22px;
	font-size:12px;
	text-transform:uppercase;
	color:#93793e;
}
#content h2.faq_vraag{
	padding-left: 15px;
	margin-bottom: 10px;
	height: auto;
}
#content h2.faq_vraag SPAN.bullet{
	display: block;
	float: left;
	margin-left: -15px;
}
#content h3{
	width:122px;
	height:24px;
	line-height:24px;
	font-size:14px;
	text-transform:uppercase;
	float:left;
}
#content UL{
	margin:0 0 22px 15px;
	padding:0px;
}
.vakje_lang{
	background:#000000;
	position:relative;
	width:242px;
	min-height:290px;
    height:auto !important;
	height:290px;
	margin:0 0 15px 0;
	padding:24px;
	float:left;
}
.vakje_lang h1{
	width:242px;
	height:24px;
	line-height:24px;
	font-size:14px;
	text-transform:uppercase;
	color:#93793e;
}
.vakje_lang p{
	color:#ffffff;
	line-height:22px;
}
a.lees_meer{ position:absolute; bottom:24px; right:24px; color:#ffffff; text-transform:uppercase; text-decoration:none;}
a.lees_meer_2{ position:absolute; bottom:0px; right:16px; color:#e11e2a; text-decoration:none;}
.vakje_kort{
	width:290px;
	height:162px;
	margin:0 0 14px 16px;
	padding:0px;
	float:left;
	text-align:center;
	color:#ffffff;
}
.brons{ background:#93793e; cursor:pointer;}
.paars{ background:#922f7c;}
.rood{ background:#e11e2a; cursor:pointer;}
.zwart{ background:#000000; cursor:pointer;}
.vakje_kort h1, .assortiment h1, .assortiment_2 h1{
	width:290px;
	height:36px;
	line-height:36px;
	margin:0px;
	font-size:22px;
	text-transform:uppercase;
	color:#ffffff;
}
.vakje_kort h2, .assortiment h2, .assortiment_2 h2{
	width:290px;
	height:28px;
	line-height:28px;
	margin:0px;
	font-size:12px;
	text-transform:uppercase;
	color:#ffffff;
}
.vakje_kort img, .assortiment img, .assortiment_2 img{
	height:98px;
	float:left;
}
.vakje_kort table{
	text-align:left;
}


H2.faq_vraag A{ color: #93793E;}
H2.faq_vraag A:hover{ color: #93793E; text-decoration: none;}


input.stem_submit{
	background:#e11e2a;
	width:130px;
	height:26px;
	margin:0px;
	padding:0px;
	border:1px solid #e11e2a;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}
.assortiment{
	background:#93793e;
	width:290px;
	height:262px;
	margin:0 0 14px 0;
	padding:0px;
	float:left;
	text-align:center;
}
.assortiment_2{
	background:#93793e;
	width:290px;
	height:262px;
	margin:0 16px 14px 16px;
	padding:0px;
	float:left;
	text-align:center;
}
.assort_tekst{
	background:#ffffff;
	position:relative;
	width:258px;
	height:85px;
	line-height:22px;
	margin:0px;
	padding:15px 16px 0 16px;
	float:left;
	text-align:left;
}
a.grote_knop_1{ position:absolute; left:14px; top:398px; clear:both; background:url(../Images/pijltje_button.jpg) 430px 0 no-repeat #93793e; width:428px; height:32px; line-height:32px; display:block; padding:0 12px 0 12px; color:#ffffff; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.grote_knop_2{ position:absolute; left:14px; top:445px; clear:both; background:url(../Images/pijltje_button.jpg) 430px 0 no-repeat #93793e; width:428px; height:32px; line-height:32px; display:block; padding:0 12px 0 12px; color:#ffffff; font-weight:bold; text-decoration:none; text-transform:uppercase;}

a.grote_knop_1:HOVER, a.grote_knop_2:HOVER{ color:#922F7C; background:url(../Images/pijltje_button_over.jpg) 430px 0 no-repeat #93793e;}

a.yt, a.yt:hover{ background:url(../Images/pijltje_button_yt.jpg) 384px 0 no-repeat #93793e;}

a.stel_vraag{ 
	background:url(../Images/pijltje_button_4.jpg) right no-repeat #93793e; 
	height:32px;
	line-height:32px;
	display:block;
	margin:0 0 15px 0;
	padding:0 32px 0 12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	float:right;
}
.topic_vak{
	background:#bb9db5;
	width:412px;
	min-height:146px;
    height:auto !important;
	height:146px;
	margin:0 0 15px 0;
	padding:0 5px 5px 5px;
	float:left;
	cursor:pointer;
}
.topic_gegevens{
	background:url(../Images/topic_bg.jpg);
	width:412px;
	height:40px;
	margin:0px;
	padding:0px;
	float:left;
	color:#ffffff;
}
span.topic_starter{ line-height:40px; float:left; margin:0 0 0 8px; font-size:13px; font-weight:bold;}
span.topic_dag{ line-height:40px; float:right; font-size:22px; font-weight:bold;}
span.topic_datum{ float:right; margin:6px 0 0 2px; font-size:10px; font-weight:bold;}
.topic_tekst{
	background:#ffffff;
	width:380px;
	min-height:76px;
    height:auto !important;
	height:76px;
	margin:0px;
	position: relative;
	padding:16px;
	float:left;
}
.topic_tekst h4, #zelf_reageren h4{
	font-size:14px;
	color:#000000;
}
.topic_tekst p, .reactie_tekst p{
	line-height:22px;
}
.topic_tekst DIV.reactie{
	position: absolute;
	right: 5px;
	bottom: 3px;
	font-style: italic;
	font-size: 11px;
	color: #93793e;
}

.topic_tekst DIV.aantal_reacties{
	position: absolute;
	left: 5px;
	bottom: 3px;
	font-size: 11px;
	color: #93793e;
}

a.bronze_tekst{ color:#93793e;}
.topic_vak_details{
	background:#bb9db5;
	width:412px;
	min-height:146px;
    height:auto !important;
	height:146px;
	margin:0px;
	padding:0 5px 5px 5px;
	float:left;
}
.reactie_vak{
	background:url(../Images/reactie_bg.gif) top no-repeat;
	width:406px;
	min-height:188px;
    height:auto !important;
	height:188px;
	margin:-4px 0 0 0;
	padding:16px 8px 16px 8px;
	float:left;
	border-bottom:1px solid #646464;
	color:#000000;
}
.reactie_tekst{
	width:390px;
	min-height:76px;
    height:auto !important;
	height:76px;
	margin:0px;
	padding:15px 8px 0 8px;
	float:left;
	color:#646464;
}
#zelf_reageren{
	background:url(../Images/reageren_bg.gif) top no-repeat;
	width:374px;
	height:202px;
	margin:-4px 0 0 0;
	padding:35px 24px 0 24px;
	float:left;
}
input.reageerform{
	background:#ffffff;
	width:120px;
	height:16px;
	margin:10px 0 0 0;
	padding:0px;
	border:1px solid #ffffff;
	float:left;
	font-size:11px;
}
input.reageerform2{
	background:#ffffff;
	width:120px;
	height:18px;
	margin:10px 0 2px 0;
	padding:0px;
	border:1px solid #bb9db5;
	font-size:12px;
}
textarea.reageerform{
	width:372px;
	height:106px;
	margin:0px;
	padding:0px;
	border:1px solid #bb9db5;
	font-size:12px;
}
input.reageerform_submit{
	background:url(../Images/pijltje_button_4.jpg) right no-repeat #93793e;
	margin:2px 0 0 0;
	padding:6px 30px 6px 4px;
	float:right;
	cursor:pointer;
	border:1px solid #93793e;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
	overflow:visible;
}
.NavigatieVeld{
	width:418px;
	margin:0px;
	padding:2px;
	float:left;
}
.NavigatieVeld a{
	color:#93793e;
	text-decoration:none;
}
.NavigatieVeld a:hover{
	text-decoration:underline;
}
.NavLinks{
	width:10%;
	float:left;
}
.NavMidden{
	width:80%;
	text-align:center;
	float:left;
}
.NavRechts{
	width:10%;
	text-align:right;
	float:left;
}
input.contactform{
	background:#ffffff;
	width:282px;
	height:18px;
	border:1px solid #93793e;
	font-size:12px;
	margin:0px 0px 5px 0px;
}
select.contactform{
	width:284px;
	height:20px;
	font-size:12px;
	margin:0px 0px 5px 0px;
}
input.contactform_submit{
	background:url(../Images/pijltje_button.jpg) 92px -2px no-repeat #93793e;
	width:114px;
	margin:10px 0 0 0;
	padding:6px 0 6px 4px;
	float:right;
	cursor:pointer;
	border:1px solid #93793e;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
}
#loginvak{
	background:#93793e;
	position:absolute;
	left:14px;
	top:398px;
	width:420px;
	margin:0px;
	padding:12px 16px 12px 16px;
	clear:both;
	color:#ffffff;
}
input.loginform{
	background:#ffffff;
	width:416px;
	height:18px;
	border:1px solid #624c25;
	font-size:12px;
}
input.loginform_submit{
	background:url(../Images/pijltje_button_3.jpg) right no-repeat #000000;
	margin:10px 0 0 0;
	padding:6px 30px 6px 4px;
	float:right;
	cursor:pointer;
	border:1px solid #000000;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
	overflow:visible;
}
.zwart_tekst{ color:#000000;}
#loginvak a{ color:#000000;}
#loginvak a:hover{ color:#ffffff;}



/**************************************************************
** Footer styles
***************************************************************/
#footer_gegevens{
	width:900px;
	height:44px;
	line-height:44px;
	margin:0 auto 0 auto;
	padding:0 0 0 30px;
	color:#616161;
}
