@import url("reset.css");
/* -------------------------------------------------------------------------------- */
/*  Copyright 2007 (Non-)verbaal, http://www.nonverbaal.nl                          */
/* -------------------------------------------------------------------------------- */

/*** Basic structure ***/
body 	{ 
	background: #FFF url(../images/_shared/body_bg.jpg) repeat-x left top;
	color: #333;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}
.clear{
	height:0;
	clear:both;
}
/*** Links ***/
a { color: #64B3E1; font-weight: bold; }
a:link,
a:visited { text-decoration:underline; }
a:hover,
a:active { text-decoration: none; }
a.mail{
	display:block;
	width: 15px;
	height: 10px;
	background-repeat:no-repeat;
	background-position: center top;
	background-image:url(../images/icon/mail.jpg);
	margin: 0 0 0 3px;
}
a#logo_link{
	width:218px;
	height:212px;
	position:absolute;
	left:20px;
	top:28px;
	z-index: 200;
}
a.mail span,
a#logo_link span{display:none;}

/*** Headers ***/
h1	{font-size:2.8em;font-weight:bold;color:#1B2254;}
.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
  margin-bottom:20px;
  z-index: 1;
}
h2	{font-size:1.4em;font-weight:bold;color:#1B2254;}
.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 14px;
  margin-bottom:10px;
  z-index: 1;
}
h3	{font-size:1.6em;font-weight:bold;color:#F44A23;}
.sIFR-active h3 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
  z-index: 1;
}
h4	{font-size:1.4em;font-weight:bold;color:#709BDF;}
.sIFR-active h4 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 14px;
  z-index: 1;
}

/*** Styles ***/
p		{ margin:0 0 22px 0; padding: 0 0 0 1px; }
em		{ font-style:italic;	}
strong,b{ font-weight:bold; }
.hr		{ display:block; height:1px; width:100%; background-color:#709BDF;}
hr		{display:none; visibility:hidden; height:0; width:0;}
#content ul{
	margin:0 0 22px 0;
}
#content ul li{
	padding-top:3px;
	padding-left:25px;
	height: 22px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position: 10px center;
	background-image:url(../images/icon/bullet.gif);
}
#content ul li.odd{	background-color:#F0F6FA;}
ul#headermenu 	 	{margin:0px;}
ul#headermenu li 	{font-size:1.0em;font-weight:bold;color:#1B2254; background:none;padding-left:0px; }
body#nieuws ul#afbeeldingen li {
	position:relative;
	background:none;
	float:none;
	display:inline;
}
.sIFR-active #headermenu li {
  display:inline;
  visibility: hidden;
  margin-right:25px;
  font-family: Verdana;
  line-height: 1.5em;
  font-size: 10px;
  background:none; 
/*  width:200px;*/
  width:225px;
  z-index: 1;
}

/*** Basic structure ***/
div#container{
	position:relative;
	width: 960px;
	margin: 15px auto;
	background-position: left top; 
	background-repeat: no-repeat;
	background-image:url(../images/_shared/container_bg.png);
	padding: 0px 10px 0;
}
div#header_shadow { 
	position:relative;
	height: 9px;
	background-repeat:no-repeat;
	background-position: center bottom;
	background-image:url(../images/_shared/header_shadow_bg.png);
}

div#header { 
	position:relative;
	height: 256px;
	padding: 8px 0 0 0;
	background-repeat:no-repeat;
	background-position: center top;
	background-image:url(../images/_shared/header_bg.jpg);
	z-index:5;
}
div#foto{ 
	position:relative;
	margin-left:236px;
	height:212px;
		
	background-repeat:no-repeat;
	background-position: left top;
	background-image:url(../images/visuals/koeien.jpg);
}
div#overlay{ 
	position:absolute;
	display:block;
	left:446px;
	top:87px;
	width: 253px;
	height: 30px;
	z-index: 999;
		
	background-repeat:no-repeat;
	background-position: left top;
	background-image:url(../images/overlay/nederlands.png);
}

