html, body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font: 11px Arial;
  color: #000;
  line-height: 12pt;
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 675px;
  background: #fff;
	/* IE only, sadly breaking validation, but all in the name of good looks ;) */
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#F5F6FA;
	scrollbar-face-color:#F5F6FA;
	scrollbar-shadow-color: #666464;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #F5F6FA;
	scrollbar-darkshadow-color: #F5F6FA;
	scrollbar-track-color: #F5F6FA;
}

/**********************************/
/*             Elements           */
/**********************************/

p, div, span, table, ul, li {
  font: 11px Arial;
  color: #000;
}

li {
  margin-top: 4px;
}

p {
  margin: 0px 0px 10px 0px;
  line-height: 12pt;
}

h1 {
	font: 16pt Arial;
  color: #fff;
  margin: 0pt 0pt 5pt 0pt;
  padding: 0;
}

h2 {
  font: 14pt Arial;
  color: #fff;
  margin: 0pt 0pt 12pt 0pt;
  padding: 0;
}

h3 {
  font: 12pt Arial;
  color: #fff;
  margin: 0pt 0pt 12pt 0pt;
  padding: 0;
}

h4 {
  font: 10pt Arial;
  font-weight: bold;
  color: #fff;
  margin: 10pt 0pt 6pt 0pt;
  padding: 0;
}

hr {
  width: 100%;
  border: none;
  color: #fff;
  background-color: #fff;
  height: 1px;
}

table {
  vertical-align: middle;
  empty-cells: show;
}

thead {
  width: 100%;
  background: #F1F3F5;
  height: 20px;
  text-indent: 5px;
  font-weight: bold;
  color: #fff;
}

a, a:link, a:hover, a:active, a:visited {
  color: #3D56A6;
  text-decoration: underline;
}

a:hover { text-decoration: underline; }

a:active { color: #EE2124; }

img {
  border: none;
  padding: 0;
  margin: 0;
}

form {
  margin: 0;
}

input {
	border: 1px solid #fff; 
  height: 20px;
  margin: 0;
  padding: 0;
  font: 11px Arial;
  background: #fff;
  color: #3D56A6 !important;
}

input[type=checkbox] {
	border: none;
  height: 13px;
  width: 13px;
  text-align: center;
  vertical-align: middle;
}

input[type=text] {
  border: 1px solid #363636;
  height: 18px;
  margin: 5px 0px 0px 0px;
  padding: 0;
  width: 100%;
  text-indent: 3px;
}

input[type=password] {
  border: 1px solid #363636; 
  height: 18px;
  margin: 5px 0px 0px 0px;
  padding: 0;
  width: 100%;
}

input[type=submit] {
  border: 1px solid #363636; 
  height: 18px;
  margin: 5px 0px 0px 0px;
  padding: 0;
  width: 100%;
}

input.text {
  border: 1px solid #363636; 
    height: 18px;
    padding: 1px;
    width: 75%;
  text-indent: 3px;
}

input.password {
    border: 1px solid #363636; 
    height: 18px;
    margin: 5px 0px 0px 0px;
    padding: 0;
    width: 75%;
}

input.submit {
	border: 1px solid #fff; 
}

input.radio {
    border: 1px solid #363636; 
    height: 18px;
    padding: 1px;
    width: 20px
}

textarea {
    border: 1px solid #363636; 
    color: #000;
    padding: 0;
    font: 10pt Tahoma;
}

select {  
    border: 1px solid #363636; 
    font-size: 10px;
    color: #000;   
    padding: 2px;
}

/**********************************/
/*               IDs              */
/**********************************/

#skip_navigation {
  position: absolute;
  visibility: hidden;
  display: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#container {
	position: relative;
	top: 50%;
	left: 50%;
  width: 678px;
  height: 545px;
	margin: -272px 0px 0px -339px;
	padding: 0;
	background: #fff;
	border: 1px solid #666464;
}

#oudeseylmakerij {
	position: relative;
	left: 4px;
	top: 4px;
  width: 670px;
	margin: 0;
	padding: 0;
}

#content_home, #content_casualwear, #content_sailingwear, #content_boatequipment, #content_homedecoration, #content_history, #content_openingtimes, #content_route, #content_contact, #content_klantenkaart, #content_aanbiedingen {
  position:absolute;
  left:136px;
  top:272px;
  width:400px;
  height:265px;
  color: #fff;
}

