/* 	Marganza. Internet, vormgeving en automatisering.
		Zwet 32
		9932 AB  Delfzijl
		T. +31 596 - 635 460
		F. +31 596 - 635 469
		E. info@marganza.nl
		I. www.marganza.nl
		The Netherlands */
		
		
		
/* LET OP!!!
	Sifr
	Sponsor sectie maken, j-script
	end website in firefox
*/		
		
	
		
html {
	margin: 0 auto 0 auto;
	text-align: center;
	background-image: Url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	height: 100%;
	width: 100%;
	max-height: 100%;
}

body {
	position: absolute;
	margin: 0px auto 0px auto;
	background-image: Url("../images/bg_top.png");
	background-repeat: repeat-x;
	float: left;
	width: 100%;
}

#container {
	margin-top: 0px;
	margin-left: auto; 
	margin-right: auto;
	width: 1000px;
	text-align: center;
}

#containerBg {
	background-image: Url("../images/content_bg.png");
	background-repeat: repeat-y;
	width: 1000px;
	float: left;
}

#topContainer {
	position: relative;
	background-image: Url("../images/header.jpg");
	background-repeat: no-repeat;
	width: 1000px;
	height: 315px;
	float: left;
}

#sponsors {
	position: relative;
	width: 700px;
	height: 110px;
	float: left;
	text-align: left;
}

#sponsors img {
    border-width: 0px;
}    

#sponsors table {
    border-collapse: collapse;
}

#sponsors td {
    text-align: left;
    vertical-align: top;
}       

#topMenu {
	position: relative;
	left: 75px;
	width: 225px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 35px;
  text-align: right;
  float: left;
}

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

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

#logo {
	position: relative;
	background-image: Url("../images/zvoss_logo.png");
	background-repeat: no-repeat;
	width: 520px;
	height: 108px;
	left: 455px;
	float: left;
	cursor: pointer;
}

#centerContainer {
	position: relative;
	background-image: Url("../images/content-gradient.png");
	background-repeat: no-repeat;
	background-position: top;
	width: 1000px;
	float: left;
}

#wrapper {
	position: relative;
	left: 25px;
	width: 950px;
	float: left;
}

#left {
	position: relative;
	width: 200px;
	float: left;
}

#menuTitle {
	position: relative;
	background-image: Url("../images/navigatie_bg.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 30px;
	float: left;
}

#navigatieImage {
	position: absolute;
	background-image: Url("../images/button_compass.png");
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	left: 143px;
	top: -11px;
	float: left;
	z-index: 1;
}

#mainMenu {
	position: relative;
	background-image: Url("../images/menu_bg.png");
	background-repeat: repeat-y;
	width: 200px;
	float: left;
}

#mainMenu a {
	height: 25px;
	width: 200px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  color: #808285;
	line-height: 25px;
	display: block;
	text-align: left;
	text-decoration: none;
	text-indent: 5px;
	border-bottom: 1px solid #bab9ba;
}

#mainMenu a:hover {
	text-decoration: none;
	color: #231f20;
}

#mainMenu a.current {
	text-decoration: none;
	color: #231f20;
}

#mainMenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#mainMenu ul li {
	float: left;
	text-align: left;
}

#subMenu a {
	color: #666666;
	width: 180px;
  padding-left: 20px;
	text-decoration: none;
	display: block;
	background-image: none;
}

#subMenu a:hover {
	color: #333333;
	text-decoration: none;
	background-image: none;
}

#subMenu a.currentTwo {
	color: #333333;
	text-decoration: none;
	background-image: none;
}

#subMenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#subMenu ul li {
	float: left;
}

#leftSpacer {
	position: relative;
	/*background-image: url("../images/spacer_small.png");*/
	background-repeat: no-repeat;
	width: 200px;
	height: 60px;
	float: left;
}

#menuEnd {
	position: relative;
	background-image: Url("../images/menu_end.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 30px;
	float: left;
}

#marganza {
	position: relative;
	background-image: Url("../images/marganza_bg.png");
	background-repeat: no-repeat;
	text-indent: 5px;
	width: 200px;
	height: 35px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  color: #808285;
  line-height: 35px;
  text-align: left;
  float: left;
}

#marganza a {
	color: #00baf7;
	font-weight: bold;
	text-decoration: underline;
}

#marganza a:hover {
	color: #00baf7;
	text-decoration: none;
}

#center {
	position: relative;
	left: 50px;
	width: 500px;
	float: left;
}

#centerTopContainer {
	position: relative;
	background-image: Url("../images/main_content_bg.png");
	background-repeat: repeat-y;
	height: 40px;
	width: 500px;
	float: left;
}

