@import url("reset.css");

body { background: url(../img/bg/bgbody.jpg) repeat-x; font-family: Verdana, Geneva, sans-serif; font-size:62.5%; }
body#geenbg { background: none; }

h1 { color: #f1862c; font-size: 1.3em; margin: 0 0 10px 0; }
h1.minmargin { margin: 0 0 0 0; }
h1 span { color: #000; }
h2 { color: #f1862c; }

a { color: #f2862c; text-decoration:none; }
	a:hover { color: #bbddf0; text-decoration:none; }

#attentie { position: absolute; top: 0; left: 0px; background: url(../img/bg/bgattentie.png) no-repeat bottom center; padding: 0 0 10px 0; z-index: 32; }

#splash	{ margin: 94px 0 0 0; }

#container { margin: 0 auto; position: relative; width: 992px; }
#head { padding:  30px 0 30px 0; }
	#logo a { background: url(../img/bg/logo.jpg); display: block; float: left; height: 43px; margin: 0 0 0 20px; text-indent: -9999px; width: 52px; }
	#naam { background: url(../img/bg/logonaam.jpg); float: right; height: 45px; text-indent: -9999px; width: 350px; }

ul.menu { background: #f2862c; font-weight: bold; height: 42px; margin: 0; padding: 0; position: relative; z-index: 30; }
	ul.menu li { color: #fff; list-style: none; margin: 0; padding: 0; float: left; }
		ul.menu li a { color: #fff; display: block; font-size: 12px; padding: 15px 34px 15px 34px; text-align: center; text-decoration: none }
		ul.menu li a:hover { color: #bbddf0; }		

	ul.menu ul { background: url(../img/bg/bgmenudiv.jpg) no-repeat 9px 0 #b9a09c; font-size: 0.9em; font-weight: normal; margin: 0 0 0 20px; padding: 20px 0 12px 0; position: absolute; display: none; }
	ul.menu ul li { float: none; }
	ul.menu li ul li a { background: #b4a09c; color: #fff; display: block; font-size: 1.2em; line-height: 20px; margin: 0; padding: 0px 10px; position: relative; text-align: left; text-decoration: none; width: auto; white-space: nowrap; }
	ul.menu li ul li a:hover { color: #000; }
	ul.menu li ul li.active a { color: #bbddf0; }
	ul.menu li:hover ul, ul.menu a:hover ul { display: block; }
	
	.menu hr { border: none; border-top: 1px solid #dcd0ce; }
	
#content { background: url(../img/bg/bgcontent.jpg) top left no-repeat #ddeef8; line-height: 16px; margin: 0 0 15px 0; /* Min-height mod voor IE6 */ min-height: 481px; height: auto !important; height: 481px; position: relative; width: 992px; }
	#content .links { display: inline; margin: 0 20px 0 68px; padding: 20px 0 10px 0; width: 393px; }
	#content.home .links { line-height: 20px;  margin: 0px 20px 0px 36px; padding: 0; width: 425px; }		
	#content .breed { width: 600px; }
	#content .minmarginb { margin-bottom: -40px; }
		#content .links .kolom { padding: 0 40px 0 0; }
	#content .rechts { width: 511px; }
	#content p { margin: 0 0 10px 0; }
	#content ul { margin: 6px 0 20px 12px; }
		#content ul li { list-style: url(../img/bg/bulletcontent.jpg) outside; }
	
	.loader { background: url(../img/bg/loader.gif) center center no-repeat; }
	
	/* Slider op homepagina 117px x 78px Temp: background: url(../img/bglogotest1.png) center center no-repeat; */
	#logos 	{ margin: 0 0 0 -34px; }
	#logos { overflow: hidden; position:relative; float: left; }
	#logos ul { margin: 5px 0 0 0px; }
		#logos li, #logos a.meer { background: url(../img/bg/bglogo.png) center center no-repeat; display: inline; float: left; height: 78px; margin: 0 0 21px 16px; padding: 10px; width: 117px; }
		#logos a.meer { background: url(../img/bg/bglogomeer.png) center center no-repeat; }
		#logos a:hover.meer { background: url(../img/bg/bglogomeerhover.png) center center no-repeat; }
		#logos li a { display: block; text-align: center; width: 117px; }
		#content #logos ul li { list-style: none; }
		#logos .ui-tabs-nav-item.eerste { display: none; }
		#logos li.ui-tabs-selected { background: url(../img/bg/bglogoactief.png) bottom center no-repeat; }
		.ui-tabs-hide { display:none; }
		
	#logosreferenties { overflow: hidden; position:relative; float: left; }
	#logosreferenties ul { margin: 5px 0 0 0px; }
		#logosreferenties li, #logosreferenties a.meer { background: url(../img/bg/bglogo.png) center center no-repeat; display: inline; float: left; height: 78px; margin: 0 0 21px 16px; padding: 10px; width: 117px; }
		#logosreferenties li a { display: block; text-align: center; width: 117px; }
		#logosreferenties #logos ul li { list-style: none; }
		#logosreferenties .ui-tabs-nav-item.eerste { display: none; }
		#logosreferenties li.ui-tabs-selected { background: url(../img/bg/bglogoactief.png) bottom center no-repeat; }
		#logosreferenties a.meer { background: url(../img/bg/bglogowerkct.png) center center no-repeat; }
		#logosreferenties a:hover.meer { background: url(../img/bg/bglogowerkcthover.png) center center no-repeat; }

		.ui-tabs-hide { display:none; }
		
		a.link { background: url(../img/bg/bglink.gif) center center no-repeat ; display: block; position: absolute; }
		a:hover.link { background: url(../img/bg/bglinkhover.png) center center no-repeat ; }
	/* Einde slider */
	
	#referenties			{ left: 0px; position: relative; width: 1503px; }
	#referenties #een		{ width: 423px; }
	#referenties #twee		{ width: 481px; }
	#referenties #drie		{ position: relative; width: 511px; }
	#referenties #logos		{ margin: 0 0 0 0px; width: 481px; }
	a.sluiten				{ cursor: pointer; display: block; padding: 5px 10px; position: absolute; right: 0; z-index: 1 }
	a:hover.sluiten			{ background: #fff; color: #000; }
		
#flashcontent { line-height: 14px; margin: 0 auto; height: 525px; width: 992px; z-index: 100 }
	#kc { padding: 0 67px 0 0; margin-top: -41px; position: absolute; bottom: 27px; right: 0; }
	#kc span { display: block; float: left; margin: 0 5px; }

#footer .kolom { line-height: 14px; float: left; font-size: 0.9em; margin: 0 0 10px 0; }
	#footer .kolom p { margin: 0 0 6px 0; }
	#footer .adres { width: 241px; }
	#footer .een { padding: 0; width: 241px; } 
	#footer .nieuws { width: 280px; }
		#footer .nieuws ul { margin: 0 0 6px 0; width: 280px; }
		#footer .nieuws ul li { line-height: 14px; padding: 0; position: relative;  }
		#footer .nieuws ul li a { background: url(../img/bg/bullet.jpg) no-repeat 0 5px; color: #000; display: block; padding: 0 0 0 10px; }
		#footer .nieuws ul li a:hover { color: #bbddf0; }
	#footer .talen { background: url(../img/bg/werckt.jpg) top right no-repeat; padding: 40px 0 0 0; width: 230px; }

#containerwerknemers { height: 481px; overflow: hidden; position: relative; }
	#team { background: #ddeef8;  padding: 0 0 0 34px; position: relative; width: 477px; }
	#container #team img { float: left; padding: 0 20px 0 0; }
	#container #team div { display: inline; float: left; height: 115px; margin: 20px 20px 0 20px; width: 437px; }
	#container #team div div { float: right; margin: 0 0 0 10px; width: 215px; }
	#container #team div.clear {height: 0px;} 
	#container #team div p.head strong { color: #A98F89; display: inline; font-size: 1.1em; font-weight: bold; }
	#container #team div em { font-style: italic; margin: 0 0 10px 0; }
#containerroute { height: 481px; overflow: hidden; position: relative; }
	#route { background: #ddeef8; height: 481px; left: 511px; margin: 481px 0 0 0; overflow: auto; padding: 0 0 0 34px; position: absolute; top:-481px; width: 511px; }
	#contact { background: #ddeef8; height: 481px; position: relative; float: right; width: 511px; }
		.unobtrusive { left: 511px; } /* voor als javascript uitstaat */
	#kaart { background: url(../img/overig/routekaart.gif) center center no-repeat; height: 481px; text-indent: -9999px; width: 481px; }

fieldset { padding: 40px 0 0 0; }
input, textarea { border: 1px solid #B5D0DF; margin: 0 0 12px 0; padding: 4px; width: 320px; }
input:focus, textarea:focus { border: 1px solid #F2862C; }
input#submit { margin: 0 0 0 100px; width: auto; }
	textarea.txt_bericht { height: 175px; }
#contact label { float: left; font-weight: bold; padding: 4px 0; width: 100px; }
.errors { color: #F00; padding: 0 0 20px 0; }
.mailverzonden { padding: 46px 0 0 20px; }

a.button { background: url(../img/bg/bgbutton.jpg) left top repeat-x; border: 1px solid #a88f8a; color:#a9908a; display:block; line-height: 10px; height: 18px; margin:4px 1px; position:relative; text-align: center; text-decoration:none; }
a.button span {  display:block; padding: 3px 0 0 0; text-align: center; }
a:hover.button { border-color:#f1862c; color:#f1862c; }
a:hover.button span { border-color:#f1862c; }
a.breed { width: 94px; }
a.smal { margin: 0 5px 0 0px; width: 44px; }

a.algemenevoorwaarden		{ color: #000; }
a:hover.algemenevoorwaarden	{ color: #f2862c; }

.clear { clear: both; }
.clearl { clear: left; }
.clearr { clear: right; }

.overflowh 	{ overflow: hidden; }

.fl { float: left; }
.fr { float: right; }
.center { margin: 0 auto; }

.bruin 		{ color: #a9908a; }
.oranje 	{ color: #f1862c; }
.zwart 		{ color: #000; }
.wit		{ color: #fff; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.groter { font-size: 1.2em; }
.kleiner { font-size: 0.9em; }