* {
margin : 0;
padding : 0;
}
html, body {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 13px;
letter-spacing: -0.1px;
}
.clear {
clear : both;
}
#head {
position : absolute;
top : 0;
left : 0;
width : 301px;
height : 115px;
z-index : 0;
background: #b3f0f0 url('http://golfstromen.nl/ndxz-studio/site/img/sh.gif') repeat-x;
border-top : 6px solid #000;
}
#logo {
margin: 16px 0 35px 0px;
border: none;
}
#bg {
position : fixed;
top : -50px;
left : 0;
width : 100%;
height : 110%;
filter: gray;
background: #b3f0f0;
}
div#pattern {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
background: url('http://golfstromen.nl/ndxz-studio/site/img/pattern4.gif');
}
#page {
position : static;
}
#border-top {
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
border-top: 6px solid #000;
}

/* menu */
#menu {
float : left;
position : absolute;
width : auto;
height : 100%;
left : 121px;
top : 29px;
overflow : hidden;
z-index : 9;
}
#menu .container {
padding : 7px 0 3px 0;
}
h1#site-name {
float : left;
width : auto;
margin : 0 0 0 0;
padding : 0 0 0 0;
font-size : 2.6em;
background-color : #fff;
}
h1#site-name a: {
text-decoration : none;
font-family : Georgia;
}
#menu .container ul {
width : 150px;
margin : 0 0 0 0;
padding : 9px 8px 8px 22px;
background: #fff url('http://golfstromen.nl/ndxz-studio/site/img/dot.gif') bottom repeat-x;
}
#menu .container ul li.section-title {
margin : 0 0 2px 0;
font-family : Georgia, Times New Roman, Times, serif;
text-transform: none;
font-weight: normal;
font-style: italic;
font-size : 11px;
list-style-image: url('http://golfstromen.nl/ndxz-studio/site/img/menu-list-img.gif');
list-style-position: outside;
color: #000;
}
#menu .container ul li {
font-size : 13px;
font-family : Georgia, Times New Roman, Times, serif;
list-style: none;
line-height: 17px;
text-decoration : none;
}
#menu .container ul li a {
color : #000;
padding: 0 5px 0 0;
text-decoration : none;
}
#menu .container ul li a:hover {
text-decoration : none;
color : #fff;
background: #000;
padding: 0 5px 0 0;
}
#menu .container ul li.active a {
font-style: italic;
padding: 0 0 0 0;
}
#menu .container ul li.active a:hover {
border-bottom: 1px dotted #000;
padding: 0 5px 0 0;
}
/* /menu */