#bullet {
	position: relative;
	background-image: Url("../images/bullet.jpg");
	background-repeat: no-repeat;
	margin-top: 16px;
	width: 8px;
	height: 8px;
	left: 5px;
	float: left;
}

#breadCrump {
	position: relative;
	width: 392px;
	height: 40px;
	left: 10px;
	font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: normal;
  color: #939598;
  text-decoration: none;
  line-height: 40px;
  text-align: left;
  overflow: hidden;
  float: left;
}

#breadCrump a {
	color: #939598;
	text-decoration: underline;
}

#breadCrump a:hover {
	color: #939598;
	text-decoration: none;
}

#extra {
	position: relative;
	width: 90px;
	height: 40px;
	font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: normal;
  color: #939598;
  text-decoration: none;
  line-height: 40px;
  text-align: right;
  overflow: hidden;
  float: left;
}

#extra a {
	color: #939598;
	text-decoration: underline;
}

#extra a:hover {
	color: #939598;
	text-decoration: none;
}

#extra span {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

#contentContainer {
	position: relative;
	background-image: Url("../images/main_content_bg.png");
	background-repeat: repeat-y;
	width: 500px;
	float: left;
}

#content {
	position: relative;
	width: 480px;
	left: 5px;
	text-align: left;
	line-height: 17px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #414042;
	float: left;
}

#content a {
	color: #00baf7;
	text-decoration: underline;
}

#content a:hover {
	color: #00baf7;
	text-decoration: none;
}

#content span {
	color: #00baf7;
}

#contentEnd {
	position: relative;
	background-image: Url("../images/content_end.png");
	background-repeat: no-repeat;
	width: 500px;
	height: 35px;
	float: left;
}

#contentTeaser {
	position: relative;
	width: 480px;
	left: 5px;
	text-align: left;
	line-height: 17px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #414042;
	float: left;
}

#contentTeaser a {
	color: #00baf7;
	text-decoration: underline;
}

#contentTeaser a:hover {
	color: #00baf7;
	text-decoration: none;
}

#contentTeaser span {
	color: #00baf7;
}

#teaserContainer {
	position: relative;
	width: 500px;
	float: left;
}

#teaserTitle {
	position: relative;
	background-image: Url("../images/main_bar.png");
	background-repeat: no-repeat;
	width: 500px;
	height: 30px;
	float: left;
}

#teaserImage {
	position: absolute;
	background-image: Url("../images/button_boat.png");
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	left: 443px;
	top: -11px;
	float: left;
	z-index: 105;
}

#teaserBg {
	position: relative;
	background-image: Url("../images/main_content_bg.png");
	background-repeat: repeat-y;
	width: 500px;
	float: left;
}

#teaserContent {
	position: relative;
	width: 490px;
	left: 5px;
	text-align: left;
	line-height: 17px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #414042;
	float: left;
}

#teaserContent a {
	color: #00baf7;
	text-decoration: underline;
}

#teaserContent a:hover {
	color: #00baf7;
	text-decoration: none;
}

#teaserContent span {
	color: #00baf7;
}

#teaserEnd {
	position: relative;
	background-image: Url("../images/content_end.png");
	background-repeat: no-repeat;
	width: 500px;
	height: 35px;
	float: left;
}

#teaserOne {
	position: relative;
	width: 200px;
	height: 125px;
	float: left;
}

#teaserOneContainer {
	position: relative;
	background-repeat: no-repeat;
	width: 200px;
	height: 90px;
	float: left;
	cursor: pointer;
}

#teaserOneContainerLeft {
	position: relative;
	width: 45px;
	height: 90px;
	float: left;
}

#teaserOneImage {
	position: relative;
	background-repeat: no-repeat;
	width: 160px;
	height: 100px;
	float: left;
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
}

#teaserOneRight {
	position: relative;
	left: 10px;
	width: 145px;
	height: 90px;
	float: left;
}

#teaserOneTitle {
	position: relative;
	width: 145px;
	height: 20px;
	float: left;
	overflow: hidden;
}

#teaserOneContent {
	position: relative;
	width: 145px;
	height: 57px;
	font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: normal;
  color: #333333;
  line-height: 18px;
  text-align: left;
  float: left;
  overflow: hidden;
}

#teaserOneShadow {
	position: relative;
	background-image: url("../images/teaser_shadow.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 35px;
	float: left;
}

#teaserTwo {
	position: relative;
	left: 60px;
	width: 200px;
	height: 125px;
	float: left;
}

#teaserTwoContainer {
	position: relative;
	background-repeat: no-repeat;
	width: 200px;
	height: 90px;
	float: left;
	cursor: pointer;
}

#teaserTwoContainerLeft {
	position: relative;
	width: 45px;
	height: 90px;
	float: left;
}

