/******************************************
Website : www.visservangunst.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{
	background: #efefef url("img/bg_home.jpg") left top repeat-y;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;}
body{	
	behavior: url("/iepngfix.htc");}

div#container{
	float: left;
	display: inline;
	text-align:left;
	width: 100%;
	min-width: 880px;
	margin: 0;
	background: transparent url("img/bg_container-home.jpg") left 221px repeat-x;}

div#wrapper{
	float: left;
	display: inline;
	text-align:left;
	width:880px;
	margin:0;}

/*LOGO*/
div#logo{
	float: left;
	display: inline;
	height:110px;
	width: 330px;
  background: transparent url("img/logo.jpg") left top no-repeat;}

/*HEADER*/
div#top{
	height:110px;
	margin:0;
	padding: 0;
  background: transparent url("img/bg_top.jpg") left top repeat-x;}

div#top img{
	float: right;
	display: inline;
	margin: 30px 20px 0 0;
	behavior: url("/iepngfix.htc");}

div#thumbs{
	height:110px;
	width: 100%;
	margin:0;
  padding:0;
  background: transparent;
  border-bottom: 1px solid #fff;}

/*CONTENT*/ 
div#content{
	float:right;
	display: inline;
	width:660px;}

/*TEKST*/
div#tekstcontainer{
	float: left;
	display: inline;
	background: transparent;
	width: 439px;}

div#tekst{
	margin: 45px 9px 0 30px;
	width: 400px;} 

div#tekst img{
	border: 1px solid #555;}

div#tekst img.links{
	float: left;
	display: inline;
	margin: 0 10px 18px 0;}

div#tekst img.rechts{
	float: right;
	display: inline;
	margin: 0 10px 18px 10px;}

div#tekst div.bericht{
	border-bottom: 1px solid #408f26;
	margin: 0 0 15px;}

/*SIDEBAR*/
div#sidebarcontainer{
	float: left;
	display: inline;
	background: transparent url("img/bg_sidebarcontainer-home.jpg") left 0 repeat-x;
	width: 219px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;}

div#sidebar{
	margin: 45px 9px 0 10px;
	width: 200px;}

img.logo{
	border: 1px solid #ccc;
	margin: 0 0 10px 0;}

div#sidebar div.bericht{
	border-bottom: 1px solid #fff;
	margin: 0 0 5px;}

/*NAVIGATION*/
div#navigation{
	float:left;
	display: inline;
	width:220px;
	padding: 0 0 30px 0;
  background: #29559a url("img/bg_menu.jpg") left bottom no-repeat;}

div#navigation-top{
	float: left;
	display: inline;
	height: 30px;
	width: 220px;
	background: #29559a url("img/menu-top.jpg") left top no-repeat;}
	
div#naw{
	background: transparent;
	float:left;
	display: inline;
	clear: left;
	width:190px;
	margin: 15px 0 0 30px;
	padding: 0;
	color: #555;
	font-size: 11px;
	line-height: 16px;}
	
div#footer{
	clear:both;
	width:100%;
	background-color: transparent;
	height: 15px;}

/*TYPOGRAFIE
*****************************************/
p{
	margin: 0 0 18px;
	padding: 0;
	color: #000;}
	
div#sidebar p {color: #fff;
margin: 0 0 8px;}

h1{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;}

div#tekst h1   {color: #408f26;}	
div#sidebar h1 {color: #ffe200;}

h2{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;}

div#sidebar h2 {color: #fff;
font-size: 12px;}

/*UL, OL, LI*/
div#tekst ul, div#tekst ol{
	margin: 0 15px 16px 15px;
	padding: 0;}

div#tekst li {line-height: 18px;}