#home 			div#foto{ background-image:url(../images/visuals/home_koe.jpg); }
#inkoop 		div#foto{ background-image:url(../images/visuals/inkoop_koeien.jpg); }
#assortiment 	div#foto{ background-image:url(../images/visuals/assortiment_koeien.jpg); }
#kwaliteit	 	div#foto{ background-image:url(../images/visuals/kwaliteit_koeien.jpg); }
#beurzen	 	div#foto{ background-image:url(../images/visuals/beurzen_koeien.jpg); }
#vacatures	 	div#foto{ background-image:url(../images/visuals/vacatures_koeien.jpg); }
#nieuws	 		div#foto{ background-image:url(../images/visuals/nieuws_koeien.jpg); }
#contact	 	div#foto{ background-image:url(../images/visuals/contact_koeien.jpg); }

div#inner {
	position:relative;
	width: 960px;
	background-color:transparent;
	background-position: top left; 
	background-repeat:repeat-y;
	background-image:url(../images/_shared/inner_bg.jpg);
}
div#left {
	position: absolute;
	left: 9px;
	top: 0px;	
	width: 218px;
	padding-bottom: 9px;
	background-color:#FFF;
	border-bottom: 1px solid #DFECF6;
	text-align:center;
	z-index:2;
}

div#left_bottom {
	position: absolute;
	width: 216px;
	bottom: -1px;
	left: 9px;
	z-index:1;

	height: 100%;
	
	background-color:#FFF; 
	background-position: bottom right; 
	background-repeat:no-repeat;
	border-right: 1px solid #DFECF6;
	border-left: 1px solid #DFECF6;
	background-image:url(../images/_shared/NAW_bg.jpg);
	
}

div#content {
	position:relative;
	margin: 0 11px 0 237px;
	padding: 0 24px 22px 24px;
	background:transparent;
	line-height: 2.0em;
	min-height: 466px;
	height:auto !important;
	height:466px;
}

div#right {
	position: absolute;
	top: 0px;
	right: 9px;
	width: 218px;
	color:#1B2254;
	line-height: 1.8em;
	background-color:transparent;
	background-position: 20px 16px; 
	background-repeat:no-repeat;
    background-image:url(../images/_shared/right_bg.jpg);
}
div#right a		 { display:block; color:#FF0000; text-decoration:none; }
div#right a:hover{ text-decoration:underline; }

div#video {
	background-color:transparent;
	margin: 80px 16px 2px;
	border-bottom: 1px solid #FFFFFF;
	font-weight:bold;
	line-height:1.8em;
	padding: 0px 0px 10px;
	z-index:5;
}

div#news { margin: 10px 16px 2px; }
div#news p span {
	font-weight:bold;
	display:block;
	overflow:hidden;
	width: 186px;
	white-space: nowrap;
}

div#naw { position: absolute; bottom: 0px; padding:20px;}
div#naw strong, div#naw b { color:#709BDF;}
div#naw p { margin:6px 0;}

div#language			{text-align:right;padding:0 23px 0 0;color: #A7B8C9;}
div#language a			{color: #A7B8C9;text-decoration:none;font-weight:normal;}
div#language a.selected,
div#language a:hover	{color: #A7B8C9;text-decoration:underline}
div#language span 		{margin-left:15px;}
div#language span a		{color: #1B2254;}
div#language span a:hover{color: #1B2254;}


div#footer {
	width: 960px;
	height: 18px;
	
	background-color:#FFF; 
	background-position: top left; 
	background-repeat: no-repeat;
	background-image:url(../images/_shared/footer_bg.png);
}
#home div#footer {background-image:url(../images/_shared/home_footer_bg.png);}
div#video_popup {
	position:relative;
	margin: 0 auto;
	padding-top: 15px;
	text-align:center;
}
/* IE6 only, sets original background to none */
* html div#overlay 		 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.goedegebuur.nl/www/images/overlay/nederlands.png');}
* html div#header_shadow { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.goedegebuur.nl/www/images/_shared/header_shadow_bg.png');}
* html div#container 	 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.goedegebuur.nl/www/images/_shared/container_bg.png');}
* html div#footer 	 	 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.goedegebuur.nl/www/images/_shared/footer_bg.png');}
* html #home div#footer  { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.goedegebuur.nl/www/images/_shared/home_footer_bg.png');}

