* {
	margin: 0;
}
html, body {
	height: 100%;
}

img, div, a { behavior: url(iepngfix.htc)}

body {
	margin: 0 0;
	padding:0 0;
	background: url(../images/bg.gif) fixed bottom #FFF repeat-x;
	
	font-family: Arial, Helvetica, sans-serif !important;
}

#container {
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -159px; /* the bottom margin is the negative value of the footer's height */


}

#header {
	height: 130px;
	width: 100%;
}

#logo {
	width: 190px;
	height: 100%;
	background:url(../images/logo.png) bottom no-repeat;
	float: left;
}

#menu {
	width: 600px;
	height: 100%;
	float: right;
}

#submitmailformbtn {
	display:block;
	width: 150px;
	height: 30px;
	
	background:#666;
	border: #333 3px solid;
}

#nojavascript{
	width: 100%;
	height: 40px;
	background:#900;
	text-align:center;
	
	color:#FFF;
	font-size: 10pt;
}

/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////    MENU
/////////////////////////////////////////////////////////////////////*/

#nav {
	height: 41px;
	width: 100%;
	margin: 47px 0 0 0;
	
	
}

.nav {
	display:block;
	height: 41px;
	float:right;
	margin: 0 10px;
	cursor:pointer;
}
	

a.btn_home {	
	width: 49px;
	background:url(../images/btn_home.png);
}

a.btn_noordervaart {
	width: 137px;
	background:url(../images/btn_noordervaart.png);
}

a.btn_schademelding {
	width: 144px;
	background:url(../images/btn_schademelding.png);
}


a.btn_contact { 
	width: 81px;
	background:url(../images/btn_contact.png);
}

a:hover.nav{ background-position: 0 41px; }
	
a.page {background-position: 0 41px;} 
	
/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////    content
/////////////////////////////////////////////////////////////////////*/

#content {
	height: 330px;
	width: 900px;
}

#introtxt {
	width: 240px;
	float: left;
}

#contenttxt {
	width: 635px;
	float:left;
}

#news, #maps {
	width: 360px;
	float:left;
	margin: 0 35px;
}

#maps {width:300px;}

#map_canvas {
	float:left;
	margin:0px auto;
}

#advertising, #mailform {
	width: 230px;
	float: right;
}


#advise {
	width: 100%; 
	height: 260px;
	background:#cfcfcf;
}

/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////    schademelding
/////////////////////////////////////////////////////////////////////*/


a.btn_schademeldingstart {
	display:block;
	width: 155px;
	height: 55px;
	background: #dedede;
	border: 4px solid #c4c4c4;
	
	font-size: 13pt;
	color: #000;
	text-decoration:none;
	padding: 10px;
	text-align:left;
	
	position:relative;
	left: 400px;
	top: -50px;
}

a:hover.btn_schademeldingstart {
	background: #c4c4c4;
}

a.title {
	display:block;
	width: 635px;
	height: 25px;
	border-bottom: 1px #999 solid;
	cursor: pointer;
	padding: 5px 0 0 0;
}

div.accordioncontent {
	background: #dedede;
	padding: 30px;
}

div.accordioncontent label, #mailform label {
	margin: 0 10px;
}

.formfield, .textfield, .textfieldmail {
	background: #e9e9e9;
	border: 1px #3d5b97 solid;
	padding: 7px 0 0 7px;
	margin: 3px;
}

.formfield { height: 18px; }
.textfield {width: 400px;}

.voorletters, .postcode { width: 97px;}
.achternaam, .plaats { width: 317px;}
.bedrijfsnaam, .adres, .telefoon, .email, datum {width: 429px;}


.navbtn, .btn {
	display:block;
	width: 80px;
	height: 20px;
	background: #aaa;
	border:1px solid #1f4287;
	padding: 5px;
	margin: 20px 0 0 0;
	
	
	font-size: 9pt;
	color: #000;
	text-decoration:none;
	cursor:pointer;
	text-align: center;
}

:hover.navbtn {
	background: #626262;
	color:#FFF;
	}

.sendbtn { 
	width:150px; 
	height: 50px;
	background: #aaa;
	border:1px solid #1f4287;
}

:hover.sendbtn {
	background: #626262;
	color:#FFF;
}
	

.spacing { margin: 20px 0; }

.error {border: 2px #F00 solid;} 
.picture {
	border: 2px #1f4287 solid;
	margin: 20px;
	}
	
.imagetxt {
	position:relative;
	top: -50px;
	}

.antispam {display: none;}

/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////    contactmailform
/////////////////////////////////////////////////////////////////////*/

.large, .textfieldmail {width: 100%;}


#submitmailformbtn {
	display:block;
	width: 150px;
	height: 40px;
	padding:5px 0;
	background: #aaa;
	border:1px solid #1f4287;
	margin: 3px;
	
	padding: 10px;
	cursor:pointer;
	
}

