html {height: 100%; margin-bottom: 1px;}
p {
font-size: 11px;
line-height: 22px;
}
body p {
font-size: xx-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;
}
html>body p {
font-size: x-small;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body {
font-size: 11px;
line-height: 22px;
background-color: #6E6E6E;
letter-spacing: 0.01em;
font-family: Verdana, "Trebuchet MS", sans-serif;
margin:0;
padding:0;
text-align: left;
background-color: #812912;
background-image: url(images/wood.jpg);
}
body.index #footer {
background-image: url(images/footer_f2.jpg);
}
body.index #homepagetitel {
background-image: url(images/speedball.jpg);
background-repeat: no-repeat;
background-position: left top;
}
body.contact #footer {
background-image: url(images/footer_fre.jpg);
}
body.sandra #footer {
background-image: url(images/footer_sandra.jpg);
}
body.book #footer {
background-image: url(images/footer_alex.jpg);
}
body.gogo #footer {
background-image: url(images/footer_gogo.jpg);
}
p	{
margin:0;
padding:0;
font-family: Verdana, "Trebuchet MS", sans-serif;
}
h1, h2, h3	{
margin : 0;
padding:0;
font-weight : bold;
font-family: Helvetica, Arial, sans-serif;
}
img, img a, img input {
border: none;
margin:0;
padding:0;
}				
h1	{
font-weight: bold;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
color: #000000;
font-size: x-large;
}
h2	{
font-weight: bold;
text-transform: uppercase;
color: #000000;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: 0.1em;
font-size: medium;
}
h3	{
font-size : 100%;
font-weight: normal;
text-transform: uppercase;
}
a:link {
text-decoration: underline;
color: #000000;
}
a:visited {
text-decoration: underline;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #BB0000;
}
a:active {
text-decoration: underline;
color: #BB0000;
}
table {
clear: both;
border: 0px;
}
td {
border: 0;
padding: 3px;
}
ul, ol {
margin: 0px 0px 6px;
padding: 0px;
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: x-small;
line-height: 22px;
}
ul li {
list-style-position: inside;
list-style-image: url(images/ster_zwart.gif);
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: x-small;
line-height: 22px;
}
ol li {
list-style-position: inside;
list-style-type: decimal;
}
hr {
border: none;
background-image: url(images/ster_zwart.gif);
background-repeat: repeat-x;
}
/* plaatsing */
#netlash {
color: #FFFFFF;
text-align: left;
font-family: Verdana, "Trebuchet MS", sans-serif;
padding: 0;
margin: 12px auto;
width: 762px;
}
#netlash a:link {
color: #FFFFFF;
text-decoration: none;
margin: 0;
padding: 0;
}
#netlash a:visited {
text-decoration: none;
color: #FFFFFF;
}
#netlash a:hover {
text-decoration: none;
color: #FFFFFF;
}
#netlash a:active {
text-decoration: none;
color: #FFFFFF;
}
#container {
margin: 0 auto;
position: relative;
padding: 0;
width: 760px;
background-repeat: repeat-y;
background-position: left top;
background-image: url(images/background.jpg);
}
#wrapper {
margin: 0 auto;
width: 761px;
padding: 0;
background-image: url(images/rand.jpg);
background-repeat: repeat-y;
background-position: right top;
position: relative;
}
#header {
background-image: url(images/header.jpg);
background-repeat: no-repeat;
height: 147px;
width: 760px;
padding: 0;
margin:0;
}
.midden {
width: 700px;
margin: 0 30px 18px 30px;
}
#logo_1 {
float: left;
margin: 39px 0 0 24px;
padding: 0;
height: 57px;
width:334px;
display: inline;
}
#logo_2 {
float: left;
margin: 39px 0 0 0;
padding: 0;
height: 57px;
display: inline;
width:125px;
}
#logo_3 {
margin-right: 0;
background-image: none;
text-decoration: none;
}
#nextgig {
float: left;
padding:0;
margin: 45px 29px 0 10px;
width: 238px;
height: 45px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
display: inline;
}
#nextgig a:link {
text-decoration: none;
}
#nextgig a:visited {
text-decoration: none;
}
#nextgig a:hover {
text-decoration: none;
color: #BB0000;
}
#nextgig a:active {
text-decoration: none;
color: #BB0000;
}
#nextgig strong {
font-weight: bold;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
}
#nextgig p {
font-weight: normal;
text-transform: uppercase;
font-family: Verdana, "Trebuchet MS",  sans-serif;
font-size: small;
line-height: 15px;
}
#navigatie {
overflow: hidden;
text-align:left;
float: left;
margin: 0 17px 0 18px;
padding: 0;
clear: both;
width: 725px;
height: 51px;
display: inline;
}
#navigatie ul {
margin:0;
padding:0;
}
#navigatie li {
padding: 0;
margin:0;
list-style-type: none;
float: left;
display: inline;
}
#footer {
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
height: 47px;
width: 760px;
margin:0;
padding:0;
}
#footernav {
overflow: hidden;
text-align:left;
float: left;
clear: both;
margin:8px 0 8px 0;
padding:0 0 0 18px;
width: 742px;
}
#footernav ul {
margin:0;
padding:0;
}
#footernav li {
padding: 0;
list-style-type: none;
float: left;
display: inline;
}
.lijst1 {
margin-right: 0;
background-image: none;
text-decoration: none;
}
#input {
background-image: url(images/alex.jpg);
background-repeat: no-repeat;
width: 700px;
padding: 9px 30px;
margin: 0;
clear: both;
color: #000000;
background-position: left bottom;
height: 100%;
}
#sandra {
background-image: url(images/sandra.jpg);
background-repeat: no-repeat;
width: 700px;
padding: 9px 30px;
margin: 0;
clear: both;
color: #000000;
background-position: left bottom;

}
#gogo {
background-image: url(images/gogo.jpg);
background-repeat: no-repeat;
width: 760px;
padding: 0;
margin: 0;
clear: both;
color: #000000;
background-position: left bottom;
height: 685px;
}
.photo {
width: 718px;
margin: 18px 0px 18px 30px;
padding: 0px;
}
.thumbnail {
width: 221px;
margin: 0 18px 0 0;
float: left;
}
.thumbnail img{

border: 7px solid #FFFFFF;
}
.thumbnail2 {
width: 718px;
margin: 18px 0px 18px 30px;
padding: 0;
}
.thumbnail2 img {
border: 7px solid #FFFFFF;
margin: 0 9px 9px 0;
padding: 0;
}
.thumbnail3 {
width: 700px;
margin: 0 30px 18px 30px;
padding: 0;
text-align: center;
}
.thumbnail3 img {
border: 7px solid #FFFFFF;
margin: 0;
padding: 0;
text-align: center;
}


