﻿/* CSS Document */
body { 
font-family : Arial, Helvetica, sans-serif; 
margin : 0; 
margin : 20px 0; 
background-color : #ffffff; 
overflow : hidden; 
} 
img { 
border : 0; 
} 
#wrapper { 
margin : 0; 
} 
#main { 
width : 898px; 
margin : 0 auto; 
background-color : white; 
border-left : 1px solid #ffad33; 
border-right : 1px solid #ffad33; 
} 
#banner { 
width : 900px; 
height : 125px; 
background-image : url(gfx/header2.jpg); 
background-repeat : no-repeat; 
margin : 0 auto; 
padding : 0 0 0 0; 
} 
#footer { 
background-color : #ffad33; 
border-bottom : #ffad33; 
width : 900px; 
height : 20px; 
margin : 0 auto; 
line-height : 20px; 
padding : 0 0 0 0; 
font-size : 11px; 
color : #513100; 
text-align : center; 
} 
#left { 
height : 500px; 
width : 400px; 
float : left; 
} 
#content { 
background-image : url(gfx/content_bg.jpg); 
background-repeat : repeat-y; 
padding-left : 0; 
height : 500px; 
width : auto; 
overflow : auto; 
font-size : 12px; 
} 
#textBlock { 
width : 460px; 
display : block; 
font-family : Arial, Helvetica, sans-serif; 
padding-left : 15px; 
} 
#textBlock p { 
margin : 0; 
color : #000000; 
font-size : 12px; 
font-weight : normal; 
text-align : justify; 
padding-left : 0; 
padding-bottom : 15px; 
} 
#textBlock h1 { 
margin : 0; 
color : #000000; 
font-size : 16px; 
font-weight : bold; 
padding-top : 10px; 
padding-bottom : 10px; 
} 
#textBlock h2 { 
color : #ff9200; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 14px; 
font-weight : bold; 
font-style : normal; 
text-align : left; 
padding-left : 0; 
padding-top : 0; 
padding-bottom : 5px; 
margin-top : 0; 
margin-bottom : 0; 
} 
#textBlock h3 { 
color : #000000; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
font-style : italic; 
text-align : left; 
padding-left : 0; 
} 
h4 { 
color : #000000; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 11px; 
font-weight : normal; 
font-style : italic; 
text-align : left; 
padding-left : 0; 
margin-bottom : 5px; 
margin-top : 0; 
} 
ul { 
margin-top : -5px; 
} 
li { 
list-style-image : url(gfx/bullet.gif); 
margin-top : 0; 
margin-bottom : 0; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
color : #000000; 
font-size : 12px; 
vertical-align : top; 
} 
.fieldset { 
border : 1px solid #cccccc; 
padding-left : 10px; 
padding-bottom : 10px; 
width : 475px; 
margin-left : 35px; 
} 
.legend { 
color : #ff6600; 
font-weight : bold; 
font-size : 14px; 
margin-left : 10px; 
} 
#textBlock a { 
font-size : 12px; 
color : #ff6600; 
text-decoration : underline; 
} 
#textBlock a:link { 
font-size : 12px; 
color : #ff6600; 
text-decoration : underline; 
} 
#textBlock a:hover { 
font-size : 12px; 
color : #ff9200; 
text-decoration : underline; 
} 
#textblock a:visited { 
font-size : 12px; 
color : #ff6600; 
text-decoration : underline; 
} 
div#horiz-menu { 
background-color : #ffad33; 
height : 25px; 
width : 898px; 
margin : 0 auto; 
padding : 0 0 0 0; 
border-left : 1px solid #ffad33; 
border-right : 1px solid #ffad33; 
} 
div#horiz-menu ul { 
margin : 0; 
padding : 0 0 0 0; 
} 
div#horiz-menu li { 
margin : 0; 
padding : 0 0 0 0; 
padding-right : 2px; 
float : left; 
list-style : none; 
background : url(gfx/menudivider.gif) repeat-y 100% 0; 
} 
div#horiz-menu a:visited { 
display : block; 
float : left; 
padding : 0 15px; 
height : 25px; 
line-height : 22px; 
font-weight : bold; 
font-size : 12px; 
font-variant : normal; 
color : #513100; 
text-decoration : none; 
} 
div#horiz-menu a:link { 
display : block; 
float : left; 
padding : 0 15px; 
height : 25px; 
line-height : 22px; 
font-weight : bold; 
font-size : 12px; 
font-variant : normal; 
color : #513100; 
text-decoration : none; 
} 
div#horiz-menu a:hover { 
background : #fecf0f; 
color : #ffffff; 
} 
.button { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-style : normal; 
font-size : 10px; 
font-weight : bold; 
background-color : #ff9200; 
color : #333333; 
border : 1px solid #cccccc; 
} 
.textInputField { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000000; 
background-color : #ffffff; 
border : 1px solid #ff9200; 
} 
/* styles reserveringsoverzicht */
DIV.hol {
	BACKGROUND-COLOR: #FFCC00;
}
TD.outer {
	BORDER-RIGHT: #000066; 
	BORDER-TOP: #000066; 
	VERTICAL-ALIGN: top; 
	BORDER-LEFT: #000066; 
	BORDER-BOTTOM: #000066; 
	padding: 3px;
}
td.spacer {
padding: 10px;
}
TABLE.inner {
	FONT-SIZE: 8pt; 
}
TABLE.tekst {
	FONT-SIZE: 9pt; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/*Styles voor de fotopagina */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
top: 0;
}
.thumbnail img{
border: 0;
margin: 0 -4px -3px 0;

}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 0;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 398px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