#home div#header { 	background-image:url(../images/_shared/home_header_bg.jpg);}
#disclaimer div#header {	background-image:url(../images/_shared/home_header_bg.jpg);}
#home div#left { border:none; width: 216px; left:10px; background-color:transparent;}

#home div#inner {background-image:url(../images/_shared/home_inner_bg.jpg);}
#home div#content {	margin: 0 241px 0 237px; }

/*** STYLES ***/
div#breadcrump{
	display:block;
	padding: 14px 0;
	color:#64B3E1;
}
/*** NIEUWS ***/
div.nieuwsitem				{ }
div.nieuwsitem p			{ margin:0;}
div.nieuwsitem a			{ color:#F4502B; }
div.nieuwsitem span.titel,
div.nieuwsitem span.datum	{ display:block;color:#709BDF; font-weight:bold;}
div.nieuwsitem div.hr		{ margin:15px 0;}
a.nieuwslink				{ text-decoration: none;}
a.nieuwslink:hover			{ text-decoration: underline;}

/*** TABLES ***/
table { background-color:#D6E6F2;}
table.data { margin:1em 0 1.5em; line-height:1.6em;}

.data th,
.data td {
	padding:2px 5px 3px;
	font-weight:bold;
	color:#F54B28;
	vertical-align:top;
	border-right:2px solid #FFF;
}
.data td.last {border-right:none;}

body#assortiment .data 			 { height: 400px;}
body#assortiment .data td.last	 { text-align:right; padding-right: 16px;}
body#assortiment .data td.right	 { text-align:right; padding-right: 40px;}
body#assortiment .data td		 { height:1.8em}
body#assortiment .data td.stretch{ height:80px;}
body#assortiment .data td div  	 {  position: absolute; left:-999em; width: 210px;}
body#assortiment .data td.hover	 { background:#FFF url(../images/icon/arrow.gif) no-repeat 95% center; cursor:default;}

.data .alt td.last {border-right:none;}


.data .row-header th{ padding: 23px 5px 11px 5px; border:none;}
.data .row-footer th{ padding: 23px 5px 11px 5px; border:none;}
.data .row-header th{ border-bottom: 2px solid #FFF;}
.data .row-footer th{ border-top: 2px solid #FFF; height: 45px;}

.data .row-header th,
.data thead th {
	font-weight:bold;
	font-size:1.5em;
	color:#1B2254;
}
.sIFR-active .data th span.right{ float:right; margin-right:16px;}
.sIFR-active .data th span{
	visibility: hidden;
	float:left;
	margin-left:16px;
	font-family: Verdana;
	line-height: 1em;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	color:#1B2254;
    z-index: 1;

}
.data td em {font-style:normal;font-weight:normal;color:#333;}

.data th.txt,
.data td.txt {text-align:left;}

.data td.alt {background:#E6F0F7;}
.data .alt td {background:#E6F0F7;border-right:2px solid #FFF;}

/*** Menu ***/
#menu 			{ margin: 0px 0 0 193px; z-index:100;}
#menu li 		{ float:left; height:18px; padding: 16px 0 0 0 ;}
#menu li a 		{ 
	position:relative;
	display:block;
	background-image: url(../images/_shared/menu.jpg);
	background-repeat: no-repeat;
	height: 10px;
	text-decoration: none;
}

#menu li ul 			{ position: absolute;left: -999em;top: 254px; z-index:101; border:1px solid #709BDF;background-color:#031F51; }
#menu li.sfhover ul,
#menu li:hover ul		{ left: auto;}
#menu li ul#sub_menu_2	{ width:200px; margin-left:35px;}

#menu li ul li {
	float:none;
	background-color:#031F51;
	border-bottom:1px solid #709BDF;
	height: 20px;
}
#menu li ul li.last {border:none;}
#menu li ul a				{ position:relative;float:none;color:#FFF; font-weight:bold; background-image:none;}
#menu li ul a span			{ display:block;}
#menu li ul a:hover			{ color:#77A0E7;}
.sIFR-active #menu li ul li {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1.0em;
  line-height: 1.0em;
  font-size: 10px;
  font-weight: bold;
  z-index: 10;
  padding: 0px 10px;
  margin: 5px 0px 2px;
}

/* IE 6 FLIKKER - FIX */
* html #menu li a{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

#menu li a span { display:none; }

#menu_1 a { background-position:    0px 0px; width: 34px;}
#menu_2 a { background-position:  -74px 0px; width:133px; margin-left:40px; }
#menu_3 a { background-position: -207px 0px; width: 67px;}
#menu_4 a { background-position: -274px 0px; width:102px;}
#menu_5 a { background-position: -376px 0px; width: 80px;}
#menu_6 a { background-position: -456px 0px; width: 74px;}
#menu_7 a { background-position: -530px 0px; width: 85px;}
#menu_8 a { background-position: -615px 0px; width: 68px;}
#menu_9 a { background-position: -683px 0px; width: 61px;}

#menu_1 a:hover,#menu_1 .selected { background-position:    0px -11px;}
#menu_2 a:hover,#menu_2 .selected { background-position:  -74px -11px;}
#menu_3 a:hover,#menu_3 .selected { background-position: -207px -11px;}
#menu_4 a:hover,#menu_4 .selected { background-position: -274px -11px;}
#menu_5 a:hover,#menu_5 .selected { background-position: -376px -11px;}
#menu_6 a:hover,#menu_6 .selected { background-position: -456px -11px;}
#menu_7 a:hover,#menu_7 .selected { background-position: -530px -11px;}
#menu_8 a:hover,#menu_8 .selected { background-position: -615px -11px;}
#menu_9 a:hover,#menu_9 .selected { background-position: -683px -11px;}

/*** Formulieren ***/
div.fmcontainer 		 	{ background-color:#D6E6F2; width:368px; color:#000;}
div.fmcontainer a		 	{ color:#F4502B; font-weight:bold; text-decoration:underline; margin: 5px 0; display:block;}
div.fmcontainer a:hover	 	{ text-decoration:none;}
div.fmcontainer p.legend	{ margin-bottom: 5px;}
div.fmcontainer p.legend em { color: #D9F03C; font-style: normal; }

#errors		 { display:none;}
#errors p    { margin: 5px 0px;}
#errors p em { color: #1B2254; font-style: normal; font-weight: bold;  margin: 5px 20px;}
#errors ul	 { margin:0px;}
#errors ul li{ width: 343px;}

div.fmcontainer form p				{ margin:0 0 0 5px;}
div.fmcontainer form p.note 		{ margin-left: 170px; font-size: 90%; color: #333; }
div.fmcontainer form fieldset 		{ margin: 5px 0 0 0; width:350px; padding: 10px 20px;  }
div.fmcontainer form legend 		{ font-weight: bold; color: #202065;margin: 0; padding: 5px 2px 10px 2px;}
div.fmcontainer form fieldset div	{ padding: 0.25em 0; }

div.fmcontainer label, 
div.fmcontainer span.label { margin-right: 10px; padding-right: 10px; display:block;}

div.fmcontainer label.error, 
div.fmcontainer span.error { color: #D9F03C; }

div.fmcontainer label em, 
div.fmcontainer span.label em 		{ font-size: 120%; font-style: normal; color: #D9F03C; }

div.fmcontainer button 				{ border-color: #006514; border:1px solid; background-color: #FFF;color:#006514;font-size:1em; margin: 10px 0 0 0;}
div.fmcontainer input.error 		{ border-color: #006514; background-color: #FEF; }

div.fmcontainer input:focus,
div.fmcontainer input.error:focus, 
div.fmcontainer textarea:focus 		{ }

div.fmcontainer div.controlset label, 
div.fmcontainer div.controlset input	 { margin: 0 0 5px 0 ;display: inline;height: 17px; }
div.fmcontainer div.controlset div 		 { margin: 0 0 0 170px; }
div.fmcontainer div.controlset div.label { font-weight: bold; }

 div.fmcontainer div.buttonrow { /* Needed to solve the Peekaboo bug in IE6 */ margin-left: 300px; }
* html div.fmcontainer div.buttonrow { /* Needed to solve the Peekaboo bug in IE6 */ margin-left: 297px; }

div.fmcontainer input.size1,
div.fmcontainer textarea.size1 { width: 328px; border:1px solid #C4DBEC; background-color:#F8FBFD; }
div.fmcontainer textarea	   { height:47px;}