/*STANDAARD*/
* {
margin: 0;
padding: 0;
}

.clr {
clear: both;
}

.flt_rgt {
float: right;
}
.flt_lft {
float: left;
}

#content a {
color: #eec57f;	
}

a:hover {
text-decoration: none;	
}

.no_print {
display: block;
}

.print {
display: none;
}

.small_head {
font-size: 14px;
margin: 0 20px 0 0;
}

.bottom_border {
border-bottom: 1px dashed #380202;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
}

.small_italic {
font-size: 10px;
}

.klein_schuingedrukt { font-size: 10px; font-style: italic; }
.groot_vet { font-size: 13px; font-weight: bold; }

#map {
width: 600px;
margin: 10px 0 0 0;
height: 400px;
border: 5px solid #FFFFFF;
}

#map img {
background: none !important;
}

#map .adres {
line-height: 13px;
color: #000000;
height: 85px;
margin: 0;
padding: 0;
}

#map .adres a, #map .route a {
color: #000000;
text-decoration: underline;
}

#map .adres a:hover, #map .route a:hover {
color: #000000;
text-decoration: none;
}

#map .route {
line-height: 13px;
color: #000000;
margin: 0;
padding: 0;
}

#directions {
width: 600px;
}

.googledir table td {
border: none !important;
padding: 5px;
width: auto !important;
}

.googledir table {
background: none !important;
border: 0 !important;
color: #e89608 !important;
}

/*PAGINA*/
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
background-color: #660000;
background-image: url('../img/body_back-1.jpg');
background-repeat: repeat-x;
font-family: Arial;
}

html {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}

#wrap {
height: 100%;
}

body > #wrap {
height: auto; 
min-height: 100%;
}

#main {
padding-bottom: 82px;  /* must be same height as the footer */
width: 1000px;
margin: 0 auto;
}

#head_menu {
width: 100%;
}

#head_menu ul {
margin: 0;
padding: 7px 0 0 0;
list-style: none;
}

#head_menu ul li {
display: inline;
}

#head_menu ul li a {
color: #FFFFFF;
font-size: 11px;
text-transform: lowercase;
display: block;
float: right;
text-decoration: none;
padding: 0 10px 0 10px;
border-left: 1px solid #FFFFFF;
letter-spacing: 1px;
font-variant: small-caps;
font-weight: bold;
margin: 0 0 12px 0;
}

#head_menu ul li a:hover {
color: #e89608;
}

.Home {
border-left: 1px solid #000000 !important;
}

#header {
width: 100%;
height: 277px;
clear: both;
position: relative;
}

#logo {
width: 261px;
height: 206px;
background-image: url('../img/logo.png');
float: left;
}

#header_image {
width: 650px;
height: 236px;
float: right;
margin: 20px 0;
}

#quickjump_area {
width: 100%;
height: 129px;
clear: both;
margin: 32px 0 0 0;
}

#ticker {
overflow: hidden; 
width: 100%;
top: 256px;
left: 0;
position: absolute;
color: #e89608;
padding: 10px 20px 0 0;
font-size: 12px;
line-height: 22px;
font-family: Trebuchet MS;
}

#search_block {
width: 261px;
height: 129px;
background-image: url('../img/white_opacity_red_border.jpg');
background-repeat: repeat-x;
float: left;
position: relative;
}

#searchfield {
background-color: #FFFFFF;
width: 165px;
font-family: Trebuchet MS;
font-size: 11px;
padding: 3px 3px 3px 3px;
border: 1px solid #300000;
position: absolute;
top: 60px;
left: 20px;
}

#searchbutton {
width: 22px;
height: 22px;
font-size: 0;
line-height: 0;
text-indent: -10000px;
background: none;
border: 0;
margin: 0 0 0 0;
background-image: url('../img/search_btn.png');
cursor: pointer;
position: absolute;
top: 60px;
left: 225px;
}

#block_left, #block_middle, #block_right {
width: 216px;
height: 129px;
background-image: url('../img/white_opacity_red_border.jpg');
background-repeat: repeat-x;
float: left;
margin: 0 0 0 1px;
position: relative;
cursor: pointer !important;
}

#block_left_img, #block_middle_img, #block_right_img {
border: 2px solid #FFFFFF;
position: absolute;
top: 10px;
left: 58px;
background-position: center center;
width: 92px;
height: 71px;
cursor: pointer;
}

#block_left {
margin: 0 0 0 89px;
}

#content {
margin: 3px 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #380202;
width: 100%;
}

#content_left table, #content_left_wide table {
width: 100%;
}

#content_left table td, #content_left_wide table td {
border: 1px dashed #380202;
padding: 5px;
width: 33%;
}

.dog_info {
width: 312px;
float: left;
text-align: center;
border: 1px solid #660000;
padding: 5px;
cursor: pointer;
font-size: 11px;
height: 185px;
}

.dog_info img {
margin: 0 !important;
}

#headmenu {
width: 260px;
border-right: 1px dashed #380202;
float: left;
min-height: 225px;
}

#content_left {
float: left;
width: 413px;
margin: 0 0 0 89px;
color: #e89608;
padding: 10px 20px 0 0;
font-size: 12px;
line-height: 22px;
font-family: Trebuchet MS;
}

