html {
	height:100%;
}

body {
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	background-color : #fff;
	height : 100%;
}



/*info met link*/
a.info{
    position:relative; /*this is the key*/
    z-index:40; background-color:#fff;
    color:#ff8e00;
    text-decoration:none;
    border: 0;
}
a.info:hover{z-index:41; background-color:#fff}

a.info span{
	display: none;
}
a.info:hover span{
    display:block;
    background-color:#fff;
    background-image:  url('http://www.web-id.nl/2008/media/bg_tootip.jpg');
    background-position: top;
    background-repeat : no-repeat;
    position:absolute;
    top:2em; right:2em; width:15em;
    padding : 2px;
    padding-top : 18px;
    border-left : 2px solid #e4e4e4;
    border-right : 2px solid #e4e4e4;
    border-bottom : 2px solid #e4e4e4;
    color:#939393;
    text-align: left;
    font-size : 11px;
    font-style : italic;
}
a.info:hover img{
    border : 0;
}

/*info zonder link*/
a.info1{
    position:relative; /*this is the key*/
    z-index:40; background-color:#fff;
    cursor : help;
    text-decoration:none;
    border: 0;
    color: #9B9B9B;
}
a.info1:hover{z-index:41; background-color:#fff;
    cursor : help;
    color: #9B9B9B}

a.info1 span{
	display: none;
    cursor : help;
    color: #9B9B9B;
}

a.info1:hover span{
    display:block;
    background-color:#fff;
    background-image:  url('http://www.web-id.nl/2008/media/bg_tootip.jpg');
    background-position: top;
    background-repeat : no-repeat;
    position:absolute;
    top:2em; right:2em; width:15em;
    padding : 2px;
    padding-top : 18px;
    border-left : 2px solid #e4e4e4;
    border-right : 2px solid #e4e4e4;
    border-bottom : 2px solid #e4e4e4;
    color:#939393;
    text-align: left;
    font-size : 11px;
    font-style : italic;
}
a.info1:hover img{
    border : 0;
}




div#adsense1 {
	position : absolute;
	top : 330px;
	left: 707px;
	width : 180px;
	height : 150px;
	text-align: center;
	z-index : 30;
}


h1 {
	font-weight : bold;
	padding: 0 0 0 0;
	font-size: 13px;
	
}

h2 {
  font-family : Lucida Sans Unicode, Arial, Verdana;
	color : #003c65;
	font-size : 14px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	text-align : left;
}

h3 {
     font-family : Lucida Sans Unicode, Arial, Verdana;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	text-align : right;
}

h4 {
	font-weight : bold;
	padding: 0 0 0 0;
	margin : 0 0 0 0;
	font-size : 12px;
}

.submenuItem {
	color : #004299;
	font-weight : normal;
	text-decoration : none;
}

div, td {
	padding : 0 0 0 0;
	font-family : Lucida Sans Unicode, Arial, Verdana;
	font-size : 13px;
	color : #003c65;
	vertical-align : top;
	line-height : 17px;
}

a:link {
     color : #ff8e00;
	cursor : pointer;
	font-family : Lucida Sans Unicode, Arial, Verdana;
	font-size : 13px;
	text-decoration : none;
	padding-left : 3px;
	padding-right : 3px;
}

a:visited {
     color : #ff8e00;
 	cursor : pointer;
	font-family : Lucida Sans Unicode, Arial, Verdana;
	font-size : 13px;
	text-decoration : none;
	padding-left : 3px;
	padding-right : 3px;
}

a:hover {
	cursor : pointer;
	font-family : Lucida Sans Unicode, Arial, Verdana;
	font-size : 13px;
	color : #ff8e00;
	text-decoration : none;
	padding-left : 3px;
	padding-right : 3px;
}

a#w3ch {
	text-decoration: none;
border-bottom : 1px dashed #fff;
}
a#w3cc {
	text-decoration: none;
 border-bottom : 1px dashed #fff;
}

a#email {
	cursor : pointer;
	font-family : Lucida Sans Unicode, Arial, Verdana;
	font-size : 13px;
	color : #003c65;
	text-decoration : underline;
}

div#website_container {
position : relative;
}

div#top {
	position : relative;
	padding : 0 0 0 0;
 	top : 0px;
	background-image : url('2008/media/bg_top_doorklik.jpg');
	background-repeat : repeat-x;
	width : 100%;
	height :254px;
	z-index : 1;
}

div#top_doorklik {
     position : relative;
     padding : 0 0 0 0;
 	background-image : url('2008/media/top_doorklik.jpg');
 	background-repeat : no-repeat;
 	float : left;
	width : 100%;
	height :254px;
}

div#hoofdmenu {
	position: relative;
	width : 950px;
	height : 20px;
	top : 100px;
	left : 0px;
	text-align : right;
	vertical-align : bottom;
	font-weight : bold;
}

div#content_doorklik {
	position : relative;
 	border-top : 1px solid #fff;
	text-align : left;
	width : 278px;
	height : 100%;
}

div#copyright {
	text-align : center;
	color: #A4A4A4;
	font-size : 11px;
}

div#submenu {
	position: relative;
	top : 17px;
	width : 278px;
	text-align : right;
}

