html { height: 100%; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

ol,ul { list-style: none; }

img { border: 0; }

/*-----------------------------------*/
/*-----------------------------------*/

body {
	height: 100%;
	font-family: arial;
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	background-color:#e0dcdc;
}



#wpr_top {
	width: 1030px;
	height: 317px;
	background: transparent;
}

#wpr_all {
	width: 1030px;
	min-height: 100%;
	height: auto !important;
	/*height: 100%;*/
	margin: 0px auto -330px; 
}


#wpr_content {
	width: 965px; 
	height: 100%; 
	background-color: #ffffff; 
	float: right;
	padding-left: 20px;
}


/*-----------------------------------*/
/*      Bovenkant inhoud/opbouw      */
/*-----------------------------------*/



#logo {
	width: 339px;
	height: 317px;
	float: left;
	display: block;
	background: transparent url("/Content/Images/Website/logo_bg.gif") no-repeat;
}


#pagina_afbeelding {
	width: 691px;
	height: 273px;
	overflow: hidden;
	float: left;
	display: block;
	position: relative;
}


#taalmenu {
	height: 35px;
	position: absolute;
	right: 0; top: 0;
}


#taalmenu .left {
	width: 23px;
	height: 35px;
	float: left;
	/*background: transparent url("/Content/Images/Website/taal_links2.png") no-repeat 0 0;*/
}


#taalmenu ul {
	float: left;
	background: #da252a;
}


#taalmenu ul li {
	float: left;
	position: relative;
}


#taalmenu ul li a {
	height: 29px;
	float: left;
	display: block;
	overflow: hidden;
	padding: 6px 8px 0px 8px;
	font-family: century gothic;
	color: #fff;
	text-decoration: none;
	white-space: nowrap
}


#taalmenu ul li a:hover {
	text-decoration: underline;
}


#taalmenu .taal {
	width: 134px;
	height: 35px;
	float: left;
}


ul.taal li li {
	width: 134px;
	height: 22px;
	padding: 0px 8px 12px 0px;
	float: left;
	display: block;
}


ul.taal li li img {
	margin-top: 2px;
}


#logopart {
	width: 72px;
	height: 273px;
	position:absolute;
	/*background: transparent url("/Content/Images/Website/logo_transparent.png") no-repeat 0px 0px;*/
	left: 0; top: 0;	
}



/*-----------------------------------*/
/*        Menu inhoud/opbouw         */
/*-----------------------------------*/



#menu {
	width: 691px;
	height: 44px;
	float: right;
	background-image:url('/Content/Images/Website/achterMenu.jpg');
	background-repeat:repeat-x;
	background-color:#ffffff;
}

#menu ul {
	float: right;
}

#menu ul li {
	float: left;
	position: relative;
}

#menu ul li a {
	height: 27px;
	float: left;
	display: block;
	overflow: hidden;
	padding: 9px 10px 0px 10px;
	margin: 0px 10px;
	font-family: century gothic;
	color: #da252a;
	outline: none;
	text-decoration: none;
	white-space: nowrap
}

#menu ul li a:hover, #menu ul li a.active {
	text-decoration: underline;
}


/*-----------------------------------*/
/*     Submenu inhoud/opbouw         */
/*-----------------------------------*/

#menu li ul {
    width: 300px;
	position: absolute;
	top: 38px;
	left: 10px;
	float: none;
	visibility: hidden;
	z-index: 999;
}

#menu li ul li {
	float: none;
	display: block;
	background: #da252a;
}

#menu li ul li a {	
	float: none;
	margin: 0px;
	display: block;
	padding: 9px 20px 0px 20px;
	color: #fff;
	background: #da252a;
	outline: none;
}

#menu li ul .onder {
	height: 18px;
	display: block;
	float: left;
}

#menu li ul .midden {
	height: 18px;
	float: left;
	display: block;
	background: none;
}

#menu li ul .ml {
	width: 18px;
	height: 18px;
	float: left;
	display: block;
	background: transparent url("/Content/Images/Website/menu_l.png") no-repeat 0 0;
}

#menu li ul .mr {
	width: 18px;
	height: 18px;
	float: right;
	display: block;
	background: transparent url("/Content/Images/Website/menu_r.png") no-repeat 0 0;
}


/*-----------------------------------*/
/*				Footer               */
/*-----------------------------------*/

#wpr_footer {
	width: 100%;
	height: 330px;
	background-image: url('/Content/Images/Website/background.jpg');
	background-position:top center;
	background-repeat:no-repeat;
}

#cnr_footer {
	width: 1030px;
	height: 237px;
	margin: 0px auto;
}

#p_footer {
	width: 985px;
	height: 330px;
	clear: both;
	margin-left:45px;
	background-color:#ffffff;
}



/*-----------------------------------*/
/*       Footer inhoud/opbouw        */
/*-----------------------------------*/