#teaserTwoImage {
	position: relative;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	float: left;
}

#teaserTwoRight {
	position: relative;
	left: 10px;
	width: 145px;
	height: 90px;
	float: left;
}

#teaserTwoTitle {
	position: relative;
	width: 145px;
	height: 20px;
	float: left;
	overflow: hidden;
}

#teaserTwoContent {
	position: relative;
	width: 145px;
	height: 57px;
	font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: normal;
  color: #333333;
  line-height: 18px;
  text-align: left;
  float: left;
  overflow: hidden;
}

#teaserTwoShadow {
	position: relative;
	background-image: url("../images/teaser_shadow.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 35px;
	float: left;
}

#teaserThree {
	position: relative;
	width: 200px;
	height: 125px;
	float: left;
}

#teaserThreeContainer {
	position: relative;
	background-repeat: no-repeat;
	width: 200px;
	height: 90px;
	float: left;
	cursor: pointer;
}

#teaserThreeContainerLeft {
	position: relative;
	width: 45px;
	height: 90px;
	float: left;
}

#teaserThreeImage {
	position: relative;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	float: left;
}

#teaserThreeRight {
	position: relative;
	left: 10px;
	width: 145px;
	height: 90px;
	float: left;
}

#teaserThreeTitle {
	position: relative;
	width: 145px;
	height: 20px;
	float: left;
	overflow: hidden;
}

#teaserThreeContent {
	position: relative;
	width: 145px;
	height: 57px;
	font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: normal;
  color: #333333;
  line-height: 18px;
  text-align: left;
  float: left;
  overflow: hidden;
}

#teaserThreeShadow {
	position: relative;
	background-image: url("../images/teaser_shadow.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 35px;
	float: left;
}

#teaserFour {
	position: relative;
	left: 60px;
	width: 200px;
	height: 125px;
	float: left;
}

#teaserFourContainer {
	position: relative;
	background-repeat: no-repeat;
	width: 200px;
	height: 90px;
	float: left;
	cursor: pointer;
}

#teaserFourContainerLeft {
	position: relative;
	width: 45px;
	height: 90px;
	float: left;
}

#teaserFourImage {
	position: relative;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	float: left;
}

#teaserFourRight {
	position: relative;
	left: 10px;
	width: 145px;
	height: 90px;
	float: left;
}

#teaserFourTitle {
	position: relative;
	width: 145px;
	height: 20px;
	float: left;
	overflow: hidden;
}

#teaserFourContent {
	position: relative;
	width: 145px;
	height: 57px;
	font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: normal;
  color: #333333;
  line-height: 18px;
  text-align: left;
  float: left;
  overflow: hidden;
}

#teaserFourShadow {
	position: relative;
	background-image: url("../images/teaser_shadow.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 35px;
	float: left;
}

#logboek {
	position: relative;
	width: 500px;
	float: left;
}

#logboekTitle {
	position: relative;
	background-image: Url("../images/main_bar.png");
	background-repeat: no-repeat;
	width: 500px;
	height: 30px;
	float: left;
}

#logboekImage {
	position: absolute;
	background-image: Url("../images/button_anchor.png");
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	left: 443px;
	top: -11px;
	float: left;
	z-index: 105;
}

#logboekBg {
	position: relative;
	background-image: Url("../images/main_content_bg.png");
	background-repeat: repeat-y;
	width: 500px;
	float: left;
}

#logboekContent {
	position: relative;
	width: 490px;
	left: 5px;
	text-align: left;
	line-height: 17px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #414042;
	float: left;
}

#logboekContent a {
	color: #00baf7;
	text-decoration: underline;
}

#logboekContent a:hover {
	color: #00baf7;
	text-decoration: none;
}

#logboekContent span {
	color: #00baf7;
}

#logboekEnd {
	position: relative;
	background-image: Url("../images/content_end.png");
	background-repeat: no-repeat;
	width: 500px;
	height: 35px;
	float: left;
}

#right {
	position: relative;
	left: 100px;
	width: 150px;
	float: left;
}

#uitslagen {
	position: relative;
	width: 150px;
	float: left;
	cursor: pointer;
}

#uitslagenTitle {
	position: relative;
	background-image: Url("../images/right_bar.png");
	background-repeat: no-repeat;
	width: 150px;
	height: 30px;
	float: left;
}

#uitslagenImage {
	position: absolute;
	background-image: Url("../images/button_lighthouse.png");
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	left: 93px;
	top: -11px;
	float: left;
	z-index: 1;
}

#uitslagenMoodImage {
	position: relative;
	width: 150px;
	height: 77px;
	float: left;
}