/* plaatsing */

/* tekst */
.kolon1{
padding: 0;
float: left;
margin: 0px 18px 9px 0;
width: 341px;
display:inline;
}
.kolon2{
float: left;
margin: 0px 0 9px;
padding: 0;
width: 341px;
}
#indexlogo {
height: 373px;
background-image: url(images/indexlogo.jpg);
background-repeat: no-repeat;
width: 700px;
padding: 9px 30px;
margin: 0;
clear: both;
color: #FFFFFF;
}
#indexlogo a:link {
text-decoration: none;
color: #FFFFFF;
}
#indexlogo a:visited {
text-decoration: none;
color: #FFFFFF;
}
#indexlogo a:hover {
text-decoration: none;
color: #000000;
}
#indexlogo a:active {
text-decoration: none;
color: #000000;
}
#indexlogo strong {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#indexlogo dl {
margin: 0;
padding: 0;
}
#indexlogo dt {
margin: 0;
padding: 0;
font-weight: bold;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
}
#indexlogo dd {
margin: 0 0 9px 0px;
padding: 0 0 0 14px;
font-weight: normal;
text-transform: uppercase;
font-family: Verdana, "Trebuchet MS",  sans-serif;
font-size: small;
line-height: 15px;
}
.introtekst {
text-align: justify;
font-size: x-small;
line-height: 22px;
}
.horizontalrule {
height: 30px;
background-image: url(images/hr.jpg);
background-repeat: no-repeat;
width: 700px;
margin: 0;
clear: both;
padding: 18px 30px 0 30px;
}
.horizontalrule2 {
width: 700px;
margin: 0;
clear: both;
padding: 9px 30px 0;
}

