/* ################################################################################# */
/*                                                                                   */
/*                                     BODY                                          */
/*                                                                                   */
/* ################################################################################# */

* {
	margin: 			0em;
	padding: 			0em;
}

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;	/* laat altijd de linker scrollbalk zien in FireFox */
}

body {
	background:			#EF0305 url(../images/bg_long.jpg) top left repeat-x; 
	color: 				#444;
	font-family: 		'Trebuchet MS';
	font-size: 			62.5%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		120%; /* standaard 140% */
}


/* ################################################################################# */
/*                                                                                   */
/*                                  CONTAINER                                        */
/*                                                                                   */
/* ################################################################################# */

#wrapper {
	clear:				both;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0px auto -50px auto;
	text-align:			left;
	width: 				890px;
}

#body {
	background:			#FFF url(../images/bg_wrapper.jpg) bottom left no-repeat;
	min-height:			1050px;
}

#footerclearer, #footer {
	clear:				both;
	height:				15px;
	width: 				100%;
}

#footer {
	background: 		url(../images/bg_footer.png) center 35px no-repeat;
	color:				#FED40D;
	font-size:			1.1em;
	position:			absolute;
	text-align:			center;
	padding-top:		45px;
	padding-bottom:		10px;
	left:				0;
}

/*****************************************************/
/*                                                   */
/*                       TAGS                        */
/*                                                   */
/*****************************************************/

h1 {
	color:				#C70101;
	font-size:			1.5em;
	line-height:		1.2em;
	padding:			5px 0px;
}

h2 {
	color:				#C70101;
	font-size:			1.3em;
	line-height:		1.2em;
	margin:				1.25em 0em 0.25em 0em;
}

h3 {
	color:				#C70101;
	font-size:			1.2em;
	line-height:		1.2em;
	margin:				1.25em 0em 0.25em 0em;
}

p {
	font-size:			1.1em;
	line-height:		1.5em;
	margin:				0em 0em 1em 0em;
}

table, tr, td {
	font-size:			1em;
	width:				80%;
}

.constant {
	width:				100px;
}

img {
	border: 			0;
}

a {
	color:				#C70101;
	text-decoration:	none;
}

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

ul {
	line-height:		2em;
	list-style: 		none;
}

ol {
	line-height:		2em;
}

table {
	font-size:			1.2em;
}


input, textarea, select {
	background: 		#F7F7F7;
	border:				1px solid #CCCCCC;
	color:				#000000;
	font-family:		Trebuchet MS;
	font-size:			1em;
	padding:			3px;
	width:				200px;
}

iframe {
	height:				350px;
	margin:				20px 0px;
	width:				100%;
}
/*****************************************************/
/*                                                   */
/*                      HEADER                       */
/*                                                   */
/*****************************************************/


#header {
	background:			#FFFFFF url(../images/background_header.jpg) no-repeat top left;
	height: 			240px;
	margin-bottom:		-186px;
	width:				890px;
}

.schaduw {
	background:			url(../images/bg_header.jpg) center top no-repeat;
	height:				16px;
	margin-top:			-8px;
	z-index:			6;
}

#logo {
	height:				93px;
	top:				30px;
	left:				10px;
	position:			relative;
	width:				328px;
	z-index:			20;
}

#logo2 {
	height:				93px;
	top:				-150px;
	left:				545px;
	position:			relative;
	width:				328px;
	z-index:			20;
}

/*****************************************************/
/*                                                   */
/*                       BODY                        */
/*                                                   */
/*****************************************************/

#content {
	clear:				both;
	padding:			10px 20px;
}

#content-midden {
	margin:				0px 20px;
	width:				425px;
}

#content-midden p {
	font-size:			1.2em;
	line-height:		1.5em;
	margin:				0em 0em 1em 0em;
}

#content-midden ul {
	margin-bottom:		10px;
}

#content-midden ul li {
	background:			url(../images/bullit.jpg) top left no-repeat;
	font-size:			1.2em;
	line-height:		1.7em;
	list-style: 		none;
	padding-left:		15px;
}

#content-midden ul li.sub {
	background:			url(../images/bullit.jpg) top left no-repeat;
	font-size:			1.2em;
	line-height:		1.7em;
	list-style: 		none;
	margin-left:		30px;
	padding-left:		15px;
}

.clearer {
	text-align:			right;
	clear:				both;
	height:				57px;
	padding-right:		100px;
	padding-top:		193px;
}

.clearer a {
	color:				#666666;
	text-decoration:	none;
}

.clearer a:hover {
	color:				#FF0000;
	text-decoration:	none;
}

img.img-left {
	background-color:	#F0F0F0;
	border:				1px solid #CCC;
	float:				left;
	margin:				10px 10px 10px 0px;
	padding:			4px;
}

img.img-right {
	background-color:	#F0F0F0;
	border:				1px solid #CCC;
	float:				right;
	margin:				10px 0px 10px 10px;
	padding:			4px;
}

img.img-center {
	background-color:	#F0F0F0;
	border:				1px solid #CCC;
	padding:			4px;
}

#formulier {
	margin-top:			10px;
}

.pc {
	background: 		#F7F7F7;
	border:				1px solid #CCCCCC;
	color:				#000000;
	font-family:		Trebuchet MS;
	font-size:			1em;
	padding:			3px;
	margin-right:		5px;
	width:				60px;
}

