body
{
background-color: #FFF;
position: relative;
margin: 0;
padding: 0;
font-family: Gill Sans MT, Arial;
font-size: 100%;
}

a
{
  outline: none;
}

#index_wrapper
{
margin: 0 auto;
width: 600px;
height: 530px;
background: url(gfx/index_leftbar.gif) no-repeat;
position: relative;
}

#index_content
{
margin-top: 136px;
padding-left: 182px;
font-size: 80%;
line-height: 1.3em;
float: left;
}

#index_content p
{
margin-top: 45px;
text-align: center;
}

#index_footer
{
position: absolute;
top: 424px;
left: 180px;
text-align: center;
width: 415px;
}

#index_footer i
{
font-style: normal;
color: #ce1141;
margin-left: 8px;
margin-right: 8px;
}


#index_footer a
{
color: #000;
text-decoration: none;
}

#index_footer img
{
border: 0;
margin-top: 10px;
}

#wrapper
{
margin: 0 auto;
width: 980px;
}

#menu
{
margin: 0 auto;
width: 636px;
}


.topmenu
{
width: 653px;
height: 500px;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}

.topmenu li
{
float: left;
}

.topmenu li a
{
display: block;
width: 309px;
height: 228px;
text-decoration: none;
}

.topmenu li a#topmenu3
{
display: block;
width: 309px;
height: 226px;
text-decoration: none;
}

.topmenu li a#topmenu4
{
display: block;
width: 309px;
height: 226px;
text-decoration: none;
}

.topmenu li a span
{
visibility: hidden;
}

.submenu li a span
{
visibility: visible;
} 

.subsubmenu li a span
{
visibility: visible;
} 

#topmenu1
{
background-image: url(gfx/hoofdmenu_scheepvaart.jpg);
margin-right: 35px;
margin-bottom: 46px;
}

#topmenu2
{
background-image: url(gfx/hoofdmenu_utiliteit.jpg);

}

#topmenu3
{
position: absolute;
top: 264px;
left: 0;
background-image: url(gfx/hoofdmenu_vacatures.jpg);.
}

#topmenu4
{
position: absolute;
top: 264px;
right: 0;
background-image: url(gfx/hoofdmenu_contact.jpg);
}

.topmenu li a:hover, .topmenu li a:active 
{
background-position: 0 -229px;
}

.topmenu li a:hover#topmenu3, .topmenu li a:active#topmenu3 
{
background-position: 0 -226px;
}

.topmenu li a:hover#topmenu4, .topmenu li a:active#topmenu4 
{
background-position: 0 -226px;
}


#wrapper_scheepvaart
{
margin: 0;
width: 970px;
}

#wrapper_scheepvaart #page_left
{
float: left;
width: 606px;
}

#wrapper_scheepvaart #page_right
{
float: right;
margin-right: 50px;
}

* html #wrapper_scheepvaart #page_right
{
margin-right: 25px;
}

#page_scheepvaart
{
display: block;
width: 970px;
height: 460px;
background: url(gfx/scheepvaart_page_bg.jpg) no-repeat;
position: relative;
}

#page_scheepvaart_corner
{
position: absolute;
top: 286px;
left: 511px;
z-index: 1000;
}


#wrapper_utiliteit
{
float: right;
margin: 0;
width: 970px;
}

#wrapper_utiliteit #page_left
{
float: left;
width: 206px;
padding-left: 152px;
}

#wrapper_utiliteit #page_right
{
float: right;
width: 606px;
}

#page_utiliteit
{
display: block;
width: 970px;
height: 460px;
background: url(gfx/utiliteit_page_bg.jpg) no-repeat;
position: relative;
}

#page_utiliteit_corner
{
position: absolute;
top: 286px;
right: 507px;
z-index: 1000;
}

* html #page_utiliteit_corner
{
top: 277px;
left: -2px;
}

#page_image
{
display: block;
width: 502px;
height: 366px;
margin-bottom: -1px;
}


#page_image img
{

}

#page_scheepvaart #page_image
{
margin-top: 10px;
margin-left: 103px;
float: left;
}

* html #page_scheepvaart #page_image
{
margin-left: 52px;
}

* html #page_scheepvaart #page_image img
{

}

#page_utiliteit #page_image
{
margin-top: 10px;
margin-right: 99px;
float: right;
}

* html #page_utiliteit #page_image
{
margin: 0;
position: absolute;
top: 10px;
left: 370px;
}

#page_scheepvaart #page_images
{
display: block;
margin-top: 10px;
margin-left: 103px;
float: left;
}

#page_utiliteit #page_images
{
display: block;
margin-top: 10px;
margin-right: 97px;
float: left;
}