#content_home, 
#content_casualwear, 
#content_sailingwear, 
#content_boatequipment, 
#content_homedecoration, 
#content_history, 
#content_openingtimes, 
#content_route, 
#content_contact, 
#content_klantenkaart, 
#content_aanbiedingen {
  background: #00B2FF url('../images/content_bg.jpg') repeat top left;
}

#content_inner, #content_inner_top {
  margin: 50px 15px 15px 15px;
  height: 200px;
  color: #fff;
  overflow-y: auto;
}

#content_inner_top {
  margin: 10px 15px 10px 15px;
  height: 245px;
}

#content_inner *, #content_inner_top * {
  color: #fff;
}

#top_home, #top_casualwear, #top_sailingwear, #top_boatequipment, #top_homedecoration, #top_history, #top_openingtimes, #top_route, #top_contact, #top_klantenkaart, #top_aanbiedingen {
  position:absolute;
  left:0px;
  top:0px;
  width:670px;
  height:271px;
}

#top_home { background: transparent url('../images/sailingwear/top_bg.png') no-repeat top left; }
#top_casualwear { background: transparent url('../images/casualwear/top_bg.png') no-repeat top left; }
#top_sailingwear { background: transparent url('../images/sailingwear/top_bg.png') no-repeat top left; }
#top_boatequipment { background: transparent url('../images/boatequipment/top_bg.png') no-repeat top left; }
#top_homedecoration { background: transparent url('../images/homedecoration/top_bg.png') no-repeat top left; }
#top_history { background: transparent url('../images/history/top_bg.png') no-repeat top left; }
#top_openingtimes { background: transparent url('../images/openingtimes/top_bg.png') no-repeat top left; }
#top_route { background: transparent url('../images/route/top_bg.png') no-repeat top left; }
#top_contact { background: transparent url('../images/contact/top_bg.png') no-repeat top left; }
#top_klantenkaart { background: transparent url('../images/klantenkaart/top_bg.png') no-repeat top left; }
#top_aanbiedingen { background: transparent url('../images/boatequipment/top_bg.png') no-repeat top left; }

#klantenkaart {
  position:absolute;
  left:536px;
  top:117px;
  width:134px;
  height:74px;
}

#newsletter {
  position:absolute;
  left:536px;
  top:191px;
  width:134px;
  height:80px;
  background: #F7F0EF;
  text-align: center;
}

#newsletter_heading {
  position:relative;
  left: 1px;
  top:4px;
  width:121px;
  height:25px;
}

#newsletter_form {
	margin: 0px 5px 10px 6px;
  background: #F5F5B8 url('../images/nieuwsbrief_bg_5px.png') repeat top left;
  width: 121px;
  height: 49px;
}

#newsletter_email {
	position: relative;
	top: 0px;
	width: 112px;
	height: 15px;
	margin: 5px 0px 0px 0px;
	padding: 0;
	border: 1px solid #BDBDBA;
}

#newsletter_submit {
	position: relative;
	margin: 2px 0px 0px 55px;
	color: #BDBDBA;
}
#newsletter_tekst {
	position: relative;
	margin: 8px 0px 0px 8px;
	color: #BDBDBA;
  text-align: left;
}

#newsletter_submit a, #newsletter_submit a:link, #newsletter_submit a:hover, #newsletter_submit a:active, #newsletter_submit a:visited, 
#newsletter_tekst a, #newsletter_tekst a:link, #newsletter_tekst a:hover, #newsletter_tekst a:active, #newsletter_tekst a:visited {
	color: #8C8C87;
	text-decoration: none;
}

#newsletter_submit a:hover { text-decoration: underline; }

#plane_lt {
  position:absolute;
  left:0px;
  top:272px;
  width:135px;
  height:132px;
}

#plane_rt {
  position:absolute;
  left:537px;
  top:272px;
  width:133px;
  height:132px;
}

#plane_lb {
  position:absolute;
  left:0px;
  top:405px;
  width:135px;
  height:132px;
}

#plane_rm {
  position:absolute;
  left:537px;
  top:405px;
  width:133px;
  height:44px;
}

#plane_rb {
  position:absolute;
  left:537px;
  top:449px;
  width:133px;
  height:88px;
}

#plane_rb_aanbiedingen {
  position:absolute;
  left:537px;
  top:405px;
  width:133px;
  height:132px;
}

#menu_home, #menu_casualwear, #menu_sailingwear, #menu_boatequipment, #menu_homedecoration, #menu_history, #menu_openingtimes, #menu_route, #menu_contact, #menu_klantenkaart, #menu_aanbiedingen {
	position: absolute;
  left:135px;
  top:138px;
	width: 135px;
	height: 133px;
	margin: 0;
	padding: 0;
  z-index: 500;
}