#gossip2 {
padding: 0;
width: 311px;
margin: 0;
font-weight: normal;
text-transform: uppercase;
font-family: Verdana, "Trebuchet MS",  sans-serif;
font-size: small;

}
#gossip2 p {
padding: 0 15px 0 15px;
width: 311px;
margin: 0;
background-image: url(images/gossip_bckgr.jpg);
background-repeat: no-repeat;
font-size: small;
}
#gossip2 strong {
font-weight: bold;
text-transform: uppercase;
color: #000000;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: 0.1em;
font-size: medium;}
#gossip2 p a:link {
text-decoration: none;
}
#gossip2 p a:visited {
text-decoration: none;
}
#gossip2 p a:hover {
text-decoration: none;
color: #BB0000;
}
#gossip2 p a:active {
text-decoration: none;
color: #BB0000;
}
#gossip {
background-image: url(images/gossip_bckgr.jpg);
background-repeat: repeat-y;
padding: 0 15px 0 15px;
margin: 0;
width: 311px;
}
#gossip p {
width: 311px;
margin: 0;
font-size: x-small;
}
#gossip p a:link {
text-decoration: none;
}
#gossip p a:visited {
text-decoration: none;
}
#gossip p a:hover {
text-decoration: none;
color: #BB0000;
}
#gossip p a:active {
text-decoration: none;
color: #BB0000;
}
#gossip_header {
padding: 0;
width: 341px;
margin: 9px 0 0;
height: 17px;
background-image: url(images/gossip_footer.jpg);
background-repeat: no-repeat;
background-position: center top;}
#gossip_footer {
padding: 0;
width: 341px;
height:12px;
background-image: url(images/gossip_footer.jpg);
background-repeat: no-repeat;
margin: 3px 0 0;
background-position: center bottom;
}
#thanksfoto {
float: left;
width: 341px;
margin: 9px 0 9px 0;
padding: 0;
display:inline;
}
#thanksfoto img {
border: 7px solid #FFFFFF;
}
#thanksfoto2 {
float: left;
width: 341px;
margin: 9px 0 9px 0;
padding: 0;
display:inline;
}
#thanksfoto2 img {
border: 7px solid #FFFFFF;
}
#linkerfoto {
padding: 0;
float: left;
margin: 9px 18px 9px 0;
width: 341px;
display:inline;
}
#linkerfoto img {
border: 7px solid #FFFFFF;
}
.soustekst {
text-align: justify;
font-size: xx-small;
line-height: 16px;
font-style: italic;
}
.col {
line-height:22px;
font-size: x-small;
font-family: Verdana, "Trebuchet MS", sans-serif;
width:341px;
padding:0 9px 0 0px;
float:left;
margin: 0px;
text-align: justify;
}
.CCspace {
width:163px;
height:270px;
padding:9px 0px;
float:right;
}
.CCpullout {
width:340px;
height:270px;
padding:9px;
float:left;
margin-left:-170px;
}
.CCpullout span {
width:340px;
position:absolute;
text-align:left;
font-size:xx-small;
font-weight:normal;
font-style: italic;
height: 270px;
}
.CCpullout span img {
border: 7px solid #FFFFFF;
height: 240px;
width: 326px;
}
.CCpullout del {
font-size:0px;
color:#fff;
position:absolute;
}
.col2 {
line-height:22px;
font-size: x-small;
font-family: Verdana, "Trebuchet MS", sans-serif;
width:341px;
padding:0 0px 0 9px;
float:left;
text-align: justify;
}
#new {
float: left;
width: 309px;
margin: 0;
padding: 9px;
background-color: #FFFFFF;
color: #000000;
border: 7px solid #000000;
}
#new img {
float: right;
background-color: #FFFFFF;
width: 145px;
color: #000000;
}
.newp  {
float: left;
width: 145px;
display: inline;
font-size: small;
font-family: Verdana, "Trebuchet MS", sans-serif;
color: #000000;
font-size: xx-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;
}
#new a:link {
text-decoration: none;
color: #000000;
}
#new a:visited {
text-decoration: none;
color: #000000;
}
#new a:hover {
text-decoration: none;
color: #BB0000;
}
#new a:active {
text-decoration: none;
color: #BB0000;
background-position: 2px;
}
#contactgegevens {
font-size: medium;
font-family: Verdana, "Trebuchet MS", sans-serif;
text-align: right;
padding-top: 18px;
}
#homepagetitel {
top: 126px;
left: 30px;
position: absolute;
z-index:-10;
height: 17px;
width: 195px;
}
.midden dl {
margin: 0;
padding: 0;
}
.midden dt {
margin: 0;
padding: 0;
font-weight: bold;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
}
.midden dd {
margin: 0 0 9px 0px;
padding: 0 0 0 14px;
font-weight: normal;
text-transform: uppercase;
font-family: Verdana, "Trebuchet MS",  sans-serif;
font-size: small;
line-height: 15px;
}
.midden a:link {
text-decoration: none;
color: #000000;
}
.midden a:visited {
text-decoration: none;
color: #000000;
}
.midden a:hover {
text-decoration: none;
color: #BB0000;
}
.midden a:active {
text-decoration: none;
color: #BB0000;
}
.superscript {
font-variant: small-caps;
font-style: italic;
font-size: 80%;
letter-spacing: 0.01em;
text-transform: uppercase;
padding: 0;
margin: 0em 0.1em;
text-align: left;
vertical-align:top;
}
.vs {
z-index: 0;
font-variant: small-caps;
font-style: italic;
font-size: 80%;
letter-spacing: 0.01em;
text-transform: uppercase;
position: relative;
padding: 0px;
margin: 0em 0.1em;
bottom: 0.2em;
text-decoration: underline overline;
text-align: left;
}
.center{
text-align:center;
}
.guestbookname {
text-align:right;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

/* tekst */



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
visibility: visible !important;
margin: 0;
text-transform: uppercase;
}

