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

* {
	margin: 			0;
	padding: 			0;
}

html, body {
	background-color:	#FF4A15;
	height: 			100%;
}

html {
	background-color:	#FF4A15;
	font-size: 			100%;
}

body {
	background-color:	#FF4A15;
	background:			url(../images/bg_long.jpg) top left repeat-x;
	font-family:		Verdana;
	font-size: 			82.5%; /* now default font size is 10px --> 1.2em = 12px */
}

/********************************************************************/
/*                                                                  */
/*                         STANDAARD                                */
/*                                                                  */
/********************************************************************/

#container {
	height:				100%;
	width:				100%;
}

#wrapper {
	height:				100%;
	margin:				0 auto;
	width:				985px;
}

#header {
	background:			url(../images/bg_top.png) top left no-repeat;
	height:				146px;
	width:				985px;
}

#content {
	background:			url(../images/bg_content.png) top left no-repeat;
	height:				403px;
	text-align:			left;
	width:				985px;
}

#footer {
	background:			url(../images/bg_footer.png) top left no-repeat;
	height:				48px;
	width:				985px;
}

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

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

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

h2 {
	color:				#FFFFFF;
	font-size:			1.3em;
	margin-top:			-1em;
}

h3 {
	color:				#FFFFFF;
	font-size:			1.1em;
}

ul {
	list-style:			none;
	list-style-image:	none;
}

li {
	list-style:			none;
	list-style-image:	none;
}

/********************************************************************/
/*                                                                  */
/*                            MENU'S                                */
/*                                                                  */
/********************************************************************/

#topnav {	
	color:				#224072;
	float:				left;
	font-size:			0.7em;
	height:				15px;
	text-align:			right;
	margin:				3.4em 0 0 0;
	padding:			0 0.5em 0 0;
	width:				499px;
}

#mainnav {
	color:				#24486C;
	float:				left;
	font-size:			0.9em;
	font-weight:		bold;
	height:				30px;
	text-align:			left;
	margin:				0.5em 0 0 0;
	padding:			0.7em 0.2em 0 7em;
	width:				895px;
	word-spacing:		1.2em;
}

#mainnav a {
	color:				#24486C;
	text-decoration:	none;
}

#mainnav a.active {
	color:				#FF4A15;
	text-decoration:	none;
}

#mainnav a:hover {
	color:				#FF4A15;
	text-decoration:	none;
}

#footernav {
	color:				#FFFFFF;
	float:				left;
	font-size:			0.7em;
	height:				10px;
	text-align:			left;
	margin:				1.2em 0 0 22em;
	padding:			0 0.5em 0 0;
	width:				485px;
}

#footernav a {
	color:				#FFFFFF;
	text-decoration:	none;
}

#footernav a.active {
	color:				#24486C;
	text-decoration:	none;
}

#footernav a:hover {
	color:				#24486C;
	text-decoration:	none;
}

#kruimelpad {
	color:				#FFFFFF;
	font-size:			0.9em;
	font-weight:		normal;
	margin:				1.8em 0 0 0;
	word-spacing:		0.3em;
}

#kruimelpad a {	
	color:				#FFFFFF;
	font-weight:		bold;
	text-decoration:	none;
}

#kruimelpad a.active {
	color:				#FFFFFF;
	text-decoration:	none;
}

#kruimelpad a:hover {
	background:			#24486C;
	text-decoration:	none;
}

#subpage {
	font-size:			0.95em;
	margin-top:			-10px;
	line-height:		0.9em;
}

#subpage a {
	color:				#FFFFFF;
	text-decoration:	none;
}

#subpage a:hover {
	color:				#FF6600;
	text-decoration:	none;
}

#subpage .active a {
	color:				#FF6600;
	text-decoration:	none;
}

li.submenu {
	background:			url(../images/bg_submenu.png) top left no-repeat;
	padding-left:		15px;
}

li.subsubmenu {
	padding-left:		30px;
}

li.subsubsubmenu {
	padding-left:		45px;
}

/********************************************************************/
/*                                                                  */
/*                          KOLOMMEN	                            */
/*                                                                  */
/********************************************************************/

#col-1 {
	border:				2px solid #FFFFFF;
	color:				#FFFFFF;
	float:				left;
	font-size:			0.8em;
	font-weight:		bold;
	padding:			10px;
	margin:				1.9em 5.8em 0 7.8em;
	text-align:			left;
	width:				156px;
	height:				175px;
}

#col-1a {
	color:				#FFFFFF;
	float:				left;
	font-size:			0.8em;
	font-weight:		bold;
	padding:			10px;
	margin:				0.9em 5.8em 0 7.8em;
	text-align:			left;
	width:				156px;
	height:				175px;
}

