html { color: #FFFFFF;	background: #c8c8c9 url("/Content/Images/Website/background.jpg") no-repeat center 0px; 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: 70%;
	font-weight: normal;
	font-style: normal;
}

#wpr_all {	
	width: 990px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	background:white;
}

#wpr_header {
	width: 990px;
	height: 235px;
}

#wpr_content {
	width: 980px;
	min-height: 430px;
	margin-left: auto;
	margin-right: auto;	
	background:#273035;
}

#wpr_footer {
	width: 980px;	
	height: 147px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;	
	background: transparent url("/Content/Images/Website/footer_bg.jpg") no-repeat 0 0;
}

#wpr_footerjem {
	width: 980px;	
	height: 20px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;	
}

/*----------------header-------------------*/

#cnr_menu {
	font-size: 100%;
	margin-left:20px;
	padding-top:150px;
}

/*#cnr_menu ul li {
	float: left;
	margin:150px 10px 0px 0px;
}

#cnr_menu ul li a {
	display: block;
	float: left;

	color: #3d4347;
	font-size: 140%;
	font-family: arial;
	text-decoration: none;
	font-style: italic;
}

#cnr_menu ul li a:hover, 
#cnr_menu ul li a.active {
	color: red;
	font-style: italic;
}*/


/* Onderstaand is voor het uitklapmenu */

.wpr_HoofdMenu {
	margin: 0;
	padding: 0;
	margin: 0px 10px 0px 0px;
}

#cnr_menu ul li {
	float: left;
	margin:0px 0px 0px 0px;
}
	
	.wpr_HoofdMenu li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	.wpr_HoofdMenu li a
	{	display: block;
		/*background: #20548E;*/
		padding: 5px 12px;

		color: #3d4347;
		font-size: 140%;
		font-family: arial;
		text-decoration: none;
		font-style: normal;

		/*border-right: 1px solid white;*/
		/*width: 70px;*/
		white-space: nowrap}

	.wpr_HoofdMenu li a:hover, .wpr_menuCompleet li.actief a
	{	
		color: #BEC531;
		}
		
		.wpr_HoofdMenu li.actief ul li a
		{
			color:#3D4347!important;
			}
		
		.wpr_HoofdMenu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			z-index:2;
			visibility: hidden;
			border-top: 1px solid white}
		
		.wpr_HoofdMenu li ul li
		{	
			clear:both;
			float: none;
			display: inline;
			width:160px;
		}
		
		.wpr_HoofdMenu li ul li a
		{	width: auto;
			background: #FFFFFF;
			font-size: 100%;
			font-family: arial;
			text-decoration: none;
			font-style: normal;
			padding: 7px 10px;
		}
		
		.wpr_HoofdMenu li ul li a:hover
		{	background: #c8c8c9;
			color: #000000;}


/*------------------content-----------------*/

.cnr_Evenement{clear:both;width:100%;height:125px;}


#cnr_content {
	color: #FFFFFF;
	font-size: 110%;
	padding:0px 20px 0px 20px;
	overflow: hidden;
	line-height:22px;
}

#cnr_content h1 {
	color:#bec531;
	font-style: italic;
	font-size: 150%;
	margin-bottom: 20px;
	overflow: hidden;
}

#cnr_content ul li {
	list-style-position: inside;
	list-style-image: url("/Content/Images/Website/li_bloem.jpg");
}

form ul li{background: none!important;padding:0!important;}


#cnr_content .border {
	border-style:solid;
	border-width:2px;
	border-color:white;
}

.cnr_contentPart{overflow:hidden;}

/*------------------product-----------------*/
#cnr_content .product{
	width:100%;
	margin:0;
	padding:0 0 20px 0;	
}
/*
.product h3{
	color:White;
	float:none;
	height:20px;
	font-weight:bold;
	font-size:13px;
}*/
.product h3{
	color:#BEC531;
	font-size:150%;
	font-style:italic;
	float:none;
	margin:0 0 0 230px;
}

.product div.photo{
	height:170px;
	margin:0 20px 10px 20px;
	position:relative;
	width:170px;
}

.photo a{text-decoration:none;}

.photo span{
	background:transparent url(/content/images/website/cut-corner.png) no-repeat scroll 0 0;
	display:block;
	height:170px;
	position:absolute;
	width:170px;
}

.photo img{
	background:#666666 none repeat scroll 0 0;
}

.product .inhoud{
	width:700px;
	float:right;
	display:inline;
}

.inhoud ul li{
	background: none !important;	
	padding:0!important;
	display:inline;
}

.inhoud div p{
	font-size:11px;
	letter-spacing:normal;
	text-align:left;
}

.inhoud div ul li{
	font-size:11px;
	letter-spacing:normal;
	text-align:left;
	list-style-type:disc;
	list-style-position:outside;
	margin: 0 0 0 10px!important;
	padding: 0 0 0 5px!important;
	display:list-item;
}

.inhoud div ul li a span{font-size:10px;}

