@charset "utf-8";
/* CSS Document */

/*
Created by :
Mindwarp Internet Solutions.
visit us at http://www.mindwarp.nl

	1. common
	2. menus
	3. buttons
	4. content
	5. forms
	6. home
	7. over ons
	8. cases
	9. werkwijze
	10. klanten
	11. contact
	12. highlights
	13. nieuwsbrief
	14. wij werken aan
*/

/* --------- 1. common --------- */
html, body {
	/*background: url(../images/common/html_body_bg.jpg) top center no-repeat #0f6483;*/
	background: url(../images/common/html_body_bg.jpg) top center no-repeat #efedb4;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #
	666;
	}
	
html { overflow-y: scroll;}
*{ outline: none;}
div.clear { clear: both;}

h1 {
	font-size: 29px;
	font-weight: normal;
	color: #111111;
	margin: 3px 0 5px 0;
	}

h2 {
	font-size: 29px;
	font-weight: normal;
	color: #333333;
	margin: 0 0 7px 0;
	}
	
h3 {
	margin: 0;
	font-size: 21px;
	font-weight: normal;
	color: #222222;
	margin: 0 0 5px 0;
	}
	
h4 {
	color: #79184c;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

h6 {
	color: #777777;
	font-size: 19px;
	margin: 0 0 5px 0;
	}

p.introtekst {	
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
	color: #333333;
	margin: 0 0 20px 0;
	}

p {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	line-height: 15px;
	margin: 0 0 30px 0;
	padding: 0;
	}
	
a {
	color: #79184c;
	text-decoration: none;
	}

a:hover {
	color: #a02064;
	text-decoration: underline;
	}
	
div#container {
	width: 955px;
	margin: 0 auto;
	height: 100%;
	}

div#mainMenu {
	width: 955px;
	height: 108px;
	background-color: #811a51;
	}

div#flashHeader {
	width: 955px;
	height: 287px;
	}
	
div#flashHeader img {
	border: none;
	}
	
div#headImg {
	width: 955px;
	height: 120px;
	}

div#contentContainer {
	width: 955px;
	background: url(../images/common/content_bg_gradient_top.png) no-repeat #ffffff;
	background-position: 0 1px;
	position: relative;
	}
	
div#contentFooter {
	background: url(../images/common/content_bg_gradient_bottom.png) no-repeat bottom;
	width: 955px;
	height: 110px;
	position: relative;
	z-index: 5;
	margin-top: -80px; /* hoe minder deze waarde is, des te meer ruimte krijgt de content aan de onderkant */
	}

div#footer {
	position: relative;
	width: 955px;
	background: url(../images/common/footer_bg.png) repeat-x #000000;
	background-position: 0 2px;
	min-height: 250px;
	}
	
div#footerLinks {
	position: absolute;
	left: 40px;
	top: 30px;
	height: 200px;
	}
	
div#footerLinksColumn_1 { float: left; margin-right: 85px;}
div#footerLinksColumn_2 { float: left; margin-right: 85px;}
div#footerLinksColumn_3 { float: left;}
	
div#footerLinks ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0 1px 0;
	}

div#footerLinks ul li a {
	text-decoration: none;
	color: #6d6d6d;
	font-size: 11px;
	}

div#footerLinks ul li a:hover {
	color: #e2e0e0;
	border-bottom: 1px solid #212121;
	}

.footerLinksTitle {
	color: #a82168;
	font-size: 11px;
	}
	
div#nieuwsbriefAanmelden {
	background: url(../images/common/nieuwsbrief_aanmelden_bg.png) no-repeat;
	position: absolute;
	right: 40px;
	top: 30px;
	width: 220px;
	height: 140px;
	padding: 10px;
	color: #6e6d6d;
	}

div#nieuwsbriefAanmelden h6 {
	color: #ffffff;
	}

.nieuwsbriefAanmeldenForm input {
	border: 1px solid #363636;
	color: #363636;
	padding: 3px;
	font-size: 12px;
	margin: 10px 5px 10px 0;
	float: left;
	width: 175px;
	}
	
.btNieuwsbriefAanmelden {
	background: url(../images/buttons/bt_nieuwsbrief_aanmelden.png) no-repeat top;
	width: 30px;
	height: 27px;
	display: block;
	cursor: pointer;
	margin-top: 8px;
	float: right;
	}

.btNieuwsbriefAanmelden:hover { background-position: bottom;}
div#nieuwsbriefAanmelden a { color: #6e6d6d; text-decoration: none;}
div#nieuwsbriefAanmelden a:hover { color: #9e9e9e;}