#uitslagenBg {
	position: relative;
	background-image: Url("../images/main_content_bg.png");
	background-repeat: repeat-y;
	width: 150px;
	float: left;
}

#uitslagenContent {
	position: relative;
	width: 140px;
	left: 5px;
	text-align: left;
	line-height: 17px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #414042;
	float: left;
}

#uitslagenContent a {
	color: #00baf7;
	text-decoration: underline;
}

#uitslagenContent a:hover {
	color: #00baf7;
	text-decoration: none;
}

#uitslagenContent span {
	color: #00baf7;
}

#uitslagenEnd {
	position: relative;
	background-image: Url("../images/right_end.png");
	background-repeat: no-repeat;
	width: 150px;
	height: 35px;
	float: left;
}

#fotoboek {
	position: relative;
	width: 150px;
	float: left;
	cursor: pointer;
}

#fotoboekTitle {
	position: relative;
	background-image: Url("../images/right_bar.png");
	background-repeat: no-repeat;
	width: 150px;
	height: 30px;
	float: left;
}

#fotoboekImage {
	position: absolute;
	background-image: Url("../images/button_boat.png");
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	left: 93px;
	top: -11px;
	float: left;
	z-index: 1;
}

#fotoboekMoodImage {
	position: relative;
	width: 150px;
	height: 77px;
	float: left;
}

#fotoboekBg {
	position: relative;
	background-image: Url("../images/main_content_bg.png");
	background-repeat: repeat-y;
	width: 150px;
	float: left;
}

#fotoboekContent {
	position: relative;
	width: 140px;
	left: 5px;
	text-align: left;
	line-height: 17px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #414042;
	float: left;
}

#fotoboekContent a {
	color: #00baf7;
	text-decoration: underline;
}

#fotoboekContent a:hover {
	color: #00baf7;
	text-decoration: none;
}

#fotoboekContent span {
	color: #00baf7;
}

#fotoboekEnd {
	position: relative;
	background-image: Url("../images/right_end.png");
	background-repeat: no-repeat;
	width: 150px;
	height: 35px;
	float: left;
}

/* Boeipraat */

#boeipraat {
	position: relative;
	width: 150px;
	float: left;
	cursor: pointer;
}

#boeipraatTitle {
	position: relative;
	background-image: Url("../images/right_bar.png");
	background-repeat: no-repeat;
	width: 150px;
	height: 30px;
	float: left;
}

#boeipraatImage {
	position: absolute;
	background-image: Url("../images/button_wheel.png");
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	left: 93px;
	top: -11px;
	float: left;
	z-index: 1;
}

#boeipraatMoodImage {
	position: relative;
	width: 150px;
	height: 77px;
	float: left;
}

#boeipraatBg {
	position: relative;
	background-image: Url("../images/main_content_bg.png");
	background-repeat: repeat-y;
	width: 150px;
	float: left;
}

#boeipraatContent {
	position: relative;
	width: 140px;
	left: 5px;
	text-align: left;
	line-height: 17px;
	font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: #414042;
	float: left;
}

#boeipraatContent a {
	color: #00baf7;
	text-decoration: underline;
}

#boeipraatContent a:hover {
	color: #00baf7;
	text-decoration: none;
}

#boeipraatContent span {
	color: #00baf7;
}

#boeipraatEnd {
	position: relative;
	background-image: Url("../images/right_end.png");
	background-repeat: no-repeat;
	width: 150px;
	height: 35px;
	float: left;
}

/* Einde Boeipraat */




#containerBottom {
	margin-top: 0px;
	background-image: Url("../images/container_bottom.png");
	background-repeat: no-repeat;
	margin-left: auto; 
	margin-right: auto;
	width: 1000px;
	height: 25px;
	text-align: center;
	position: relative;
	float:	left;
}



h1 {
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
	line-height: 30px;
	font-family: Myriad Pro;
  font-size: 20px;
  font-weight: bold;
  color: #414042;
}

h2 {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
	line-height: 20px;
	font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #00baf7;
}

h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	line-height: 25px;
	font-family: Myriad Pro;
  font-size: 11px;
  font-weight: bold;
  color: #414042;
}

h3 span{
  color: #939598;
}

h4 {
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
	line-height: 20px;
	font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #0a2a35;
}

h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	line-height: 27px;
	font-family: Myriad Pro;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  text-indent: 5px;
}

table {
	border-collapse: collapse;
}

th,td {
	text-align: left;
	vertical-align: top;
}

table.form th {
	width: 125px;
}

table.photos {
    border-collapse: separate;
}    

.photos td {
    width: 90px;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
}

.photos img {
    border: 1px solid #00BAF7;
}

.photos td a img {
    border-width: 0px;
}    

.photos td a {
    color: #414042 !important; 
}