.fotoreeks{float:none;clear:both;margin:0 0 0 230px;}
.fotoreeks a img{margin: 0 5px 5px 0;}

/*------------------paginatie-----------------*/
ul#pagination{width:100%;margin:0 auto;}
#pagination li{border:0; margin:0; padding:0;font-size:11px;list-style:none;background:none!important;display:inline;}
#pagination a{border:solid 1px #DDDDDD;margin-right:2px;background:none;} 
#pagination .previous-off,#pagination .next-off {color:#666666;display:block;float:left;font-weight:bold;padding:3px 4px;}
#pagination .next a,#pagination .previous a {font-weight:bold;border:solid 1px #FFFFFF;}
#pagination .active{color:#ff0084;font-weight:bold;display:block;float:left;padding:4px 6px;}
#pagination a:link,#pagination a:visited {color:#f4f4f4;display:block;float:left;padding:0px 6px;text-decoration:none;}
#pagination a:hover{border:solid 1px #666666;}



/* begin 2 kolommen */

#cnr_col1
{
	float:left;
	min-height:30px;
	overflow: hidden;
}
	
#cnr_col2
{
	float:left;
	min-height:30px;
	overflow: hidden;
	margin-left:40px;
}

#cnr_col4{
	float:left;
	min-height:30px;
	overflow: hidden;
}

#cnr_col5 {
	float:left;
	min-height:30px;
	overflow: hidden;
	margin-left:40px;
}

#cnr_col3
{
	float:left;
	min-height:30px;
	overflow: hidden;
	}

#cnr_content h2	
{
	font-size: 125%;
	font-weight:bold;
}



/* eind 2 kolommen */


/*---------------footer--------------------*/

#cnr_footer {
	width:960px;
	color: #3d4347;
	font-size: 90%;
	padding: 10px 0px 0px 20px;
	overflow: hidden;
	line-height:22px;
}

#cnr_footer h1 {
	font-style: italic;
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	color:#BEC531;
}

#cnr_footer_kolom1 {
	float:left;
	width:290px;
	margin-right: 20px;
	overflow: hidden;
}

#cnr_footer_kolom1 a {
	color: #3d4347;
	font-style: italic;
}

#cnr_footer_kolom1 a:hover {
	color: #273035;
	font-style: italic;
}

#cnr_footer_kolom2 {
	float:left;
	width:290px;
	overflow: hidden;
}

#cnr_footer_kolom2 a {
	color: #3d4347;
	font-style: italic;
}

#cnr_footer_kolom2 a:hover {
	color: #273035;
	font-style: italic;
}

#cnr_footer_kolom3 {
	float:right;
	padding: 0px 0px 0px 20px;
	width:310px;
	overflow: hidden;
}


#cnr_footer_kolom3 ul, #cnr_footer_kolom3 li {
	float: left;
}

.test {
	display: none;
	float: left;
}

#cnr_footer_kolom3 li:hover .test{
	width: 80px;
	display: block;
	height: 20px;
	float: left;
	background: white;
	margin-right: 5px;
}

#poweredby {
	width: 290px;
	height: 80px;
	float: left;
	padding-top: 1px;
	margin-top: 20px;
}

#cnr_footer_kolom3 a {
	color: #3d4347;
	font-style: italic;
}

#cnr_footer_kolom3 a:hover {
	color: #273035;
	font-style: italic;
}

.cnr_Evenement h2{font-weight:bold;font-size:125%;}

/*---------------footerjem--------------------*/

#cnr_footerjem {
	float:right;
	color: #7d7d7d;
	overflow: hidden;
	padding-left:10px;
}

#cnr_footerjem a {
	color: #7d7d7d;
	overflow: hidden;
}

/*-----------------------------------*/
/*--------------links----------------*/

a
{
	text-decoration:underline;
	color:#BEC531;
}
  
a.HOVER
{
	text-decoration:underline;
	color:#ffffff;
}




/*-----------------------------------*/
/*--------------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 {margin : 0 auto;clear:left;}
.dragbox h2 img{float:right;margin:5px 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.odd{background-color:#273035;}
.tabel_data tr.even{background-color:#273035;}
.tabel_data tr{}
.tabel_data td{padding:2px 0;}
.tabel_data td a, .tabel_data td span{color:#FFFFFF;text-decoration:none;}
.tabel_data td a:hover, .tabel_data td span:hover{text-decoration:underline}
.tabel_data tr:hover{background-color:#666666;}

/* 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;
}
.button{float:left; line-height:normal;}
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;}

/* kleur van popup fixen */
.popup{color:Black;}

/* kleur van linkjes voegtoeknoppen wijzigen */
#voegToeKnoppen a{color:#273035;}


/*formulier productfoto's*/

form.bijlagetoevoegen label{display:inline;}
div.productbijlage{margin: 0 20px 20px 0;float:left;display:inline;}
a.productbijlage_verwijderen{margin:4px 0 0 4px;}

span.validation-summary-errors {color:White;}
ul.validation-summary-errors li {color:Red;}