body {
font-family				: Verdana, Geneva, sans-serif;
background				: #FFFFFF url(../img/bg_main.jpg) no-repeat center top;
line-height				: 1em;
}

h1 {
text-indent				: -9999px;
}

h2 {
display					: block;
padding-bottom			: 6px;
border-bottom			: 2px;
border-bottom-style		: solid;
}

h2 span {
display					: none;
}

h3 {
padding-bottom			: 0.38em;
font-size				: 1.13em;
font-weight				: bold;
line-height				: 1.13em;
}

h4 {
font-size				: 0.75em;
font-weight				: bold;
color					: #000;
line-height				: 1.5em;
}

h5 {
font-size				: 0.81em;
font-weight				: bold;
color					: #079128;
line-height				: 1em;
}

p {
font-size				: 0.75em;
line-height				: 1.5em;
padding-bottom			: 1.25em;
color					: #000000;
}

a {
text-decoration			: underline;
}

em {
font-style				: italic;
}


blockquote {
font-size				: 0.75em;
line-height				: 1.5em;
padding-bottom			: 1.25em;
color					: #000000;
}

label {
font-size				: 0.81em;
font-weight				: bold;
color					: #db1764;
margin-top				: 3px;
}

hr {
color					: #fee775;
filter					: alpha(opacity=50);
-moz-opacity			: 0.5;
-khtml-opacity			: 0.5;
opacity					: 0.5;
margin-bottom			: 10px;
}

/* ALGEMENE LAYOUT ------------------------------------------------------------------*/

.content {
width					: 960px;
margin					: auto;
position				: relative;
}

.content_pane_left {
float					: left;
clear					: both;
display					: inline;
width					: 635px; /*704px*/
padding					: 0px 29px 0px 40px;
}

.content_pane_left h2 {
float					: left;
width					: 628px;
}

.content_pane_left .content_block h2 {
float					: left;
width					: 604px /*628px*/;
margin					: 16px 0px 0px 16px;
border					: 0px;
}

.content_pane_right {
float					: right;
display					: inline;
width					: 256px;
}

.content_pane_right h2 {
float					: left;
display					: inline;
width					: 256px;
border-color			: #949494;
margin-bottom			: 14px;
}

.content_block {
float					: left;
width					: 628px;
background-color		: #FFFFFF;
margin-bottom			: 20px;
}

.content_block .productitem ul,
.content_block .caseitem ul,
.content_block .projectitem ul,
.content_block .nieuwsitem ul,
.content_block .text_page ul {
list-style				: square;
padding-left			: 25px;
font-size				: 0.75em;
clear:left;
}

.content_block .productitem p ul,
.content_block .caseitem p ul,
.content_block .projectitem p ul,
.content_block .nieuwsitem p ul,
.content_block .text_page p ul {
list-style				: square;
padding-left			: 25px;
font-size				: 1em;
}

.text_page {
padding					: 35px;
}

a.button {
float					: right;
padding					: 3px 15px 2px 15px;
color					: #FFFFFF !important;
font-size				: 0.63em;
font-weight				: bold;
text-decoration			: none;
text-transform			: uppercase;
text-align				: center;
background-color		: #ababab;
}

a.button:hover {
color					: #FFFFFF;
text-decoration			: none;
background-color		: #949494;
}

.pagination {
float					: left;
width					: 628px;
}

.pagination ul {
float					: right;
display					: inline;
}

.pagination li {
float					: left;
display					: inline;
}

.pagination li a {
float					: left;
padding					: 3px 8px 2px 8px;
color					: #FFFFFF !important;
font-size				: 0.63em;
font-weight				: bold;
text-decoration			: none;
text-transform			: uppercase;
text-align				: center;
border-left				: 1px solid #FFFFFF;
background-color		: #ababab;
}

.pagination li a:hover,
.pagination li a.selected,
.pagination li a.selected:hover {
color					: #FFFFFF;
text-decoration			: none;
background-color		: #949494;
}

ul.arrows {
float					: right;
display					: inline;
}

.arrows li {
float					: left;
display					: inline;
}