.sIFR-replaced {
visibility: visible !important;
text-transform: uppercase;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
text-transform: uppercase;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
visibility: hidden;
text-transform: uppercase;
}

/*forms*/
#contact_fre dl {
font-size: small;
margin: 0px;
padding: 0px;
}
#contact_fre dd {
font-size: small;
margin: 0;
text-align: right;
width: 200px;
display: inline;
}
#contact_fre dt {
letter-spacing: 0.1em;
padding-right: 10px;
float: left;
text-align: right;
width: 106px;
}
#input dl {
font-size: small;
margin: 0px;
padding: 0px;
}
#input dd {
font-size: small;
margin: 0;
text-align: right;
width: 200px;
display: inline;
}
#input dt {
letter-spacing: 0.1em;
padding-right: 10px;
float: left;
text-align: right;
width: 106px;
}
select {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #000000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
}
.inputwidth, .inputwidth:link, .inputwidth:visited {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #000000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
margin-bottom: 12px;
letter-spacing: 0.1em;
}
.inputwidth:hover,.inputwidth:active,.inputwidth:focus {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #BB0000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
letter-spacing: 0.1em;
}
.inputwidth	{ width: 200px;
}
textarea, textarea:link, textarea:visited {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #000000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
width: 300px;
height: 100px;
letter-spacing: 0.1em;
margin-bottom: 12px;
}
textarea:hover,textarea:active,textarea:focus {
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #BB0000;
padding: 1px;
color: #000000;
background-color: #FFFFFF;
letter-spacing: 0.1em;
margin-bottom: 12px;
}
#contact_fre {
background-image: url(images/fre.jpg);
background-repeat: no-repeat;
width: 700px;
padding: 9px 30px;
margin: 0;
clear: both;
color: #000000;
background-position: left bottom;
height: 365px;
}
.contactformulier {
border: 1px solid #000000;
padding: 3px 9px 9px;
margin: 0px 18px 9px 0;
width: 341px;
display:inline;
float: left;
}
.button {
width: 321px;
margin-top: 6px;
margin-bottom: 12px;
text-align: right;
text-decoration: none;
border: none}
.button img {
border: none;
}
.send {
text-decoration: none;
border: none;
}
.send:hover, .send:active, .send:focus  {
border: none;
text-decoration: none;
}
/*forms*/

/* suckerfish dropdown */
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 0;
}
#nav a {
display: block;
}
#nav li { /* all list items */
float: left;
}
#nav li .Shadow {
z-index: 10;
position: absolute;
width: 151px;
height: auto;
display:block;
left: -999em;
padding: 0;
margin:2px 0 0;
line-height: 20px;
background-color: #807B6C;
}
#nav li:hover .Shadow, #nav li.sfhover .Shadow {
left: auto;
}
#nav li .Shadow ul {
position:relative;
margin:0;
padding:0;
display:block;
width: 151px;
background-color: #FFFFFF;
right: 4px;
bottom: 2px;
border: 1px solid #807B6C;
height: auto;
}
#nav li .Shadow ul li {
width: 151px;
display:block;
font-family: Helvetica, Arial, sans-serif;
font-size: small;
letter-spacing: 0.01em;
padding:0;
margin:0;
background-color: #BDB7A1;
border: 0px solid #B9B39D;
text-indent: 6px;
}
#nav li .Shadow li a:link {
width: 100%;
text-decoration: none;
}
#nav li .Shadow li a:visited {
width: 100%;
text-decoration: none;
}
#nav li .Shadow li a:hover {
width: 100%;
text-decoration: none;
background-color: #FFFFFF;
color: #BB0000;
}
#nav li .Shadow li a:active {
width: 100%;
text-decoration: none;
background-color: #FFFFFF;
color: #BB0000;
}
.Shadow1 {
position:relative;
margin:0;
padding:0;
display:block;
width: 151px;
background-color: #FFFFFF;
right: 4px;
bottom: 2px;
border: 1px solid #807B6C;
}

/* suckerfish dropdown */


.audio_kolon1 {
padding: 0;
margin: 50px 0 0;
float: left;
width: 260px;
display:inline;

}
.audio_kolon2 {
float: left;
margin: 0;
padding: 0;
width: 200px;

}
.audio_kolon3 {
float: left;
padding: 0;
margin: 50px 20PX 0 0;
width: 280px;
}
.rechts {
float:right;
text-align:right;
}
.nodisplay {
	display: none;
}