#cnr_footer ul{
	width: 985px;
	height: 200px;
	margin-left:45px;
	background-color:#ffffff;
}

#cnr_footer li {
	width: 246px;
	float: left;
	background-color:#ffffff;
}

h1.menuAssortiment {
	width: 246px;
	height: 33px;
	font-family: verdana;
	font-size: 160%;
	color: #fff;
	padding-top: 5px;
	text-align: center;
	font-weight: normal;
	background-image:url('/Content/Images/Website/assorAchter.jpg');
	background-color:#ffffff;
}

span.assItem, span.assItem2, span.assItem3, span.assItem4{
	width:245px;
	height:200px; 
	background-image:url('/Content/Images/Website/tillandsia.jpg'); 
	background-position:top center; 
	background-repeat:no-repeat; 
	display:block;
	cursor: pointer;
}

span.assItem2 { background-image:url('/Content/Images/Website/guzmania.jpg'); }
span.assItem3 { background-image:url('/Content/Images/Website/aechmea.jpg'); }
span.assItem4 { background-image:url('/Content/Images/Website/vriesea.jpg'); }

h1.menuAssortiment a
{
	color: #fff;
	font-family: verdana;
	text-decoration:none;
	}
	
h1.menuAssortiment a:HOVER
{
	color: #fff;
	font-family: verdana;
	text-decoration:underline;
	}

#cnr_info {
	width: 909px;
	height: 47px;
	padding-top: 5px;
	padding-left:76px;
	margin: 0px auto;
	font-size: 83%;
	line-height: 20px;
	font-family: verdana;
	background-color:#ffffff;
}

#cnr_info .tel {
	width: 200px;
	height: 47px;
	float: left;
	color: #da252a;
}

#cnr_info .zoek {
	width: 204px;
	height: 47px;
	float: right;
	margin-right:77px;
	margin-top:7px;
}

#cnr_info .zoek input {
	height: 21px;
	width: 194px;
	padding: 4px 3px 0px 3px;
	border: 2px solid #ff4a54;
	color: #ff4a54;
}

#cnr_copyright {
	width: 830px;
	height: 16px;
	margin: 0px auto;
	padding-top: 4px;
	font-size: 83%;
	overflow: hidden;
	font-family: verdana;
	color: #ffffff;
}

#cnr_copyright .copy {
	width: 250px;
	float: left;
}

#cnr_copyright .sitemap {
	width: 250px;
	float: right;
	text-align: right;
}

#cnr_copyright .sitemap a {
	color: #ffffff;
	text-decoration: underline;
}

#cnr_copyright .sitemap a:hover {
	text-decoration: none;
}



/*-----------------------------------*/
/*       Tekst inhoud/opbouw         */
/*-----------------------------------*/

#cnr_SITE_L {
	width: 450px;
	min-height: 100px;
	float: left;
	margin: 40px 30px 0px 0px;
}

#cnr_SITE_R {
	width: 450px;
	min-height: 100px;
	float: left;
	margin-top: 40px;
}


.tekst {
	margin-bottom: 36px;
}


.clearer { width: 100px; height: 1px; overflow: hidden; clear: both; }


h2 {
	font-family: verdana;
	color: #da252a;
	font-weight: bolder;
	margin-bottom: 14px;
}

p {
	font-family: verdana;
	font-size: 77%;
	color: #3b3b3b;
	line-height: 19px;
}

.tekst table td {
	font-family: verdana;
	font-size: 77%;
	color: #3b3b3b;
	line-height: 19px;
	border: 1px solid #ff4a54;
}

.tekst ul {
	list-style-type: disc;
	list-style-position: inside;
	font-family: verdana;
	font-size: 77%;
	color: #3b3b3b;
	line-height: 19px;
}

p a, .tekst ul li a {
	color: #da252a;
}

.tekst ul li ul {
	font-size: 100%;
	margin: 0px 0px 14px 0px;
}

.tekst ul li li a {
	text-decoration: none;
	margin-left: 10px;
}

p a:hover, .tekst ul a:hover {
	text-decoration: none;
}

.tekst img {
	border: 1px solid #ff4a54;
}



/*-----------------------------------*/
/*       Tekst inhoud/opbouw         */
/*-----------------------------------*/



#col_artikel {
	width: 940px;
	min-height: 100px;
	float: left;
	margin: 40px 0px 0px 0px;
}


.artikel {
	width: 225px;
	float: left;
	margin: 0px 10px 44px 0px;
	height:350px;
}


.artikel h2 a {
	height: 35px;
	width: 200px;
	display: block;
	color: #da252a;
	font-family: verdana;	
	font-weight: bolder;
	margin-bottom: 4px;
	text-decoration: none;
}


.artikel img {
	border:  1px solid #da252a;
}


.artikel p, .enkelartikel table {
	font-family: verdana;
	font-size: 77%;
	color: #3b3b3b;
	line-height: 19px;
}