#col-1b {
	border:				none;
	color:				#FFFFFF;
	float:				left;
	font-size:			0.8em;
	font-weight:		bold;
	padding:			10px;
	margin:				0.9em 5.8em 0 7.8em;
	text-align:			left;
	width:				156px;
	height:				175px;
}

#col-2 {
	color:				#FFFFFF;
	float:				left;
	padding:			0 0 0 0;
	margin:				0.6em 3em 0 0;
	font-size:			0.8em;
	width:				260px;
	text-align:			left;
	padding:			10px;
	height:				180px;
}

#col-2 p {
	color:				#FFFFFF;
	margin:				0.8em 0 0 0;
	line-height:		1.5em;
}

#col-3 {
	color:				#FFFFFF;
	float:				left;
	padding:			0 0 0 15px;
	margin:				0.9em 0 0 0;
	font-size:			0.9em;
	text-align:			left;
	height:				180px;
}

#col-12 {
	color:				#FFFFFF;
	float:				left;
	font-size:			0.8em;
	padding:			15px;
	margin:				1.2em 3em 0 7.8em;
	text-align:			left;
	width:				500px;
}

#col-12 p {
	color:				#FFFFFF;
	margin:				0.8em 0 0 0;
	line-height:		1.5em;
}

#col-23 {
	color:				#FFFFFF;
	float:				left;
	font-size:			0.8em;
	height:				380px;
	overflow-y:			auto; 
	margin:				-0.1em 3em 0 3em;
	text-align:			left;
	width:				550px;
}

#col-23 p {
	color:				#FFFFFF;
	margin-top:			1em;
}

#col-12 a {
	color:				#FFFFFF;
	text-decoration:	underline;
}

#col-12 a:hover {
	color:				#FFFFFF;
	text-decoration:	underline;
}

#col-23 a {
	color:				#FFFFFF;
	text-decoration:	none;
}

#col-23 a:hover {
	color:				#FFFFFF;
	text-decoration:	none;
}

#col-123 {
	color:				#FFFFFF;
	float:				left;
	font-size:			0.8em;
	padding:			10px;
	height:				365px;
	margin:				1.2em 3em 0 7.8em;
	overflow-y:			auto; 
	text-align:			left;
	width:				815px;
}

#col-123slide {
	color:				#FFFFFF;
	float:				left;
	font-size:			0.8em;
	padding:			10px;
	height:				365px;
	margin:				1.2em 3em 0 7.8em;
	overflow-y:			auto; 
	text-align:			center;
	width:				815px;
}

/********************************************************************/
/*                                                                  */
/*                          WINKELWAGEN                             */
/*                                                                  */
/********************************************************************/

#shoppingCart {
	float:				right;
	margin:				-1em 15px 0 0;
	width:				150px;
	word-spacing:		0.1em;
}

#shoppingCart a {
	color:				#24486C;
	text-decoration:	none;
}

#shoppingCart a:hover {
	color:				#FF4A15;
	text-decoration:	none;
}

.knop {
	display:			block;
	padding:			2px 0px 3px 7px;
	width:				103px;
}

.knop a {
	color:				#FFFFFF;
	text-decoration:	none;
}

.knop a:hover {
	color:				#FFFFFF;
	text-decoration:	none;
}

.info {
	background:			url(../images/meerinfo_but.png) center right no-repeat;
}

.product {
	background-color:	#FF4A15;
	border:				2px solid #FFFFFF;
}

.product a {
	display:			block;
	text-decoration:	none;
}

.product a:hover  {
	background-color:	#24486C;
	text-decoration:	none;
	display:			block;
}

/********************************************************************/
/*                                                                  */
/*                          FORMS		                            */
/*                                                                  */
/********************************************************************/

input {
	border:			1px solid #FFFFFF;
	background:		none;
	color:			#FFFFFF;
	font-size:		1em;
	padding:		3px;
}

.nawgegevens input {
	border:			1px solid #000000;
	background:		#FFFFFF;
	color:			#000000;
}
/********************************************************************/
/*                                                                  */
/*                        TABLE CLASSES                             */
/*                                                                  */
/********************************************************************/

table.tableContent {
	height:				100%;
	width:				100%;
}

table.tableContent ul {
	margin:				10px;
}

table.tableContent ul li {
	margin:				0 0 5px 0;
}

table.tableContent ul li a {
	color:				#FFFFFF;
	text-decoration:	underline;
}

table.tableContent a:hover {
	color:				#FF4A15;
	text-decoration:	underline;
}

.productoverzicht th {
	background:			#FFFFFF;
	color:				#FF4A15;
	padding:			10px 70px 10px 10px;
}

.productoverzicht td {
	border-bottom:		#FFFFFF solid 1px;
	padding:			5px;
}

.productoverzicht .totaal td {
	border-bottom:		none;
	border-top:			#FFFFFF solid 2px;
	font-weight:		bold;
}

.productoverzicht .ververs td {
	border-bottom:		none;
}