div#copyright {
	margin: 10px 0 25px 0;
	/*color: #7ab0c5;*/
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	}
/* --------- end: 1. common --------- */



/* --------- 2. menus --------- */
div#contentMainMenu {
	float: left;
	width: 220px;
	margin-top: 30px;
	position: relative;
	z-index: 10;
	}
		
div#contentMainMenu h2 {
	background: url(../images/menus/contentmainmenu_li_dotted_line.png) repeat-x;
	background-position: 0 29px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 40px;
	}
	
div#contentMainMenu a {
	color:#666666;
	text-decoration: none;
	height: 40px;
	background: url(../images/menus/contentmainmenu_bullet_arrow.png) no-repeat;
	background-position: 0 15px;
	padding-left: 15px;
	padding-top: 3px;
	display: block;
	}
			
div#contentMainMenu a:hover {
	background: url(../images/menus/contentmainmenu_bullet_arrow_o.png) no-repeat;
	background-position: 0 15px;
	}
	
div#contentMainMenu a.selected {
	background: url(../images/menus/contentmainmenu_bullet_arrow_o.png) no-repeat;
	background-position: 0 15px;
	color:#111111;
	}


ul#contentSubmenu {
	margin:				15px 0 30px 0;
	padding:			0 0;
	list-style-type:	none;
}

ul#contentSubmenu li > a {
	padding: 			0 0;
	font-size: 			14px;
	background: 		none;
	color: 				#79184c;
	line-height: 		18px;
	height:				18px;
	display:			block;
}

ul#contentSubmenu li > a:hover {
	color: 				#a02064;	
}

ul#contentSubmenu li.selected > a {
	color: 				#a02064;
	text-decoration: 	none;
}

ul#contentSubmenu li ul {
	list-style-type:		none;
	margin:					0 0;
	padding:				2px 0 7px 0;
	display:				none;
}

ul#contentSubmenu li.selected ul {
	display:				block;
}

ul#contentSubmenu li ul li a {
	color: 					#575757;
	text-decoration:	 	none;
	line-height: 			18px;
	font-size: 				12px;
	background: 			url(../images/menus/contentsubmenu_bullet_arrow.png) no-repeat;
	background-position: 	0 7px;
	padding-left: 			12px;
}

ul#contentSubmenu li ul li a:hover {
	background: 			url(../images/menus/contentsubmenu_bullet_arrow_o.png) no-repeat;
	color: 					#333333;
	background-position: 	0 7px;
}

ul#contentSubmenu li ul li.selected a {
	background: 			url(../images/menus/contentsubmenu_bullet_arrow_o.png) no-repeat;
	color: 					#333333;
	text-decoration: 		underline;
	background-position: 	0 7px;
}
/* --------- end: 2. menus --------- */



/* --------- end: 3. buttons --------- */
.btNormal {
	background: transparent url(../images/buttons/bt_normal_rightside.png) no-repeat;
	background-position: top right;
	display: block;
	height: 43px;
	padding-right: 33px; /* sliding doors padding; deze waarde moet gelijk zijn aan de width van de img aan de rightside */
	font: normal 12px arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	border: 0px none;
	cursor: pointer;
	float: left;
	} 

.btNormal span {
	background: transparent url(../images/buttons/bt_normal_leftside.png) no-repeat;
	height: 31px;
	padding: 12px 0 0 17px;
	float: left;
	} 

.btNormal:hover {
	background-position: bottom right;
	text-decoration: none;
	color: #ffffff;
	}

.btNormal:hover span { background-position: bottom left;}

.btForm {
	background: transparent url(../images/buttons/bt_form_rightside.png) no-repeat;
	background-position: top right;
	display: block;
	height: 40px;
	padding-right: 35px; /* sliding doors padding; deze waarde moet gelijk zijn aan de width van de img aan de rightside */
	font: normal 12px arial, sans-serif;
	color: #333333;
	text-decoration: none;
	border: 0px none;
	cursor: pointer;
	float: left;
	} 

.btForm span {
	background: transparent url(../images/buttons/bt_form_leftside.png) no-repeat;
	height: 29px;
	padding: 11px 0 0 17px;
	float: left;
	} 

.btForm:hover {
	background-position: bottom right;
	text-decoration: none;
	color: #333333;
	}

.btForm:hover span { background-position: bottom left;}

.btArrow {
	background: url(../images/buttons/bt_arrow.png) no-repeat top;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin-left: -3px;
	cursor: pointer;
	}

