/******************************************
Website : www.deelstrajansen.nl
CSS : Lautenbag Reclame (Diederik Dijkstra)
E-mail: info@lautenbag.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

html,body{ margin:0; padding:0 }
a img { border: 0; }
:-moz-any-link:focus { outline: none; }

/*LAYOUT
*****************************************/
body{
	font: normal 12px/18px Arial, sans-serif;
	color: #005192;
	background: #fff url("img/bg.jpg") left top repeat-y; }

div#header{
	height: 150px;
	margin: 0;
  padding: 0;
  background: transparent url("img/logo.jpg") left top no-repeat;}

div#container{
	text-align: left;
	width: 840px;
	margin: 0;}

div#content{
	float: left;
	display: inline;
	width: 460px;
	margin: 0 0 0 150px;
	overflow: hidden;}

div.content {
	margin-left: -10px;
}

div#menu{
	float: right;
	display: inline;
	width: 190px;}

div#footer{
	clear: both;
	width: 100%;
	color: #FFF}

table#extra{
	border-top: 1px solid #dde8f0;
	margin: 32px 0 0 0;}

/*TYPOGRAFIE
*****************************************/
p, h2{
	margin:0; padding: 18px 0 0;}

h1, h2{
	color: #009ee0;}

h1{ font: bold 24px/28px Tahoma, sans-serif;
    margin: 0; padding: 0;}
h2{ font: bold 18px/20px Tahoma, sans-serif;}
h3{ font: bold 13px/18px Arial, sans-serif;
    margin: 0; padding: 0;}

small{font-size: 11px;}

table.leesverder{
	font: normal 10px/18px Lucida sans, Arial, sans-serif;
	text-transform: uppercase;
	width: 100%;
	margin: 3px 0 0;
	padding: 0 0 3px;
	color: #9fbdd6;
	border-bottom: 1px solid #dde8f0;}

/*LINKS
*****************************************/
a                          { color: #005192;}
a:link, a:visited          { color: #005192;}
a:focus, a:hover, a:active { color: #407dad;}

p a              {text-decoration: underline;}
h1 a, h2 a, h3 a {text-decoration: none;}

h1 a, h2 a                          { color: #009ee0;}
h1 a:link, h1 a:visited             { color: #009ee0;}
h2 a:link, h2 a:visited             { color: #009ee0;}
h1 a:focus, h1 a:hover, h1 a:active { color: #80ceec;}
h2 a:focus, h2 a:hover, h2 a:active { color: #80ceec;}

a.vet {font-weight: bold; text-decoration: none;}
small a{text-decoration: none;}

table.leesverder a            { color: #9fbdd6; text-decoration: none;}
table.leesverder a.leesverder { color: #407dad; text-decoration: none;}
table.leesverder a:hover      { text-decoration: underline;}


/*LIJSTEN
*****************************************/
div#content ul {     list-style-type: disc; 
                     margin: 18px 0 0;
                     padding: 0 0 0 15px;
                     line-height: 18px;
                     font-size: 12px;
                     font-weight: normal;
                     color: #074e89; }

div#content ul li {  padding: 0 0 0 5px;}


div#content ol {     list-style-type: decimal;
                     margin: 18px 0 0;
                     padding: 0 0 0 25px;
                     line-height: 18px;
                     font-size: 12px;
                     font-weight: normal;
                     color: #074e89; }

div#content ol li {  padding: 0 0 0 10px ;
                     margin: 0; }

/* FORMULIER
*****************************************/
table#tabelFormulier{
	width: 460px;
	margin: 20px 0 0;}

table#tabelFormulier label{
	font: bold 12px/18px Arial, sans-serif;
	color: #074e89;
	background: #fff;}

table#tabelFormulier tr td {
	background: #fff; }

table#tabelFormulier input,
table#tabelFormulier textarea{
	font: normal 12px/18px Arial, sans-serif;
	color: #009ee0;}
	 
table#tabelFormulier .button{
	background-color: #005192;
	border: 3px solid #005192;
	color: #fff;
	margin: 0 0 10px 0}

label.veld-Bedrijfsnaam,
label.veld-Naam,
label.veld-Telefoon,
label.veld-E-mail,
label.veld-Zoeken,
label.veld-Bericht{
	font-size: 12px;
	line-height: 20px}

input.veld-Bedrijfsnaam,
input.veld-Zoeken,
input.veld-Naam,
input.veld-Telefoon,
input.veld-E-mail{
	width: 96%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	border: 1px solid #407dad;
	background-color: #fff;}

table#tabelFormulier textarea{
	width: 98%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	height: 150px;
	border: 1px solid #407dad;
	background-color: #fff}

/*MENU
*****************************************/
div#menu ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
	border:0 ;
  width: 190px;
  border-bottom: 1px solid #1a639d;}

div#menu ul li{
	list-style-type:none;
  margin: 0;
  padding: 0;
  border: 0;}

div#menu ul li a{
	font: bold 12px/18px Arial, sans-serif;
	width: 170px;
	margin: 0;
	padding: 5px 0 5px 20px;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: left;
	border-top: 1px solid #1a639d;}

div#menu ul li a:link,
div#menu ul li a:visited{
	color: #fff;
	background: transparent url("img/bg_menu.jpg") left center no-repeat;}

div#menu ul li a:hover{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #9fbdd6;
	background: transparent url("img/bg_menu.jpg") right center no-repeat;}

div#menu ul li a:active{
	color: #9fbdd6;
	background: transparent url("img/bg_menu.jpg") right center no-repeat;}

/*STRONG*/
div#menu ul li.hier a:link,
div#menu ul li.hier a:visited{
	color: #fff;
	background: transparent url("img/bg_menu.jpg") right center no-repeat;}

div#menu ul li.hier a:hover{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #9fbdd6;
	background: transparent url("img/bg_menu.jpg") right center no-repeat;}

div#menu ul li.hier a:active{
	color: #9fbdd6;
	background: transparent url("img/bg_menu.jpg") right center no-repeat;}

/*SUB*/
div#menu ul li.sub a,
div#menu ul li.subhier a
{
	font: bold 11px/14px Arial, sans-serif;
	width: 155px;
	margin: 0;
	padding: 5px 0 5px 35px;
	display: block;
	text-decoration: none;
	color: #9fbdd6;
	text-align: left;
	border-top: 1px solid #1a639d;}

div#menu ul li.sub a:link,
div#menu ul li.sub a:visited{
	color: #9fbdd6;
	background: transparent url("img/bg_submenu.jpg") left center no-repeat;}

div#menu ul li.sub a:hover{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: transparent url("img/bg_submenu.jpg") right center no-repeat;}

div#menu ul li.sub a:active{
	color: #fff;
	background: transparent url("img/bg_submenu.jpg") right center no-repeat;}

/*SUB STRONG*/
div#menu ul li.subhier a:link,
div#menu ul li.subhier a:visited{
	color: #fff;
	background: transparent url("img/bg_submenu.jpg") right center no-repeat;}

div#menu ul li.subhier a:hover{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: transparent url("img/bg_submenu.jpg") right center no-repeat;}

div#menu ul li.subhier a:active{
	color: #fff;
	background: transparent url("img/bg_submenu.jpg") right center no-repeat;}