/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none; color:#0000FF; }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */



html {
}

body {
font-size:12px;
padding: 10px;
font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif;
overflow-y: scroll;
}

a {
color:#0000FF;
}

a:hover {
text-decoration: underline;
}

a:hover img{
text-decoration: none;
}

h1 {
font-size: 1.8em;
}

h2 {
font-size: 1.6em;
}


#oob_container {
position: relative;
width: 924px;
margin-right: auto;
margin-left: auto;
padding: 0px 0px 0px 0px;

}

#oob_content {
position: relative;
float:left;
width: 924px;
padding: 0px 0px 0px 0px;
background:url(../images/bg-repeat.jpg) repeat-y;
min-height:600px;
}

#oob_bg-top {
position:absolute;
top: 0px;
background:url(../images/bg.jpg) no-repeat top center;
width: 924px;
height: 584px;
}

#oob_header{
position:relative;
float: left;
width:924px;
height:100px;
}

#oob_logo {
height:84px;
position:absolute;
right:186px;
top:26px;
width:391px;
}

#oob_menu {
position:absolute;
left: 226px;
top: 146px;
}

#oob_menu li{
position: relative;
float:left;
font-size:18px;
margin-right:30px;
}

#oob_tekst{
position:relative;
float: left;
margin-left: 213px;
margin-top:90px;
width: 650px;
padding: 10px;
}

#oob_footer{
float:left;
margin-bottom:0px;
margin-top:0px;
position:relative;
width:924px;
top:-5px;
}

#oob_footer img{
margin:0px;
padding: 0px;
border:none;
}

#oob_vakantiehuislink {
position: relative;
float:left;
left: 10px;
top: -7px;
}

#oob_vakantiehuislink img{
position: relative;
top: 4px;
}

#oob_link {
position:relative;
float: right;
right: 10px;
top: -10px;
}

#oob_link img{
position: relative;
top: 6px;
}

/*-----------fotos reportages------------*/

#container-fotoboek{
	width: 100%;
	margin: 0px auto;
	}
	
	.foto-box p {
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	}
	
	.foto-box hr.fotoboek {
	float: left;
	width:100%;
	}
	
	.foto-box a.image img{
	display:block;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px
	}
	
	.foto-box a.image:hover img {
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	}
	
	.foto-box{
	border: 1px solid #000000;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	width: 120px;
	height: 120px;
	overflow:hidden;
	margin-bottom: 10px;
	}

	.foto-container {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width:660px;
	}

	.foto-container img{
	border: none;
	}