body { 
text-align : center; 
margin : 0; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 62.5%; 
font-style : italic; 
background-color : gray; 
} 
div#container { 
width : 800px; 
height : auto; 
margin : 0 auto 0 auto; 
text-align : left; 
background-color : silver; 
} 
div#header { 
background : url(afbeeldingen/achtergrondgrijsstrak.png); 
background-repeat : repeat-x; 
height : 195px; 
width : 800px; 
text-align : right; 
} 
div#header ul { 
list-style : none; 
padding : 0; 
margin : 0; 
} 
div#header li { 
display : inline; 
padding : 0; 
color : silver; 
margin : 0 20px 0 0; 
} 
div#logo { 
background-image : url(afbeeldingen/logo2strak.jpg); 
background-repeat : no-repeat; 
background-position : center center; 
height : 100px; 
padding : 35px; 
} 
div#sidebar { 
width : 245px; 
height : 420px; 
background-color : silver; 
border-right : 1px solid #999999; 
margin : 0; 
padding : 0; 
} 
div#fotos { 
width : 320px; 
height : 600px; 
background-color : silver; 
border-right : 1px solid #999999; 
margin : 0; 
padding : 0; 
} 
div#fotoscontent { 
float : right; 
top : 196px; 
left : 321px; 
width : 470px; 
height : 600px; 
background-color : silver; 
} 
div#sidebar p { 
font-size : 1.2em; 
color : #004080; 
margin : 0 30px 10px 40px; 
padding : 0 0 40px 0; 
width : auto; 
} 
div#nav { 
width : 245px; 
background-color : silver; 
height : 180px; 
margin : 0 0 0 0; 
padding : 0 0 0 0; 
border-right : 1px solid #999999; 
} 
div#nav ul { 
list-style : none; 
padding : 0; 
margin : 0; 
} 
div#nav li { 
padding : 0; 
} 
div#content { 
float : right; 
top : 196px; 
left : 251px; 
width : 550px; 
height : 600px; 
background-color : silver; 
} 
div#content p { 
font-size : 1.2em; 
color : #004080; 
margin : 0 30px 10px 40px; 
padding : 0 0 40px 0; 
width : auto; 
} 
div#content dl { 
font-size : 1.2em; 
color : #004080; 
margin : 0 30px 0 40px; 
padding : 0 0 0 0; 
width : auto; 
} 
div#content table { 
font-size : 1.2em; 
color : #004080; 
} 
div#content a { 
font-size : 1.2em; 
color : #004080; 
text-decoration : underline; 
} 
div#gastenboek table { 
font-size : 1em; 
color : #004080; 
text-align : left; 
} 
.groter { 
font-size : 1.4em; 
color : #004080; 
text-align : left; 
} 
.link { 
font-size : 1.2em; 
color : #004080; 
text-align : left; 
} 
div#gastenboek a { 
font-size : 1em; 
color : #004080; 
text-decoration : underline; 
} 
div#gastenboek { 
float : right; 
top : 196px; 
left : 0; 
width : 800px; 
height : 600px; 
background-color : silver; 
overflow : scroll; 
} 
div#gastenboek p { 
font-size : 1.1em; 
color : #004080; 
} 
div#bestellen { 
float : right; 
top : 196px; 
left : 251px; 
width : 550px; 
height : 600px; 
background-color : silver; 
overflow : scroll; 
} 
div#bestellen p { 
font-size : 1.2em; 
color : #004080; 
margin : 0 30px 10px 40px; 
padding : 0 0 40px 0; 
width : auto; 
} 
div#bestelresultaat { 
float : right; 
top : 196px; 
left : 251px; 
width : 550px; 
height : 600px; 
background-color : silver; 
} 
div#bestelresultaat p { 
font-size : 1.2em; 
color : #004080; 
margin : 0 30px 10px 40px; 
padding : 0 0 40px 0; 
width : auto; 
} 
a:link, a:visited { 
font-size : 1.4em; 
color : gray; 
text-decoration : none; 
} 
a:hover, a:active { 
font-size : 1.4em; 
color : #004080; 
text-decoration : underline; 
} 
h1 span { 
display : none; 
} 
h3 { 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #004080; 
} 
h1 { 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #004080; 
} 
div#footer { 
height : 20px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 16px; 
padding : 5px 10px 10px 10px; 
color : #ffffff; 
background : url(afbeeldingen/ft_bg.png); 
text-align : center; 
border : 1px; 
border-style : solid; 
border-color : #999999; 
width : auto; 
clear : both; 
} 
div#footer a { 
float : right; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ffffff; 
text-decoration : none; 
} 
table { 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #004080; 
font-size : 1.2em; 
} 
img.centreren { 
vertical-align : middle; 
margin : 5px; 
border : 0; 
} 
img.thumbs { 
vertical-align : middle; 
border : 0; 
margin : 10px; 
} 
img.groot { 
vertical-align : middle; 
border : 0; 
} 
.photo { 
width : 635px; 
text-align : left; 
position : relative; 
margin : 0 auto; 
} 
.photo ul.topic { 
padding : 0; 
margin : 0; 
list-style : none; 
width : 635px; 
height : auto; 
position : relative; 
z-index : 10; 
} 
.photo ul.topic li { 
display : block; 
width : 125px; 
height : 31px; 
float : left; 
} 
.photo ul.topic li a.set { 
display : block; 
font-size : 11px; 
width : 124px; 
height : 30px; 
text-align : center; 
line-height : 30px; 
color : #000; 
text-decoration : none; 
border : 1px solid #fff; 
border-width : 0 1px 0 0; 
background : #ccc; 
font-family : verdana, arial, sans-serif; 
} 
.photo ul.topic li a ul, .photo ul.topic li ul { 
display : none; 
} 
.photo ul.topic li.active a { 
color : #000; 
background : #bbb; 
} 
.photo ul.topic li a:hover, .photo ul.topic li:hover a { 
color : #fff; 
background : #aaa; 
} 
.photo ul.topic li.active ul { 
display : block; 
position : absolute; 
left : 0; 
top : 31px; 
list-style : none; 
padding : 0; 
margin : 0; 
height : 375px; 
background : #ddd; 
width : 464px; 
padding : 40px 60px; 
border : 20px solid #bbb; 
z-index : 1; 
} 
.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul { 
display : block; 
position : absolute; 
left : 0; 
top : 31px; 
list-style : none; 
padding : 0; 
margin : 0; 
height : 375px; 
background : #ddd; 
width : 464px; 
padding : 40px 60px; 
border : 20px solid #aaa; 
z-index : 100; 
} 
.photo ul.topic li ul li { 
display : inline; 
width : 112px; 
height : 87px; 
float : left; 
border : 1px solid #fff; 
margin : 1px; 
} 
.photo ul.topic li ul li a { 
display : block; 
width : 110px; 
height : 85px; 
cursor : default; 
float : left; 
text-decoration : none; 
background : #444; 
border : 1px solid #888; 
} 
.photo ul.topic li ul li a img { 
display : block; 
width : 100px; 
height : 75px; 
border : 5px solid #eee; 
} 
.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover { 
white-space : normal; 
position : relative; 
} 
.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img { 
position : absolute; 
left : -50px; 
top : -32px; 
width : 200px; 
height : 150px; 
border-color : #fff; 
} 
.nav { 
width : 125px; 
display : block; 
margin : 20px; 
height : auto; 
font-size : 1.1em; 
font-weight : bold; 
text-align : left; 
text-decoration : none; 
color : #fff; 
} 
* html .nav { 
width : 125px; 
width : 125px; 
} 
.nav ul { 
padding : 0; 
margin : 0; 
list-style-type : none; 
} 
.nav ul ul { 
width : 125px; 
} 
.nav li { 
width : 125px; 
position : relative; 
} 
.nav a, .nav a:visited { 
display : block; 
font-size : 1em; 
text-decoration : none; 
color : #fff; 
width : 125px; 
height : auto; 
border : 1px solid #000; 
background : #a5a5a5; 
padding-left : 10px; 
line-height : 30px; 
} 
* html .nav a, * html .nav a:visited { 
width : 125px; 
width : 125px; 
} 
.nav ul ul a.drop, .nav ul ul a.drop:visited { 
background : #c0c0c0; 
} 
.nav ul ul a.drop:hover { 
background : #c0c0c0; 
} 
.nav ul ul :hover > a.drop { 
background : #c0c0c0; 
} 
.nav ul ul ul a, .nav ul ul ul a:visited { 
background : #c0c0c0; 
} 
.nav ul ul ul a:hover { 
background : #c0c0c0; 
} 
.nav ul ul { 
visibility : hidden; 
position : absolute; 
height : auto; 
top : 0; 
left : 137px; 
width : 135px; 
} 
* html .nav ul ul { 
top : 30px; 
top : 31px; 
} 
.nav table { 
position : absolute; 
top : 0; 
left : 0; 
margin : 0; 
padding : 0; 
border-collapse : collapse; 
} 
.nav ul ul a, .nav ul ul a:visited { 
background : #a5a5a5; 
color : #000; 
height : 35px; 
line-height : 1em; 
width : 135px; 
border-width : 1px 1px 1px 1px; 
} 
* html .nav ul ul a, * html .nav ul ul a:visited { 
width : 135px; 
width : 136px; 
} 
.nav a:hover, .nav ul ul a:hover { 
color : #fff; 
background : #c0c0c0; 
} 
.nav :hover > a, .nav ul ul :hover > a { 
color : #fff; 
background : #c0c0c0; 
} 
.nav ul li:hover ul, .nav ul a:hover ul { 
visibility : visible; 
} 
.nav ul :hover ul ul { 
visibility : hidden; 
} 
.nav ul :hover ul :hover ul { 
visibility : visible; 
}