/* content */
#content {
float : left;
position : absolute;
padding : 0;
top : 125px;
left : 305px;
height: auto;
width : 604px;
z-index: 10;
background: #fff;
}
#content .container {
padding : 12px 12px 12px 12px;
background: #fff;
}
#content .container p {
font-size : 13px;
color : #000;
line-height: 17px;
text-decoration: none;
margin-bottom: 10px;
}
#content .container h1 {
color: #000;
font-size: 17px;
font-family: Georgia, Times New Roman, Times, serif;
font-weight: normal;
margin: -1px 0 10px 0px;
z-index:10;
padding: 0px 6px 9px 1px;
background: url('http://golfstromen.nl/ndxz-studio/site/img/dot.gif') bottom repeat-x;
letter-spacing: -0.1px;
}
#content .container h2 {
color: #000;
font-size: 17px;
font-family: Georgia, Times New Roman, Times, serif;
font-weight: normal;
margin-top: 187px;
position: absolute;
z-index:10;
padding: 6px 8px 8px 7px;
background: #fff url('http://golfstromen.nl/ndxz-studio/site/img/dot.gif') bottom repeat-x;
filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
letter-spacing: -0.1px;
}
#content .container h3 {
font-size: 15px;
font-family: Georgia, Times New Roman, Times, serif;
margin-bottom: 14px;
color: #000;
font-weight: normal;
}
#content .container h4 {
margin-bottom: 12px;
font-weight: normal;
font-size: 13px;
color: #000;
line-height: 16px;
}
#content .container div#facts {
padding: 4px 5px 9px 5px;
margin: 232px 0 -5px 0px;
}
#content .container div#hr-more {
background: url('http://golfstromen.nl/ndxz-studio/site/img/dot.gif') bottom repeat-x;
margin-bottom: 11px;
margin-top: -9px;
height: 18px;
}
#content .container span.showmore {
background: #ccc; 
float: right; 
vertical-align: top;
color: #fff; 
font-family: Georgia;
letter-spacing: -0.1px; 
font-size: 11px; 
font-style: italic;
padding: 1px 4px 1px 4px; 
cursor: pointer;
border-right: 1px solid #dedede; border-top: 1px solid #dedede; border-left: 1px solid #dedede;
}
#content .container span.showmore:hover {
background: #999; 
float: right; 
vertical-align: top;
color: #fff; 
font-family: Georgia;
letter-spacing: -0.1px; 
font-size: 11px; 
font-style: italic;
padding: 1px 4px 1px 4px; 
cursor: pointer;
}
#content .container ul#facts {
list-style-image: url('http://golfstromen.nl/ndxz-studio/site/img/facts-list-img.gif');
list-style-position: outside;
margin: 0 5px 0 23px;
font-size: 13px;
font-family: Georgia;
line-height: 17px;
color: #000;
letter-spacing: -0.1px;
}
#content .container ul#facts a {
color: #000;
border-bottom: 1px dotted #000;
text-decoration: none;
}
#content .container ul#facts a:hover {
background: #b3f0f0;
border-bottom: 1px dotted #000;
}
#content .container ul#list {
list-style-image: url('http://golfstromen.nl/ndxz-studio/site/img/facts-list-img.gif');
list-style-position: outside;
margin: 0 0 9px 13px;
line-height: 17px;
}
#content .container ul#list a {
color: #000;
border-bottom: 1px dotted #000;
text-decoration: none;
}
#content .container ul#list a:hover {
background: #b3f0f0;
}
#content .container p a {
text-decoration : none;
color : #000;
border-bottom: 1px dotted #000;
}
#content .container p a:hover {
border-bottom: 1px dotted #000;
background-color: #b3f0f0;
color: #000;
}
#content .container img a {
text-decoration : none;
border: none;
}
#content .container span#intro {
line-height: 17px;
font-size: 13px;
font-style: italic;
margin-bottom: 10px;
}
#content .container p#writing-title {
margin-bottom: 0px;
line-height: 16px;
}
#content .container p#credits {
margin-bottom: 3px;
margin-top: 1px;
line-height: 17px;
font-size: 11px;
}
#content .container div#hr {
height: 1px;
background: url('http://golfstromen.nl/ndxz-studio/site/img/dot.gif') bottom repeat-x;
margin: 11px 0 10px 0;
}
#content .container span#small {
color: #ccc;
font-size: 11px;
}
#content .container span#small a {
border-bottom: 1px dotted #ccc;
color: #ccc;
}
#content .container span#small a:hover {
border-bottom: 1px dotted #ccc;
background-color: #ccc;
color: #fff;
}
#content .container #image {
border : 1px solid #ccc;
}
#content .container #iframed {
margin : 0;
padding : 0;
width : 1240px;
height : 520px;
overflow : hidden;
}
#img-container {
margin: 0 0 -2px 0;
border: none;
}
#once {
clear : left;
}
.grow {
float : left;
margin-bottom : 18px;
}
.grow strong {
margin-top : 3px;
text-align : left;
display : block;
font-weight : normal;
text-align : center;
}
.grow em {
font-style : normal;
display : none;
text-align : center;
}
img#front {
position: absolute;
border: 1px solid #ccc;
}
/* /content */