/* Feddrik Pol, Marganza: Het resultaat van Vorm & Functie
								Noordersingel 28
								9934 AL  Delfzijl
								T. +31(0)596 - 635 460
								F. +31(0)596 - 635 469
								E. info@marganza.nl
								I. www.marganza.nl
								The Netherlands */

body {
	background-image: url("/images/nautische_unie_bg.jpg");
	background-repeat: repeat-x;
	background-color: #536E82;
	margin: 0px;
}
a img{
	border:none;
}

#container{
	margin: 0 auto 0 auto;
	margin-top: 75px;
	width: 800px;
	height: 455px;
}

#topContainer{
	width: 800px;
	height: 110px;
}

#logo{
	background-image: url("/images/nautische_unie_logo.png");
	width: 186px;
	height: 43px;
	cursor: pointer;
	float: left;
	border-width: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nautische_unie_logo.png',sizingMethod='scale');
}

#nawEen {
	width: 185px;
	height: 100px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 18px;
  float: left;
}

#nawTwee {
	width: 185px;
	height: 100px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 18px;
  float: left;
}

#nawTwee a {
  color: #FFFFFF;
  text-decoration: none;
}

#nawTwee a:hover {
	color: #FFFFFF;
  text-decoration: underline;
}

#taalSwitch {
	width: 184px;
	height: 100px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 13px;
  font-weight: normal;
  text-align: right;
  color: #FFFFFF;
  float: left;
}

#taalSwitch a {
  color: #FFFFFF;
  text-decoration: underline;
}

#taalSwitch a:hover {
	color: #DCDDDE;
  text-decoration: underline;
}

#midContainer {
	width: 800px;
	height: 150px;
}

#beroepsvaart {
	background-image: url("/images/beroepsvaart.jpg");
	width: 185px;
	height: 150px;
	cursor: pointer;
	float: left;
	position: relative;
}

#watersport {
	background-image: url("/images/watersport.jpg");
	width: 185px;
	height: 150px;
	margin-left: 20px;
	cursor: pointer;
	float: left;
	position: relative;
}

#brandbeveiliging {
	background-image: url("/images/brandbeveiliging.jpg");
	width: 185px;
	height: 150px;
	margin-left: 20px;
	cursor: pointer;
	float: left;
	position: relative;
}

#werkplaatsService {
	background-image: url("/images/werkplaats_service.jpg");
	width: 185px;
	height: 150px;
	margin-left: 20px;
	cursor: pointer;
	float: left;
	position: relative;
}

#midLinksContainer {
	width: 800px;
	height: 150px;
}

#beroepsvaartLinks {
	background-image: url("/images/arrows.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #D3D2D2;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	width: 175px;
	height: 180px;
	padding: 3px;
	font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  line-height: 20px;
  overflow: hidden;
	float: left;
}

#beroepsvaartLinks a {
  color: #999999;
  text-decoration: none;
}

#beroepsvaartLinks a:hover {
	color: #6D6E71;
  text-decoration: none;
}

#watersportLinks {
	background-image: url("/images/arrows.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #D3D2D2;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	width: 175px;
	height: 180px;
	padding: 3px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  line-height: 20px;
  overflow: hidden;
	float: left;
}

#watersportLinks a {
  color: #999999;
  text-decoration: none;
}

#watersportLinks a:hover {
	color: #6D6E71;
  text-decoration: none;
}

#brandbeveiligingLinks {
	background-image: url("/images/arrows.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #D3D2D2;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	width: 175px;
	height: 180px;
	padding: 3px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  line-height: 20px;
  overflow: hidden;
	float: left;
}

#brandbeveiligingLinks a {
  color: #999999;
  text-decoration: none;
}

#brandbeveiligingLinks a:hover {
	color: #6D6E71;
  text-decoration: none;
}

#werkplaatsServiceLinks {
	background-image: url("/images/arrows.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #D3D2D2;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	width: 175px;
	height: 180px;
	padding: 3px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  line-height: 20px;
  overflow: hidden;
	float: left;
}

#werkplaatsServiceLinks a {
  color: #999999;
  text-decoration: none;
}

#werkplaatsServiceLinks a:hover {
	color: #6D6E71;
  text-decoration: none;
}

#nieuws {
	width: 185px;
	height: 15px;
	margin-top: 30px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
  color: #FFFFFF;
  float: left;
}

#itemEen {
	width: 185px;
	height: 15px;
	margin-top: 30px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  overflow: hidden;
  float: left;
}

#itemEen a {
  color: #FFFFFF;
  text-decoration: none;
}

#itemEen a:hover {
	color: #DCDDDE;
  text-decoration: none;
}

#itemTwee {
	width: 185px;
	height: 15px;
	margin-top: 30px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  overflow: hidden;
  float: left;
}

#itemTwee a {
  color: #FFFFFF;
  text-decoration: none;
}

#itemTwee a:hover {
	color: #DCDDDE;
  text-decoration: none;
}

#itemDrie {
	width: 185px;
	height: 15px;
	margin-top: 30px;
	margin-left: 20px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  overflow: hidden;
  float: left;
}

#itemDrie a {
  color: #FFFFFF;
  text-decoration: none;
}

#itemDrie a:hover {
	color: #DCDDDE;
  text-decoration: none;
}

p {
	margin-top: 13px;
	margin-bottom: 13px;
}

h1 a {
	font-family: Verdana, Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0px;
  padding-left: 4px;
  position: absolute;
  top: 127px;
}

h2 a {
	font-family: Verdana, Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0px;
  padding-left: 4px;
  position: absolute;
  top: 127px;
}

h3 a {
	font-family: Verdana, Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0px;
  padding-left: 4px;
  position: absolute;
  top: 127px;
}

h4 a {
	font-family: Verdana, Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0px;
  padding-left: 4px;
  position: absolute;
  top: 127px;
}

#news {
    margin-top: 60px;
    width: 796px;
    background-color: #D3D2D2;
    border: 2px solid #FFFFFF;
    font-family: verdana, arial;
    color: #000000;
    line-height: 18px;
    font-size: 11px;
    padding-bottom: 0px;
	overflow: auto;
}

#news .left {
    margin: 5px;
    float: left;
    width: 400px;
}

#news .left strong {
    font-size: 14px;
}

#news .right {
    margin: 5px;        
    float: right;
}
#news .right #logootjes{
	width:310px;
	height:75px;
	margin-top:5px;
	background-image:url(../images/logootjes.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#fff;
}

#news .right a {
    font-weight: bold;
}

#news a {
    color: #000000;
    text-decoration: none;
}

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