.arrows li a {
float					: left;
width					: 22px;
height					: 19px;
padding					: 0px;
display					: block;
border-left				: 1px solid #FFFFFF;
background-position		: 0px 0px;
background-repeat		: no-repeat;
}

.arrows li a:hover {
background-position		: 0px -19px;
}

.arrows li a.btn_back 	{ background-image: url(../img/btn_back.gif); }
.arrows li a.btn_fwd 	{ background-image: url(../img/btn_fwd.gif); }


/* header  ---------------------------------------------*/

.header {
width					: 960px;
height					: 170px; /* 104px; */
margin					: auto;
}

.header .logo {
float					: left;
}

.nav {
float					: right;
width					: 564px;
padding-top				: 60px;
background				: url(../img/bg_nav.gif) no-repeat;
background-position		: 4px 24px;
}

.nav ul {
float					: left;
display					: inline;
margin-left				: 4px;
}

.nav ul li {
float					: none;
display					: inline;
}

.nav li a {
font-size				: 0.69em;
font-weight				: bold;
text-decoration			: none;
text-transform			: uppercase;
display					: block;
padding					: 1px 0px 1px 15px;
}

.nav ul.nav_overc2b a {
color					: #00acee;
width					: 98px /* 113px */;
}

.nav ul.nav_overc2b a:hover,
.nav ul.nav_overc2b a.selected,
.nav ul.nav_overc2b a.selected:hover {
background-color		: #e2f3fa;
}

.nav ul.nav_producten a {
color					: #ea002a;
width					: 136px /* 151px */;
}

.nav ul.nav_producten a:hover,
.nav ul.nav_producten a.selected,
.nav ul.nav_producten a.selected:hover {
background-color		: #fae1e6;
}

.nav ul.nav_projecten a {
color					: #54ba4a;
width					: 141px /*156px */;
}

.nav ul.nav_projecten a:hover,
.nav ul.nav_projecten a.selected,
.nav ul.nav_projecten a.selected:hover {
background-color		: #ebf4e9;
}

.nav ul.nav_nieuwsinspiratie a {
color					: #8f198e;
width					: 113px /*128px */;
}

.nav ul.nav_nieuwsinspiratie a:hover,
.nav ul.nav_nieuwsinspiratie a.selected,
.nav ul.nav_nieuwsinspiratie a.selected:hover {
background-color		: #f1e4f0;
}

a.link_englishversion {
float					: right;
margin					: 25px 10px 25px 50px;
display					: block;
width					: 122px;
height					: 10px;
background				: url(../img/link_englishversion.gif) no-repeat;
background-position		: 0px 0px;
}

a.link_englishversion:hover {
background-position		: 0px -10px;
}

a.link_englishversion span {
display					: none;
}

a.link_nederlandseversie {
float					: right;
margin					: 25px 10px 25px 50px;
display					: block;
width					: 155px;
height					: 10px;
background				: url(../img/link_nederlandseversie.gif) no-repeat;
background-position		: 0px 0px;
}

a.link_nederlandseversie:hover {
background-position		: 0px -10px;
}

a.link_nederlandseversie span {
display					: none;
}

/* CONTENT PANE RIGHT ------------------------------------------------------------------*/

.content_pane_right a.btn_kansengenerator {
float					: left;
display					: block;
width					: 256px;
height					: 110px;
margin					: 32px 0px;
background				: url(../img/btn_kansengenerator.png) no-repeat;
background-position		: 0px 0px;
}

.content_pane_right a.btn_kansengenerator:hover {
background-position		: 0px -110px;
}

.content_pane_right .zoek {
float					: left;
width					: 256px;
}

.content_pane_right input {
border					: 1px solid #aeaeae;
color					: #6f6f6f;
float					: left;
font-size				: 0.83em;
height					: 19px;
padding					: 0px 3px 2px 3px;
width					: 209px;
}

.content_pane_right .zoek input.btn_zoek  {
float					: left;
display					: block;
height					: 23px;
width					: 23px;
border					: 0px;
cursor					: pointer;
background				: url("../img/btn_zoek.gif") no-repeat;
}

