* {
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

body {
	background: url(images/background.jpg) 380px 40px repeat #FFF; /* de verticale waarde (40px) aanpassen om de algemene hoogte van de site aan te passen */
	color: #333333; 
	font: 12px/20px Helvetica, Arial, Geneva, sans-serif;
}

#container {
	padding-top: 40px; /* de padding-top (40px) aanpassen om de algemene hoogte van de site aan te passen */
	width: 900px;
	margin: 0 auto;
}

#linkerkolom {
	width: 300px;
	float: left;
}

#rechterkolom {
	width: 600px;
	float: left;
}

#logo {
	width: 300px;
	height: 259px;
	background: url(images/logo.gif) left top no-repeat transparent;
	display: block;
}

#logo a {
	width: 300px;
	height: 259px;
	display: block;
	text-indent: -9999px;
	outline: none;
}

#beschrijving {
	width: 240px;
	padding: 30px 30px 0 30px;
	text-align: justify;
}

#navigatie {
	margin: 111px 0 0 0;
	width: 600px;
	height: 58px;
	background: url(images/navigatie.gif) left top no-repeat transparent;
	display: block;
}

ul.menu li {
	list-style: none;
	float: left;
	width: 99px;
	height: 58px;
	margin: 0 0 0 1px;
	display: block;
}

ul.menu li a {
	width: 99px;
	height: 58px;
	display: block;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	overflow: hidden;
	letter-spacing: 0.2px;
}
	
ul.menu li a:hover,
ul.menu li.active a {
	color: #02568c;
	background: url(images/navigatie_hover.jpg) left top repeat-x transparent;
}
	
#content {
	width: 560px;
	padding: 20px 20px 0 20px;
	min-height:220px;
}

#content p{
	padding-bottom: 5px;
}

#content h1,
#content h2
{
	border-bottom: 2px solid #7b1c7b;
	padding-bottom: 2px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	font-weight: bold;
	padding-top: 5px;
	font-family: Calibri, Verdana, Helvetica;
	color: #7b1c7b;
}

#content h2 { font-size: 28px; }
#content h3 { font-size: 24px; }
#content h4 { font-size: 18px; }
#content h5 { font-size: 14px; }
#content h6 { font-size: 13px; }



#content a {
	color: #80b4d9;
	text-decoration: underline;
	font-weight: normal;
	outline: none;
}

#content a:hover {
	color: #02568c;
	text-decoration: underline;
	font-weight: normal;
}

#container #content ul {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 22px;
}

#copyright {
	width: 900px;
	height: 35px;
	padding: 9px 0 40px 0;
	line-height: 31px;
	background: url(images/footer.gif) center top no-repeat transparent;
	text-align: center;
	color: #FFF;
}

#copyright a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

#copyright a:hover {
	color: #7b1c7b;
	font-weight: bold;
	text-decoration: underline;
}

/*
	CSS voor Module Contact
*/
.DynamicFormTextFieldContainer, .DynamicFormSelectContainer
{
	border: none;
	clear: both;
	padding: 2px;
}
.DynamicFormTextFieldContainer label, .DynamicFormSelectContainer label
{
	float: left;
	width: 150px;
}

.DynamicFormRadioContainer input
{
	margin-left: 150px;
}

.DynamicFormMain
{
	float: left;
	padding-right: 20px;
}

.DynamicFormSidebar *
{
	padding-top: 0px;
}
.DynamicFormSidebar p
{
	padding-bottom: 10px;
}
/*
	Einde CSS voor Module Contact
*/

/*
	CSS voor Custom Module Bestellen
*/
#custom_mod_bestellen_product_overview th
{
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}

#custom_mod_bestellen_product_overview td
{
	vertical-align: top;
}

#custom_mod_bestellen_product_overview td img
{
	border: 0px;
}

#custom_mod_bestellen_print_overview th, #custom_mod_bestellen_print_overview td
{
	text-align: center;
	vertical-align: middle;
	width: 190px;
}

#shopingcart
{
	text-align: right;
	width: 100%;
	margin-top: -25px;
}

#shopingcart img
{
	border: 0px;
}

#shopingcart a
{
	text-decoration: none;
}

#custom_bestellen_groups li
{
	display: inline;
}

#custom_module_bestellen_order_overview, #custom_module_bestellen_order_totals
{
	width: 100%;
	border-collapse: collapse;
}

#custom_module_bestellen_order_overview th
{
	background: black;
	color: white;
}

#custom_module_bestellen_order_overview tr:hover, #custom_module_bestellen_order_totals tr:hover
{
	background: #D0D0D0;
}

#custom_module_bestellen_order_overview th, #custom_module_bestellen_order_overview td
{
	text-align: left;
}
span.error
{
	font-weight: bold;
	color: #FF00FF;
}

/*
	Stuff in the modalbox needs extra paddings and such.
*/
#moocontent
{
	padding: 0px 7px 0 7px;
	text-align: left;
}

li.activeGroup a, .activeGroup a, .activeGroup
{
	font-weight: bold;
	color: red;
}


/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 150px;
}

/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 150px;
}

/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 150px;
}