#menu_home { background: url('../images/home/menu_background.png') no-repeat top left; }
#menu_casualwear { background: url('../images/casualwear/menu_background.png') no-repeat top left; }
#menu_sailingwear { background: url('../images/sailingwear/menu_background.png') no-repeat top left; }
#menu_boatequipment { background: url('../images/boatequipment/menu_background.png') no-repeat top left; }
#menu_homedecoration { background: url('../images/homedecoration/menu_background.png') no-repeat top left; }
#menu_history { background: url('../images/history/menu_background.png') no-repeat top left; }
#menu_openingtimes { background: url('../images/openingtimes/menu_background.png') no-repeat top left; }
#menu_route { background: url('../images/route/menu_background.png') no-repeat top left; }
#menu_contact { background: url('../images/contact/menu_background.png') no-repeat top left; }
#menu_aanbiedingen { background: url('../images/aanbiedingen/menu_background.png') no-repeat top left; }
#menu_klantenkaart { 
  position:absolute;
  left:135px;
  top:253px;
  width: 135px;
  height:18px;
	background: #00B2FF; 
}

#menu_klantenkaart {
	height: 18px;
}

#menu_home li, #menu_casualwear li, #menu_sailingwear li, #menu_boatequipment li, #menu_homedecoration li, #menu_history li, #menu_openingtimes li, #menu_route li, #menu_contact li, #menu_klantenkaart li, #menu_aanbiedingen li {
	width: 120px;
	list-style-type: none;
  font: 11px Arial;
  color: #00B2FF;
  font-weight: bold;
  margin: 0;
  padding: 1px 0px 0px 15px;
  height: 15px;
}

#menu_home li a, #menu_home li a:link, #menu_home li a:hover, #menu_home li a:active, #menu_home li a:visited { color: #00B2FF; text-decoration: none; }
#menu_casualwear li a, #menu_casualwear li a:link, #menu_casualwear li a:hover, #menu_casualwear li a:active, #menu_casualwear li a:visited { color: #00B2FF; text-decoration: none; }
#menu_sailingwear li a, #menu_sailingwear li a:link, #menu_sailingwear li a:hover, #menu_sailingwear li a:active, #menu_sailingwear li a:visited { color: #F26F19; text-decoration: none; }
#menu_boatequipment li a, #menu_boatequipment li a:link, #menu_boatequipment li a:hover, #menu_boatequipment li a:active, #menu_boatequipment li a:visited { color: #00B2FF; text-decoration: none; }
#menu_homedecoration li a, #menu_homedecoration li a:link, #menu_homedecoration li a:hover, #menu_homedecoration li a:active, #menu_homedecoration li a:visited { color: #00B2FF; text-decoration: none; }
#menu_history li a, #menu_history li a:link, #menu_history li a:hover, #menu_history li a:active, #menu_history li a:visited { color: #E72862; text-decoration: none; }
#menu_openingtimes li a, #menu_openingtimes li a:link, #menu_openingtimes li a:hover, #menu_openingtimes li a:active, #menu_openingtimes li a:visited { color: #00B2FF; text-decoration: none; }
#menu_route li a, #menu_route li a:link, #menu_route li a:hover, #menu_route li a:active, #menu_route li a:visited { color: #E72862; text-decoration: none; }
#menu_contact li a, #menu_contact li a:link, #menu_contact li a:hover, #menu_contact li a:active, #menu_contact li a:visited { color: #9CD909; text-decoration: none; }
#menu_klantenkaart li a, #menu_klantenkaart li a:link, #menu_klantenkaart li a:hover, #menu_klantenkaart li a:active, #menu_klantenkaart li a:visited { color: #00B2FF; text-decoration: none; }
#menu_aanbiedingen li a, #menu_aanbiedingen li a:link, #menu_aanbiedingen li a:hover, #menu_aanbiedingen li a:active, #menu_aanbiedingen li a:visited { color: #00B2FF; text-decoration: none; }

#menu_home li a:hover, #menu_casualwear li a:hover, #menu_sailingwear li a:hover, #menu_boatequipment li a:hover, #menu_homedecoration li a:hover, #menu_history li a:hover, #menu_openingtimes li a:hover, #menu_route li a:hover, #menu_contact li a:hover, #menu_klantenkaart li a:hover, #menu_aanbiedingen li a:hover {
	text-decoration: underline;
}