.content_pane_right p span {
color					: #0481b1;
font-weight				: bold;
}

.content_pane_right a {
color					: #000;
text-decoration			: none;
}

.content_pane_right a:hover {
text-decoration			: undeline;
}

.content_pane_right ul li {
float					: left;
margin					: 0px 5px 20px 0px;
}

.content_pane_right .nieuwsbrief {
float					: left;
margin-bottom			: 15px;
}

.content_pane_right .nieuwsbrief input {
width					: 240px;
}

.content_pane_right .nieuwsbrief .button {
margin					: 7px 8px 0px 0px;
}


/* CONTENT  ---------------------------------------------*/
/* home ---------------------------------------------*/

#home .home_project {
border-color			: #54ba4a;
}

#home .projectitem {
float					: right;
width					: 368px;
padding					: 20px 0px 8px 0px;
margin					: 0px 24px;
}

#home .project_image_overlay {
position				: absolute;
width					: 375px;
height					: 275px;
left					: 0px;
top 					: 40px;
z-index					: 10;
}

#home .project_image {
position				: absolute;
width					: 330px;
height					: 235px;
left					: 28px;
top 					: 58px;
z-index					: 5;
}

#home .projectitem h3 {
float					: right;
width					: 265px;
color					: #42a438;
}

#home .projectitem p {
float					: right;
width					: 265px;
}

#home .home_nieuws {
border-color			: #8f198e;
}

#home .nieuwsitem,
#home .inspiratieitem {
float					: left;
width					: 604px;
padding-top				: 20px;
margin-left				: 24px;
}

#home .nieuwsitem h3,
#home .inspiratieitem h3 {
float					: left;
width					: 378px;
color					: #8f198e;
}

#home .nieuwsitem p,
#home .inspiratieitem p {
float					: left;
width					: 378px;
}

#home .nieuwsitem p a,
#home .inspiratieitem p a {
color 					: #8F198E;
}

#home .nieuws_image {
float					: right;
display					: inline;
width					: 190px;
height					: 140px;
padding					: 0px 12px 0px 9px;
}

#home .nieuws_image img {
float					: left;
display					: inline;
}

#home .buttons {
float					: right;
width					: 265px;
}

#home .buttons ul {
float					: right;
display					: inline;
}

#home .buttons li {
float					: left;
display					: inline;
}

#home .buttons li a {
float					: left;
padding					: 3px 8px 2px 8px;
color					: #FFFFFF !important;
font-size				: 0.63em;
font-weight				: bold;
text-decoration			: none;
text-transform			: uppercase;
text-align				: center;
border-left				: 1px solid #FFFFFF;
background-color		: #ababab;
}

#home .buttons li a:hover {
color					: #FFFFFF;
text-decoration			: none;
background-color		: #949494;
}



/* projecten ---------------------------------------------*/
#projecten .content_pane_left h2 {
border-color			: #54ba4a;
}

#projecten .content_pane_left form {
float					: left;
width					: 596px;
margin					: 12px 16px 0px 16px;
}

#projecten .content_pane_left form .selector {
float					: left;
width					: 260px;
margin-bottom			: 0px;
}

#projecten .content_pane_left form .filter_by_name {
float					: right;
}

#projecten .content_pane_left form .nofilter {
float 					: right;
font-size 				: 12px;
padding-top 			: 3px;
margin-left 			: 3px;
color 					: #666666;
text-decoration 		: none;
}

#projecten .content_pane_left form .nofilter:hover {
text-decoration 		: underline;
}

#projecten .content_pane_left form .selector span {
width					: 228px;
}

#projecten .content_pane_left form .selector select {
width					: 260px;
}

#projecten .overviewitem {
float					: left;
padding					: 20px 0px 8px 0px;
border-bottom			: 1px solid #ebebeb;
margin-left				: 16px;
}

#projecten .lastitem {
border-bottom			: 0px;
}

#projecten .overviewitem img {
float					: left;
display					: inline;
width					: 83px;
height					: 83px;
margin-right			: 18px;
border					: 1px solid #bebebe;
}

#projecten .overviewitem h3 {
float					: left;
width					: 490px;
color					: #42a438;
}

