/******************************************************************************
*
*				De site onderdelen.
*
******************************************************************************/
/* cabedge.com Screen Styles */
html { margin: 0; padding: 0; width: 100%}

/* resets most browser styles to enhance cross-browser compatibility */
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { margin: 0; padding: 0; }
img, a{ border:none; text-decoration: none;}


/*reset link eigenschappen*/
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}

html, body
	{
		/*reset padding */
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;

		/*reset margin */
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}

.clr
	{
		clear: both;
	}
	
body
	{
		font-family: Verdana, Arial;
		background: #e9f3fa;
	}

#wrapper	
	{
		width: 916px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		margin-top: 15px;
	}
	
#header
	{
		width: 876px;
		height: 160px;
		float: left;
		background: url('images/header_bg2.jpg') no-repeat;
		padding: 20px;
	}	

#header h1
	{
		float: left;
		font-family: Verdana, Arial;
		font-size: 24px;
		color: #FFDC2E;
		display: inline;
		margin: 0px 20px 10px 528px;
	}

#header h2
	{
		float: left;
		display: inline;
		font-family: Verdana, Arial;
		font-size: 12px;
		color: #FFFFFF;
		margin: 0px 20px 20px 530px;
	}

#header h3
	{
		float: left;
		display: inline;
		font-family: Verdana, Arial;
		font-size: 26px;
		color: #e6f3fb;
		margin: 15px 0px 0px 320px;
	}

.slogan_end
	{
		float: left;
		display: inline;
		margin-left: 80px;
	}

.email
	{
		float: left;
		font-family: Verdana, Arial;
		font-size: 11px;
		color: #6c6c6c;
		background: url('images/email_icon.jpg') no-repeat;
		padding-left: 19px;
		background-position: center left;
	}
	
.email a
	{
		font-family: Verdana, Arial;
		font-size: 11px;
		color: #6c6c6c;
	}
	
.phone
	{
		float: left;
		font-family: Verdana, Arial;
		font-size: 11px;
		color: #6c6c6c;
		background: url('images/phone_icon.jpg') no-repeat;
		padding-left: 19px;
		background-position: center left;
		margin-top: 9px;
	}
	
.address
	{
		float: left;
		font-family: Verdana, Arial;
		font-size: 11px;
		color: #6c6c6c;
		background: url('images/address_icon.jpg') no-repeat;
		padding-left: 19px;
		background-position: center left;
		margin-top: 9px;
	}
	
#content
	{
		width: 888px;
		float: left;
		padding-left: 14px;
		padding-right: 14px;
		background: url('images/content_bg4.gif') repeat-y;
		padding-bottom: 10px;
	}

.kader_rechts
	{
		float: right;
		margin: 5px;
	}	
	
#menu
	{
		width: 238px;
		float: left;
		margin-top: 18px;
	}


#menu ul
	{
		float: left;
		display: block;
		list-style: none;
	}
	
#menu ul li
	{
		width: 203px;
		float: left;
		background: url('images/menu_bg.jpg') no-repeat;
		margin-bottom: 1px;
		padding-left: 35px;
		padding-top: 4px;
		padding-bottom: 4px;
		cursor: pointer;
		font-family: Arial;
		font-size: 14px;
		color: #FFFFFF;
	}

#menu ul li a
	{
		width: 203px;
		float: left;
		display: block;
		cursor: pointer;
	}
	
#menu ul li.visited
	{
		width: 203px;
		float: left;
		display: block;
		background: url('images/menu_visited_bg.gif') no-repeat;
		margin-bottom: 1px;
		padding-left: 35px;
		padding-top: 4px;
		padding-bottom: 4px;
		cursor: pointer;
		color: #2E5E8F;
	}
	
#menu ul li.visited a
	{
		width: 203px;
		float: left;
		display: block;
		cursor: pointer;
		color: #2E5E8F;
	}
	
#menu ul li.visited ul
	{
		margin-left: -35px;
		list-style: none;
	
	}
	
#menu ul li.visited ul li
	{
		width: 203px;
		display: block;
		background: #FFDC2E;
		padding: 0px;
		margin: 0px;
		margin-bottom: 0px;
		padding-left: 35px;
		cursor: pointer;
		color: #2E5E8F;
	}
	
