@font-face {
    font-family: 'BreeSerifRegular';
    src: url('BreeSerif-Regular-webfont.eot');
    src: url('BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('BreeSerif-Regular-webfont.woff') format('woff'),
         url('BreeSerif-Regular-webfont.ttf') format('truetype'),
         url('BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	font-family: BreeSerifRegular, Verdana, Arial;
	font-size: 13px;
	background-color: #fff;
	background-image: url('../images/background.png');
	margin: 0px;
	padding: 0px;
}
a{color: black; text-decoration: none; border: 0px;}
#wrapper{width: 940px; margin-left: auto; margin-right: auto; margin-top: 25px;}
#header{width: 100%; height: 145px; float: left; margin-bottom: 25px;}
#content{width: 100%; height: auto; float: left;}
#footer{width: 100%; height: 95px; float: left; margin-top: 10px;}
#logo{width: 220px; height: 145px; float: left; margin-right: 90px;}
#headerrechts{width: 630px; height: 145px; float: left;}
#login{width: 100%; height: 50px; float: left; text-align: right; padding-top: 30px; margin-bottom: 45px; font-size: 16px;}
#menu{width: 100%; height: 20px; float: left; font-size: 18px;}
.menuknop{width: auto; margin-right: 29px; float: left;}
.menuknopk{width: auto; margin-right: 23px; float: left;}
.menuknop:hover{color: #0094ab !important;}
.geenmargin{margin: 0px !important;}
.active{color: #0094ab !important;}
.blauwgroot{color: #0094ab; font-size: 27px;}
.blauw{color: #0094ab;}
.dblauw{color: #007185;}
#home_image{width: 860px; height: 285px; background-image: url('../images/home_image.jpg'); background-repeat: no-repeat; padding: 40px; color: white; text-shadow: 2px 2px #464646; margin-bottom: 30px;}
#img_header{font-size: 44px; line-height: 45px; float:left;}
#img_tekst{font-size: 19px; line-height: 30px; float: left; margin-top: 20px;}
#home_blokken{width: 100%; height: auto; float: left;}
.home_blok{width: 300px; height: auto; float: left; margin-right: 20px;}
.blok_header{font-size: 37px; float: left;}
.blok_tekst{font-family: verdana; float: left;}
.leesmeer{font-style:italic; text-align: right; color: #0094ab; font-weight: bold; margin-top: 35px; float: left; width: 100%;}
#storingsbalk{width: 860px; height: 50px; float: left; background-color: #0094ab; color: white; padding-left: 40px; padding-right: 40px; font-size: 28px; line-height: 46px;}
#copyright{float: left; text-align: center;  width: 100%; font-family: verdana; font-size: 11px; margin-top: 20px;}
#content_links{width: 700px; height: auto; margin-right: 15px; float: left;}
#content_rechts{width: 220px; height: auto; float: right; background-color: #0094ab; color: white;}
.blok_rechts{width: 200px; height: auto; float: left; margin-left: 10px; margin-right: 10px; border-bottom: 3px solid white; padding-top: 15px; padding-bottom: 10px; }
.geenlijn{border: 0px; text-decoration: none;}
.blok_titel{float: left; width: 100%; height: auto; font-size: 17px; margin-bottom: 5px;}
.blok_tekst{float: left; width: 100%; height: auto; font-family: verdana;}
.nieuwslezen{font-weight:bold; text-align: right; color: white; margin-top: 10px; float: left; width: 100%; font-family: verdana; font-size: 12px;}
.nieuws_blok{width: 220px; height: auto; float: left; margin-left: 20px;}
#nieuws_img_blok{width: 720px; float: left; height: auto;}
.nieuws_image{width: 220px; margin-left: 20px; float: left; height: 170px;}
.nieuws_image img{width: 220px; height: 170px;}
.nieuws_titel{width: 100%; height: 65px; overflow: hidden; float: left; color: #0094ab; font-size: 16px; }
#nieuws_titel_groot{width: 100%; height: auto; float: left; color: #0094ab; font-size: 18px; margin-bottom: 15px; }
.nieuws_tekst{width: 100%; height: 362px; overflow: hidden; float: left; font-family: verdana; font-size: 12px;}
.nieuws_tekst p{margin-top: 0px;}
.nieuws_tekst a{color: #0094ab; text-decoration: underline;}
.nieuws_meer{width: 100%; height: auto; text-align: right; float: left; color: #007185 !important; font-size: 14px; font-style: italic; font-weight: bold; font-family: verdana; margin-top: 15px;}
#bericht_nav{width: 100%; height: auto; float: left; color: #0094ab; margin-top:16px;}
#bericht_nieuw{width: 50%; height: auto; float: left;}
#bericht_oud{width: 50%; height: auto; float: left; text-align: right;}
#ov_titel{width: 100%; height: auto; float: left; font-size: 34px; margin-top: 15px; margin-bottom: 20px;}
.ov_subtitel{width: 100%; height: auto; float: left; font-size: 18px !important; margin-bottom: 5px; color:#0094ab; font-family: BreeSerifRegular, Verdana, Arial;}
.ov_tekst{width: 625px; padding-right: 75px; float: left; height: auto; font-family: verdana;}
#contact_titel{width: 100%; height: auto; float: left; font-size: 34px; margin-top: 15px;}
#contact_subtitel{width: 100%; height: auto; float: left; font-size: 15px; color:#0094ab; margin-top: 20px; }
#contact_tekst{width: 100%; float: left; height: auto; font-family: verdana;}
#diensten_nav{width: 100%; height: auto; float: left; color: #0094ab; margin-bottom: 20px; font-family: BreeSerifRegular, Verdana, Arial; font-size: 14px;}
.diensten_link{text-decoration: underline; float: left; width: 100%;}
.diensten_link:hover{text-decoration: none; cursor: pointer;}
.diensten{padding-left: 27px; font-family: verdana; font-size: 13px; float: left; width: 100%; margin-top: 0px;}
ul.diensten li{list-style-type:square; margin-left; 10px;}
.zwart{color: black;}
#aanvraagkop{width: 100%; float: left; border-bottom: 2px solid; color: #0094ab;}
#offerte_aanvraag{width: 625px; padding-right: 75px; float: left; height: auto; margin-top: 20px; font-size: 14px;}
#offerte_aanvragen{width: 100%; height: auto; float: left; margin-top: 6px;}
.aanvraag_regel{width: 100%; height: 32px; float:left; font-family: verdana; font-size: 12px; margin-top: 8px;}
.aanvraag_naam{width: 135px; height: 32px; float: left; margin-right: 5px; line-height: 31px; }
.aanvraag_invoer{width: 480px; height: 32px; float: left;}
.offerte_invoer{width: 251px; float: left; height: 26px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px; border: 1px solid #c4c4c4; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; box-shadow: 0 0 1px #888; outline: none;}
.offerte_invoer:hover{border: 1px solid #0094ab; -moz-box-shadow: 0 0 1px #0094ab; -webkit-box-shadow: 0 0 1px #0094ab; box-shadow: 0 0 1px #0094ab;}
.offerte_invoer_klein{width: 130px; float: left; height: 26px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px; border: 1px solid #c4c4c4; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; box-shadow: 0 0 1px #888; outline: none;}
.offerte_bericht{width: 251px; float: left; height: auto; min-height: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px; border: 1px solid #c4c4c4; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; box-shadow: 0 0 1px #888; outline: none;}
#inloggen_mijnvve{width: 625px; padding-right: 75px; float: left; height: auto; margin-top: 20px; font-size: 14px;}
#inlog_form{width: 100%; height: auto; float: left; margin-top: 6px;}
#ww_vergeten{width: 395px; height: 15px; float: left; text-align: right; font-family: verdana; margin-top: 8px; font-size: 12px; color: #0094ab; text-decoration: underline;}
.berichtgevingfout {
border: 1px solid red; color: red; text-align: center; width: 100%; margin-top: 5px; float: left; font-family: verdana; }
.berichtgeving {
border: 1px solid green; color: green; text-align: center; width: 100%; margin-top: 5px; float: left; font-family: verdana; }
.handleiding_knop{width: 100%; float: left; text-align: right; font-family: verdana;}
.nieuwsregel{width: 100%; height: auto; float: left; margin-bottom: 10px;}
.vnaam{width: 120px; float: left; height: auto;}
.nnaam{width: 120px; float: left; height: auto;}
.invoeren{width: 400px; float: left; height: auto;}
tr{font-size: 13px;}
.blauwelijn{color:  #0094ab; text-decoration: underline;}
.mv_tekst{width: 700px;  float: left; height: auto; font-family: verdana;}
blockquote {
border: dashed 1px #BFB793;
background: #FFFEFB top left repeat-x;
padding: 1em;
margin-bottom: 1.5em;
margin-right: 0;
margin-left: 0;
}
.arood{color: red;}
.agroen{color: green;}
.aoranje{color: orange;}
/*.offerte_invoer:focus{outline: red solid 1px; border-radius: 5px !important;}*/
.awit{color: white;}
.storing_invoer{width: 251px; float: left; height: 26px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px; border: 1px solid #c4c4c4; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; box-shadow: 0 0 1px #888; outline: none;}
.storing_invoer:hover{border: 1px solid #0094ab; -moz-box-shadow: 0 0 1px #0094ab; -webkit-box-shadow: 0 0 1px #0094ab; box-shadow: 0 0 1px #0094ab;}
.storing_naam{width: 145px; height: 32px; float: left; margin-right: 5px; line-height: 31px; }
#reactie_content{width: 100%; float: left; border-top: 2px solid #0094ab; margin-top: 20px;}
.reactie_blok{width: 611px; float: left; height: auto; min-height: 30px; margin-top: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; border: 1px solid #c4c4c4; border: 1px solid #0094ab; background-color: white;}
#reactie_tekst{width: 611px; float: left; height: auto; margin-top: 10px;}
#reageerblok{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px; border: 1px solid #c4c4c4; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; box-shadow: 0 0 1px #888; border: 1px solid #0094ab;}
.reactie_links{width: 180px; float: left; margin-right: 10px;}
.reactie_links p{margin: 0px;}
.reactie_rechts{width: 345px; float: left; margin-left: 10px;}
.reactie_rechts p{margin: 0px;}
.even{background-color: #eee;}
.oneven{background-color: transparent;}
#pers_gegevens{width: 55%; float: left;}
#pers_gegevens .invoeren{width: 220px;}
.kopje{width: 100%; float: left; text-decoration: underline; font-size: 14px; font-weight: bold;}
#tabel_in{width: 100%; float: left; font-weight: bold; margin-top: 20px;}
#tabel_sin{width: 100%; float: left;  }
.tregel{width: 75%; height: auto; float: left;}
.tregel{width: 100%; height: auto; margin-bottom: 15px; border-bottom: 2px solid #5b5b5b;}
.sregel{width: 100%; height: auto; margin-bottom: 15px; border-bottom: 1px solid #5b5b5b; float: left;}
.iregel{width: 100%; height: auto; float:left; }
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
	border: 0;}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:400px;
    border:1px solid #078;
    background-color:#FFFFE0; color:#000;
    }