.md {
	background: 		#F7F7F7;
	border:				1px solid #CCCCCC;
	color:				#000000;
	font-family:		Trebuchet MS;
	font-size:			1em;
	padding:			3px;
	margin-right:		5px;
	width:				45px;
}

.checkbox {
	background: 		none;
	height:				13px;
	width:				13px;
	border:				0;
}

input.button {
	background: 		none;
	border:				0;
	height:				26px;
	width:				117px;
}

/*****************************************************/
/*                                                   */
/*                       MENU                       */
/*                                                   */
/*****************************************************/



#menu, #content-midden {
	float:				left;
}

.boxen {
	float:				right;
}

#menu {
	background:			url(../images/bg_blok_header.jpg) top left no-repeat;
	color:				#000;
	font-size:			1.1em;
	width:				185px;
}

#menu h1 {
	font-size:			1.3em;
	color:				#FFF;
	line-height:		1.2em;
	padding:			5px 0px 5px 10px;
}

#menu ul {
	font-size:			1.1em;
	background:			#FFF url(../images/bg_menu.jpg) top left repeat-x;
}

#menu ul.submenu {
	font-size:			0.9em;
	background:			none;
}

#menu ul li {
	line-height:		1.8em;
}

#menu ul.submenu  li {
	line-height:		2em;
}

#menu ul li a, #menu ul li a:hover {
	padding-left:		10px;
}

#menu ul li.active a,  ul li.active a {
	background:			none;
	color:				#C70101;
	font-weight:		bolder;
}

#menu ul li.active a:hover {
	color:				#FED40D;
	font-weight:		bolder;
}

#menu ul.submenu a, #menu ul.submenu a:hover {
	padding-left:		25px;
}

#menu ul li.active ul.submenu a {
	color:				#000;
	font-weight:		normal;
}
#menu ul li.active ul.submenu .active a {
	color:				#C70101;
	font-weight:		bold;
}

#menu ul li.active ul.submenu a:hover {
	color:				#FED40D;
}

#menu a, #menu a:hover {
	display: block;
}

#menu a {
	color:				#000;
	cursor:				pointer;
	text-decoration:	none;
}

#menu a:hover {
	background:			url(../images/bg_menu_over.jpg) no-repeat;
	color:				#FED40D;
	text-decoration:	none;
}

/*****************************************************/
/*                                                   */
/*                       NIEUWS                       */
/*                                                   */
/*****************************************************/


.box {
	background:			url(../images/bg_nieuws_header.jpg) top left no-repeat;
	width:				200px;
	margin-bottom:		40px;
}

.box h1 {
	color:				#FFF;
	font-size:			1.4em;
	line-height:		1.2em;
	padding:			5px 0px 5px 10px;
}


#content-midden .prod-list, #content-midden .news-list, .box .news-list {
	margin:				0em;
	padding: 			0em;
	list-style: 		none;
}


#content-midden .news-list li, .box .news-list li {
	background:			url(../images/bg_menu.jpg) top left repeat-x;
	clear:				both;
	cursor: 			pointer;
	display:			block;
	padding: 			3px 7px 5px 7px;
	font-size:			1em;
	line-height:		1.2em;
	list-style: 		none;
}

#content-midden .prod-list li {
	background:			url(../images/bg_menu.jpg) top left repeat-x;
	clear:				both;
	display:			block;
	padding: 			3px 7px 5px 7px;
	font-size:			1em;
	line-height:		1.2em;
	list-style: 		none;
}

#content-midden .news-list li:hover, .box .news-list li:hover {
	background:			url(../images/bg_menu2.jpg) top left repeat-x;
}

#content-midden .prod-list h3, #content-midden .news-list h3, .box .news-list h3  {
	margin:				0.25em 0em 0.25em 0em;
}

.prod-list .titel {
	float:				left;
	padding:			5px 0 0 0;
	width:				300px;
}

.prod-list .titel a {
	text-decoration:	underline;
}

.prod-list .prijs {
	float:				left;
	padding:			5px 0 0 0;
	width:				60px;
}

.prod-list .aantal {
	float:				left;
	width:				50px;
}


#content-midden p.datum, #content-midden .news-list p.datum  {
	font-size:			1.1em;
}

#content-midden #fotoboek td {
	vertical-align:		top;

}

#content-midden #fotoboek img {
	background-color:	#F0F0F0;
	border:				1px solid #CCC;
	padding:			4px;
}

.gallery {
	float:				left;
	margin-right:		20px;
	margin-bottom:		20px;
}


/* ################################################################################# */
/*                                                                                   */
/*                                		FOOTER	                                     */
/*                                                                                   */
/* ################################################################################# */

#footer {
	text-align:			center;
}

#footer a {
	color:				#FED40D;
	text-decoration:	none;
}

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

#footer ul li {
	background:			url(../images/devider.jpg) left 3px no-repeat;
	display:			inline;
	padding:			0px 10px;
}

#footer ul li.first {
	background:			none;
}

#footer ul li.active {
	color:				#000;
	font-weight:		bold;
}

#footer ul li.active a {
	color:				#000;
	text-decoration:	none;
}

#footer ul li.active a:hover {
	color:				#000;
	text-decoration:	none;
}

/*****************************************************/
/*                                                   */
/*                       BOTTOM                       */
/*                                                   */
/*****************************************************/

.bottom_empty {
	background:			url(../images/bg_leeg.png);
	height:				250px;
}	

.clear {
	clear:				both;
}
	
.rood {
	color:				#FF0000;
}