#page_utiliteit #page_images
{
margin-left: 5px;
}

* html #page_scheepvaart #page_images
{
margin-left: 52px;
}

* html #page_utiliteit #page_images
{
margin: 0;
position: absolute;
top: 10px;
left: 370px;
}

#page_image_utiliteit
{
position: relative;
float: left;
}

#page_images ul
{
width: 504px;
height: 365px;
margin: 0;
padding: 0;
list-style: none;
float: left;
}

#page_images ul li
{
float: left;
white-space: nowrap;
}

#page_images ul li a
{
display: block;
width: 168px;
height: 122px;
margin: 0;
padding: 0;
margin-right: -1px;
}

#page_images ul li#pontveren a
{
background-image: url(gfx/scheepvaart_pontveren_btn.gif);
}

#page_images ul li#beunschepen a
{
background-image: url(gfx/scheepvaart_beunschepen_btn.gif);
}

#page_images ul li#passagiersschepen a
{
background-image: url(gfx/scheepvaart_passagiersschepen_btn.gif);
}

#page_images ul li#motorvrachtschepen a
{
background-image: url(gfx/scheepvaart_motorvrachtschepen_btn.gif);
}

#page_images ul li#jachten a
{
background-image: url(gfx/scheepvaart_jachten_btn.gif);
}

#page_images ul li#kleinebedrijfsvaartuigen a
{
background-image: url(gfx/scheepvaart_kleinebedrijfsvaartuigen_btn.gif);
}

#page_images ul li#hotelschepen a
{
background-image: url(gfx/scheepvaart_hotelschepen_btn.gif);
}

#page_images ul li#tankschepen a
{
background-image: url(gfx/scheepvaart_tankschepen_btn.gif);
}

#page_images ul li#bekijkdefilm a
{
background-image: url(gfx/scheepvaart_bekijkdefilm_btn.gif);
}

#page_images ul li#appartementen a
{
background-image: url(gfx/utiliteit_appartementen_btn.gif);
}

#page_images ul li#kantoren a
{
background-image: url(gfx/utiliteit_kantoren_btn.gif);
}

#page_images ul li#verzorgingshuizen a
{
background-image: url(gfx/utiliteit_verzorgingshuizen_btn.gif);
}

#page_images ul li#luxewoningbouw a
{
background-image: url(gfx/utiliteit_luxewoningbouw_btn.gif);
}

#page_images ul li#overheidsgebouwen a
{
background-image: url(gfx/utiliteit_overheidsgebouwen_btn.gif);
}

#page_images ul li#industrie a
{
background-image: url(gfx/utiliteit_industrie_btn.gif);
}

#page_images ul li#scholen a
{
background-image: url(gfx/utiliteit_scholen_btn.gif);
}

#page_images ul li#winkels a
{
background-image: url(gfx/utiliteit_winkels_btn.gif);
}

#page_images ul li#restaurants a
{
background-image: url(gfx/utiliteit_restaurants_btn.gif);
}


#page_images ul li a:hover, #page_images ul li a:active 
{
background-position: 0 -122px;
}

#page_images ul li a img
{
display: block;
width: 168px;
height: 122px;
border: 0;
}

#page_scheepvaart #page_title
{
float: left;
width: 300px;
margin-left: 120px;
margin-top: 3px;
position: relative;
font-size: 8pt;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
}

* html #page_scheepvaart #page_title
{
margin-left: 60px;
}

#page_utiliteit #page_title
{
position: absolute;
top: 375px;
left: 436px;
width: 130px;
margin-left: 120px;
margin-top: 3px;
font-size: 8pt;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
text-align: right;
}

* html #page_utiliteit #page_title
{
position: absolute;
top: 365px;
left: 68px;
}

#page_title div
{
position: absolute;
top: 0;
left: 0;
background: #FFF;
width: 300px;
visibility: hidden;
}

#page_title #div0
{
visibility: visible;
}

#page_scheepvaart #page_title_nav
{
float: left;
width: 300px;
margin-left: 116px;
margin-top: 1px;
position: relative;
font-size:8pt;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
display: none;
}

* html #page_scheepvaart #page_title_nav
{
margin-left: 58px;
margin-top: -2px;
}

#page_utiliteit #page_title_nav
{
float: left;
width: 380px;
margin-left: 116px;
margin-top: 1px;
position: relative;
font-size:8pt;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
}

html>/**/body #page_title_nav #div0
{
margin-top: 2px;
}

* html #page_utiliteit #page_title_nav
{
position: absolute;
top: 464px;
left: 420px;
}


#title_right
{
float: right;
}