div#hoofdtitel {
  position : relative;
  width : 270px;
  text-align : right;
  z-index : 5;
}

div#container_submenu {
	position : relative;
	top : 41px;
	width : 300px;
	z-index : 6;
}

.container_subMenuItem {
	height: 20px;
	width: 300px;
}

.subMenuTitel {
	width: 270px;
	float: left;
	padding-bottom: 10px;
}

.subMenuListitem {
     float: left;
 	text-align: right;
	width: 30px;
	height: 20px;
	padding-top: 4px;
}

div#submenu {
  position : relative;
  height : 100%;
  text-align : right;
  z-index : 9;
}

div#inhoud {
	position : absolute;
	top: 40px;
	left: 350px;
	width: 600px;
	text-align : justify;
	font-weight : normal;
	z-index : 17;
}
div#inhoud_ref {
	position : absolute;
	top: 40px;
	left: 350px;
	width: 250px;
	text-align : justify;
	font-weight : normal;
	z-index : 17;
}

.menulink {
	color : #fff;
}






.td_content {
	vertical-align: top;
	text-align : justify;
}

.goedteweten {
	cursor : pointer;
	font-family : Lucida Sans Unicode, Arial, Verdana;
	font-size : 13px;
	color : #003c65;
	text-decoration : underline;
}



.listitem {
    border : 3px solid #ff8e00;
}

.geenlistitem {
    border : 3px solid #E0E0E0;
}

.blauw {
	color: #003c65;
}

.oranje_vet {
	color: #ff9100;
	font-weight: bold;
}

.hoofdmenu_item_link {
	font-family : Lucida Sans Unicode, Arial, Verdana;
	color : #ff8e00;
	font-size : 14px;
	font-variant : small-caps;
}

.hoofdmenu_item_link_doorlink {
	font-family : Lucida Sans Unicode, Arial, Verdana;
	color : #fff;
	font-size : 14px;
	font-variant : small-caps;
}



div#logo {
	background-image : url('../media/logo.jpg');
	background-repeat : no-repeat;
	position : absolute;
	top : 30px;
	left : 38px;
	width : 178px;
	height : 100px;
}

div#logo_doorklik {
	padding: 0;
     cursor : pointer;
	position : absolute;
	top : 23px;
	left : 20px;
	width : 257px;
	height : 147px;
	z-index : 25;
}

.spacer {
	width: 100%;
	height: 100%;
}
.div_hoofdmenu_item {
	float : right;
	text-indent : 32px;
	font-weight : bold;
}

ul.hoofdmenu {
 padding : 0;
 margin : 0;
 text-indent: 0px;
 font-weight : bold;
}

ul.hoofdmenu li {

 list-style: square;
 padding-left : 5px;
 padding-right : 25px;
 margin : 0;
 text-indent: 0px;
 color : #ff9403;
 float: right;
}

ul.hoofdmenu li a:link {
 color : #fff;
}

ul.hoofdmenu li a:visited {
 color : #fff;
}

ul.hoofdmenu li a:hover {
 color : #ff9403;
}

.hoofdtitel {
  font-family : Lucida Sans Unicode, Arial, Verdana;
	color : #ff8e00;
	font-size : 14px;
	font-weight : bold;
	font-variant : small-caps;
}

div#tekst2 {
	position: absolute;
	top: 0px;
	left : 648px;
	width : 301px;
	padding-top : 55px;
	vertical-align : top;
	z-index : 19;
}

div#referentie {
	position: absolute;
	top: 0px;
	left : 648px;
	background-image : url('2008/media/bg_referentie.jpg');
	background-repeat : repeat-y;
	background-position : left;
	width : 301px;
	height : 490px;
	padding-top : 65px;
	vertical-align : top;
	z-index : 19;
}
.ref_container {
	position: relative;
	padding-top: 15px;
	width: 301px;
     font-size : 12px;
	overflow: hidden;
}
.ref_plaatje {
	position: relative;
	float: left;
	width: 110px;
}
.ref_titel {
	position: relative;
	float: left;
	width: 191px;
	font-size : 12px;
}



.button {
	background-color : #003c65;
	color : #fff;
	border : none;
	cursor : pointer;
}

.align_right {
  text-align: right;
}

.input_contact {
	width : 170px;
}

.textarea_contact {
	width : 170px;
}

div#logolink {
	position: absolute;
	top : 60px;
	left: 50px;
	width: 200px;
	height: 75px;
	cursor: pointer;
	font-family : Times New Roman;
	font-style: italic;
	color: #fff;
	z-index : 28;
}

div#domeinchecker {
	position: absolute;
	top : 200px;
	left : 500px;
}

li.usp {
	font-family : Times New Roman;
	font-style : italic;
	font-size : 18px;
	line-height: 20px;
	color: #ff9403;
	margin-left : 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-image: url('2008/media/vink.jpg');
}

div#kerstaanbieding {
	position : absolute;
	top : 100px;
	left : 95px;
	height : 160px;
	width : 200px;
	background-repeat : no-repeat;
}

div#adres {
	position: relative;
	top: 270px;
	width: 295px;
	text-align: right;
}