#projecten .overviewitem p {
float					: left;
width					: 400px;
}

#projecten .overviewitem .button {
margin-top				: 15px;
}

#projecten .projectitem {
float					: left;
width					: 368px;
padding					: 20px 0px 8px 0px;
margin					: 0px 24px;
}

#projecten .projectitem h3 {
float					: left;
width					: 368px;
color					: #42a438;
}

#projecten .projectitem p {
float					: left;
width					: 368px;
}

#projecten .projectitem blockquote,
#producten .productitem blockquote,
#overc2b .text_page blockquote {
float					: left;
padding					: 20px 15px;
width					: 338px;
font-style				: italic;
background-color		: #eefbec;
}

#producten .productitem blockquote {
background-color		: #fae1e6;
}

#overc2b .text_page blockquote {
background-color		: #e2f3fa;
}

#projecten .projectitem blockquote span,
#producten .productitem blockquote span,
#overc2b .text_page blockquote span {
float					: right;
margin-top				: 5px;
font-weight				: bold;
font-style				: normal;
}

#projecten .project_images {
float					: right;
display					: inline;
width					: 190px;
margin					: 20px 0px;
padding					: 0px 12px 25px 9px;
border-left				: 1px solid #ebebeb;
}

#projecten .project_images img {
float					: left;
display					: inline;
width					: 188px;
border					: 1px solid #bebebe;
}

#projecten .project_images img.project_logo {
border					: 0px;
}

#projecten .content_pane_left a {
color					: #42a438;
}

/* nieuws ---------------------------------------------*/
#nieuws .content_pane_left h2 {
border-color			: #8f198e;
}

#nieuws .overviewitem {
float					: left;
padding					: 20px 0px 8px 0px;
border-bottom			: 1px solid #ebebeb;
margin-left				: 16px;
}

#nieuws .lastitem {
border-bottom			: 0px;
}

#nieuws .overviewitem img {
float					: left;
display					: inline;
width					: 83px;
height					: 83px;
margin-right			: 18px;
border					: 1px solid #bebebe;
}

#nieuws .overviewitem h3 {
float					: left;
width					: 490px;
color					: #8f198e;
}

#nieuws .overviewitem p {
float					: left;
width					: 400px;
}

#nieuws .overviewitem .button {
margin-top				: 15px;
}

#nieuws .nieuwsitem {
float					: left;
width					: 604px;
padding					: 20px 0px 8px 0px;
margin					: 0px 0px 0px 24px;
}

#nieuws .nieuwsitem h3 {
float					: left;
width					: 378px;
color					: #8f198e;
}

#nieuws .nieuwsitem p {
clear					: left;
padding-right			: 16px;
}

#nieuws .nieuws_images {
float					: right;
display					: inline;
width					: 190px;
height					: 140px;
margin					: 20px 0px;
padding					: 0px 12px 25px 9px;
}

#nieuws .nieuws_images img {
float					: left;
display					: inline;
width					: 188px;
border					: 1px solid #bebebe;
}

#nieuws .content_pane_left a {
color					: #8f198e; 
}

/* overc2b  ---------------------------------------------*/

#overc2b .content_pane_left h2 {
border-color			: #00acee;
}

#overc2b .content_pane_left h3 {
color					: #00acee;
padding-bottom			: 1em;
}

#producten .content_pane_left a {
color					: #00acee; 
}


/* producten ---------------------------------------------*/
#producten .content_pane_left h2 {
border-color			: #ea002a;
}

#producten .overviewitem {
float					: left;
padding					: 20px 0px 8px 0px;
border-bottom			: 1px solid #ebebeb;
margin-left				: 16px;
}

#producten .lastitem {
border-bottom			: 0px;
}

#producten .overviewitem img {
float					: left;
display					: inline;
width					: 83px;
height					: 83px;
margin-right			: 18px;
border					: 1px solid #bebebe;
}

#producten .overviewitem h3 {
float					: left;
width					: 400px;
color					: #ea002a;
}

#producten .overviewitem p {
float					: left;
width					: 400px;
}