* html #page_utiliteit #page_title_nav
{
margin-left: 58px;
}


#page_title_nav #div0 img
{
MARGIN: 0px;
margin-top: 2px;
VERTICAL-ALIGN: middle;
border: 0;
}

html>/**/body #page_title_nav #div0 img
{
margin-top: -2px;
}

#pijl_links
{
margin-right: 7px;
}

#pijl_rechts
{
margin-left: 7px;
}

#menu_scheepvaart
{
float: left;
display: block;
width: 605px;
height: 53px;
}

#menu_scheepvaart ul.rootmenu
{
margin: 0;
padding: 0;
list-style: none;
margin-top: 20px;
margin-left: 97px;
}

#menu_utiliteit
{
float: right;
display: block;
width: 563px;
height: 53px;

}

#menu_utiliteit ul.rootmenu
{
margin: 0;
padding: 0;
list-style: none;
margin-top: 20px;
margin-right: 0px;
}

#menu_vacatures
{
float: left;
display: block;
width: 605px;
height: 53px;
}

#menu_vacatures ul.rootmenu
{
margin: 0;
padding: 0;
list-style: none;
margin-top: 20px;
margin-left: 97px;
}

#menu_contact
{
float: right;
display: block;
width: 510px;
height: 53px;

}

#menu_contact ul.rootmenu
{
margin: 0;
padding: 0;
list-style: none;
margin-top: 20px;
margin-right: 0px;
}

ul.rootmenu li
{
float: left;
font-size: 8pt;
font-weight: bold;
color: #000;
margin-left: 5px;
margin-right: 5px;
text-transform: uppercase;
}

ul.rootmenu li a
{
font-size: 9pt;
text-decoration: none;
color: #000;
}

ul.rootmenu li a:hover, ul.rootmenu li a:active, ul.rootmenu li a.current 
{
color: #ce1141;
}

#text
{
width: 166px;
color: #000;
margin-top: 6px;
margin-right: 100px;
font-size: 70%;
line-height: 1.3em;
}

#text h2
{
margin-bottom: 0px;
padding-top: 0;
padding-bottom: 2px;
font-size: 100%;
font-weight: normal;
background: url(gfx/text_border.gif) 0 100% no-repeat;
}

#text ul
{
padding: 0;
margin: 0;
padding-left: 16px;
}

html>/**/body #text ul
{
padding-left: 14px;
}

#text img
{
float: clear;
}


ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#fade-example-1 li,#fade-example-2 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 502px;
	height: 366px;
	background-color: #FFF;
	visibility: hidden;
	
}

* html #fade-example-1 li, * html #fade-example-2 li
{
margin-left: -1px;

}

ul.crossfade li img {
	display: block;

}


.caption {
	clear: both;
	padding: 0;
	font-size:8pt;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
margin-top: 2px;
margin-left: 19px;
}
.example {
	position: relative;
	background-color:#F2F2F2;
	padding:0;
	margin: 0;
	width: 202px;
	height: 20px;
}
.example-r {
	position: relative;
	background-color:#F2F2F2;
	padding:0;
	width: 502px;
	margin: 0;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
.control {
	position: relative;
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;

}
#fade-example-1-next {
	top: 362px;
	left: 368px;
		width: 5px;
	height: 10px;
}

#fade-example-1-next img
{
width: 5px;
height: 10px;

}

#fade-example-1-previous {
	top: 362px;
	left: 4px;
	width: 5px;
	height: 10px;

}

#controls img
{
	padding-top: 2px;
	padding-right: 4px;

	padding-left: 4px;

}

* html #controls img
{
	width: 5px;
	height: 10px;


}


html>/**/body #fade-example-1-next 
{
top: 346px;
}

html>/**/body #fade-example-1-previous  
{
top: 346px;
}

.caption
{
position: absolute;
}

#page_utiliteit #fade-example-1-previous 
{
	top: 362px;
	left: 104px;
}

#page_utiliteit #fade-example-1-next  
{
	top: 362px;
	left: 468px;
}

html>/**/body #page_utiliteit #fade-example-1-next 
{
top: 346px;
}

html>/**/body #page_utiliteit #fade-example-1-previous  
{
top: 346px;
}


#page_utiliteit .caption {
	clear: both;
	padding: 0;
	font-size:8pt;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
margin-top: 2px;
right: 19px;
}

#menu_vacatures
{
position: absolute;
top: 0;
left: 0;
}

#wrapper_vacatures
{
margin: 0;
width: 970px;
margin-top: 54px;
position: absolute;
top: 0;
left: 1px;
}

#wrapper_vacatures #page_right
{
float: right;
}