.enkelartikel img { float: left; }

.enkelartikel table { float: right; width: 650px;}
.enkelartikel table td a { color: #da252a; }

.artikel p span {
	width: 75px;
	float: left;
	display: block;
	font-weight: bold;
}

.artikel b {
	color: #da252a;
}



/*-----------------------------------*/
/*--------------Zoek----------------*/


#zoekresultaat h3 a {
	font-family: verdana;
	color: #da252a;
	text-decoration: none;
	font-weight: bolder;
}


#zoekresultaat h3 a:hover {
	text-decoration: underline;
}


#zoekresultaat p {
	margin: 8px 0px 18px 0px;
}




/*-----------------------------------*/
/*--------------basis----------------*/

form p label {display:block;padding-top: 3px;}
#txtWachtwoord, #txtGebruikersnaam {width: 150px;}
img#move{cursor : move;}
img#movesubmenu, img#movemenu {cursor : n-resize;}
.dragbox {position:relative;margin : 0 auto;}
.dragbox h2 img { float: right; margin: 0 0 0 10px;}
.placeholder{background: #f0f0f0;border:2px dashed #ddd;}

#JEM-id {color: #fff;text-align: center;padding: 10px 0 10px 0;}
#JEM-id a {color: #fff;}

/* Styledefinities voor JemHtmlHelper.laadDatatabel */
.tabel_data{width:656px;font-size:0.9em;}
.tabel_data tr th{text-align:left;padding:5px 0 5px 0;}
.tabel_data tr{}
.tabel_data td{padding:2px 0;}
.tabel_data tr:hover{background-color:#f4f4f4;}

/* Styledefinities voor JemHtmlHelper.Button */
a.button {
    display : block;
    width : 100px; 
    height : 20px; 
    padding : 2px;
    
    background-color : transparent;
    background-repeat : no-repeat;
    background-image : url('/Content/Images/Iconen/bgButton.png');
    
    text-align : left !important;    
    font-weight : bold; 
    font-size : 7.5pt !important;
    color : #666666 !important; 
    text-decoration : none !important;
}
a.button:hover {color : #444444 !important;}
.kleineTekst {font-size : 7pt; font-weight : normal !important;letter-spacing : -1px;}
a.button img {vertical-align : middle;margin-left : 3px; margin-right : 4px;border : 0px none;}

ul.wpr_menuBeheer li{margin-bottom:5px;}
ul.wpr_menuBeheer li ul li{margin-left:20px;}


ul.pagination{ width: 500px; height: 25px;}
.pagination li{border:0; margin:0; padding:0;font-size:11px;list-style:none;background:none!important;display:inline;}
.pagination a{border:solid 1px #da252a;margin-right:2px;background:none;} 
.pagination .previous-off,#pagination .next-off {color:#da252a;display:block;float:left;font-weight:bold;padding:3px 4px;}
.pagination .next a,#pagination .previous a {font-weight:bold;border:solid 1px #da252a;}
.pagination .active{color:green;font-weight:bold;display:block;float:left;padding:4px 6px;}
.pagination a:link,#pagination a:visited {color:#da252a;display:block;float:left;padding:0px 6px;text-decoration:none;}
.pagination a:hover{border:solid 1px #666666;}
.pagingInvoer{float:left; height:20px;}



/*---------------------------------------------*/
/*------------ Round corners Afb --------------*/


.photo_s, .photo_m, .photo_l, .photo_a 
{	
	width: 138px;
	height: 100px;
	z-index:99;
}

.photo_m { width: 277px; height: 200px; display: inline; }
.photo_l { width: 481px; height: 350px; display: inline;}
.photo_a { width: 200px; height: 200px;	display: inline;}

.photo a { text-decoration: none; }


.small span, .medium span, .large span, .artik span{
	width: 128px;
	height: 90px;
	display: block;
	top: 5px; 
	left: 6px;
	background: url("/Content/Images/Website/round_corner_small.png") no-repeat;
}
.medium span { width: 267px; height: 190px; background: url("/Content/Images/Website/round_corner_medium.png") no-repeat; }
.large span { width: 440px; height: 319px; background: url("/Content/Images/Website/round_corner_large.png") no-repeat; }
.artik span { width: 190px; height: 190px; background: url("/Content/Images/Website/artikel_corner.png") no-repeat; }


.small img, .medium img, .large img, .artik img {
	border: none;
	padding: 5px 6px 6px;
	background: url("/Content/Images/Website/round-bg_small.gif") no-repeat;
	margin-top: 5px;
	}

.medium img { background: url("/Content/Images/Website/round-bg_medium.gif") no-repeat; }
.large img { background: url("/Content/Images/Website/round-bg_large.gif") no-repeat; }
.artik img { background: url("/Content/Images/Website/artikel_bg.gif") no-repeat; }