html { height: 100%;  font-size: 12px; font-family: verdana, arial; color: white; line-height: 18px; }
body { height: 100%; margin:0; padding: 0; background: #181818 url('../images/bg2.png') repeat-x top center; }
img { border: 0; display: block; }
img.frontpage { margin: 230px auto 20px auto; }
img.vervolg { margin: 14px auto 12px auto; }
div#container { width: 820px; margin: auto; overflow: visible; padding-bottom: 200px; }
div#wrapper { height: 100%; overflow: auto; background: url('../images/bg-bottom.png') repeat-x bottom center; }
a#portfolio-frontpage { background: black url('../images/photos.png') no-repeat center center; width: 820px; height: 76px; padding-top: 4px; display: block; overflow: hidden; }
h1 { clear: both; font-family: "times new roman", arial; font-weight: normal; }
div#content { text-align: justify; }
img#koensmilde { float: right; margin-left: 20px; }
div#navigation { height: 41px; background: url("../images/bg_navigation.png") repeat-x center center; }
div#navigation ul { padding: 0 40px; line-height: 41px; width: 566px; margin: 0 auto; border: 1px; }
div#navigation ul li { float: left; list-style-type: none; padding: 0 25px; height: 41px; width: 90px; text-align: center; }
div#navigation ul li.selected { background-image: url("../images/bg_navigation-hover.png"); }
div#navigation ul li.selected ul, div#navigation ul li.active ul { overflow: visible; width: 500px; padding: 0 10px; margin: 10px 0 0 -150px; display: block; }
div#navigation ul li.active ul li.selected { color: red; border: 1px solid #A50A0A; }
div#navigation ul li a { font-family:"times new roman",arial; color: white; font-size: 24px; text-decoration: none; }
div#navigation ul li a:hover { text-decoration: underline; }
div#navigation ul li ul { display: none; }
div#navigation ul li ul li { border: 1px solid transparent; }

div#bottom-navigation ul { width: 124px; margin: auto; }
div#bottom-navigation ul li { float: left; list-style-type: none; }
div#bottom-navigation ul li a { font-family:"times new roman",arial; color: white; font-size: 24px; text-decoration: none; padding: 0 15px; height: 41px; line-height: 41px; width: 30px; text-align: center; display: block; }
div#bottom-navigation ul li a:hover { text-decoration: underline; }
div#bottom-navigation ul li.selected { background-image: url("../images/bg_navigation-hover.png"); color: red; border: 1px solid #A50A0A; }

ul.portfolio { width: 100%; margin: auto;padding: 0; margin: 0; padding-top: 10px; }
ul.portfolio li { float: left; list-style-type: none; height: 150px; width: 25%; line-height: 200px; }
ul.portfolio li img { max-width: 150px; max-height: 100px; line-height: 250px; margin: auto; }

ul.albums { width: 100%: margin: auto; padding: 0; margin: 0; padding-top: 10px; }
ul.albums li { float: left; list-style-type: none; height: 200px; width: 33.33%; text-align: center; }
ul.albums li img { max-width: 300px; max-height: 150px; line-height: 250px; margin: auto; border: 5px solid white; margin-top: 10px; }

ul.albums a, ul.portfolio a { text-decoration: none; }

a { color: white; }
a { color: white; text-decoration: underline; }

/*  Breadcrumbs */
p#breadcrumbs { color: white; font-size: 11px; margin-top: -20px; }
p#breadcrumbs a { color: white; }

div#footer { clear: both; }
div#footer a { text-decoration: none; }
div#footer a:hover { text-decoration: underline; }