/*LINKS
*****************************************/
a         { text-decoration: underline; font-weight: bold;}
a:link    { color: #408f26;}
a:visited { color: #408f26;}
a:hover   { color: #408f26; text-decoration: none;}
a:active  { color: #408f26; text-decoration: none;}

h1 a         { text-decoration: none; font-weight: bold;}
h1 a:link    { color: #408f26;}
h1 a:visited { color: #408f26;}
h1 a:hover   { color: #408f26; text-decoration: underline;}
h1 a:active  { color: #408f26; text-decoration: underline;}

div#sidebar h2 a         { text-decoration: none; font-weight: bold;}
div#sidebar h2 a:link    { color: #fff;}
div#sidebar h2 a:visited { color: #fff;}
div#sidebar h2 a:hover   { color: #fff; text-decoration: underline;}
div#sidebar h2 a:active  { color: #fff; text-decoration: underline;}

div#tekst div.bericht h2 a         { text-decoration: none; font-weight: bold;}
div#tekst div.bericht h2 a:link    { color: #000;}
div#tekst div.bericht h2 a:visited { color: #000;}
div#tekst div.bericht h2 a:hover   { color: #000; text-decoration: underline;}
div#tekst div.bericht h2 a:active  { color: #000; text-decoration: underline;}

a.leesverder         { text-decoration: none; font-weight: normal; font-size: 11px;}
a.leesverder:link    { color: #ffe200;}
a.leesverder:visited { color: #ffe200;}
a.leesverder:hover   { color: #ffe200; text-decoration: underline;}
a.leesverder:active  { color: #ffe200; text-decoration: underline;}

a.archief         { text-decoration: none; font-weight: bold; font-size: 11px; float: right; display: inline; margin-top: -12px;}
a.archief:link    { color: #fff;}
a.archief:visited { color: #fff;}
a.archief:hover   { color: #fff; text-decoration: underline;}
a.archief:active  { color: #fff; text-decoration: underline;}

div#naw a         { text-decoration: none; font-weight: normal;}
div#naw a:link    { color: #555;}
div#naw a:visited { color: #555;}
div#naw a:hover   { color: #333; text-decoration: underline;}
div#naw a:active  { color: #999; text-decoration: underline;}

/*MENU
*****************************************/
ul#menu{
	float: left;
	display: inline;
	list-style-type:none;
	margin: 15px 10px 0 30px;
	padding: 0;}

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

ul#menu li a{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;}

ul#menu li a:link, ul#menu li a:visited{
	color: #fff;
	text-decoration: none;}

ul#menu li a:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #ffe200;}

ul#menu li a:active {
	color: #ffe200;}

ul#menu li.hier a {
	color: #ffe200;}



/*****************************************
  LAYOUT VOOR GROEN! (BV.SLOOPWERKEN)
*****************************************/

body#groen{
	background: #efefef url("img/bg_groen.jpg") left top repeat-y;}

body#groen div#tekstcontainer{
	background: transparent url("img/bg_tekst-groen.jpg") 4px top repeat-x;
	width: 550px;}
	
body#groen div#tekst{
	margin: 45px 20px 0 30px;
	width: 500px;} 

body#groen div#tekst img{
	border: 1px solid #fff;}

body#groen div#sidebarcontainer{
	background: transparent;
	width: 109px;
	border-left: 1px solid #fff;
	border-right: 0;}

body#groen div#sidebar{
	margin: 45px 0 0 0;
	width: 108px;
	text-align: right;}

body#groen p {color: #fff;}
body#groen div#sidebar p {color: #000;}
body#groen div#tekst h1 {color: #ffe200;}
body#groen div#tekst ul, body#groen div#tekst ol {color: #fff;}
body#groen a {color: #ffe200;}
body#groen h1 a {color: #ffe200;}



/*****************************************
  LAYOUT VOOR GEEL! (BV. ASBESTSANERING)
*****************************************/

body#geel{
	background: #efefef url("img/bg_geel.jpg") left top repeat-y;}

body#geel div#logo{
	background: transparent url("img/logo2.jpg") left top no-repeat;}

body#geel div#tekstcontainer{
	background: transparent url("img/bg_tekst-geel.jpg") 5px top repeat-x;
	width: 550px;}
	
body#geel div#tekst{
	margin: 45px 20px 0 30px;
	width: 500px;} 

body#geel div#tekst img{
	border: 1px solid #fff;}

body#geel div#sidebarcontainer{
	background: transparent;
	width: 109px;
	border-left: 1px solid #fff;
	border-right: 0;}

body#geel div#sidebar{
	margin: 45px 0 0 0;
	width: 108px;
	text-align: right;}

body#geel div#sidebar p {color: #000;}
body#geel div#tekst h1 {color: #408f26;}
body#geel a {color: #408f26;}
body#geel h1 a {color: #408f26;}



/*****************************************
  LAYOUT VOOR WIT! (BV.ACTUEEL)
*****************************************/

body#wit{
	background: #efefef url("img/bg_wit.jpg") left top repeat-y;}

body#wit div#tekstcontainer{
	background: transparent url("img/bg_tekst-wit.jpg") 5px top repeat-x;
	width: 550px;}
	
body#wit div#tekst{
	margin: 45px 20px 0 30px;
	width: 500px;} 

body#wit div#tekst img{
	border: 1px solid #fff;}

body#wit div#sidebarcontainer{
	background: transparent;
	width: 109px;
	border-left: 0;
	border-right: 0;}

body#wit div#sidebar{
	margin: 45px 0 0 8px;
	width: 99px;
	text-align: right;}

body#wit div#sidebar p {color: #000;}
body#wit div#tekst h1 {color: #408f26;}
body#wit a {color: #408f26;}
body#wit h1 a {color: #408f26;}

/*GOOGLEMAPS
===============================================*/
div#googlemaps{
	float: left;
	display: inline;
	height: 300px;
	width: 400px;
	overflow: hidden;
	margin: 0 0 15px 0;
	border: 1px solid #083563;}

/* FORMULIER
=============================*/
table#tabelFormulier{
	background: transparent;
	text-align: left;
	width: 400px}

table#tabelFormulier input,
table#tabelFormulier textarea{
	font-family: verdana,arial,sans-serif;
	font-size: 1.1em;
	color: #000}
	 
table#tabelFormulier .button{
	background-color: #edeef3;
	color: #000;
	margin: 15px 0 0 0}

label.veld-Bedrijfsnaam,
label.veld-Naam,
label.veld-Telefoon,
label.veld-E-mail,
label.veld-Bericht{
	font-size: 1.1em;
	line-height: 25px}

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

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