:hover#submitmailformbtn {
	background: #626262;
	color:#FFF;
}


/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////    news
/////////////////////////////////////////////////////////////////////*/

.newsitem {
	width: 100%;
	height: 70px;
	background: #cfcfcf;
	margin: 0 0 10px 0;
	padding:10px 0 0 0;
}

:hover.newsitem {
	background: #dcdcdc;
	cursor: pointer;
}

#moretips, #moretipsbtn {
	background: #cfcfcf;
	width: 100%;
	height: 20px;
	padding: 5px 0 0 0;
	text-align:center;
}

#moretipsbtn {
	margin: 30px 0 0 0;
	width: 100px;
	height: 35px;
	float: right;
	}

:hover#moretips, :hover#moretipsbtn {
	background: #dcdcdc;
	cursor: pointer;
}
.newsimg {
	width: 90px;
	height: 60px;
	float: left;
	margin-right: 10px;
}

.newstxt {
	height: 60px;
	margin: 0 10px;
}

.newstitle {
	font-weight:bolder;
}


.newsitem a {color: #91002d;}
.newsitem a:hover {color: #000;}

/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////    footer
/////////////////////////////////////////////////////////////////////*/

#footer {
	width: 100%;
	height: 159px;
	background:url(../images/footerbg.png) repeat-x;
	} 

.footer, .push {
	height: 159px; /* .push must be the same height as .footer */
	width: 900px;
}

#footercenter {
	width: 900px;
	height: 159px;
	margin: 0px auto;
	text-align:right;
	background:url(../images/footerimg.png) no-repeat; 
}

#footertitle {
	width: 900px;
	height: 40px;
	margin: 0px auto;
	padding: 20px 0 0 0;	
}

#footertxt {
	margin: 20px 0 0 0;
}


/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////   Tooltips
/////////////////////////////////////////////////////////////////////*/

.tooltipbtn, tooltipbtn2 {
	display:block;
	width: 91px;
	height: 30px;
	background:url(../images/tooltipbtn.png);
	position:relative;
	top: -28px;
	left: 230px;
}

.marge {left: 280px;} 

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {
	font-size:11pt;
	color: #1c3e86;
	font-weight:lighter;
	margin: 0 0 20px 0;
}

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('../images/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

.body { 
	font-size: 9pt;
	line-height: 11pt;
	}

/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////   alertbox
/////////////////////////////////////////////////////////////////////*/

.jqifade{
      position: absolute;
      background-color: #FFF;
}
div.jqi{
      width: 400px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 2px #b2b2b2;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{
      font-weight: bold;
}
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #2F6073;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.jqi button:hover{
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
      background-color: #91002c;
}
.jqiwarning .jqi .jqibuttons{
      background-color: #91002c;
}


/*/////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////    text declarations
/////////////////////////////////////////////////////////////////////*/

h1.title {
	font-size:11pt;
	color: #1c3e86;
	font-weight:lighter;
	margin: 0 0 20px 0;
	
}

p.maintxt, .newsitem, li, .accordioncontent, #mailform, .textfieldmail, p {
	font-size:11px;
	text-align:justify;
	  line-height: 14pt !important;
}


.tipstxt {
	line-height: 12pt !important;
	text-align: left;
	}

.tipslink {
	font-size: 11px;
	color:#90002a;
	text-decoration:none;
}

.accordioncontent { text-align:left;}

.formfield, .textfield, .textfieldmail { color:#000;} 

#footertitle {
	font-size: 15pt;
	color: #8d0026;
	text-align:right; 
}

#footertxt {
	color:#FFF;
	font-size: 9pt;
	line-height: 15pt;
}

a.title {
	color: #90002a;
	font-size:11pt;
}

.blue { color: #204288;}
.center {text-align:center;}
.right {text-align:right;}
.small {font-size:8pt; color:#F00;}

.validmsg {
	font-size: 9pt;
	color:#999;
	
	display:block;
	margin: 10px 0; 
}

.txtpic {
	border: #90002a 2px solid;
	margin: 0 40px 10px 0;
	float:left;
}

a.copyright, a.inloggen { 
	font-size: 9pt;
	color:#464646;
	text-decoration:none;
}



a:hover.copyright {
	color: #b2bb1c;
}

a:hover.inloggen {
	color: #AAA;
}

a {color:#1c3e86;}
a:hover {color:#91002d;}

ul { 
	margin: 0 0 0 10px;
	list-style: disc;
	display: inline;
	}