#menu ul li.visited ul li a
	{
		width: 203px;
		display: block;
		padding-top: 4px;
		padding-bottom: 4px;
		cursor: pointer;
		color: #2E5E8F;
		background: #FFDC2E;
	}
	
#menu a:hover
	{
		text-decoration: underline;
		cursor: pointer;
	}

#menu a
	{
		font-family: Arial;
		font-size: 14px;
		color: #FFFFFF;
	}
	
#midden
	{
		width: 610px;
		float: left;
		margin-left: 6px;
		margin-top: 18px;
		padding-left: 5px;
		padding-right: 25px;
	}	
	
#midden .kader
	{
		width: 590px;
		float: left;
		display: inline;
		margin: 15px;
		padding: 5px;
		border: 1px solid #5c8ec4;
		background: #FFFFFF;
		font-family: Verdana, Arial;
		font-size: 11px;
		text-align: center;
	}
	
#midden h1
	{
		font-family: Verdana, Arial;
		font-size: 17px;
		font-weight: bold;
		color: #5C8EC4;
		padding-bottom: 4px;
		background: url('images/h1_bg.gif') no-repeat;
		background-position: left bottom;
		margin-bottom: 15px;
	}
	
#midden a
	{
		font-weight: bold;
		color: #5C8EC4;
		border: none;
	}
	
#midden img
	{
		padding: 4px;
		border: 1px solid #5c8ec4;
		text-align: left;
		background: #FFFFFF;
		margin: 20px;
	}

#midden a:hover
	{
		text-decoration: underline;
		border: none;
	}
	
#midden p
	{
		font-family: Verdana, Arial;
		font-size: 12px;
		line-height: 22px;
		padding-bottom: 10px;
		color: #333333;
		text-align: justify;
	}

#midden table
	{
		font-family: Verdana, Arial;
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 8px;
		color: #333333;
		text-align: justify;
	}

#midden ul
	{
		margin-left: 10px;
	}
	
#midden li
	{
		font-family: Verdana, Arial;
		font-size: 12px;
		color: #333333;
		padding-bottom: 8px;
		padding-top: 8px;
		line-height: 22px;
	}
	
#midden ul li ul
	{
		margin-left: 30px;
	}
	
#midden ul li ul li
	{
		font-family: Verdana, Arial;
		font-size: 12px;
		color: #333333;
		padding-bottom: 8px;
		padding-top: 8px;
	}
	
#midden label
	{
		font-family: Verdana, Arial;
		font-size: 12px;
		color: #333333;
		font-weight: bold;
	}
	
#midden input
	{
		font-family: Verdana, Arial;
		font-size: 12px;
		color: #333333;
		border: 1px solid #5C8EC4;
	}
	
#midden .button
	{
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: bold;
		padding: 5px;
		background: url('images/verstuur_bg.jpg') repeat-x;
		border: 1px solid #333333;
		color: #FFFFFF;
	}
	
#midden textarea
	{
		font-family: Verdana, Arial;
		font-size: 12px;
		color: #333333;
		border: 1px solid #5C8EC4;
	}

.quote
	{
		width: 165px;
		float: right;
		margin: 5px;
	}

.kader_box
	{
		width: 165px;
		float: right;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		font-family: Verdana, Arial;
		font-size: 10px;
	}

.kader_header
	{
		width: 165px;
		height: 12px;
		background: url('images/kader_header.gif') no-repeat;
	}

.kader_content
	{
		width: 155px;
		float: left;
		background: url('images/kader_content.gif') repeat-y;
		padding-left: 5px;
		padding-right: 5px;
	}	

.kader_footer
	{
		width: 165px;
		height: 13px;
		background: url('images/kader_footer.gif') no-repeat;
		clear: both;
	}	

.show_uitklap
	{
		font-weight: bold;
		color: #5C8EC4;
		cursor: pointer;
	}
	
#footer
	{
		width: 916px;
		height: 28px;
		float: left;
		background: url('images/footer_bg3.jpg') no-repeat;
		text-align: center;
		clear: both;
		padding-top: 15px;
	}
	
#footer p
	{
		font-family: Verdana, Arial;
		font-size: 9px;
		color: #FFFFFF;
	}
	
#footer a
	{
		font-family: Verdana, Arial;
		font-size: 10px;
		color: #FFFFFF;
	}
	
#footer a:hover
	{
		text-decoration: underline;
	}