#content_left_wide {
float: left;
width: 650px;
margin: 0 0 0 89px;
color: #e89608;
padding: 10px 0 0 0;
font-size: 12px;
line-height: 22px;
font-family: Trebuchet MS;
}

#content_left img, #content_left_wide img {
padding: 5px;
border: 3px solid #400000;
margin: 0 0 0 10px;
background-color: #FFFFFF;
}

.photoalbum {
margin: 5px 0;
}

.photoalbum img {
padding: 3px !important;
border: 3px solid #400000;
margin: 0 10px 0 0 !important;
background-color: #FFFFFF !important;
}

#content_left ul, #content_left_wide ul {
margin: 0 0 10px 25px;
list-style: square;
}

#content_left p, #content_left_wide p {
margin: 10px 0;
}

#content_right {
float: left;
width: 196px;
border-left: 1px dashed #380202;
color: #e89608;
padding: 10px 0 0 20px;
font-size: 12px;
line-height: 22px;
font-family: Trebuchet MS;
min-height: 225px;
}

#newslist {
margin: 0;
padding: 0;
list-style: none;
}

#newslist li {
margin: 8px 0;
}

#newslist .datum {
font-style: italic;
font-size: 10px;
}

#more_news {
float: right;
font-weight: bold;
margin: 5px 0 0 0;
}

#footer {
position: relative;
margin-top: -82px; /* negative value of footer height */
height: 82px;
clear: both;
background-image: url('../img/footer_back.jpg');
background-repeat: repeat-x;
text-align: center;
font-variant: small-caps;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
}

#footer a {
color: #FFFFFF;
}

#footer a:hover {
text-decoration: none;
}

.search_result {
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: 1px dashed #380202;
}

/* FORMULIER */
#mailform {
margin: 30px 0;
}

#mailform label {
width: 150px;
display: block;
float: left;
}

#mailform input, #mailform textarea {
color: #000000;
padding: 2px;
font-family: Trebuchet MS;
width: 250px;
overflow: auto;
background-color: #FFFFFF;
font-size: 11px;
padding: 3px 3px 3px 3px;
border: 1px solid #300000;
}

#mailform .send_btn {
width: 110px;
height: 22px;
background: none;
border: 0;
margin: 0 0 0 0;
background-image: url('../img/menu_item.jpg');
cursor: pointer;
font-variant: small-caps;
background-repeat: no-repeat;
font-size: 14px;
color: #e89608;
font-family: Arial;
font-weight: bold;
padding: 0;
text-align: left;
background-position: center right;
letter-spacing: 1px;
} 

/* HOOFDMENU */
#nav, #nav ul { /* all lists */
padding: 0;
margin: 10px 0 0 0;
list-style: none;
float: left;
width: 255px;
}
	
#nav li { /* all list items */
position: relative;
float: left;
line-height: 1.25em;
margin-bottom: -1px;
width: 255px;
}
	
#nav li ul { /* second-level lists */
position: absolute;
left: -999em;
margin-left: 260px;
margin-top: -2em;
background-color: #660000;
border: 1px dashed #350000;
width: 230px;
}
	
#nav li a {
width: 240px;
display: block;
color: #e89608;
font-weight: bold;
text-decoration: none;
height: 25px;
font-variant: small-caps;
letter-spacing: 1px;
font-size: 14px;
padding: 5px 0 0 20px;
margin: 2px 0 2px 0;
background-image: url('../img/menu_item.jpg');
background-repeat: no-repeat;
background-position: center right;
}
	
#nav li:hover a {
background-color: #350000;
background-image: url('../img/menu_item_hover.jpg');
}

#nav li:hover ul li a {
width: 210px;
display: block;
color: #e89608;
font-weight: bold;
text-decoration: none;
height: 25px;
font-variant: small-caps;
letter-spacing: 1px;
font-size: 12px;
padding: 5px 0 3px 20px;
margin: 2px 0 2px 0;
background: none;
background-image: url('../img/submenu_item.jpg');
background-repeat: no-repeat;
background-position: center right;
}

#nav li:hover ul li:hover a {
background-color: #350000;
background-image: url('../img/submenu_item_hover.jpg');
}
	
#nav li:hover ul {
left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul { /* lists nested under hovered list items */
left: auto;
}

/* FOOTERMENU */
#bottom_menu {
width: 100%;
height: 25px;
}

#bottom_menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#bottom_menu ul li {
display: inline;
}

#bottom_menu ul li a {
display: block;
float: left;
color: #1c0000;
font-size: 11px;
font-family: Arial;
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
margin: 0 20px 0 0;
}

#bottom_menu ul li a:hover {
text-decoration: underline;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* SIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}

.sIFR-replaced {
visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}

.sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h3 {
visibility: hidden;
font-size: 28px;
}

h2#search {
margin: 25px 0 0 20px;
}

h1.quickjump {
position: absolute;
bottom: 0;
width: 216px;
}

h3 {
font-size: 32px;
line-height: 32px;
height: 32px;
margin: 0 0 10px 0;
}

h4 {
font-size: 28px;
line-height: 28px;
height: 28px;
margin: 0 0 5px 0;
}

/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/new/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/new/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }