* { font-family: Arial, Helvetica, Serif; }
body { font-family: Arial, Helvetica, Serif; padding: 0 20px 20px 20px; margin: 0; color: #a8a8a8; font-size: 11px; line-height: 18px; background: #000 url(/_img/bg.gif) top center no-repeat; }
form { display: inline; }
table, img { border: 0; }
td, th { font-family: Arial, Helvetica, Serif; vertical-align: top; }
th { text-align: left; font-weight: normal; }
label { cursor: pointer; }
p { margin: 0 0 18px 0; clear: both; }
ul, ol { margin-top: 0; margin-bottom: 18px; }

a { color: #66bcff; text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { padding-right: 8px; background: url(/_img/more.gif) right no-repeat; }

h1 { font-size: 13px; margin: 0 0 7px 0; color: #fff; padding: 0 0 9px 0; background: url(/_img/hr.gif) bottom repeat-x; }
h2 { font-size: 12px; margin: 0; }
h3 { font-size: 14px; margin: 0; }
h4, h5 { font-size: 11px; margin: 0; }
h6 { font-size: 11px; margin: 0; font-weight:normal; font-style:italic; }

hr { clear: both; border: 0; height: 1px; color: #999999; background-color: #999999; }

#container { position: relative; width: 846px; margin: 0 auto; }
#header { position: relative; height: 113px; }
#logo { position: absolute; left: 144px; top: 20px; background: url(/_img/logo_kopgebouw_bg_nl.gif) no-repeat; width: 493px; height: 67px; }
#logo.en { background: url(/_img/logo_kopgebouw_bg_en.gif) no-repeat; }
#logo img { visibility: hidden; }
#main { position: relative; width: 846px; _height: 200px; }
#col1 { position: relative; float: left; width: 231px; }
#col2 { position: relative; float: right; width: 615px; padding: 21px 0 0 0; }
#content { _height: 370px; min-height: 370px; }
#content table { width: 100%; }

#footer { position: relative; clear: both; background: url(/_img/hr.gif) repeat-x; text-align: right; padding: 11px 0 11px 0;  }
#footer img { display: block; }

#links, #stats { position: absolute; left: -10px; width: 1px; height: 1px; overflow: hidden; }

#nav1 { position: absolute; left: 30px; top: 22px; width: 160px; }
#nav1 ul { padding: 0; margin: 0; list-style-type: none; }
#nav1 ul li { display: block; margin: 0; padding: 0; float: left; clear: both; margin-bottom: 12px; }
#nav1 ul li a { display: block; width: 160px; height: 12px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; text-indent: -10000px; }
#nav1 ul li a.active { background-position: 0 -12px; }
#nav1 ul li a:hover { background-position: 0 -12px; }
#nav1 ul li a * { visiblity: hidden; }

a.nav_home { background-image: url(/_img/nav/home.gif); }
a.nav_het-kopgebouw { background-image: url(/_img/nav/het-kopgebouw.gif); }
a.nav_jachthaven { background-image: url(/_img/nav/jachthaven.gif); }
a.nav_omgeving { background-image: url(/_img/nav/omgeving.gif); }
a.nav_lokatie { background-image: url(/_img/nav/lokatie.gif); }
a.nav_artist-impressions { background-image: url(/_img/nav/artist-impressions.gif); }
a.nav_video { background-image: url(/_img/nav/video.gif); }
a.nav_nieuws-en-pers { background-image: url(/_img/nav/nieuws-en-pers.gif); }
a.nav_colofon { background-image: url(/_img/nav/colofon.gif); }
a.nav_contact { background-image: url(/_img/nav/contact.gif); }

a.nav_the-kopgebouw { background-image: url(/_img/nav/the-kopgebouw.gif); }
a.nav_marina { background-image: url(/_img/nav/marina.gif); }
a.nav_surroundings { background-image: url(/_img/nav/surroundings.gif); }
a.nav_location { background-image: url(/_img/nav/location.gif); }
a.nav_news-and-press { background-image: url(/_img/nav/news-and-press.gif); }
a.nav_credits { background-image: url(/_img/nav/credits.gif); }

.col1 { float: left; width: 282px; }
.col2 { float: right; width: 282px; }

#artist_impressions .col1 { width: 400px; }
#artist_impressions .col2 { width: 203px; }
#video .col1 { width: 400px; }
#video .col2 { width: 203px; }
ul#thumbs { margin: 0; padding: 0; list-style-type: none; }
ul#thumbs li { display: block; float: left; margin: 0 6px 6px 0; padding: 0; }
ul#thumbs img { display: block; filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30; }
ul#thumbs a:hover img {  filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
ul#thumbs a.active img {  filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

img.thumb { float: left; margin: 4px 16px 8px 0; }

#map * { color: #000; }

.developers th { padding-bottom: 18px; }
.developers td.data { width: 300px; padding-right: 18px; }
.developers td.logo {  }
.developers td.hr { background: url(/_img/hr2.gif) top repeat-x; text-align: right; padding: 0; height: 18px; }

.news th { padding-bottom: 18px; }
.news td.data { width: 180px; padding-right: 18px; }
.news td.hr { background: url(/_img/hr2.gif) top repeat-x; text-align: right; padding: 0; height: 18px; }

#nav-lang { position: absolute; top: 400px; left: 129px; }
#nav-lang ul { list-style: none; margin: 0; padding: 0; }
#nav-lang ul li { float: left; margin: 0 6px 0 0; padding: 0; }
#nav-lang ul li img { display: block; }
#nav-lang ul li a { display: block; border: 1px solid #000; }
#nav-lang ul li a.active { border: 1px solid #fff; }