html{
height:100%;
margin:0;
}

body{
height:100%; 
width:994px;
background: #a0bcd8 url('images/sea_shanty2.jpg') no-repeat;
margin:0 auto; 
padding:0;
font-size:100%;
}

#container{
height: 100%;
width:994px;
margin: 0 0 -33px 0; 
padding:0;
background:transparent url('images/transp_bg2.png') repeat-x;
color:#19183c; 
overflow-y: scroll;
}

#headerstrook{
height:30px;
width:980px;
background-color:#a0bcd8;  
position:relative;
padding-right:10px;
}

#header{
height:240px; 
background-color:#a0bcd8; 
position:relative;
}

#subheaderstrook{
height:30px;
width:980px;
background-color:#a0bcd8; 
position:relative;
padding-right:10px;
}

#content{
font: normal 0.75em Verdana, Tahoma, sans-serif;
line-height:1.5em;
padding: 0px 150px 50px 150px;
}

#content_breed{
font: normal 0.75em Verdana, Tahoma, sans-serif;
line-height:1.5em;
padding: 20px 150px 0px 0px;
}

#content_home{ 
position:relative; 
float:left; 
width:680px; 
font: normal 0.75em Verdana, Tahoma, sans-serif; 
line-height:1.5em; 
padding: 20px 150px 50px 30px; 
} 

#content a, #content_breed a, #content_home a{
font: normal 1em Verdana, Tahoma, sans-serif;
color: #e80032; 
line-height:1.5em;
text-decoration:underline;
}
 
#content a:hover, #content_breed a:hover, #content_home a:hover{
color:#19183c;
}


img{
border-style:none;
text-decoration:none;
border:0;
}


h1{
font: bold 1.5em Georgia, serif;
color: #e80032;
}

h2{
font: bold 1.2em Georgia, serif;
color: #e80032;
margin-top:30px;
}

h3{
font: 1.2em Georgia, serif;
color: #0B0B3B;
margin-top:10px;
}
h4{
font: bold 1.2em Georgia, serif;
color: #191970;
margin-top:15px;
}

<!-- Bullits =====================================  -->
ul.circle {
list-style-type:circle;
}
ul.disc {
list-style-type: disc;
}
ul.square {
list-style-type: square;
}
<!-- ============================================== -->


div#clear{
	clear:left;
}

#shanty_wave{
height:40px;
width:980px;
text-align:center;
padding:0;
margin:0;
}

/*------------- bovenste navigatiemenu-------------*/


#navcontainer{
width:980px;
position:relative;
top:0;
left:0;
height: 30px;
padding:0; 
margin:0;
background:#a0bcd8 url('images/dropdown-strook2.png') no-repeat;
z-index:1;
}

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navcontainer  li{
	width:139px;
	height: 27px;
	border-right: 1px solid  #e80032;
	float:left;
	background-color: #a0bcd8;
	margin: 0;
	padding:3px 0 0 0;
	text-align:center;
}

#navcontainer a{
	color: #fff;
	font: bold 0.75em Tahoma,Verdana,sans-serif;
	text-decoration: none;
	letter-spacing:1px;	
}

#navcontainer a:hover {
	background-color: transparent;
	color: #e80032;
	}

	
#navcontainer  #currentpage a{
	color: #fff;
	}
	
#navcontainer  #currentpage {
	background-color: transparent;
	}

#shantynl {
	width:110px;
	height: 120px;
	border-right: 10px;
	float:left;
	margin: 10px;
	padding:20px 20px 20px 0px;
	text-align:center;
}
#logo {
	width:135px;
	height: 135px;
	border-right: 10px;
	float:left;
	margin: 0px;
	padding:5px 10px 10px 0px;
	text-align:center;
}
#kerstkaart {
	width:150px;
	height: 180px;
	border-right: 10px;
	float:left;
	margin: 0px;
	padding:0px 20px 20px 0px;
	text-align:center;
}

#work {
	width:90px;
	height: 110px;
	border-right: 10px;
	float:left;
	margin: 0px;
	padding:10px 10px 10px 1px;
	text-align:center;
}
#work_2 {
	width:170px;
	height: 80px;
	border-right: 10px;
	float: left;
	margin: 0px;
	padding:10px 10px 10px 1px;
	text-align:center;
}
#work_3 {
	width:240px;
	height: 400px;
	border-right: 10px;
	float: left;
	margin: 0px;
	padding:10px 10px 10px 1px;
	text-align:center;
}
#work_4 {
	width:275px;
	height: 196px;
	border-right: 10px;
	float: left;
	margin: 0px;
	padding:10px 10px 10px 1px;
	text-align:center;
}

#wim {
	width:25px;
	height: 25px;
	margin: 0px;
	padding:5px 0px 5px 0px;
	text-align:right;
}
#youtube_ico {
	width:20px;
	height:20px;
	margin:0px;
	padding:0px 10px 0px 10px;
	float:right;
	border:0px;
}
#mp3_ico {
	width:16px;
	height:16px;
	margin:0px;
	padding:0px 10px 0px 10px;
	float:left;
	border:0px;
}

#vlag_oud {
	width:90px;
	height: 60px;
	margin: 0px;
	padding:20px 0px 0px 30px;
	text-align:right;
}
#vlag {
    position:absolute;
    top:0;
    left:0;
    width:90px;
    height: 60px;
    margin: 0px;
    padding:20px 0px 0px 30px;
    text-align:right;
    z-index:2;
}
#vlag_nw {
	position:relative;
	float:left;
	width:90px;
	height: 60px;
	margin: 0px;
	padding:20px 0px 0px 30px;
	text-align:right;
}
#tekoop {
	width:85px;
	height: 80px;
	border-right: 10px;
	float: none;
	margin: 0px;
	padding:0px 20px 0px 20px;
	text-align:center;
}
.banner {
	width:980px;
	height:250px;
}


