html, body, #holder { min-height: 100%; width: 100%; height: 100%; }
html>body, html>body #holder { height: auto; }
body { margin: 0; padding: 0; border: 0; text-align: center; background: #EEEEEE url(pics/bg.gif) repeat-y center 0; /* scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #441177; scrollbar-3dlight-color: #441177; scrollbar-arrow-color: #441177; */ }
* {font-size: 1em;}
#holder { width: 960px; height: 100%; margin: 0 auto 0; }
#holder .holder { margin: 0 auto 0 auto; text-align: left; }
#holder .holder, #hfoot { width: 100%; }
#hhead, #hbody { clear: both; }
#hhead { position: relative; width: 100%; height: 350px; background: no-repeat 100% 0; }
#hhead #topNav,
#hhead #header .header,
#hhead #mainNav .mainNav,
#hhead #breadcrumNav, #hbody { width: 960px; }
#webconfigurator { position: relative; display:inline; float: left; margin: 0 0 0 10px; }
#hhead #topNav { height: 28px; }
#hhead #topNav .languageNav { position: relative; float: left; display:inline; }
#hhead #topNav .generalNav { position: relative; float: right; display:inline; }
#hhead #login { height: 22px; background: #FFCC00; padding: 0; }
#hhead #header { height: 211px; background: #0077B4; }
#hhead #header .headerBg { float: left; width: 538px; height: 211px; background: url(pics/headBruinekip.jpg) no-repeat; }
#hhead .logo a, #hhead .logo a:link, #hhead .logo a:visited, #hhead .logo a:hover, #hhead .logo a:active, #hhead .logo a.active, #hhead .logo a:visited.active { display: block; width: 120px; height: 100px; }
#hhead .sloganBlue { float: right; padding-right: 20px; color: #0077B4; font-size: 26px; line-height: 24px; letter-spacing: -.05em; font-family: helvetica, verdana, sans-serif; }
#hhead .sloganRed { float: right; padding-right: 7px; color: #FC0019; font-size: 20px; line-height: 24px; letter-spacing: -.05em; clear: right; font-family: helvetica, verdana, sans-serif; }
#hhead #header .systemNav { float: right; width: 422px; }
#hhead #mainNav { position:relative; height: 80px; background: #AEAFC3 url(pics/mainRowBg.gif) 0 50% repeat-x; z-index: 1; }
#hhead #mainNav .beforeList { position:relative; float: left; width: 207px; height: 80px; margin: 0; padding: 0; background: #AEAFC3; }
#hhead #breadcrumNav { height: 28px; }
#hhead #breadcrumNav .breadcrumNav { padding-left: 239px; }
#hbody #block { float: left; width: 178px; }
#hbody #block .block { float: right; width: 154px; }
#hbody .tpl { margin-top:20px; margin-left: 239px; }
* html #hbody .tpl { margin-top:0px; }
#hbody #content,
#hbody #newsItem,
#hbody .innerbody { width: 660px; margin-left: 0; padding-bottom: 30px; }
#block .blockTitel { height: 30px; padding: 0 7px 0 7px; color: #FFFFFF; font-size: 20px; line-height: 28px; overflow: hidden; }
#block .blockContent { padding: 5px 7px 5px 7px; }
#block a, #block a:link, #block a:visited { display: block; color: #000000; text-decoration: none; line-height: 14px; margin-bottom: 4px; padding: 2px 10px 2px 0; background: url(pics/arrowWhite.gif) no-repeat 100% 4px; }
#block a:hover, #block a:active { color: #000000; text-decoration: underline; }
#hbody .calender { background: #AEAFC3; margin-bottom: 5px; }
#block .calender .blockTitel { background: #9FA0B2; }
#block .news {background: #FFCC00; }
#block .news .blockTitel {background: #F5C200; }
#block .news .more { height: 50px; color: #FFFFFF; font-weight: bold; background: url(pics/blockBgB.gif) no-repeat 100% 100%; }
#block .more a, #block .more a:link, #block .more a:visited { float: right; margin: 14px 7px 0 0; padding-right: 14px; color: #FFFFFF; text-decoration: none; line-height: 14px; 	background: url(pics/arrowWhite.gif) no-repeat 100% 50%; }
#block .more a:hover, #block .more a:active { color: #FFFFFF; text-decoration: underline; }
#block { margin-bottom: 26px; }
#block .title { background: #D9D9D9 url(pics/blockRT.gif) no-repeat 100% 0; padding: 10px 20px 0 20px; line-height: 20px; }
#block .title h2 { color: #441177; margin: 0; }
#block .content { width: auto; background: #D9D9D9; margin: 0; padding: 5px 20px 10px 20px; }
#block form { margin: 0; }
#block input { width: 100%; height: 20px; padding-left: 20px; vertical-align: middle; margin: 0 0 3px 0; border: 1px solid #A6A6A6; }
#block input.text { color: #828282; }
#block input.activetext { color: #000000; }
#block a { margin-left: 0px; }
#block a.button { float: right; clear: both; }
#block .nav { height: 20px; }
#block ul { line-height: 20px; }
#block ul li { float: left; }
#block ul.block1Menu li { width: 80px; }
#block ul.block2Menu li { width: 120px; }
#block ul a, #block ul a:link, #block ul a:visited { float: left; width: 100%; text-decoration: none; background: #87B200 url(pics/blockMenuItemL.gif) no-repeat 0 100%; color: #FFFFFF; font-weight: bold; }
#block ul.block1Menu a { background-color: #87B200; }
#block ul.block2Menu a { background-color: #868900; }
#block ul div { padding: 0 0 0 20px; }
#block ul a:hover, #block ul a:active, #block ul a.active, #block ul a:visited.active { background-color: #D9D9D9; }
#block ul a.active, #block ul a:visited.active { color: #000000; }
#block div.header { background: url(pics/blockRT.gif) no-repeat 100% 0; }
#block div.header div.round { height: 10px; background: url(pics/blockLT.gif) no-repeat; }
#block div.header .title { padding: 0 10px 8px 10px; color: #818181; font-size: 120%; }
#block div.body { background: #DBDBDB url(pics/blockContentRT.gif) no-repeat 100% 0; }
#block div.body div.round { height: 10px; background: url(pics/blockContentLT.gif) no-repeat; }
#block div.body .content { padding: 0 10px 8px 10px; color: #818181; font-size: 110%; line-height: 1.4em; }
#block div.footer { background: url(pics/blockRB.gif) no-repeat 100% 100%; }
#block div.footer div.round { height: 10px; background: url(pics/blockLB.gif) no-repeat 0 100%; }
#block div.footer .link { padding: 8px 10px 0 10px; text-align: right; color: #818181; font-size: 110%; }
#block div.footer a { color: #818181; }
#block div.footer a:hover { color: #183069; }
#content { margin: 0 0 0 140px; }
/* main menu */
ul.mainMenu { position: absolute; left: 207px; top:0; width: 500px; height: 80px; padding: 3px 0 0 0; margin: 0; z-index: 1;  }
ul.mainMenu ul { left: 126px; width: 130px; }
ul.mainMenu ul ul{ left: 155px; }
ul.mainMenu li { display: block; float: left; width: 126px;	position: relative; margin: 0; padding:0; }
ul.mainMenu li.node1  { z-index: 62 }
ul.mainMenu li.node2  { z-index: 61; }
ul.mainMenu li.node3  { z-index: 60; }
ul.mainMenu li.node4  { z-index: 59; }
ul.mainMenu li.node5  { z-index: 58; }
ul.mainMenu li.node6  { z-index: 57; }
ul.mainMenu li.node7  { z-index: 56; }
ul.mainMenu li.node8  { z-index: 55; }
ul.mainMenu li.node9  { z-index: 54; }
ul.mainMenu li.node10 { z-index: 53; }
ul.mainMenu li.node11 { z-index: 52; }
ul.mainMenu li.node12 { z-index: 51; }
ul.mainMenu ul li {	width: 155px; background: #0077B4; }
ul.mainMenu li a, ul.mainMenu li a:link, ul.mainMenu li a:visited { position: relative; float:left; display:inline; width: 112px; white-space: nowrap; line-height: 18px; margin-left:14px; padding-left: 3px; background: #AEAFC3; text-decoration: none; color: #000000; }
ul.mainMenu li a:hover, ul.mainMenu li a:active, ul.mainMenu li a.active, ul.mainMenu li a.mouse, ul.mainMenu li a:visited.active { color: #FFFFFF; background: #AEAFC3 url(pics/mainItemActive.gif) no-repeat 95% 50%; }
ul.mainMenu li a:hover, ul.mainMenu li a.active:hover, ul.mainMenu li a.mouse {	background-color: #8A8B9B; }
ul.mainMenu ul a, ul.mainMenu ul a:link, ul.mainMenu ul a:visited { display: block; line-height: 18px; white-space: normal; float: none; background: none; color: #FFFFFF; font-weight: normal; margin: 0; padding-left: 12px; }
ul.mainMenu ul a:hover, ul.mainMenu ul a:hover.active, ul.mainMenu ul a:active, ul.mainMenu ul a.active, ul.mainMenu ul a:visited.active { text-decoration: underline; color: #FFCC00; background: none; }
ul.mainMenu ul li.before { height: 5px;	font-size: 0; }
ul.mainMenu ul li.after { height: 20px; font-size: 0; background: url(pics/mainSubListB.gif) no-repeat 10% 0; }
ul.mainMenu ul ul { margin-left: 0px; margin-top: -23px; /*filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=90, Style=0);*/ }
/* language menu */
ul.languageMenu { margin: 8px 0 0 14px; }
ul.languageMenu li { padding-right: 6px; float: left; }
ul.languageMenu li a img, ul.languageMenu li a:link img, ul.languageMenu li a:visited img { border: 1px solid #666; width: 18px; height: 12px; filter:alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
ul.languageMenu li a:hover img, ul.languageMenu li a:active img, ul.languageMenu li a.active img, ul.languageMenu li a:visited.active img { filter: none; -moz-opacity: 1; opacity: 1; }
/* general menu */
ul.generalMenu { list-style: none; float: left; padding: 3px 18px 0 0; line-height: 22px; color: #031F11; }
ul.generalMenu li { float: left; }
ul.generalMenu li a, ul.generalMenu li a:link, ul.generalMenu li a:visited { display: block; float: left; margin: 0 .3em 0 .3em; text-decoration: none; color: #031F11; }
ul.generalMenu li a:hover, ul.generalMenu li a:active, ul.generalMenu li a.active, ul.generalMenu li a:visited.active { display: block; float: left; margin: 0 .3em 0 .3em; text-decoration: none; color: #0077B4; }
ul.generalMenu li a:hover { text-decoration: underline; }
ul.generalMenu div { display: block; float: left; }
ul.generalMenu li.lastNode div { display: none; }
/* system menu */
ul.systemMenu {  margin: 0; padding: 0; line-height: 22px; /*color: #031F11; */ list-style: none; }
ul.systemMenu li { position: relative; float: left; display:inline; width: 422px; height:52px; margin: 0; padding: 0; border-bottom: 1px solid #FFFFFF; }
ul.systemMenu li.lastNode { border-bottom: 0px; }
ul.systemMenu li a, ul.systemMenu li a:link, ul.systemMenu li a:visited { display: block; width: 234px; height:40px; padding: 12px 64px 0 122px; line-height: 1.1em; margin: 0; word-wrap: break-word; text-align: center; text-decoration: none; color: #FFFFFF; font-weight: bold; }
ul.systemMenu li a:hover, ul.systemMenu li a:active, ul.systemMenu li a.active, ul.systemMenu li a:visited.active { color: #FFCC00; }
ul.systemMenu .node1 { background: url(pics/systemLayer.jpg) no-repeat 0 0; }
ul.systemMenu .node2 { background: url(pics/systemBreeder.jpg) no-repeat 0 0; }
ul.systemMenu .node3 { background: url(pics/systemBroiler.jpg) no-repeat 0 0; }
ul.systemMenu .node4 { background: url(pics/systemManureDrying.jpg) no-repeat 0 0; border-bottom-width: 0; }
ul.breadcrumMenu { list-style: none; }
ul.breadcrumMenu { position: relative; list-style: none; color: #8A8A8A; line-height: 26px; margin-left: 0px; float: left; display: inline; }
ul.breadcrumMenu li { float: left; }
ul.breadcrumMenu li a, ul.breadcrumMenu li a:link, ul.breadcrumMenu li a:visited { color: #8A8A8A; display: block; float: left; text-decoration: underline; margin: 0 .3em 0 .3em; }
ul.breadcrumMenu li a:hover, ul.breadcrumMenu li a:active, ul.breadcrumMenu li a.active, ul.breadcrumMenu li a:visited.active { color: #8A8A8A; text-decoration: none; }
ul.breadcrumMenu li span { margin: 0 .3em 0 .3em; }
ul.breadcrumMenu div { display: block; float: left; }
#hhead #login .login { width: 760px; height:21px; overflow: hidden; }
#login form { margin: 0 0 0 14px; }
#login input { float: left; margin: 4px 5px 0 0; padding: 0 0 0 8px; width: 170px; height: 14px; background: #FFFFFF; color: #7F7F7F; border: 0; }
#login a, #login a:link, #login a:visited { float: left;	margin: 4px 0 0 0; padding-right: 10px;	color: #0077B4;	text-decoration: none; line-height: 14px; background: url(pics/arrowBlue.gif) no-repeat 100% 50%; }
#login a:hover, #login a:active { color: #0077B4; text-decoration: underline; }
#login h2 { display: none; }
#login p { float: left; display: block; margin: 4px 5px 0 0; max-width: 300px; }
#login p a.uitloggen { margin-top: 0px; }
* html #login p { width: auto; }
* html .uitloggen { background-color: #FF0000; }
/*
ul.footMenu { color: #B4B4B4; }
ul.footMenu li { }
ul.footMenu li a,
ul.footMenu li a:link,
ul.footMenu li a:visited { color: #441177; text-decoration: none; margin: 0 .3em 0 .3em; }
ul.footMenu li a:hover,
ul.footMenu li a:active,
ul.footMenu li a.active,
ul.footMenu li a:visited.active { color: #E72B20; text-decoration: underline; }
*/
#newsList { margin: 0; }
#newsList .category { margin: 1em 0 0 0; }
#newsList .item { margin: 0 0 1em 0; }
#newsList .intro { }
#newsList .intro p { margin: 0; }
#newsList .more { }
#newsList .empty { }
#newsItem .title { margin: 0 0 .5em 0; font-size: 140%; font-weight: bold; color: #000000; }
#newsItem .intro { margin: 0 0 1em 0; font-weight: bold; }
#newsItem .content { margin: 0 0 1em 0; }
#newsItem .back {}

ul.dealers { list-style: none; width: 33%; float: left; padding: 0px; margin: 0px; }
