/* Copyright 2008 berlodesign (http://www.berlodesign.nl). All Rights Reserved. */
html { padding: 0; margin: 0; height: 100.01%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    background-color: #a88b44;
    font-size: 62.5%;
}

/* IE 5/6 workarounds: sorry  mr.validator */
body { behavior: url('htc/csshover.htc'); } /*needed for hovermenu in IE 5/6*/
img { behavior:	url('htc/pngbehavior.htc'); } /* PNG workaround for IE 5/6 */

/* standard elements */
h1          { margin:0 0 0.5em 0; padding:0; font-size:2.2em; font-weight:bold; color:#690033; }
h1.nieuws          { margin:0.5em 0 0.5em 0; padding:0; font-size:2.1em; font-weight:bold; color:#690033; }
h1.home     { margin:0 0 0.1em 0; padding:0; font-size:1.6em; font-weight:bold; color:#9c7c28; }
h2, h2 a    { font-weight:normal; font-size:1.9em; padding:1em 0 0.2em 0; margin:0; color:#690033; } /* h2 a with color is for toc*/
h3  { font-weight:bold; font-size:1.3em; padding:0.6em 0 0 0; margin:0; color:#690033; font-style:italic; }
h4  { font-weight:bold; font-size:1.4em; padding:0em 0 0.6em 0; margin:0; color:#910213; }
div.contentbox a	{ color:#690033; font-weight:bold; text-decoration:none; padding:2px; text-decoration:none; }
div.contentbox a:hover	{ text-decoration:underline; }
div.tabboxcontent a { color:#690033; }
/*voor de datum van hengst Rohdiamant nr 32*/
div.tabboxcontent span.geb32	{ display:none; }
span.datum { font-size:1.3em; color:#690033; font-style:italic; }
p   { padding:0; margin:0; font-size:1.3em; color:#690033; line-height:1.4em; }

/* Header */
	div.header { height:9.4em; width: 100%; background: url('../images/default/header_gradient.gif') repeat-x top left #690033; }
	div.logo { position:absolute; top:0em; left:4em; z-index:10; }
	div.logo a, div.logo img { border:none; outline:none;}
/* Einde header */
/* Menu */
	div.menu { position:absolute; display: block; top:6.8em; left:25.2em; width:67.7em; height:2.6em; z-index:1; }
	div.menu ul {  padding:0; margin:0; margin:0; }
	div.menu ul li { padding: 0em; margin:0 0 0 0.1em; display: block; position: relative; float:left; }
	div.menu ul a { display:block; height:1.6em; font-family:Georgia, arial; font-weight: bold; text-decoration: none; font-size: 1.4em; padding: 0.3em 1em 0 1em; color:#ffffff; } 
	div.menu ul li a { font-weight: bold; float:left; outline:none; }
	div.menu li:hover { background:url("../images/default/menu_corner_left.gif") no-repeat left top #f3eee3; color :#690033; text-decoration: none;}
	div.menu a:hover { background:url("../images/default/menu_corner_right.gif") no-repeat right top; color :#690033; text-decoration: none;}
	div.menu li.active { background:url("../images/default/menu_corner_left.gif") no-repeat left top #f3eee3; color :#690033; text-decoration: none;}
	div.menu li.active a { background:url("../images/default/menu_corner_right.gif") no-repeat right top; color :#690033; text-decoration: none;}
/* Einde menu*/

/* Submenu */
	div.kolom_1 {  }
	div.kolom_1 ul { padding:1.5em 1em 2em 2.1em; margin:0; margin-left:0em; }
	div.kolom_1 ul li { padding: 0em; margin: 0em; display: block; position: relative; background:url("../images/default/menu_pijl.gif") no-repeat left top;  color :#690033; list-style-type:none; }
	div.kolom_1 ul a { display:block; height:1.9em; text-decoration: none; font-size: 1.2em; font-weight:bold; padding: 1em 1.1em 0.2em 3em; color:#690033; }
	div.kolom_1 ul li a { border-bottom:1px solid #f3eee3; }
	div.kolom_1 ul li:hover a { font-weight:bold; background:url("../images/default/menu_pijl_hover.gif") no-repeat left top #d4c5a1; color :#9c7c28; border-bottom:1px solid #ffffff; text-decoration: none;  }    
	div.kolom_1 ul li.active { font-weight:bold; background-color: #d4c5a1; color :#9c7c28; text-decoration: none; } 
	div.kolom_1 ul li.active a { font-weight:bold; background:url("../images/default/menu_pijl_hover.gif") no-repeat left top #d4c5a1; color :#9c7c28; border-bottom:1px solid #ffffff; text-decoration: none;  }   
	
	div.folderholder {margin:0 1em 0 2.2em;}
	div.folderholder:hover { background:#d4c5a1;}
	a.folder img { border:none;}
/* Einde submenu */

/*showbox*/
div.showbox { width:631px; height:421px; margin:1.5em 0 0 1.7em; }
div.videobox {}
div.home_afbeelding div.inner,
div.showbox div.inner { padding: 10px 15px; text-align:center;}
div.videobox a { color:#9C7C28; }
div#videobox { }
div#player { border:1px solid #977a2e;}
/*einde showbox*/

/*tabbox*/
div.tabbox {margin:1.5em 0 0 1.7em;}
div.tabboxcontent { margin:-0.1em 0 0 0.1em; padding: 1.5em 2.5em 2em 1.6em; width:59.1em; border:1px solid #977a2e;background: url('../images/default/tabbox_gradient.gif') repeat-x bottom left #d3c5a1; }
div.tabboxcontent p.details { font-style:italic; margin-bottom:1em;}
div.tabboxcontent { overflow: visible; height: 20em; }
html>body div.tabboxcontent { height: auto !important; min-height: 20em; }

	/* tabmenu */
	div.tabmenu { display: block; top:6.8em; margin:0; width:67.7em; height:2.6em; z-index:1; }
	div.tabmenu ul { padding:0; margin:0 0 0 0.1em; }
	div.tabmenu ul li { padding: 0em; margin:0em; display: block; position: relative; float:left; }
	div.tabmenu ul a { display:block; height:1.6em; font-family:Georgia, arial; font-weight: bold; text-decoration: none; font-size: 1.4em; padding: 0.3em 1em 0 1em; color:#690033; } 
	div.tabmenu ul li a { font-weight: bold; float:left; outline:none; }
	div.tabmenu li:hover { background:url("../images/default/tab_corner_right.gif") no-repeat right top #d3c5a1; color :#977a2e; text-decoration: none; }
	div.tabmenu a:hover { background:url("../images/default/tab_corner_left.gif") no-repeat left top; color :#977a2e; text-decoration: none; }
	div.tabmenu li.active { background:url("../images/default/tab_corner_right.gif") no-repeat right top #d3c5a1; color :#977a2e; text-decoration: none;}
	div.tabmenu li.active a { background:url("../images/default/tab_corner_left.gif") no-repeat left top; color :#977a2e; text-decoration: none;}
	
	div.tabboxcontent table		{ border:1px solid #690033; border-bottom:none; margin:0 0 10px; }
	div.tabboxcontent table tr:first-child td	{ background:#690033; color:#FFFFFF; }
	div.tabboxcontent table tr td{ vertical-align:text-top; font-size:1.3em; line-height:1.4em; color:#690033; border-bottom:1px solid #690033; border-left:1px solid #690033; padding:0 5px; margin:0; }
	div.tabboxcontent table tr td:first-child { border-left:none; }
	
	/* Einde tabmenu*/
div.titelbox { margin:0; padding:0;}
div.titelhengst { float:left; }
div.afstamming { float:left; margin-left:1.5em; }
div.titeloptions { float:right;}
div.stamboom { float:left; background-color:#977a2e; }
div.stamboom a img { margin:0; padding:0; border:none; }
div.print { float:left; background-color:#977a2e;}
div.print a img { margin:0; padding:0; border:none; }
div.stamboom:hover { background-color:#690033; }
div.print:hover { background-color:#690033; }
/*einde tabbox*/

/* contentbox */
	div.contentbox { padding: 1.5em 2.5em 2em 1.6em; }
	div.contentbox ul { margin:0 0 0 14px; padding:0; color:#690033;}
	div.contentbox ul li {padding:0 0 6px 0;}
	div.clearall { clear: both; content: "."; }
/* einde contentbox */

/*nieuws*/
div.nieuws { padding:0 0 3em 0;}
div.hr	   { padding:0 0 1em 0; border-bottom:1px solid #977a2e; }
p.bron		{ font-style:italic; padding:1em 0 0 0; font-size:1.1em;}
/*einde nieuws*/

/* Home */
div.home_afbeelding {border:1px solid #977a2e; width:63em; height:42.1em; margin:0 0 1em 0; padding:0;}
div.home_afbeelding img { border:1px solid #977a2e; width:63em; height:36.5em; margin-bottom:1em; }
div#slideshow {width:63em; height:36.5em;}
/* einde home */

/* attentionarea */
	div.atentionarea { width: 40.3em; float:left; }
	div.atentionareaholder { padding:0; margin:0; }
	div.atentionareacontent { height:8.5em; padding: 0 1em; color:#ffffff; font-size:1.2em; border-left: 1px solid #977a2e; background: url('../images/default/attentionarea_gradient.gif') repeat-x top left #660032; }
	div.atentionareacontent p {font-size:1em; font-weight:bold; color:#FFFFFF;}
	div.atentionareacontent a {font-size:1em; font-weight:bold; color:#FFFFFF; text-decoration:none;}
	div.atentionareacontent a:hover { background:none; text-decoration:underline;}
	div.atentionareacorner_top { background: url('../images/default/corner_top_left.gif') no-repeat left top; padding-left: 0.8em; }
	div.atentionareacorner_top div { background: #430021; border-top:1px solid #977a2e; }
	div.atentionareacorner_bottom { background: url('../images/default/corner_bottom_left.gif') no-repeat left bottom; padding-left: 0.8em;  }
	div.atentionareacorner_bottom div { background: #660032; border-bottom:1px solid #977a2e; }
	div.attentionbanner { width:22.9em; float:left; }
	div.attentionbanner img {width:22.9em; height:13em;}
	
/* einde attentionarea */


/* kolom opbouw - container */
	div.background { background: url('../images/default/background_gradient.gif') repeat-x bottom left #f3eee3;}
	div.container { position:relative; width: 96.4em; margin: 0 auto; padding: 0; text-align: left;  }/*center the website*/
	div.kolom_1 { float: left; width: 23.6em; }
	div.kolom_2 { float: left; width: 68em; }
  /* Start Mac IE5 filter \*/
	div.kolom_1, div.kolom_2, div.kolom_3 { padding-bottom: 32767px !important; margin-bottom: -32767px !important; }
  /* Einde Mac IE5 filter */
	div.wrapper { width: 96.4em; overflow: visible; height: 52em; }
	html>body div.wrapper { height: auto !important; min-height: 50em; overflow: hidden; }
  /* Dit is nodig voor IE 5.01,x anders worden de kolomen niet even lang */
	div.wrapper { float: left; float/**/: none; }
  /* easy clearing */
	div.wrapper:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; }
	div.wrapper { display: inline-block; }
	div.wrapper { display: block; }
	div.footer {margin-bottom:2em;}
  /* end easy clearing */

  /* Safari heeft dit nodig */
	* > div.footer, * > form, * > #notes, * > .output { position: relative; z-index: 1000; }
  /* Einde Safari */
/* Einde kolom opbouw */