/*
/	version		:	1.0
/	author		:	T.Willems
/	company		:	BestMedia
/	url			:	www.bestmedia.nl
*/

/***** Global Settings *****/
 
html, body { border:0; margin:0; padding:0; }
body { font:100%/1.25 Arial, Helvetica, sans-serif; background:#232323; }

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h3 { font-size:14px; font-weight:bold; color:#47484a; padding:0 0 10px 0; }
h4 { font-size: 14px; font-weight: bold; color: #ff0000; margin: 3px 0 3px 0; }

h1 { margin:0 0 5px 15px; font-size:10px; float:left; }
h1#homepage { background:url(../images/h1_homepage.png) no-repeat; width:406px; height:24px; }
h1#bedrijfsprofiel { background:url(../images/h1_bedrijfsprofiel.png) no-repeat; width:169px; height:23px; margin:0 0 15px 10px; }
h1#schadeproces { background:url(../images/h1_schadeproces.png) no-repeat; width:1000px; height:23px; margin:0; }
h1#wieiswie { background:url(../images/h1_wieiswie.png) no-repeat; width:1000px; height:18px; margin:0 0 20px 0; }
h1#partners { background:url(../images/h1_partners.png) no-repeat; width:1000px; height:19px; margin:0 0 20px 0; }
h1#route { background:url(../images/h1_route.png) no-repeat; width:1000px; height:19px; margin:0 0 20px 0; }
h1#vacatures { background:url(../images/h1_vacatures.png) no-repeat; width:1000px; height:19px; margin:0 0 20px 0; }
h1#contact { background:url(../images/h1_contact.png) no-repeat; width:1000px; height:19px; margin:0 0 20px 0; }
h1#sitemap { background:url(../images/h1_sitemap.png) no-repeat; width:1000px; height:24px; margin:0 0 20px 0; }
h1#algemenevoorwaarden { background:url(../images/h1_algemenevoorwaarden.png) no-repeat; width:1000px; height:23px; margin:0 0 20px 0; }
h2 { margin:0 0 10px 15px; font-size:10px; float:left; }
h2#homepage { background:url(../images/h2_homepage.png) no-repeat; width:169px; height:14px; }
 
/***** Common Formatting *****/
 
p, ul, ol { margin:0; padding:0 0 1.25em 0; line-height:22px; font-size:12px; color:#abadb0; }
ul, ol { padding:0 0 1.25em 2.5em; }
blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
small { font-size:0.85em; }
img { border:0; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
 
/***** Links *****/
 
a:visited { text-decoration:none; color:#abadb0; }
a:active { text-decoration:none; color:#abadb0; }
a:hover { text-decoration:underline; color:#abadb0; }
a.underline { text-decoration:underline; color:#abadb0; }
a[href ^="mailto:"] { text-decoration:none; color:#abadb0; }
a[href ^="javascript:"] { text-decoration:none; color:#abadb0; }
a[href ^="javascript:"]:hover { text-decoration:underline; color:#abadb0; }

/***** Forms *****/
 
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:12px Arial, Helvetica, sans-serif; }
textarea { width:100%; line-height:1.25; }
label { cursor:pointer; }
 
/***** Tables *****/
 
table { border:0; margin:0 0 1.25em 0; padding:0; }
table tr td { padding:2px; }
 
/***** Wrapper *****/
 
#wrap { width:960px; margin:0 auto; }
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.img-centered  { vertical-align:middle; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.error { color: #ff0000; font-size: 12px; }
.succes { color: #9ec800; font-size: 12px; }


/***** Top *****/

#top { width:100%; height:175px; background:#231f20; }
#top div#content { width:1000px; height:175px; margin:0 auto; }
#top div#content #logo { width:377px; height:105px; margin:35px 0 0 0; background:url(../images/logo.png); float:left; }
#top div#content #contact { width:333px; height:57px; margin:70px 0 0 0; background:url(../images/contact.png); float:right; }

/***** Container *****/

div#container { width:1000px; height:auto; margin:0 auto; }

/***** Navigation *****/

div#container div#navigation { width:1000px; height:60px; }
div#container div#navigation ul { height:60px; padding:0; margin:0; background:#231f20; white-space:nowrap; list-style-type:none; }
div#container div#navigation ul li { width:auto; height:60px; display:inline; }
div#container div#navigation ul li a.homepage { width:137px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_homepage.png); }
div#container div#navigation ul li a.homepage:hover { width:137px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_homepage.png); background-position:0 -60px; }
div#container div#navigation ul li a.homepageActive { width:137px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_homepage.png); background-position:0 -60px; }
div#container div#navigation ul li a.bedrijfsprofiel { width:154px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_bedrijfsprofiel.png); }
div#container div#navigation ul li a.bedrijfsprofiel:hover { width:154px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_bedrijfsprofiel.png); background-position:0 -60px; }
div#container div#navigation ul li a.bedrijfsprofielActive { width:154px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_bedrijfsprofiel.png); background-position:0 -60px; }
div#container div#navigation ul li a.schadeproces { width:151px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_schadeproces.png); }
div#container div#navigation ul li a.schadeproces:hover { width:151px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_schadeproces.png); background-position:0 -60px; }
div#container div#navigation ul li a.schadeprocesActive { width:151px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_schadeproces.png); background-position:0 -60px; }
div#container div#navigation ul li a.wieiswie { width:121px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_wieiswie.png); }
div#container div#navigation ul li a.wieiswie:hover { width:121px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_wieiswie.png); background-position:0 -60px; }
div#container div#navigation ul li a.wieiswieActive { width:121px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_wieiswie.png); background-position:0 -60px; }
div#container div#navigation ul li a.partners { width:109px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_partners.png); }
div#container div#navigation ul li a.partners:hover { width:109px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_partners.png); background-position:0 -60px; }
div#container div#navigation ul li a.partnersActive { width:109px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_partners.png); background-position:0 -60px; }
div#container div#navigation ul li a.vacatures { width:114px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_vacatures.png); }
div#container div#navigation ul li a.vacatures:hover { width:114px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_vacatures.png); background-position:0 -60px; }
div#container div#navigation ul li a.vacaturesActive { width:114px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_vacatures.png); background-position:0 -60px; }
div#container div#navigation ul li a.route { width:91px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_route.png); }
div#container div#navigation ul li a.route:hover { width:91px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_route.png); background-position:0 -60px; }
div#container div#navigation ul li a.routeActive { width:91px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_route.png); background-position:0 -60px; }
div#container div#navigation ul li a.contact { width:95px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_contact.png); }
div#container div#navigation ul li a.contact:hover { width:95px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_contact.png); background-position:0 -60px; }
div#container div#navigation ul li a.contactActive { width:95px; height:60px; text-decoration:none; float:left; background:url(../images/navigation_contact.png); background-position:0 -60px; }

/***** Frames *****/

div#container #banner { width:1000px; height:212px; background:url(../images/banner.png); }
div#container div#content { width:1000px; height:auto; overflow:auto; margin:30px 0 0 0; }
div#container div#content li { color: #686868; margin:3px; list-style-image: url(../images/li.gif); }
div#container div#content li a { color: #abadb0; text-decoration: none; }

div#container div#content div#images {width:250px; float:left; }
div#container div#content div#images .image1 { width: 217px; height: 142px; float: left; margin: 0 20px 20px 0; }
div#container div#content div#images .image2 { width: 217px; height: 142px; float: left; clear: left; margin: 0 20px 0 0; }

div#container div#content div#text { width:740px; float:right; }
div#container div#content div#text div#left { width:350px; text-align:justify; margin:20px 0 0 0; float:left; }
div#container div#content div#text div#left p { margin:0; padding:5px; }
div#container div#content div#text div#right { width:350px; text-align:justify; margin:20px 0 0 0; float:right; }
div#container div#content div#text div#right p { margin:0; padding:5px; }

div#container div#content div#wieiswie { width: auto; height: auto; margin: 0 0 0 0; }
div#container div#content div#wieiswie div#left { width:440px; height:auto; float:left; margin:0; padding:20px; border:1px solid #393638; }
div#container div#content div#wieiswie div#right { width:440px; height:auto; float:right; padding:20px; border:1px solid #393638; }
div#container div#content div#wieiswie div#right p.titel { font-weight: bold; color: #abadb0; margin-top:10px; }
div#container div#content div#wieiswie div#right p { margin:0; padding:0; }
div#container div#content div#wieiswie div#right a { color: #abadb0; text-decoration: underline; }

div#container div#content div.stappen { width:150px; height:375px; float:left; padding:10px; margin:20px 20px 0 0; border:1px solid #393638; } 
div#container div#content div.stappen p.titel { font-weight:bold; } 
div#container div#content div.stappen img { margin:0 0 15px 3px; }
div#container div#content div.stappen a { color: #abadb0; text-decoration: underline; }

div#container div#content div.partners { width:auto; height:auto; float:left; margin:0 20px 20px 0; padding:5px; border:1px solid #393638; }
div#container div#content div#partnersLijst { width:400px; height:auto; float:left; clear:both; }
div#container div#content div.partners h1 { font-size:24px; font-weight:bold; color:#abadb0; }

div#container div#content a[href $='.pdf'] { padding-left:18px; color:#abadb0; font-size:12px; text-decoration:none; background:transparent url(../images/icon_pdf.gif) no-repeat center left; }

div#container div#content div#route { width: auto; height: auto; margin: 0 0 0 0; }
div#container div#content div#route div#left { width:200px; height:auto; float:left; padding:20px; border:1px solid #393638; }
div#container div#content div#route div#right { width:700px; height:auto; float:right; padding:20px; border:1px solid #393638; }

div#container div#content div#contact { width:auto; height:auto; float:left; }
div#container div#content div#contact input[type="text"] { width:200px; padding:5px; }
div#container div#content div#contact button[type="submit"] { width:100px; padding:5px; }
div#container div#content table#table { width:450px; margin:0; padding:0; }
div#container div#content div#contact label { width: 200px; color:#abadb0; font-size:12px; }
div#container div#content div#contact textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

div#container div#content #imageRight { padding:10px; float:right; border:1px solid #393638; }


/***** Footer *****/

#footer { width:100%; height:100px; clear:both; margin:20px 0 0 0; background:#231f20; }
#footer div#content { width:1000px; margin:0 auto; padding:15px 0 0 0; }
#footer div#content a { color:#abadb0; text-decoration:none; font-size:11px; }
#footer div#content p { color:#abadb0; text-decoration:none; font-size:11px; }
#footer div#content #left { width:500px; margin:0 auto; float:left; }
#footer div#content #right { width:500px; margin:0 auto; float:right; text-align:right; }