/*****************************************
	INDELING.CSS Ger's Beestenboel
*****************************************/

*
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.paginamarge
{
	padding: 10px;
	width: 880px;
}



/*****************************************
	       DIV-INDELING
*****************************************/

.site
{
	width: 900px;
	height: auto;
	margin: 20px auto;
}

.header
{
	height: 110px;
	width: 900px;
	background: #FCFCFC url('header_bg.jpg');
	border: 1px solid #FFFFFF;
}

.header_l
{
	height: 110px;
	width: 600px;
	float: left;

}

.header_r
{
	height: 110px;
	width: 300px;
	float: left;
	background: url('header_r.jpg') no-repeat;
}

.menu
{
	float: left;
	width: 900px;
	height: 20px;
	background: #F16101;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;	
}

.menu p
{
	margin: 0px;
}

.menu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 12px;
	border: 0px;
}

.menu li
{
	float: left;
	margin: 3px 17px;
	_margin: 4px 15px;
	padding: 0px;
	border: 0px;
}

.menu li a
{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
	padding-bottom: 2px;
}

.menu li a:hover
{
	color: #FBE28C;
	border-bottom: dotted 1px #FFCC00;
}

.menu li a.active
{
	color: #FBE28C;
	border-bottom: dotted 1px #FFCC00;
}



/*********************************************
	     SHOPMENU
*********************************************/
.shopmenu
{
	float: left;
	width: 901px;
	background: #D9E5F1;
	height: 20px;
	border-right: 1px solid #F5F9FC;
	border-top: 1px solid #F5F9FC;
	overflow: hidden;
}

.shopmenu img
{
	float: left;
	background:#698495 /*#5C9EDB  #F16101*/;
	padding: 4px;
	border-left: 1px solid #F5F9FC;
	border-right: 1px solid #F5F9FC;
	margin-right: 6px;
}

.shopmenu p
{
	float: left;
	margin-top: 4px;
	margin-right: 6px;
	clear: none;
}

.shopmenu a
{
	color: #333333;
}



/*********************************************
	     INLOGFORMULIER
*********************************************/

form.login
{
	margin-top: 1px;
}

form.login input
{
	float: left;
	background: #FFFFFF;
	width: 100px;
	height: 14px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000033;
	border: 1px solid #CCCCCC;
	margin-right: 2px;
	padding: 1px 4px;
}

form.login input.submit
{
	float: left;
	background: #FFFFFF;
	width: 50px;
	height: 18px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 6px;
	border: 1px solid #CCCCCC;
}


/*********************************************
	     CONTENT
*********************************************/

.content
{
	float: left;
	width: 900px;
	background: #FFFFFF url('content_bg.jpg');
	height: auto !important;
	height: 450px;
	min-height: 450px;
	border: 1px solid #FFFFFF;
}

.content_blok
{
	float: left;
	width: 880px;
	background: transparent url('content_blok_bg.gif');
	height: auto !important;
	height: 175px;
	min-height:175px;
	margin-bottom: 10px;
}

/* 2 VLAKKEN */

.content_blok_2
{
	float: left;
	width: 880px;
	background: transparent url('content_blok_bg.gif');
	height: auto !important;
	height: 430px;
	min-height:430px;
	margin-bottom: 10px;
}

/* 4+ VLAKKEN */
.content_left
{
	float: left;
	width: 435px;
	margin-right: 10px;
}

.content_right
{
	float: left;
	width: 435px;
}

/* TITELVAKKEN ITEMS */
.content_top
{
	width: 425px;
	height: 20px !important;
	background: #F5F8FB url('content_bg_top.jpg') right no-repeat;
	padding: 5px;
}

/* TEKST DIV */
.content_tekst
{
	height: auto !important;
	height: 50px;
	min-height: 50px;
	overflow: visible;
	padding: 5px;
}

.bottom_space
{
	float:left;
	margin-bottom: 10px;
}