/* 

Het Taallokaal Stylesheet
Copyright © 2008 Voormedia.

WWW.VOORMEDIA.COM
 
*/


*							{ margin: 0; padding: 0; text-decoration: none; border: none; list-style: none; }
html						{ height: 100%; }
body						{ height: 100%; margin: 0; padding: 0; background: url(../images/body_bg.jpg) top left repeat-y; }
p							{ padding: 0 0 20px 0; font: 12px normal Verdana, Arial, Helvetica, sans-serif; color: #474747; line-height: 130%; }
div.wrapper					{ position: relative; min-height: 100%; width: auto; min-width: 949px; max-width: 1000px; }

div.side_home 				{ background: url("../images/side/side-hettaallokaal.jpg") top right no-repeat; }
div.side_diensten 			{ background: url("../images/side/side-diensten.jpg") top right no-repeat; }
div.side_ervaring 			{ background: url("../images/side/side-ervaring.jpg") top right no-repeat; }
div.side_over 				{ background: url("../images/side/side-over.jpg") top right no-repeat; }
div.side_tekstzin 			{ background: url("../images/side/side-tekstzin.jpg") top right no-repeat; }
div.side_contact 			{ background: url("../images/side/side-contact.jpg") top right no-repeat; }

a							{ text-decoration: none; color: #fff; }
a:hover						{ text-decoration: underline; }

a:active, a:focus			{ outline: none; }

div.flashcontainer			{ position: absolute; float: left; top: -163px; left: 680px; z-index: 10; width: 176px; height: 170px; }
a.flashlink					{ text-decoration: none; }

/* IE 6 and Lower */
* html body					{ background: url("../images/body_bg_ie.jpg") top left repeat-y; }
* html div.wrapper			{ height: 100%; width:949px; }

div.logolink				{ position: absolute; top: 25px; left: 25px; width: 109px; height: 102px; background: url(../images/logo_over.jpg) bottom left no-repeat; }
div.logolink a				{ text-decoration: none; display: block; width: 109px; height: 102px; background: url(../images/logo_over.jpg) top left no-repeat; }
div.logolink a:hover		{ background: url("../images/logo_over.jpg") bottom left no-repeat; }

/* content sizebox */
div.content					{ padding: 130px 0 188px 0; }
div.head_home 				{ padding: 130px 0 188px 0; background: url("../images/header/duidelijke-taal.gif") 338px 90px no-repeat; }
div.head_diensten 			{ background: url("../images/header/snel-en-secuur.gif") 338px 90px no-repeat; }
div.head_ervaring 			{ background: url("../images/header/veelzijdig-en-creatief.gif") 338px 90px no-repeat; }
div.head_over 				{ background: url("../images/header/klein-en-enthousiast.gif") 338px 90px no-repeat; }
div.head_tekstzin 			{ background: url("../images/header/zin-in-tekst.gif") 338px 90px no-repeat; }
div.head_contact 			{ background: url("../images/header/altijd-bereikbaar.gif") 338px 90px no-repeat; }

div.blogbrick				{ width: 377px; height: 188px; margin: 0 0 0 338px; padding: 0 128px 0 0; overflow: auto; }
div.contentbrick			{ width: 367px; height: 188px; margin: 0 0 0 338px; padding: 0 138px 0 0; overflow: auto; }
div.homebrick				{ width: 337px; height: 188px; margin: 0 0 0 338px; padding: 0 50px 0 0; overflow: hidden; }

div.blog_item				{ width: 357px; }
div.blog_item h1			{ margin-bottom: 6px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; }
div.blog_item h1 span		{ font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #7d7d7d; }
div.blog_item p				{ padding: 0 0 10px 0; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color: #474747; line-height: 130%; }

/* error page */
div.errorpage h2 			{ font: 19px normal Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; }
div.errorpage h3			{ font: 13px normal Verdana, Arial, Helvetica, sans-serif; color: #474747; font-weight: bold; }
ul.errorlist				{ font: 12px normal Verdana, Arial, Helvetica, sans-serif; color: #474747; list-style: square; }
ul.errorlist li				{ margin: 5px 20px; line-height: 130%; list-style: square; }

div.footer					{ z-index: 10; margin-top: -188px; position: relative; height: 188px; background: none; min-width: 949px; max-width: 1000px; }
* html div.footer			{ width: 949px; }
div.menu					{ height: 151px; width: 100%; }

div.grid_home				{ background: url("../images/grid/grid-layout-1-rounded.jpg") 312px 0px no-repeat; }
div.grid_diensten 			{ background: url("../images/grid/grid-layout-1.jpg") 312px 0px no-repeat; }
div.grid_ervaring 			{ background: url("../images/grid/grid-layout-1.jpg") 312px 0px no-repeat; }
div.grid_over 				{ background: url("../images/grid/grid-layout-2.jpg") 312px 0px no-repeat; }
div.grid_tekstzin 			{ background: url("../images/grid/grid-layout-2.jpg") 312px 0px no-repeat; }
div.grid_contact 			{ background: url("../images/grid/grid-layout-3.jpg") 312px 0px no-repeat; }

div.menu ul					{ position: absolute; float: left; z-index: 10; top: -66px; left: 0px; height: 217px; margin-left: 25px; }
div.menu ul li				{ float: left; }

div.menu ul li a			{ display: block; width: 18px; height: 217px; text-decoration: none; }
div.menu ul li a span		{ display: none; width: 1px; height: 1px; overflow: hidden; }

li.home_link a				{ background: url("../images/menu_tag.gif") 0px -217px no-repeat; }
li.diensten_link a			{ background: url("../images/menu_tag.gif") -18px -217px no-repeat; }
li.ervaring_link a			{ background: url("../images/menu_tag.gif") -36px -217px no-repeat; }
li.over_link a				{ background: url("../images/menu_tag.gif") -54px -217px no-repeat; }
li.tekstzin_link a			{ background: url("../images/menu_tag.gif") -72px -217px no-repeat; }
li.contact_link a			{ background: url("../images/menu_tag.gif") -90px -217px no-repeat; }

li.home_link a.active	 	{ background-position: 0px 0px; }
li.diensten_link a.active	{ background-position: -18px 0px; }
li.ervaring_link a.active	{ background-position: -36px 0px; }
li.over_link a.active	 	{ background-position: -54px 0px; }
li.tekstzin_link a.active	{ background-position: -72px 0px; }
li.contact_link a.active 	{ background-position: -90px 0px; }

div.infobar					{ height: 27px; padding: 10px 0 0 314px; background: #fff; }
div.infobar ul				{ overflow: hidden; height: 13px; }
div.infobar ul li			{ float: left; display: inline; margin-left: 24px; font: 10px normal Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #9ea900; }
div.infobar ul li.copylist 	{ float: right; width: 162px; text-align: right; margin: 0; padding: 1px 0 0 0; font-size: 9px; }
a.copylink 					{ display: block; width: 156px; padding: 0 6px 0 0; color: #a2a1a1; cursor: pointer; }
a.copylink:hover			{ text-decoration: none; }