.btArrow:hover { background: url(../images/buttons/bt_arrow.png) no-repeat bottom;}
	
.btPreviousCase {
	background: url(../images/buttons/bt_previous_case.png) no-repeat top;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	}
	
.btPreviousCase:hover { background: url(../images/buttons/bt_previous_case.png) no-repeat center;}
.btPreviousCase.disabled { background: url(../images/buttons/bt_previous_case.png) no-repeat bottom;}
	
.btCaseOverzicht {
	background: url(../images/buttons/bt_case_overzicht.png) no-repeat top;
	width: 113px;
	height: 40px;
	display: block;
	float: left;
	}
	
.btCaseOverzicht:hover { background:url(../images/buttons/bt_case_overzicht.png) no-repeat bottom;}

.btNextCase {
	background: url(../images/buttons/bt_next_case.png) no-repeat top;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	}
	
.btNextCase:hover { background:url(../images/buttons/bt_next_case.png) no-repeat center;}
.btNextCase.disabled { background:url(../images/buttons/bt_next_case.png) no-repeat bottom;}
/* --------- end: 3. buttons --------- */



/* --------- 4. content --------- */
div#content {
	float: left;
	width: 660px;
	margin: 35px 25px 0 25px;
	position: relative;
	z-index: 10;
	}
	
div#content.main {
	width: 680px;
	}
	
div#contentSmall {
	color: #666666;
	float: left;
	width: 450px;
	margin: 30px 40px 0 30px;
	position: relative;
	z-index: 10;
	}
	
div#contentSmall ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
div#contentSmall li {
	background: url(../images/common/rightcolumn_li_arrow.png) no-repeat;
	background-position: 0 0.3em;
	margin: 0 0 10px 0;
	padding: 0 0 0 14px;
	}

div#contentRightColumn {
	float: left;
	width: 195px;
	margin-top: 30px;
	position: relative;
	z-index: 10;
	}
	
div#contentRightColumn h2 {
	color: #111111;
	margin: 0 0 3px 0;
	}
	
div#contentRightColumn h3 {
	color: #79184c;
	margin: 0 0 10px 0;
	}

div#contentRightColumn p { font-size: 11px;}

div#flashNavContainer {
	width: 955px;
	display: table;
	clear: both;
	position: relative;
	z-index: 50;
	}
	
div#flashNavContainer img {
	float: left;
	border: none;
	}
	
div#voorbeeldenContainer {
	height: 210px;
	width: 400px;
	}
	
div#voorbeeldenContainer h2 {
	font-size: 21px;
	}
	
.btThumb {
	background: url(../images/content/rightcolumn_thumb_bt_bg.png) no-repeat top;
	width: 79px;
	height: 79px;
	display: block;
	float: left;
	}
	
.btThumb:hover {
	background: url(../images/content/rightcolumn_thumb_bt_bg.png) no-repeat bottom;
	}
	
.btThumb img {
	border: none;
	margin-left: 6px;
	margin-top: 6px;
	}
/* --------- end: 4. content --------- */



/* --------- 5. forms --------- */
form {
	margin: 0;
	padding: 0;
	}
	
form input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
	}
	
form textarea {
	width: 245px;
	height: 100px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
	}

form label {
	cursor: pointer;
	color: #666;
}
form input[type=checkbox], input[type=radio] { cursor: pointer;}

form.mindwarp_form input[type=text] {
	margin-bottom: 5px;
	padding: 3px;
	width: 250px;
	}
	
form.mindwarp_form select {
	margin-bottom: 5px;
	padding: 3px;
	width: 260px;
	}
	
.mandatory {
	font-size: 11px;
	color: #777777;
	}
	
/* --------- end: 5. forms --------- */



/* --------- 6. home --------- */
div#replacedContentHome {
	background: url(../images/replaced-content/header_index_bg.jpg) repeat-x top left;
	width: 905px;
	height: 292px;
	padding: 35px 0 0 50px;
	}
	
div#replacedContentHome div {
	width: 380px;
	height: 90px;
	float: left;
	margin: 0 100px 30px 0;
	cursor: pointer;
	}
	
div#replacedContentHome div.noMargin {
	margin: 0 0 30px 0;
	}
	
div#replacedContentHome div img {
	border: 3px solid #999999;
	margin: 0 15px 0 0;
	float: left;
	}
	
div#replacedContentHome div:hover img {
	border-color: #cccccc;
	}
	
div#replacedContentHome div h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	margin: 0 0 5px 0;
	}

div#replacedContentHome div p {
	font-size: 11px;
	color: #999999;
	}

