/* CSS Document */

body, ul, h1, h2, h3, p, form
{
   	margin: 0;
   	padding: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#3a4152;
}

p {
margin-bottom: 15px;
}

#container {
margin-left: auto;
margin-right: auto;
width: 775px;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
padding: 0px;
}

#header {
background-image: url(images/header.jpg);
height: 153px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

#header h3 {
margin: 0 0 0 340px;
font-size:16px;
padding: 0px;
}

#header h3 a:link {
color:#83c434;
}

#header h3 a:active {
color:#83c434;
}

#header h3 a:visited {
color:#83c434;
}

#header h3 a:hover {
color:#83c434;
}

#header h1 {
color:#f78500;
margin-top: 75px;
margin-left: 15px;
font-size: 14px;
}

#middle {
background-color: #efefef;
padding-left: 10px;
text-transform: uppercase;
font-size: 20px;
font-weight: 200;
color:#3a4152;
float:left;
width:220px;
height: 157px;
}

#middle ul {
list-style: none;
padding-top:10px;
padding-bottom: 10px;
}

#middle li {
padding-bottom: 15px;
}

#middle-right {
float:right;
background-color:#efefef;
}

#middle-right h2 {
text-align:center;
margin-top:5px;
margin-bottom:5px;
}

#middle-right h3 {
text-align:center;
margin-top:5px;
margin-bottom:10px;
}

#slogan2 {
margin-left:20px;
margin-top:10px;
border:1px solid black;
}

.spacer {
clear:both;
background-image:url(images/spacer.gif);
height: 8px;
}

.buttons {
border-right: 1px solid #3a4152; 
width:235px; 
padding-left:15px;
vertical-align:top;
}

.buttons ul {
list-style: none;
}

.buttons li {
padding: 5px 0 5px 0;
}

.buttons ul a {
padding-left: 30px;
}

.buttons ul li a {
color: #3a4152;
background-image:url(images/bg_menu.gif);
font: 14px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
}

.buttons ul li a:hover {
background-repeat: no-repeat;
background-image:url(images/bg_menu_hover.gif);
text-decoration: underline;
padding-bottom: 10px;
}

#menu_active {
background-image:url(images/bg_menu_hover.gif);
}

#content-right {
padding: 0 10px 0 20px;
font-size:12px;
}

#content-right h2 {
margin-bottom: 5px;
}

#content-right p {
margin-top: 10px;
}

#content-right ul {
list-style-image:url(images/vinkje.gif);
padding-left:20px;
}

#content-right h1 {
font-size: 20px;
}

.merken {
color:#000000;
text-decoration: underline;
}

#content-right .merk-overzicht {
width: 300px;
padding-right:60px;
}

#content-right a:link    {color: #f78500; text-decoration: underline }
#content-right a:active  {color: #f78500; text-decoration: underline }
#content-right a:visited {color: #f78500; text-decoration: underline }
#content-right a:hover   {color: #f78500; text-decoration: none }

#content-right .merk-overzicht a:link {color: #f78500; text-decoration: none }
#content-right .merk-overzicht a:active {color: #f78500; text-decoration: none }
#content-right .merk-overzicht a:visited {color: #f78500; text-decoration: none }
#content-right .merk-overzicht a:hover {color: #f78500; text-decoration: none }

#footer {
background-color:#83c434;
padding: 5px;
color:#FFFFFF;
text-align: center;
font-weight: bold;
font-size: 12px;
clear:both;
}

#footer a {
color:#FFFFFF;
}

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

/*CollapsiblePanel*/

.collapsePanel {

	

	background-color:white;

	overflow:hidden;

}



.collapsePanelHeader{

	width:100%;

	height:30px;

	background-image: url(images/bg-menu-main.png);

	background-repeat:repeat-x;

	color:#FFF;

	font-weight:bold;

}



#master_content .collapsePanelHeader a {color:#FFF;}

#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}



/*Confirm Button*/



/* DropShadow */



#master_content .dropShadowPanel span {color:white;text-decoration:underline;}

#master_content .dropShadowPanel span:hover {text-decoration:none;}





.dropShadowPanel 

{

	width:300px;

	background-color:#5377A9;

	color:white;

	font-weight:bold;

}