*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{  font-size:12px; background:white; line-height:21px; color:#131115;}
a, a:visited{color:#FFF;text-decoration:underline;}
a:hover{color:#FFF;text-decoration:none;}


/************************************************************************************************/
/*Header */
/************************************************************************************************/
.container-header{ clear:both; width:100%; height:192px; background:url(../images/header.png) repeat-x;}

.header{ position:relative; width:1000px; height:192px; margin:0 auto; }

.header h1 a{ position:absolute; top:14px; left:0; width:481px; height:117px; text-indent:-4000px; overflow:hidden; background:url(../images/havenlauwersoog.jpg) no-repeat; }

/*topmenu 3 items*/
.header ul.topmenu{  position:absolute; top:10px; right:30px;}
.header ul.topmenu li{ float:left; padding:0 10px; background:url(../images/topmenu-a.jpg) right no-repeat; }
.header ul.topmenu li a{  height:21px; text-transform:uppercase; font-size:12px; line-height:21px; text-decoration:none; color:#CCC9C7;  }
.header ul.topmenu li a:hover{ font-weight:bold;}

img#dutch{ position:absolute; right:81px; bottom:63px;}
img#uk{ position:absolute; right:41px; bottom:63px;}

/*menu red*/
.header ul#menu{  position:absolute; top:148px; left:0px;}
.header ul#menu li{ position:relative; float:left; height:44px;}
.header ul#menu li a{  height:44px; margin-right:20px; text-transform:uppercase; font-size:12px; font-weight:bold; line-height:44px; text-decoration:none; color:#FFF;  }
.header ul#menu li a:hover{ text-decoration:underline;}

/*submenu*/
.header ul#menu ul.submenu { position: absolute; left:0px; top: 37px;  width: 180px; padding:10px 5px 10px 5px; z-index:10;  display: none; background:#DB001B;  }
.header ul#menu ul.submenu li {display: block;  height:auto;}
.header ul#menu ul.submenu li a {display: block; width:180px; height:auto; padding:3px 0; margin: 0; border-bottom:1px solid #fff; line-height: 20px; font-size: 12px; font-weight:normal; color: #fff; }
.header ul#menu ul.submenu li a:hover {	line-height: 20px; color:#FFFFFF;}

.header ul#menu li:hover ul,
.header ul#menu li:focus ul,
.header ul#menu li.active ul {z-index:10; display: block; color:#FFFFFF; }

/************************************************************************************************/
/*Inhoud  1205 - 205 = 1000*/
/************************************************************************************************/
.inhoud{  width:1000px; margin:0 auto; padding:0 0 50px 0;}

/*****************************************************************************/
/*sidebar */
/*****************************************************************************/
.sidebar{ clear:left; float:left; width:227px; padding:0 0 20px 10px; background: url(../images/sidebarl_bottom.png) bottom no-repeat #E4E4F0;}

.sidebar h3{ width:200px; height:55px; margin:40px 0 0 0; line-height:55px; text-align:right; background:url(../images/sidebarl_h3.png) left;}

.sidebar p { width:175px; padding:0 0 0 25px; text-align:left; line-height:14px;  color:#1A171B;}
.sidebar a{ display:block; width:200px; margin:0 0 10px 0; text-align:right; text-decoration:none;  line-height:14px; font-weight:bold; color:#00377A; }

.sidebar a.redlink{ display:block; width:200px; margin:0; text-align:right; text-decoration:none;  line-height:18px; font-style:italic; font-weight:bold; color:#DB001B; }

		

	/*nieuws*/
	.sidebar .nieuwsitem{ width:175px; padding:10px 0 10px 0; margin:0 0 0 25px; border-bottom:1px solid #8088B5;}
	.sidebar .nieuwsitem p{ width:175px; padding:0; text-align:left; line-height:14px;  color:#1A171B; }
	.sidebar .nieuwsitem span{  width:175px; line-height:14px; font-style:italic;  color:#1A171B;}
	.sidebar .nieuwsitem p.leesmeer{  text-align:right;  line-height:14px; font-weight:bold; color:#DB001B; }
	.sidebar .nieuwsitem a{ width:175px; display:block; margin:0; text-decoration:none; color:#DB001B; }



/*****************************************************************************/
/*content */
/*****************************************************************************/
.content{ float:left; width:700px; padding:20px 0 10px 20px; margin:0 0 0 10px; background: url(../images/content.png) left bottom no-repeat #FDF5F1;}

.content p#footer{ clear:both; width:700px;  text-align:center; color:#D1D2E4; }
.content p#footer a{ text-decoration:none; color:#D1D2E4; }
.content a{ text-decoration:none; color:#002870; }

/*left*/
.content .left{ float:left; width:515px; padding:0 0 30px 0; }

.content .left h1, .content .left h2 { clear:both; width:515px; line-height:27px; }
.content .left h1 { margin: 20px 0 0 0;}
.content .left h2 { margin: 0 0 10px 0;}

.content .left p { margin:0 0 15px 0;}
.content .left img {margin:0 10px 0 0; border: 3px solid #002870; }

.content .left ul{list-style-type: circle}

/*right*/
.content .right{ float:left; width:160px; padding: 0 0 30px 15px;  margin-right:10px}
.content .right p{ width:150px; margin:10px 0 0 0; text-align:center; color:#BCBDD8; }

.content .right table{ width:150px; border:1px solid #D1D2E4; text-align:center; color:#BCBDD8; }
.content .right th{ width:75px; border:1px solid #D1D2E4; }
.content .right tr{ width:75px; border:0; }
.content .right td{ width:75px; border-bottom:1px solid #D1D2E4; border-right:1px solid #D1D2E4; border-left:1px solid #D1D2E4; border-top:1px solid #D1D2E4; }

tr.view:hover {background-color:#ccc}

/************************************************************************************************/
/*miscelleanous*/
/************************************************************************************************/
/*headings*/
h1, h2, h3, h4, h5{font-weight:normal; color:#002870;}
h1{ font-size:30px;}
h2{ font-size:15px;}
h3{  font-size:25px; font-style:italic;}
h4{}

