*:focus
{
  -moz-outline-style: none;
}

* {margin: 0; padding:0;}

.clr { clear:both;}

body { background:#fff url('../images/bg.jpg') repeat-x; 
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6C6C6C}
		
textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#wrapper { width: 919px; margin: 0 auto; margin-top: -42px; margin-bottom:10px; position:relative;
/*	-moz-box-shadow: 0px 3px 3px #B2B2B2;
	-webkit-box-shadow: 0px 3px 3px #B2B2B2;
*/}
img {border:none;}

a, a:visited,a:link { color: #8E815F; text-decoration: none; }
a:hover { text-decoration: underline;}

a.readmore { display:block; text-align:right;}
a.readmore:hover, #header a:hover { background:none; color: #8E815F; text-decoration:none;}

.hidden { display:none}

h1 {font-size: 18px;}
h2 {font-size: 16px; color:#D4D4D4;}
h3 {font-size: 12px; color: #8E815F;}
h3 a { color: #8E815F; font-weight:bold;} 
h3 span { font-size: 10px; color: #B7AD94; font-weight:normal;}

.contenthead h1 { padding-top: 5px; }
p {  margin-bottom: 1em; line-height:25px; }

strong, b { display:inline;}


/*-----------------------------
		Header
------------------------	*/
#header { margin-left: -3px;height: 200px;background:transparent url('../images/header_bg.jpg') top center no-repeat; }
#header #mainlogo { margin:0pt auto; width:187px; padding: 45px 0 0 0; position:relative; z-index:1;}
#header img{_behavior: url(../css/iepngfix.htc);  }


/*-----------------------------
		Menu
------------------------	*/
#menu { background: #5C4418 url('../images/menu.bg.jpg') repeat-x top left; position:relative; width:100%}

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

#li-home, #li-bedrijf, #li-productieproces, 
#li-boomkwaliteit,#li-vacatures,#li-rassen,
#li-links,#li-contact, #li-company {
	float:left; display:block;
}

.menuitem{ float:left; height: 0 !important; padding: 35px 0 0 0; overflow:hidden;}

#li-home a{ background:transparent url(../images/btn_home.jpg) no-repeat left top; width:84px;}
#li-bedrijf a{ background:transparent url(../images/btn_bedrijf.jpg) no-repeat left top; width:98px;}
#li-productieproces a{ background:transparent url(../images/btn_productie.jpg) no-repeat left top; width:183px;}
#li-boomkwaliteit a{ background:transparent url(../images/btn_boomkwaliteit.jpg) no-repeat left top; width:138px;}
#li-vacatures a{ background:transparent url(../images/btn_vacatures.jpg) no-repeat left top; width:118px;}
#li-rassen a{ background:transparent url(../images/btn_rassen.jpg) no-repeat left top; width:100px;}
#li-links a{ background:transparent url(../images/btn_links.jpg) no-repeat left top; width:87px;}
#li-contact a{ background:transparent url(../images/btn_contact.jpg) no-repeat right top; width:111px;}

#li-bedrijf a{ background:transparent url(../images/btn_bedrijf.jpg) no-repeat left top; width:98px;}

/*-----------------------------
		SUBNAV
------------------------	*/
.subnav { list-style:none; margin:0; padding:0; margin: -10px -10px 0 -10px; }
.subnav ul { list-style-type:none;}
.subnav li a { display:block; border-bottom: 1px dotted #B7AD94; width:200px; text-decoration:none; font-size: 13px; font-weight:bold; padding: 5px 10px; }
.sub li a{ font-size: 11px; font-weight:normal; margin-left:5px; padding: 4px 8px;  }
.sub li a.active { color:#FFFFFF; background-color:#8E815F; }


/*-----------------------------
		Page
------------------------	*/
#page { background: #fff; min-height: 350px; _height: 350px; clear:right; padding-top: 30px;}

#container{ width:590px; padding: 0 20px; float:left;}
.contenthead{ background: url(../images/contenthead_bg.jpg) no-repeat; height: 42px; padding: 25px 0 0 25px; }
.content{ background: url(../images/content_bg.jpg) repeat-y; padding: 0 25px 1em 25px;  }
.contentfooter{ background: url(../images/contentfooter_bg.jpg) no-repeat; height: 29px; padding-bottom:20px;}

#container_small{ width:489px; padding: 0 20px; float:left;}
.contenthead_small{ background: url(../images/contenthead_bg_small.jpg) no-repeat; height: 42px; padding: 25px 0 0 25px; }
.content_small{ background: url(../images/content_bg_small.jpg) repeat-y; padding: 0 25px 1em 25px;  }
.contentfooter_small{ background: url(../images/contentfooter_bg_small.jpg) no-repeat; height: 29px; }

.apple {background: url(../images/contenthead_bg_apple.jpg) no-repeat; height: 42px; padding: 25px 0 0 100px; }

#sidebar{float:left; width: 365px;}
#sidebar-small{float:right; width:280px; } /*margin-right:25px;*/

.boxhead{ background: url(../images/box_head.jpg) no-repeat; height: 28px; padding: 25px 0 0 25px; }
.box{ background: url(../images/box_bg.jpg) repeat-y; padding: 12px 25px 1px 25px; }
.boxfooter{ background: url('../images/box_footer.jpg') no-repeat; height: 34px; }

.boxhead-small{ background: url(../images/box_head_small2.jpg) no-repeat; height: 28px; padding: 25px 0 0 25px; margin-top:1px; }
.box-small{ background: url(../images/box_bg_small2.jpg) repeat-y; padding: 20px 25px 1px 25px; }
.boxfooter-small{ background: url('../images/box_footer_small2.jpg') no-repeat; height: 32px; }

#login-console{background:url(../images/login_console.jpg) no-repeat; height: 145px; padding: 25px 0 0 25px; }

.content { line-height:1.7em;}

#timeline {      margin: -14px -12px 0 -12px;     _margin-left:-6px;     list-style:none;     padding:0;     background:#B7AD94;     clear:both;     float:left;     font-size: 11px;     width:464px } 
#timeline li { display:inline; }
#timeline li a { 
	color: #FFF;
	text-decoration:none;
	border-right: 1px dotted #FFF;
	padding: 5px 4.5px;
	text-align:center;
	display:block;
	float:left;
}
#timeline li a.active {background: url('../images/timeline.hover.gif') no-repeat bottom center;}
#timeline li a:selected { background:red;}
#timeline-text { padding-top: 10px; clear:both; }
#timeline-text img {margin: -4px -12px 5px -12px;}


/*------------------------------
	Extra
-------------------------------*/
#extra {
	width:345px;
	height:120px;
	background:url('../images/extra.jpg') no-repeat;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	padding-top:15px;
	margin-left:15px;
}
#bigger { font-size:13px; }

.strong { font-weight:bold; }


/*-----------------------------
Newsitem
------------------------	*/
.newsitem { border-bottom: 1px dotted #B7AD94; padding-bottom: 5px;}

#langchoice { font-size: 10px; position:absolute; top: -155px; right: 10px;}
#langchoice ul { list-style:none;padding:0;margin:0;}
#langchoice ul li { font-size: 10px; list-style:none;margin:0; padding: 0 2px; display:inline;}
#langchoice ul li a { font-size: 10px; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; color: #FFF; display: block; background: #6ab0da; float: left; width: 30px; padding: 10px 0; margin: 0; text-align: center;}
#langchoice ul li a:hover { text-decoration: none; background: #4c87aa; }
#langchoice ul li a.active { color: #000; background: #ffffff; }
#langchoice ul li.ti { -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; color: #FFF; display: block; background: #4c87aa; float: left; padding: 10px 10px; margin: 0; text-align: center; }


/*-----------------------------
		Footer
------------------------	*/
#footer{
	background:url('../images/footer.jpg') no-repeat;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:25px;
	margin-top: 35px;
	padding-top: 6px;
	text-align:center;
	vertical-align:middle;
}

.content { padding-top:20px; }
.content ul { list-style:none; margin:0;}
.content li { background-color:#faf9f7; padding:5px;}
.content li:nth-child(even){background-color:#f4f0ed; }

.content .gallery li{ float:left; margin:10px 10px; padding:5px 5px 0 5px}

.uni-form{}
.uni-form label{ float:left; clear:right;}
.uni-form input, .uni-form textarea, .uni-form fieldset{ float:right; clear:right; margin-bottom:20px; width:250px; border:1px solid gray; padding:5px;}
.uni-form fieldset{ border:none; padding:0; margin:0;}
.uni-form fieldset input{ width:auto;}

.error-message{ color:red; clear:left;}

.submenu-float{ float:left; }