@import url('style_forms.css');
body
{
background: url('../../images/backdrop.jpg') repeat-x #ffffff;
color: #000000;
font-family: verdana, sans-serif;
font-size: 11px;
margin: 0;
}

img
{
border: 0;
}

p
{
margin: 0;
padding: 0;
}

.clear
{
clear: both;
}

/*headings
-----------------------------------------------------*/
div#logo h1, div#logo a { margin: 0; padding: 0; display: block; text-indent: -99999px; width: 264px; height: 106px;}

div#logo h1 a {  background: url('../../images/logo.gif') no-repeat;}

/*links
-----------------------------------------------------*/
a:link, a:active, a:visited
{
color: #0d4169;
font-weight: bold;
outline: none;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

/*div elementen
-----------------------------------------------------*/
div#wrapper
{
margin: 0 auto;
width: 991px;
}

div#header
{
/*height: ;*/
width: 991px;
}

div#logo
{
float: left;
height: 106px;
padding: 10px 36px 10px 31px;
width: 264px;
}

div#navigatie
{
float: left;
height: 94px;
margin: 0 0 0 48px;
width: 612px;
}

div#content
{
border-bottom: solid 1px #dbdbdb;
margin: 0 auto;
padding: 0 0 7px 0;
width: 991px;
}

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

div#links
{
float: left;
font-family: tahoma, verdana, sans-serif;
width: 331px;
}

div#top_btn a
{
background: url('../../images/gezocht.jpg') no-repeat top left;
display: block;
height: 121px;
text-indent: -99999px;
width: 331px;
}

div#top_btn a:hover { background-position: bottom left; }

div#links_navigatie
{
height: 29px;
padding: 18px 0 0 0;
width: 331px;
}

div#links_boven
{
background: #14578b;
padding: 26px 36px 2px 21px;
width: 274px;
}

div#links_boven p { color: #a2d3fe; padding: 0 0 20px 0; }
div#links_boven p.geel { color: #fbd700; font-weight: bold; }
div#links_boven a { color: #fbd700; text-decoration: none; }
div#links_boven a:hover { color: #fbd700; text-decoration: underline; }

div#links_onder
{
overflow: auto;
background: #0d4169;
width: 274px;
padding: 17px 36px 17px 21px;
}

div#links_onder p { overflow: auto; color: #3c729e;}
div#links_onder p a { color: #fbd700; float: left; margin: 0 49px 0 3px; }

div#rechts
{
border-top: solid 7px #d3d3d3;
float: left;
width: 660px;
}

div#random { height: 407px; width: 660px; position: relative; }
div.visual1 { background: url('../../images/randomvisuals/chauffeursnet_random1_2015.jpg') no-repeat;}
div.visual2 { background: url('../../images/randomvisuals/chauffeursnet_random2_2015.jpg') no-repeat;}
div.visual3 { background: url('../../images/randomvisuals/chauffeursnet_random3_2015.jpg') no-repeat;}

div#random p { background: url('../../images/backdrop_foto.png'); width: 660px; height: 80px; text-indent: -99999px; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0;}
div#random p a { display: block; background: url('../../images/neem_contact_op.png') no-repeat; height: 80px; width: 660px;}

div#main_content
{
line-height: 18px;
padding: 24px 0 20px 48px;
}

div#main_content ul
{
line-height: 18px;
list-style-position: outside;
padding-left: 16px;
}

div#main_content p.contentpicright
{
border: solid 1px #000000;
float: right;
margin: 6px 0 10px 10px;
padding: 0;
}

div#main_content p.contentpicleft
{
border: solid 1px #000000;
float: left;
margin: 6px 10px 10px 0;
padding: 0;
}

div#footer
{
color: #a7a7a7;
font-family: arial, verdana, sans-serif;
padding: 0 0 0 31px;
margin: 5px 0 30px 0;
width: 960px
}

div#footer img { position: relative; left: 340px; top: 5px; }
div#footer a { color: #a7a7a7; font-weight: bold; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }

/*navigaties
-----------------------------------------------------*/
ul#hoofdnav
{
list-style-type: none;
margin: 0;
padding: 0;
}

ul#hoofdnav li
{
float: left;
height: 94px;
}

ul#hoofdnav li a
{
display: block;
height: 94px;
text-indent: -99999px;
}

ul#hoofdnav li a#btn_onze_diensten { background: url('../../images/btn/onze_diensten.jpg') no-repeat top left; width: 104px; }
ul#hoofdnav li a#btn_onze_chauffeurs { background: url('../../images/btn/onze_chauffeurs.jpg') no-repeat top left; width: 128px; }
ul#hoofdnav li a#btn_waarom_chauffeursnet { background: url('../../images/btn/waarom_chauffeursnet.jpg') no-repeat top left; width: 174px; }
ul#hoofdnav li a#btn_onze_clientele { background: url('../../images/btn/onze_clientele.jpg') no-repeat top left; width: 117px; }
ul#hoofdnav li a#btn_onze_prijzen { background: url('../../images/btn/onze_prijzen.jpg') no-repeat top left; width: 89px; }

ul#hoofdnav li a#btn_onze_diensten:hover { background-position: bottom left }
ul#hoofdnav li a#btn_onze_chauffeurs:hover { background-position: bottom left }
ul#hoofdnav li a#btn_waarom_chauffeursnet:hover { background-position: bottom left }
ul#hoofdnav li a#btn_onze_clientele:hover { background-position: bottom left }
ul#hoofdnav li a#btn_onze_prijzen:hover { background-position: bottom left }

ul#linksnav
{
list-style-type: none;
margin: 0 0 0 20px;
padding: 0;
}

ul#linksnav li
{
display: inline;
padding: 0 10px;
}

ul#linksnav li a
{
color: #474747;
font-weight: bold;
}

ul#linksnav li a:hover
{
color: #053f6d;
}

p a.active, ol a.active { color: #a7a7a7;}