#page_vacatures
{
display: block;
width: 970px;
height: 461px;
background: url(gfx/vacatures_page_bg.jpg) no-repeat;
position: relative;

}

#page_vacatures #page_left
{
position: relative;
margin-top: 100px;
margin-left: 104px;
width: 409px;
float: left;
background: url(gfx/vacatures_page_left_bg.gif) 0 20px repeat-y;
}

* html #page_vacatures #page_left
{
margin-left: 52px;
}


#page_vacatures #page_title
{
position: absolute;
top: -17px;
left: 78px;
font-size: 8pt;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
}

#page_vacatures #page_text
{
margin-left: 78px;
width: 270px;
padding-top: 14px;
font-size: 70%;
line-height: 1em;
padding-bottom: 2px;
height: 318px;
}

* html #page_vacatures #page_text
{
height: 296px;
}

#page_vacatures #page_text a
{
text-decoration: none;
}

#page_vacatures #page_text a:link, #page_vacatures #page_text a:visited 
{
color: #000;
}

#page_vacatures #page_text a:hover, #page_vacatures #page_text a:active 
{
color: red;
}

#page_vacatures #page_text a img
{
margin-top: 2px;
border: 0;
}

#page_vacatures #page_text_right
{
position: absolute;
top: 100px;
left: 104px;
margin-left: 426px;
width: 323px;
padding-top: 14px;
padding-left: 30px;
font-size: 70%;
line-height: 1em;
padding-bottom: 2px;
height: 318px;
background: #FFF;
border-top: solid 2px #000;
background: url(gfx/vacatures_page_right_bg.gif) 0 20px repeat-y;
}

#vacatures_response
{
display: block;
width: 353px;
height: 54px;
background: #fff url(gfx/vacatures_response.gif) no-repeat;
position: absolute;
bottom: 25px;
left: 530px;
font-size: 8pt;
line-height: 1em;
}

* html #vacatures_response
{
position: absolute;
bottom: 14px;
z-index: 2000;
}

#vacatures_response_tekst
{
padding-top: 15px;
padding-left: 70px;
padding-bottom: 2px;
}

#vacatures_response_tekst a:link, #vacatures_response_tekst a:visited, #vacatures_response_tekst a:hover, #vacatures_response_tekst a:active 
{
color: #000;
text-decoration: underline;

}

#page_vacatures #page_footer
{
display: block;
float: left;
width: 409px;
height: 2px;
background: url(gfx/vacatures_page_footer_bg.gif) 0 100% no-repeat;
}

#wrapper_contact
{
margin: 0;
width: 970px;
margin-top: 54px;
position: absolute;
top: 0;
right: 1px;
}

#wrapper_contact #page_right
{
float: right;
}

#page_contact
{
display: block;
width: 970px;
height: 461px;
background: url(gfx/contact_page_bg.jpg) no-repeat;
position: relative;
}

#contact_adress
{
display: block;
width: 409px;
height: 48px;
font-size: 10pt;
text-align: center;
position: absolute;
top: 70px;
right: 94px;
border-bottom: solid 2px #000;
}

* html #contact_adress
{
right: 93px;
}


#contact_adress a
{
color: #000;
text-decoration: none;
}

#page_contact textarea,  #page_contact input 
{
font-family: Arial;
font-size: 9pt;
}

html>/**/body #page_contact textarea
{
width: 353px;
}

#page_contact input.btn
{
cursor: pointer;
}

#page_contact #page_left
{
position: relative;
margin-top: 120px;
margin-left: 467px;
width: 409px;
float: left;
background: url(gfx/vacatures_page_left_bg.gif) 0 20px repeat-y;
}

* html #page_contact #page_left
{
margin-left: 234px;
}

#page_contact #page_title
{
position: absolute;
top: -17px;
left: 78px;
font-size: 8pt;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
}

#page_contact #page_text
{
margin-left: 25px;
width: 360px;
padding-top: 24px;
padding-bottom: 2px;
font-size: 80%;
line-height: 1em;
}

html>/**/body #page_contact #page_text
{
padding-top: 14px;
}

html>/**/body #page_contact #page_text form
{
margin-bottom: 8px;
} 


#page_contact #page_text a
{
color: #000;
text-decoration: none;
}

#page_contact #page_text a img
{
margin-top: 2px;
border: 0;
}

#page_contact #page_footer
{
display: block;
width: 409px;
height: 2px;
background: url(gfx/vacatures_page_footer_bg.gif) no-repeat;
}

* html #page_contact #page_footer
{
margin-bottom: -21px;
}

#flash object
{
margin-top: 100px;
margin-left: 150px;
}

html>/**/body #flash
{
padding-top: 100px;
}