#menu_casualwear li.active, #menu_casualwear li.active a, #menu_casualwear li.active a:link, #menu_casualwear li.active a:hover, #menu_casualwear li.active a:active, #menu_casualwear li.active a:visited {
	background: #E72862;
	color: #fff;
}

#menu_sailingwear li.active, #menu_sailingwear li.active a, #menu_sailingwear li.active a:link, #menu_sailingwear li.active a:hover, #menu_sailingwear li.active a:active, #menu_sailingwear li.active a:visited {
	background: #9CD909;
	color: #fff;
}

#menu_boatequipment li.active, #menu_boatequipment li.active a, #menu_boatequipment li.active a:link, #menu_boatequipment li.active a:hover, #menu_boatequipment li.active a:active, #menu_boatequipment li.active a:visited {
	background: #F26F19;
	color: #fff;
}

#menu_homedecoration li.active, #menu_homedecoration li.active a, #menu_homedecoration li.active a:link, #menu_homedecoration li.active a:hover, #menu_homedecoration li.active a:active, #menu_homedecoration li.active a:visited {
	background: #E72862;
	color: #fff;
}

#menu_history li.active, #menu_history li.active a, #menu_history li.active a:link, #menu_history li.active a:hover, #menu_history li.active a:active, #menu_history li.active a:visited {
	background: #9CD909;
	color: #fff;
}

#menu_openingtimes li.active, #menu_openingtimes li.active a, #menu_openingtimes li.active a:link, #menu_openingtimes li.active a:hover, #menu_openingtimes li.active a:active, #menu_openingtimes li.active a:visited {
	background: #9CD909;
	color: #fff;
}

#menu_route li.active, #menu_route li.active a, #menu_route li.active a:link, #menu_route li.active a:hover, #menu_route li.active a:active, #menu_route li.active a:visited {
	background: #9CD909;
	color: #fff;
}

#menu_contact li.active, #menu_contact li.active a, #menu_contact li.active a:link, #menu_contact li.active a:hover, #menu_contact li.active a:active, #menu_contact li.active a:visited {
	background: #E93B70;
	color: #fff;
}

#menu_klantenkaart li.active, #menu_klantenkaart li.active a, #menu_klantenkaart li.active a:link, #menu_klantenkaart li.active a:hover, #menu_klantenkaart li.active a:active, #menu_klantenkaart li.active a:visited {
	background: #00B2FF;
	color: #fff;
}

#menu_aanbiedingen li.active, #menu_aanbiedingen li.active a, #menu_aanbiedingen li.active a:link, #menu_aanbiedingen li.active a:hover, #menu_aanbiedingen li.active a:active, #menu_aanbiedingen li.active a:visited {
	background: #E72862;
	color: #fff;
}

#contact_form {
	margin: 0;
	padding: 0;
  width: 370px;
}

#contact_form table {
	margin:0;
	padding: 0;
	width: 100%;
}

#contact_form table tr, #contact_form td {
	height: 9px;
	margin: 0;
	padding: 0;
}

#contact_form .col1 {
  width: 130px;
	font-weight: bold;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#contact_form .col2 {
	margin: 0;
	padding: 0;
  width: 240px;
}

#contact_form .col2 input {
  width: 230px;
  height: 14px;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  margin: 3px 0px 0px 0px;
  padding: 0;
}

#contact_form .col2 .inputradio {
  width: 12px;
  color: #fff;
  background: transparent;
  border: none;
}

#contact_form .col2 textarea {
  width: 230px;
  height: 35px;
  color: #fff;
  background: transparent;
  font: 11px Arial;
  border: 1px solid #fff;
  margin: 3px 0px 0px 0px;
}

#contact_form .col2 .submit, #contact_form .col2 .reset {
  width: 112px;
  height: 17px;
  font: 10px Arial;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
}

#contact_form .col2 table.gender {
	margin: 0;
	padding: 0;
  width: 120px;
}

#contact_form .col2 td.gender1 {
	margin: 0;
	padding: 0;
  width: 40px;
  vertical-align: bottom;
}

#contact_form .col2 td.gender2 {
	margin: 0;
	padding: 0;
  width: 20px;
  vertical-align: top;
}

#tassen {
  position:absolute;
  left:290px;
  top:158px;
  width:231px;
  height:154px;
  z-index: 10;
}

/**********************************/
/*             Classes            */
/**********************************/

.page_description {
  position: absolute;
  visibility: hidden;
  display: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

h1.actie {
	font: 22pt Arial;
	font-weight: bold;
  color: #fff;
  margin: 0pt 0pt 12pt 0pt;
  padding: 0;
}