div.homeItem { float: left;}
	
div.homeItem.one {
	width: 200px;
	margin-right: 45px;
	}
	
div.homeItem.two {
	width: 200px;
	margin-right: 30px;
	}
	
div.homeItem.three {
	width: 200px;
	margin-right: 0;
	}
	
div.homeItem h1 {
	margin: 3px 0 10px 0;
	}
	
div.homeItem p {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 7px 0;
	padding: 0;
	}
	
.replacedContentIndexImg img{
	border: none;
	width: 955px;
	height: 287px;
	}
/* --------- end: 6. home --------- */



/* --------- 7. over ons --------- */
div#contentOverOns {
	float: left;
	width: 710px;
	height: 495px;
	margin: 0 0 0 25px;
	position: relative;
	z-index: 10;
	}

div#htmlOverOns {
	width: 195px;
	height: 400px;
	margin: 50px 0 0 487px;
	position: absolute;
	z-index: 0;
	}
		
div#flashOverOns {
	width: 715px;
	position: absolute;
	z-index: 5;
	margin-left: -10px;
	}
/* --------- end: 7. over ons --------- */



/* --------- 8. cases --------- */
div.caseOverzichtItem {
	background: url(../images/common/case_overzicht_item_bg.jpg) repeat-x top;
	height: 163px;
	margin-bottom: 30px;
	position: relative;
	}

.caseOverzichtItemImg {
	float: left;
	width: 435px;
	height: 155px;
	border: 4px solid transparent;
	margin-right: 10px;
	}

.caseOverzichtItemImg img {
	border: none;
	}

.caseOverzichtItem h2 {
	margin: 0 0 2px 0;
	padding-top: 7px;
	font-size: 25px;
	}
	
.caseOverzichtItem h3 {
	color: #79184c;
	margin: 0 0 2px 0;
	font-size: 18px;
	}

.caseOverzichtItem p {
	font-size: 12px;
	line-height: 15px;
	margin: 0 10px 1px 0;
	}
	
.caseOverzichtItemLink {
	position: absolute;
	bottom: 0;
	right: 171px;
	}

div#casePhotoSlider {
	width: 438px;
	height: 364px;
	margin-bottom: 20px;
	}
	
div#caseDescription {
	background: url(../images/common/case_description_bg.jpg) repeat-x top;
	width: 408px;
	height: 148px;
	font-size: 11px;
	line-height: 16px;
	padding: 15px;
	position: relative;
	}

div#caseDescription img {
	float: right;
	width: 150px;
	height: 100px;
	margin: 8px 10px 0 15px;
	}
	
div#caseDescription a {
	padding: 3px 7px;
	background-color: #79184c;
	color: #ffffff;
	text-decoration: none;
	position: absolute;
	left: 15px;
	bottom: 45px;
	}
	
div#caseDescription a:hover {
	background-color: #a02064;
	}

div#caseNav {
	margin: 0 0 15px -7px;
	height: 40px;
	}
	
div#contentRightColumnCase {
	float: left;
	width: 195px;
	margin: 30px 0 0 -25px;
	position: relative;
	z-index: 10;
	}
	
div#contentRightColumnCase h2 {
	color: #111111;
	margin: 0 0 3px 0;
	}
	
div#contentRightColumnCase h3 {
	color: #79184c;
	margin: 0 0 10px 0;
	}

div#contentRightColumnCase p {
	font-size: 11px;
	margin: 0 0 20px 0;
	}

div.bulletpoints {
	font-size: 11px;
	color: #666666;
	}

div.bulletpoints ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div.bulletpoints ul li {
	background: url(../images/common/rightcolumn_li_arrow.png) no-repeat;
	background-position: 0 0.4em;
	margin: 0 0 5px 0;
	padding: 0 0 0 14px;
	}

/* --------- end: 8. cases --------- */



/* --------- 9. werkwijze --------- */
div.werkwijzeItem {
	width: 280px;
	height: 200px;
	float: left;
	margin: 0 50px 50px 0;
	}
	
div.werkwijzeItem.noMargin { margin-bottom: 0;}

div.werkwijzeItem img {
	float: left;
	margin: 0 10px 3px 0;
	}
	
div.werkwijzeItem h3 { margin: 0 0 5px 0;}

div.werkwijzeItem p {
	padding: 0;
	line-height: 16px;
	}
/* --------- end: 9. werkwijze --------- */



/* --------- 10. klanten --------- */
div#klantenLijst {
	margin-left: -5px;
	width: 700px;
	}