#producten .overviewitem .button {
margin-top				: 15px;
}

#producten .productitem {
float					: left;
width					: 368px;
padding					: 20px 0px 8px 0px;
margin					: 0px 24px;
}

#producten .productitem h3 {
float					: left;
width					: 368px;
color					: #ea002a;
}

#producten .productitem p {
float					: left;
width					: 368px;
}

#producten .product_sideoverview {
float					: right;
display					: inline;
width					: 190px;
margin-bottom			: 0px;
padding					: 25px 12px 15px 9px;
border-left				: 1px solid #ebebeb;
}

#producten .product_sideoverview h2 {
width					: 190px;
margin					: 0px;
}

#producten .product_sideoverview ul {
float					: left;
display					: inline;
width					: 188px;
}

#producten .product_sideoverview ul li {
padding					: 3px 0px;
}

#producten .product_sideoverview ul li a {
display					: block;
width					: 178px /*190px */;
padding					: 2px 6px;
color					: #ea002a;
font-size				: 0.75em;
text-decoration			: none;
}

#producten .product_sideoverview ul li a:hover {
background-color		: #fae1e6;
}

#producten .content_pane_left a {
color					: #ea002a; 
}



/* voorbeeldcases ---------------------------------------------*/
#cases .content_pane_left h2 {
border-color			: #8f198e;
}

#cases .cases_overview {
float					: left;
display					: inline;
padding					: 0px 26px 30px 26px;
}

#cases .overviewitem {
float					: left;
display					: inline;
width					: 178px /*190px*/;
height					: 120px /*136px*/;
padding					: 8px 6px;
border-right			: 1px solid #ebebeb;
border-bottom			: 1px solid #ebebeb;
}

#cases .hover {
background-color		: #f1e4f0;
}

#cases .lastitem {
border-right			: 0px;
}

#cases .overviewitem span {
font-size				: 0.63em;
line-height				: 0.63em;
text-transform			: uppercase;
color					: #ababab;
}

#cases .overviewitem h3 {
float					: left;
width					: 178px;
padding-bottom			: 0.25em;
line-height				: 1.08em;
color					: #8f198e;
}

#cases .overviewitem p {
float					: left;
width					: 178px;
line-height				: 1.25em;
}

#cases .caseitem {
float					: left;
width					: 368px;
padding					: 20px 0px 30px 0px;
margin					: 0px 24px;
}

#cases .caseitem h3 {
float					: left;
width					: 368px;
color					: #8f198e;
}

#cases .caseitem p {
float					: left;
width					: 368px;
}

#cases .case_images {
float					: right;
display					: inline;
width					: 190px;
margin-top				: 20px;
padding					: 20px 12px 25px 9px;
border-left				: 1px solid #ebebeb;
}

#cases .case_images img {
float					: left;
display					: inline;
width					: 188px;
border					: 1px solid #bebebe;
}

#cases .case_sideoverview {
float					: right;
display					: inline;
width					: 190px;
margin-bottom			: 20px;
padding					: 0px 12px 25px 9px;
border-left				: 1px solid #ebebeb;
}

#cases .case_sideoverview h2 {
width					: 190px;
margin					: 0px;
}

#cases .case_sideoverview ul {
float					: left;
display					: inline;
width					: 188px;
}

#cases .case_sideoverview ul li {
padding					: 3px 0px;
}

#cases .case_sideoverview ul li a {
display					: block;
width					: 178px /*190px */;
padding					: 2px 6px;
color					: #8f198e;
font-size				: 0.75em;
text-decoration			: none;
}

#cases .case_sideoverview ul li a:hover,
#cases .case_sideoverview ul li a.selected,
#cases .case_sideoverview ul li a.selected:hover {
background-color		: #f1e4f0;
}

#cases .content_pane_left a {
color					: #8f198e; 
}

#zoeken .content_pane_left h2 {
border-color: #949494;
}


#layer1 {
	border: 6px ridge #009BD4;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 219px;
	left: 107px;
	line-height: 20px;
	position: absolute;
	top: 0px;
	visibility: visible;
	width: 743px;
	z-index: 50;
}