* { background-color: transparent; font: inherit; font-size: 1em; margin: 0; outline: 0; padding: 0 }
b, strong { font-weight: bold }
body { margin: 0; }
dd, li { margin-left: 1.5em }
dl, ol, p, pre, table, ul { margin: 1.5em 0 }
html { background: url('root.gif') #cccccc repeat-x; color: #fff; font: normal 75%/1.5 Verdana, sans-serif; overflow-y: scroll }
small, sub, sup { font-size: smaller; line-height: 0 }


#layout { margin: auto; width: 1000px; position: relative;}
#content { background: #002a62; border: 5px solid #00b8ad; margin: 0 auto; padding: 7px; width: 648px; overflow:hidden; }
#content h1 { font-size: 1.5em; font-weight: bold; line-height: 1; margin: 1em 0 }
#content table {/*float: right;*/margin: 0px; padding-right:60px; }
#logo { background: #cccccc; color: #333; font-size: 48px; font-weight: normal; height: 50px; margin: 0 auto; padding-bottom: 55px; text-align: center; width: 1000px }
#logo a img { border: 0 }

ul.nav { left: 0; list-style: none; margin: 0; padding: 0 0 0 13px; position: absolute; width: 48px }
ul.nav * { display: block; float: left; height: 14px; list-style: none; margin: 0; padding: 0; width: 14px }
ul.nav li { margin: 0 2px 2px 0; overflow: hidden; text-indent: 16px }
ul.nav li a { background: #002a62; color: #fff !important; height: 14px; padding-left: 16px; text-decoration: none; }
ul.nav li a:hover { background: #fff; !important; color: #000 !important }
ul.nav li.active a { background: #fff; color: #000 !important }

body.home ul.nav { margin: 0 auto; padding: 0px; width: 675px }
/* Hack */
body.home > ul.nav { padding-left: 20px }
body.home ul.nav * { height: 204px; width: 205px }
body.home ul.nav li { margin: 0 20px 11px 0; text-indent: 0 }
body.home ul.nav li a { font-size: 16px; height: 124px; padding: 80px 0 0 0; text-align: center }

body.home .even a { background: #00b8ad; }
body.home .oneven a { background: #002a62; }

.fototje {width:700px; margin-top: 0px; }
#categorie { vertical-align:top;  color:white;}

A {text-decoration: underline; color: #fff}
A:visited {text-decoration: underline;}
A:active {text-decoration: underline; color: white;}
A:hover {text-decoration: underline; color: grey;}

.textcontentfoto {vertical-align:top;}

body.contact form { text-align: right; width: 300px }
body.home #content .categories { clear: both; margin: 0; padding: 20px 0 }
body.home #content .categories li { background: url('star.png') transparent no-repeat; display: inline; font-size: 30px; list-style: none; padding-left: 24px; margin: 0 }

.footer { background: #002a62; clear: both; color: #fff; font-size: 80%; line-height: 1.875; margin: 14px 0 0 0; text-align: center }
.footer a { color: #000; font-weight:bold; text-decoration:none; }
.footer a span { color: #00b8ad; }
.footer a.active span { color: #00b8ad;}

label{
display: block;
float: left;
width: 200px;
}

#formpje{
margin: 0 0 0 50px;
}

input {
text-align: left;
width: 200px;
padding-right: none;
background: white;
color: black;
}

button,textarea,select{
background: white;
color: black;
font: normal 100%/1.5 Verdana
}

p 
{
/*margin-left: 250px;
width: 200px;*/
}


.openingstijden{
width: 165px;
text-align: right;
position: absolute;
right: 10px;
top: 90px;
border: 0px;
color: #002a62;
}

.photocat a { color: #000 }
.photocat .active a { text-decoration: underline }


body { position: relative }


embed { border: 0 line-height: 0; padding: 0 }

#preview, #str_UsrMediaPlayerContainer { left: 50%; margin-left: -250px !important; position: absolute; top: 126px }

.home .nav { position: static }