div#klantenLijst img{
	margin: 5px;
	width: 122px;
	height: 116px;
	}
/* --------- end: 10. klanten --------- */



/* --------- 11. contact --------- */
div#contactGegevensContainer {
	width: 630px;
	height: 250px;
	padding-left: 30px;
	margin-top: 20px;
	}

div#contactGegevensContainer div {
	float: left;
	width: 207px;
	margin-right: 25px;
	margin-bottom: 50px;
	}
	
div#contactCommunitys {
	background: url(../images/contact/contact_communitys_bg.jpg) repeat-x top;
	width: 171px;
	height: 137px;
	position: absolute;
	top: 0;
	right: 0;
	}
	
div#contactCommunitys div { margin-left: 22px;}
	
.communityIcon {
	width: 28px;
	height: 28px;
	display: block;
	float: left;
	margin-right: 5px;
	text-indent: -99999px;
	background-repeat: no-repeat;
	background-position: top;
	}
	
.communityIcon:hover { background-position: bottom;}
.facebook { background: url(../images/contact/community_icon_facebook.jpg);}
.hyves { background: url(../images/contact/community_icon_hyves.jpg);}
.linkedin { background: url(../images/contact/community_icon_linkedin.jpg);}
.twitter { background: url(../images/contact/community_icon_twitter.jpg);}

	
table#formTable {
	width: 100%;
	background-color: #cccccc;
	border: 30px solid #cccccc;
	}
/* --------- end: 11. contact --------- */



/* --------- 12. highlights --------- */
div.highlightItemLatest {
	background: url(../images/common/dotted_line_grey.png) repeat-x bottom;
	width: 618px;
	min-height: 260px;
	padding: 8px 15px 20px 0;
	margin: 0 0 20px 0;
	}

div.highlightItemLatest img {
	float: left;
	margin: 0 15px 15px 0;
	}

div.highlightItemLatest h2 {
	margin: 0;
	font-size: 29px;
	}
	
div.highlightItemLatest h3 {
	margin: 0 0 5px 0;
	font-size: 22px;
	color: #79184c;
	}

div.highlightItemLatest p {
	font-size: 13px;
	line-height: 16px;
	margin: 0 10px 0px 0;
	}
	
div.highlightItem {
	background-color: #cccccc;
	width: 180px;
	height: 470px;
	padding: 8px;
	float: left;
	margin: 0 22px 30px 0;
	}

div.highlightItem h2 {
	margin: 5px 0 0 0;
	font-size: 29px;
	}
	
div.highlightItem h3 {
	margin: 0 0 5px 0;
	font-size: 22px;
	color: #79184c;
	}

div.highlightItem p {
	font-size: 13px;
	line-height: 16px;
	margin: 0 10px 5px 0;
	}
/* --------- end: 12. highlights --------- */



/* --------- 13. nieuwsbrieven --------- */
div.nieuwsbriefItem {
	background: url(../images/common/case_overzicht_item_bg.jpg) repeat-x top;
	height: 163px;
	margin-bottom: 30px;
	}

img.nieuwsbriefItemImg {
	width: 435px
	height: 155px;
	float: left;
	border: 4px solid transparent;
	margin-right: 10px;
	}

div.nieuwsbriefItem h2 {
	margin-bottom: 2px;
	padding-top: 8px;
	}
	
div.nieuwsbriefItem h3 {
	color: #79184c;
	margin: 0 0 5px 0;
	}

div.nieuwsbriefItem p {
	font-size: 13px;
	line-height: 16px;
	margin: 0 10px 3px 0;
	}
/* --------- end: 13. nieuwsbrieven --------- */



/* --------- 14. wij werken aan --------- */
div.wijWerkenAanItem {
	width: 618px;
	height: 260px;
	padding: 8px 15px 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #919191;
	}

div.wijWerkenAanItem img {
	float: left;
	margin-right: 15px;
	}

div.wijWerkenAanItem h2 {
	text-transform: capitalize;
	margin: 0;
	font-size: 29px;
	}
	
div.wijWerkenAanItem h3 {
	text-transform: capitalize;
	margin: 0 0 5px 0;
	font-size: 22px;
	color: #79184c;
	}

div.wijWerkenAanItem p {
	font-size: 13px;
	line-height: 16px;
	margin: 0 10px 0px 0;
	}
/* --------- end: 14. wij werken aan --------- */
#container #contentContainer #content #contactForm #formTable tr td table tr td table tr td option {
	color: #333;
}
#container #contentContainer #content #contactForm #formTable tr td table tr td table tr td option {
	color: #666;
}