/*-------------Agenda---------------------*/
.agenda-1 {
	width:120px;
}
.agenda-2 {
	width:120px;
}
.agenda-3 {
	width:260px;
}
.agenda-4 {
	width:120px;
}

/*-------------foto album---------------------*/
.papendrecht {
	width:150px;
	height:96px;
	float: left;
	border:0px;
	padding:5px 5px 5px 5px;
	margin:0px 10px 0px 0px;
	text-align:justify;
}
.vvhs {
	width:45px;
	height:47px;
	float: right;
	padding-left:5px;
	border:0px;
	margin:0px 10px 0px 0px;
	text-align:justify;
}
.ico {
	width:20px;
	height:20px;
	float: none;
	padding-left:0px;
	border:0px;
	margin:0px 10px 0px 10px;
	text-align:justify;
}
.willemalexander {
	position: relative;
	float: left;
	width:130px;
	height: 90px;
	margin: 0px;
	padding:0px 0px 0px 0px;
	text-align:justify;
}

#lichtkrant {
 	width:611px;
 	font-size: large;
	font-family:Georgia, Times New Roman, Times, serif;
	color: #e80032;
	margin-top:10px;
	height:28px;
	scrolldelay="200";
}
.loncke {
	width:60px;
	height:90px;
	float: right;
	border:0px;
	padding:5px 0px 5px 5px;
	margin:0px 10px 0px 0px;
	text-align:justify;
}

.feest {
	width:90px;
	height:120px;
	float: right;
	border:0px;
	padding:5px 0px 5px 5px;
	margin:0px 10px 0px 0px;
	text-align:justify;
}
.feest-l {
	width:90px;
	height:120px;
	float: left;
	border:0px;
	padding:5px 0px 5px 5px;
	margin:0px 10px 0px 0px;
	text-align:justify;
}
.rabologo {
	width:250px;
	height:250px;
	float: left;
	border:0px;
	padding:5px 0px 5px 5px;
	margin:0px 10px 0px 0px;
	text-align:justify;
}


/*-------------club van 100 ------------------*/
.clubgr {
	width:225px;
	height:60px;
	float: left;
	padding-right:10px;
	border:0px;
}
.clubbr {
	width:400px;
	height:60px;
	float: left;
	padding-right:10px;
	border:0px;
}

.clubkl {
	width:120px;
	height:40px;
	float: left;
	padding-right:10px;
	border:0px;
}
.clubvierkant {
	width:40px;
	height:40px;
	float: left;
	padding-right:10px;
	border:0px;
}
/*------------- Bestuur (Scheepsraad)  ------------------*/
.raad {
	position:relative;
	width:120px;
	height:125px;
	float: left;
	padding:20px 5px 0px 0px;
	border:0px;
}
.raadtable {
	position:relative;
	width:100px;
	height:130px;
	float: left;
	padding-right:10px;
	border:0px;
}
#table11 {
	width:611px;
	table-layout:auto;
}

/*-------------Links-------------*/

.links {
	position: relative;
	width:200px;
 	vertical-align:top;
}
	
/*-------------onderste navigatiemenu-------------*/

#footerpush{
height:33px;
}

#footer{
position:relative; 
height: 33px; 
width:980px;
background-color:#a0bcd8;
z-index:1;
}

#footermenu {
padding-left:210px;
}

#footermenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:center;
	}
#footermenu li{
	width:139px;
	height: 30px;
	float:left;
	background-color: #a0bcd8;
	margin: 0;
	padding:3px 0 0 0;
}
#footermenu a{
	color: #fff;
	font: normal 0.7em Tahoma,Verdana,sans-serif;
	text-decoration: none;
	letter-spacing:1px;	
}
#footermenu a:hover {
	background-color: transparent;
	color: #e80032;
	}
#footermenu  #current a{
	color: #e80032;
	}
#footermenu  #current {
	width:137px;
	background-color: #fff;
	border-left: 1px solid  #e80032;
	border-right: 1px solid  #e80032;
	}

/*-------------contact formulier-------------*/

div#contact_form{
position:relative;
float:left;
width:560px;
height:auto;
margin:20px auto 20px 0;
padding:20px 0 20px 20px;
/*background-color: #dbe8f4;*/
background-color:transparent;
}

table#formulier{ 
border-style:none;
border:0;
color:#19183c; 
line-height:20px;
text-align:left;
margin:0;
}

table#formulier td{ 
/*background-color: #dbe8f4;*/
background-color:transparent;
font:inherit;
color:#19183c; 
/*border-bottom: 1px solid  #a0bcd8;*/
text-align:left;
padding:2px 5px;
margin:0;
}

table#formulier td.top{ 
vertical-align:top;
}

table#formulier td.centreer{ 
text-align:center;
}

input{
background-color:#fff;
color:#19183c; 
font:inherit;
text-decoration:none;
border-style:none;
border:0;
padding:2px 5px;
}

input.knop{
/*background-color: #dbe8f4;*/
background-color:transparent;
color:#19183c; 
font:inherit;
text-decoration:underline;
border-style:none;
border:0;
padding:2px 5px;
margin:0;
cursor:pointer;
}

.veld{
background-color:#fff;
color:#19183c; 
font:inherit;
text-align:left;
border-left: 1px solid #a0bcd8;
text-decoration:none;
padding:2px 5px;
}