/*  S T Y L E S H E E T    I D A S . N L  */

@import url("css/menu.css");



/* =========================================================================================================================== */
/* ========================================== S T A R T    D N N    S T Y L E S ============================================== */

/* ControlPanel style */
.ControlPanel{background: #fff url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#555;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{ font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton { color:#2E3D47; font-family: Verdana, Lucida Grande, Verdana, Arial;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6, h2 input{ color: #c0003f; /* pink */ font-family: Verdana; font-weight: normal; font-size:20px; padding-top: 15px; margin-bottom: 15px; clear: both; }
h3{font-size:12px; color: #3b3b3b; font-weight: bold; margin-bottom: 7px;}
a h3:hover{text-decoration: underline; }
h4{font-size:12px; color: #787878; padding: 0; margin: 0;}
h5{font-size:11px;}
h6{font-size:10px;}

p { padding: 0px; margin: 0px; line-height: 24px; font-family: Verdana, Lucida Grande, Verdana, Arial; font-size: 12px; }

/*a { color:#c0003f; text-decoration:none; font-weight:normal; } */
.ContentPane a:link, ContentPane a:visited, ContentPane a:active { color: #000; text-decoration: underline !important; }
.ContentPane a:hover { color: #c0003f !important; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox { font-size: 12px; line-height: 18px; color: #444;}
.Head{color:#c0003f;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

a.CommandButton:link, a.CommandButton:visited{color:#c0003f; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#c0003f; text-decoration:underline;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


a {	text-decoration: none !important; outline: 0 !important; }
span { outline: 0 !important; }

/* MULTI LANGUAGE */
.language-object .Language.selected img { border-color: #fff !important; }


/* ============================================== E N D    D N N    S T Y L E S ============================================== */
/* =========================================================================================================================== */





/* =========================================================================================================================== */
/* ========================================== S T A R T   L A Y O U T   S T Y L E S ========================================== */


/* ALTERNATIVE FONT */
@font-face {
	font-family: "fontHandwritten";
	src: url("fonts/fontHandwritten.ttf");
}

 
/* ROOT STYLES */
* {
	margin: 0;
	padding: 0;	
}
body {
	background-color: transparent !important;
	font-family: Verdana, Lucida Grande, Helvetica, Arial;
}   


/* ACTIVE MOOD FOR DEFAULT */
#themeWrapper #t2 {
	background: url('images/switchSprite.jpg') no-repeat -20px 0; 
}



/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - F L I P   O U T   P A N E S - - - - */

/* == T W I T T E R == */
#flipOutTwitter {
	width: 54px;
	height: 204px;
	background: url(images/flipOutTwitter.png) no-repeat left;
	float: right;
	position: fixed;
	z-index: 5000;
	right: 0;
	display: block;
	overflow: hidden;
	top: 80px;
}
#flipOutTwitter #buttonTwitter {
	background: url(images/flipOutTwitterBTN.png) no-repeat;
	width: 53px;
	height: 56px;
	margin-top: 148px;
	float: left;
}
#flipOutTwitter #twitter_update_list {
	width: 280px;
	height: 145px;
	padding: 5px;
	list-style: none;
	font-size: 10px;
	margin: 7px 10px 10px 60px;
}
#flipOutTwitter #twitter_update_list a {
	font-size: 10px;
	text-decoration: none;
	color: #c0003f; /* pink */
}
#flipOutTwitter #twitter_update_list li {
	margin-bottom: 10px;
}
#flipOutTwitter #twitterLink img {
	float: right;
}


/* == I D A S == */
#flipOutIdas {
	width: 54px;
	height: 204px;
	background: url(images/flipOutIdas.png) no-repeat left;
	clear: both;
	float: right;
	position: fixed;
	z-index: 5000;
	right: 0;
	display: block;
	overflow: hidden;
	top: 300px;
}
#flipOutIdas #buttonIdas {
	background: url(images/flipOutIdasBTN.png) no-repeat;
	width: 53px;
	height: 56px;
	float: left;
}
#flipOutIdas #login {
	white-space: nowrap;
	margin: 11px 10px 8px 70px;
	padding: 4px 0px 0px 30px;
	background: url(images/flipOutIdasLoginIcon.gif) no-repeat top left;
} 
#flipOutIdas #webmail{
	white-space: nowrap;
	margin: 8px 10px 8px 70px;
	padding: 4px 0px 0px 30px;
	background: url(images/flipOutIdasMailIcon.gif) no-repeat top left;
} 
#flipOutIdas #exchange {
	white-space: nowrap;
	margin: 8px 10px 8px 70px;
	padding: 4px 0px 0px 30px;
	background: url(images/flipOutIdasExchangeIcon.gif) no-repeat top left;
} 
#flipOutIdas #quickSupport {
	white-space: nowrap;
	margin: 8px 10px 8px 70px;
	padding: 4px 0px 0px 30px;
	background: url(images/flipOutIdasSupportIcon.gif) no-repeat top left;
}
#flipOutIdas a:link,
#flipOutIdas a:active,
#flipOutIdas a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #636161;
	text-decoration: none !important;
}
#flipOutIdas a:hover {
	text-decoration: underline !important;
}
#flipOutIdas p {
	font-size: 11px;
	color: #908f8f;
	line-height: 16px;
}
#flipOutIdas span.link {
	text-decoration: underline;
}
#flipOutIdas span.link:hover {
	color: #555;
	cursor: pointer;
}



/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - L A Y O U T - - - - - - - - */

#skinWrapper {
	width: 984px;
	margin: 10px auto 20px auto;
	position: relative;
}



/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - H E A D E R   P A N E - - - - - - */

#headerPane {
	width: 958px;
	margin: 0 auto;
	background-color: #fff;	
	border-left: 1px solid #c6c7c7;
	border-right: 1px solid #868585;
}
#logo {
	float: left;
}

/* HEADER BANNER */
.headerBanner {
	width: 472px;
	height: 117px;
	margin: -10px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 500px;
}
.ModDNNjQueryCycleSliderC {
	float: left !important;	
}
.headerBanner .DnnModule-1659 { /* sticky note */
	width: 236px;
	float: left;
}
.headerBanner .DnnModule-1730 { /* technical details */
	float: right;	
	width: 230px;
	height: 117px;
}
.headerBanner #techDetails_title {
	float: right;
	margin-right: 15px;
	margin-top: 82px;
	width: 134px;
	height: 25px;
	background: url(images/moodOverlayFont.jpg) no-repeat 0 -57px;
	
}
.headerBanner #techDetails_icon {
	width: 41px;
	height: 40px;
	background: url(images/overlayLinkButtonSprite.png) no-repeat 0 0;
	float: right;	
	margin-right: 7px;
	margin-top: 70px;
}
.headerBanner #techDetails_icon:hover {
	background: url(images/overlayLinkButtonSprite.png) no-repeat 0 -41px;
}


/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - M O O D   C H A N G E - - - - - */

#headerMoodChange {
	width: 200px;
	height: 40px;
	position: absolute;
	right: 13px;
	z-index: 1000;
}
#headerMoodChange #switch_title {
	width: 134px;
	height: 25px;
	background: url(images/moodOverlayFont.jpg) no-repeat 0 0;
	margin-right: 15px;
	margin-top: 18px;
}
.clearBoth {
	width: 100%;
	height: 1px;
	clear: both;
}

#themeWrapper {
	position: relative;
	width: 40px;
	height: 40px;
	float: right;
	background: url(images/switchSprite.jpg) no-repeat 0 -40px;
	margin: 7px 7px 0 0;
}
#themeWrapper div {
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
#themeWrapper #t1:hover { /* blauw */
	 background: url(images/switchSprite.jpg) no-repeat 0 0;
}
#themeWrapper #t2:hover { /* paars */
	 background: url(images/switchSprite.jpg) no-repeat -20px 0 !important; /* important to show when default */
}
#themeWrapper #t3:hover { /* geel */
	 background: url(images/switchSprite.jpg) no-repeat 0 -20px;
}
#themeWrapper #t4:hover { /* rood */
	 background: url(images/switchSprite.jpg) no-repeat -20px -20px;
}



/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - S E A R C H B A R - - - - - - */

#searchBar {
	position: absolute;
	right: 7px;	
	margin-top: 10px;
}
#searchBar input {
	width: 120px;
	height: 18px;
	padding-right: 24px;
}
#searchBar img {
	position: absolute;
	right: 7px;
	top: 4px;
	vertical-align: top;
}
#breadcrumb {
	width: 900px;
	clear: both;
	margin-bottom: 20px;
}
#breadcrumb a {
	text-transform: uppercase;
	font-size: 11px;
	color: #3b3b3b;
}



/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - C O N T E N T P A N E - - - - - - */

#contentWrapper {
	width: 884px;
	margin: 0 auto;
	background-color: #fff;
	padding: 37px;
	border-left: 1px solid #c6c7c7;
	border-right: 1px solid #868585;
}
.ContentPane {
	width: 555px;
	float: left;
	margin-right: 38px;
}



/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - R I G H T P A N E - - - - - - */

#rightPaneWrapper {
	width: 250px;
	margin: 0 0 0 38px;
	float: right;
}
#contactWrapperLeft {
	float: left;
	margin-right: 60px;
}
#contactWrapperLeft #contactMail {
	background: url(images/contactIconMail.png) no-repeat left;
	height: 18px;
	padding-left: 25px;
	padding-top: 3px;
	margin: 3px 0px;
}
#contactWrapperLeft #contactPhone {
	background: url(images/contactIconPhone.png) no-repeat left;
	height: 18px;
	padding-left: 25px;
	padding-top: 3px;
	margin: 3px 0px;
}
#contactWrapperLeft #contactFax {
	background: url(images/contactIconFax.png) no-repeat left;
	height: 18px;
	padding-left: 25px;
	padding-top: 3px;
	margin: 3px 0px 16px 0px;
}
#contactWrapperLeft #contactFoursquare {
	margin: 15px 0;
}
#contactWrapperLeft p,
#contactWrapperRight p {
	margin: 3px 0px 15px 0px;
}
#contactWrapperRight {
	float: left;	
}


/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - F O O T E R - - - - - - - - */

#footer {
	width: 908px;
	height: auto;
	margin: 0 auto;
	padding: 0px 25px 25px 25px;
	background: url(images/footerBG.png) repeat-x #3d3d3d;
	border-right: 1px solid #8b8a8a;
	border-left: 1px solid #868585;	
}
.FooterMenuLevel0 {
	display: inline-block;
	width: 114px;
	min-height: 125px;
	float: left;
	background: url(images/footerSep.png) no-repeat top right;
	margin-right: 20px;
	padding: 6px 20px 0 0;
}
.FooterMenuLevel0 a:link,
.FooterMenuLevel0 a:active,
.FooterMenuLevel0 a:visited {
	font-size: 11px;
	color: #bebdbd;
	font-weight: bold;
	text-decoration: none;
}
.FooterMenuLevel0 a:hover {
	text-decoration: underline;
}
.FooterMenuLevel1 a:link,
.FooterMenuLevel1 a:active,
.FooterMenuLevel1 a:visited {
	font-size: 11px;
	color: #bebdbd;
	font-weight: normal;
	text-decoration: none;
	line-height: 24px;
}
.FooterMenuLevel1 a:hover {
	text-decoration: underline;
}



/* - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - C O P Y R I G H T - - - - - - */

#poweredByIdas {
	width: 960px;
	margin: 10px auto;
	color: #fff;
	font-size: 11px;
	text-align: right;
}
#poweredByIdas a:link,
#poweredByIdas a:active,
#poweredByIdas a:visited {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
#poweredByIdas a:hover {
	text-decoration: underline !important;
}



/* ========================================== E N D    L A Y O U T   S T Y L E S ============================================= */
/* =========================================================================================================================== */






/* =========================================================================================================================== */
/* ======================================= S T A R T    C U S T O M    S T Y L E S =========================================== */

/* CONTACTFORMULIER */
.dynamicforms_watermark {
	font-size: 11px;
	color: #959595;
}
#dnn_ctr1691_DynamicForms_TBR_GUID525fbf47-f122-43b8-8bcb-e526b7b98326Uwberic {
	font-size: 11px;
	color: #666;
}
#dnn_ctr1691_DynamicForms_btnSave {
	margin: 0 0 0 123px;
}
#EntryForm {
	margin-left: -5px;
}
#dnn_ctr1691_DynamicForms_Row_fbfdf45e-5c8c-4918-b4a7-af7529adfb47 img { /* captcha */
	width: 100px;
	height: 50px;	
}
textarea {
	font-family: Verdana, Lucida Grande, Arial;
	padding: 2px;
}

/* CONTACTFORMULIER AANVRAAG HOSTING */
#dnn_ctr1750_DynamicForms_tblQuestions .NormalBold {
	font-weight: normal;
}
#dnn_ctr1750_DynamicForms_Row_7a524621-67c0-4e8f-bf26-4b4db45cc2e2 img { /* captcha */
	width: 100px;
	height: 50px;	
}
#dnn_ctr1750_DynamicForms_btnSave {
	margin-left: -15px;
}	
#dnn_ctr1750_DynamicForms_pnlAfterMessage,
#dnn_ctr1691_DynamicForms_pnlAfterMessage { /* thanks message */
	color: #c0003f;
}
#dnn_ctr1750_DynamicForms_pnlAfterMessage a {
	margin-top: 10px;
	display: block;
	color: #333;
}
#dnn_ctr1750_DynamicForms_pnlAfterMessage a:hover {
	text-decoration: underline !important;
	color: #000
}

/* DOTNETNUKE DEMO BUTTON */
.demoButton {
	width: 171px;
	height: 30px;
	background: url(images/DotNetNukeDemo.png) no-repeat 0 0;	
	display: block;
}
.demoButton:active {
	width: 171px;
	height: 30px;
	background: url(images/DotNetNukeDemo.png) no-repeat 0 -34px;	
}


/* GOOGLE SEARCH HIGHLIGHTS */
span.hilite {
	background:yellow
}

/* HOME VIDEO BANNER */
#flashcontent {
	border: 1px solid #a5a5a5;	
}	

/* HOME PORTFOLIO READ MORE */
#portfolioRecentReadMore {
	margin-top: 4px;
	width: 246px;
	height: 18px;
	background: url(images/portfolioRecentReadMoreSprite.jpg) no-repeat top right;
}
#portfolioRecentReadMore:hover {
	margin-top: 4px;
	width: 246px;
	height: 18px;
	background: url(images/portfolioRecentReadMoreSprite.jpg) no-repeat right -21px;
}


/* HOSTING */
#hostingInstap,
#hostingBasis,
#hostingProf {
	width: 178px;
	float: left;
	border: solid 1px #adadae;
	padding-top: 60px; 	
}
#hostingInstap {
	background: url(images/hostingTitleInstap.jpg) no-repeat top left;
	margin-right: 7px;
}
#hostingBasis {
	background: url(images/hostingTitleBasis.jpg) no-repeat top left;
	margin-right: 7px;
}
#hostingProf {
	background: url(images/hostingTitleProf.jpg) no-repeat top left;
}
#hostingInstap p,
#hostingBasis p,
#hostingProf p {
	font-family: Lucida Grande, Arial, Helvetica;
	font-size: 12px;
	color: #000;
	margin: 0 20px;
}
.lastP {
	padding-bottom: 24px;
}

/* HOSTING Instap */
.hostingPriceInstap {
	width: 79px;
	height: 81px;
	background: url(images/hostingPriceInstap.png) no-repeat;
	float: left;
	position: absolute;
}
.hostingInfo {
	width: 94px;
	height: 22px;
	background: url(images/hostingBtnInfo.png) no-repeat;
	float: right;
	margin: 20px 3px 3px 0;
}
.hostingBtnInstap {
	width: 94px;
	height: 22px;
	background: url(images/hostingBtnInstap.png) no-repeat;
	float: right;
	margin: 0px 3px 3px 0;
}

/* HOSTING Basis */
.hostingPriceBasis {
	width: 79px;
	height: 81px;
	background: url(images/hostingPriceBasis.png) no-repeat;
	float: left;
	position: absolute;
}
.hostingBtnBasis {
	width: 94px;
	height: 22px;
	background: url(images/hostingBtnBasis.png) no-repeat;
	float: right;
	margin: 0px 3px 3px 0;
}

/* HOSTING Prof */
.hostingPriceProf {
	width: 79px;
	height: 81px;
	background: url(images/hostingPriceProf.png) no-repeat;
	float: left;
	position: absolute;
}
.hostingBtnProf {
	width: 94px;
	height: 22px;
	background: url(images/hostingBtnProf.png) no-repeat;
	float: right;
	margin: 0px 3px 3px 0;
}

/* HOSTING AANVRAGEN */
.hostingForms {
	min-height: 32px;
	background: url(images/pdfIcon.png) no-repeat left;
	padding-left: 45px;
	margin: 20px 0;
}
.hostingForms h3 {
	padding: 0;
	margin: 0;
}

/* IMAGE BORDER */
.imageWrapper {
	padding: 4px;
	margin-top: 20px;
	background-color: #c9c8c9;	
}
.imageWrapper img {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #a5a5a5;	
}
#contactWrapperLeft .imageWrapper {
	height: 162px;
}

/* LANGUAGES */
.lang_pad {
	position: absolute;
	top: 164px;
	right: 199px;
}

/* LOGO'S KLANTEN */
#onzeKlantenWrapper {
	width: 560px;
}
#onzeKlantenWrapper a {
	text-decoration: none !important;
}
#onzeKlantenWrapper div {
	width: 100px;
	height: 93px;
	margin: 2px;
	float: left;
	border: 4px solid #C9C8C9;
}
#onzeKlantenWrapper div:hover {
	border: 4px solid #727272;
}
#butterGroup {
	background: url(images/LogosKlanten/onzeKlanten_Butter.jpg) no-repeat;
}
#agroEnergy {
	background: url(images/LogosKlanten/onzeKlanten_Agro.jpg) no-repeat;
}
#deUni {
	background: url(images/LogosKlanten/onzeKlanten_Unie.jpg) no-repeat;
}
#sallandsche {
	background: url(images/LogosKlanten/onzeKlanten_Sallandsche.jpg) no-repeat;
}
#blinkUitgevers {
	background: url(images/LogosKlanten/onzeKlanten_Blink.jpg) no-repeat;
}
#deCSV {
	background: url(images/LogosKlanten/onzeKlanten_CSV.jpg) no-repeat;
}
#tomdu {
	background: url(images/LogosKlanten/onzeKlanten_Tomdu.jpg) no-repeat;
}
#publitronic {
	background: url(images/LogosKlanten/onzeKlanten_Publitronic.jpg) no-repeat;
}
#isso {
	background: url(images/LogosKlanten/onzeKlanten_ISSO.jpg) no-repeat;
}
#otib {
	background: url(images/LogosKlanten/onzeKlanten_OTIB.jpg) no-repeat;
}
#pollux {
	background: url(images/LogosKlanten/onzeKlanten_Pollux.jpg) no-repeat;
}
#massmovement {
	background: url(images/LogosKlanten/onzeKlanten_MassMovement.jpg) no-repeat;
}
#koepel {
	background: url(images/LogosKlanten/onzeKlanten_Koepel.jpg) no-repeat;
}
#wempol {
	background: url(images/LogosKlanten/onzeKlanten_Wempol.jpg) no-repeat;
}
#mkoppebv {
	background: url(images/LogosKlanten/onzeKlanten_Koppe.jpg) no-repeat;
}
#myeyes {
	background: url(images/LogosKlanten/onzeKlanten_Myeyes.jpg) no-repeat;
}
#glasNowak {
	background: url(images/LogosKlanten/onzeKlanten_GlasNowak.jpg) no-repeat;
}
#losstadomland {
	background: url(images/LogosKlanten/onzeKlanten_LOS.jpg) no-repeat; 
}
#olympos {
	background: url(images/LogosKlanten/onzeKlanten_Olympos.jpg) no-repeat;
}
#nedfox {
	background: url(images/LogosKlanten/onzeKlanten_Nedfox.jpg) no-repeat;
}
#verito {
	background: url(images/LogosKlanten/onzeKlanten_Verito.jpg) no-repeat;
}
#heliair {
	background: url(images/LogosKlanten/onzeKlanten_HeliAir.jpg) no-repeat;
}
#nestas {
	background: url(images/LogosKlanten/onzeKlanten_Nestas.jpg) no-repeat;
}
#PFL {
	background: url(images/LogosKlanten/onzeKlanten_PFL.jpg) no-repeat;
}
#fhealinc {
	background: url(images/LogosKlanten/onzeKlanten_FHealinc.jpg) no-repeat;
}
#fishmasters {
	background: url(images/LogosKlanten/onzeKlanten_Fishmasters.jpg) no-repeat;
}
#ofed {
	background: url(images/LogosKlanten/onzeKlanten_Ofed.jpg) no-repeat;
}
#ATF {
	background: url(images/LogosKlanten/onzeKlanten_ATF.jpg) no-repeat;
}
#robuust {
	background: url(images/LogosKlanten/onzeKlanten_Robuust.jpg) no-repeat;
}
#sewn {
	background: url(images/LogosKlanten/onzeKlanten_Sewn.jpg) no-repeat;
}
#kindercentrum {
	background: url(images/LogosKlanten/onzeKlanten_Kindercentrum.jpg) no-repeat;
}
#hovenschool {
	background: url(images/LogosKlanten/onzeKlanten_Hovenschool.jpg) no-repeat;
}
#boltrics {
	background: url(images/LogosKlanten/onzeKlanten_Boltrics.jpg) no-repeat;
}
#tuinbouw {
	background: url(images/LogosKlanten/onzeKlanten_Tuinbouw.jpg) no-repeat;
}
#PHenC {
	background: url(images/LogosKlanten/onzeKlanten_PHenC.jpg) no-repeat;
}
#QG {
	background: url(images/LogosKlanten/onzeKlanten_QuiltGadgets.jpg) no-repeat;
}

 
/* LOGO'S SOCIAL MEDIA */
#logoSocialMediaWrapper {
	height: 44px;
	margin: 25px 0;	
}
#logoSocialMediaWrapper .logoSocialMedia {
		width: 44px;
		height: 44px;
		float: left;
		margin-right: 15px;
}
#logoSocialMediaWrapper #logoTwitter {
	background: url(images/logoTwitter.png) no-repeat;
}
#logoSocialMediaWrapper #logoLinkedin {
	background: url(images/logoLinkedin.png) no-repeat;
}
#logoSocialMediaWrapper #logoHyves {
	background: url(images/logoHyves.png) no-repeat;
}
#logoSocialMediaWrapper #logoYoutube {
	background: url(images/logoYoutube.png) no-repeat;
}
#logoSocialMediaWrapper #logoFoursquare {
	background: url(images/logoFoursquare.png) no-repeat;
}
#logoSocialMediaWrapper #logoFacebook {
	background: url(images/logoFacebook.png) no-repeat;
}
#logoSocialMediaWrapper #logoBlogspot {
	background: url(images/logoBlogspot.png) no-repeat;
}

/* MODULES IDAS */
#accordionModules #iGoogleAccordion {
    margin-left: -275px;	
}
#accordionModulesMaat img {
	position: relative;
    top: 30px;
    left: 50%;
    margin-left: -250px;	
    margin-bottom: 60px;
}
#accordionModulesMaat ul {
	margin-bottom: 15px;
}
#accordionModulesMaat h3 {
	cursor: pointer;
	background-color: #d6d5d5;
	color: #5f5f5f;
	padding: 5px 8px;
}
#accordionModulesMaat h3.ui-state-active,
#accordionModulesMaat h3.ui-state-hover {
	color: #fff;
	background-color: #c0003f; /* pink */
}

/* BLOGS */
#dnn_ctr1981_ModuleContent .articleHeadline a {
	display: block;	
	cursor: pointer;
	margin-right: 5px;
	float: left;
} 
#dnn_ctr1981_ModuleContent .articleHeadline h2 {
	float: left;
	display: inline;	
	clear: none !important;
}
#dnn_ctr1981_ModuleContent .articleHeadline h2 a {
	clear: both !important; 
	display: inline;
}
#dnn_ctr1981_ModuleContent .articleAuthor {
	clear: both;	
	font-style: italic;
	font-size: 10px;
	color: #777;
}
#dnn_ctr1981_ModuleContent .articleAuthor a {
	font-size: 10px;
	color: #777;
}

/* NEWS ARTICLES */
img.twitterLink {
	width: 20px;
	height: 20px;
}
#articlesActions {
	float: left;	
	margin-top: 15px;
}
#articlesComment {
	float: right;	
}
.articlesUnderline {
	width: 100%;
	height: 15px;
	clear: both;
	margin-bottom: 20px;
	border-bottom: dotted #ccc 1px;
}
.postComment textarea,
.postComment input {
	margin-left: -10px;
}
.postComment #Notify {
	margin-top: 10px;	
}
.postComment #Notify label {
	margin-left: 5px;	
}

/* PORTFOLIO LINKS */
a.iframe:link,
a.iframe:visited,
a.iframe:active {
	text-decoration: none !important;	
	color: #555;
}
a.iframe:hover {
	color: #000 !important;
}


/* PORTFOLIO FILTER */
#filterAll {
	height: 22px;
	margin-bottom: 2px;
}
#filterAll label {
	margin-left: 6px;	
}
#filterRecent {
	height: 22px;
	margin-bottom: 4px;
	padding: 0 0 35px 0;
	background: url(images/iconsFilter_RecentOpgeleverd.png) no-repeat top right;
	border-bottom: solid 1px #ccc;	
}
#filterRecent label {
	margin-left: 6px;	
}
#filterHuisstijl {
	height: 22px;
	margin-bottom: 4px;
	padding: 2px 0;
	background: url(images/iconsFilter_Huisstijl.png) no-repeat top right;
	border-bottom: solid 1px #ccc;
}
#filterHuisstijl label {
	margin-left: 6px;	
}
#filterInteractive {
	height: 22px;
	margin-bottom: 4px;
	padding: 2px 0;
	background: url(images/iconsFilter_Interactive.png) no-repeat top right;
	border-bottom: solid 1px #ccc;
}
#filterInteractive label {
	margin-left: 6px;	
}
#filterCommunity {
	height: 22px;
	margin-bottom: 4px;
	padding: 2px 0;
	background: url(images/iconsFilter_MedewPortalCommunity.png) no-repeat top right;
	border-bottom: solid 1px #ccc;
}
#filterCommunity label {
	margin-left: 6px;	
}
#filterIntranet {
	height: 22px;
	margin-bottom: 4px;
	padding: 2px 0;
	background: url(images/iconsFilter_Intranet.png) no-repeat top right;
	border-bottom: solid 1px #ccc;
}
#filterIntranet label {
	margin-left: 6px;	
}
#filterWebshop {
	height: 22px;
	margin-bottom: 4px;
	padding: 2px 0;
	background: url(images/iconsFilter_Webshop.png) no-repeat top right;
	border-bottom: solid 1px #ccc;
}
#filterWebshop label {
	margin-left: 6px;	
}
#filterMeertalig {
	height: 22px;
	margin-bottom: 4px;
	padding: 2px 0;
	background: url(images/iconsFilter_Meertalig.png) no-repeat top right;
	border-bottom: solid 1px #ccc;
}
#filterMeertalig label {
	margin-left: 6px;	
}
#filterVitruvius {
	height: 22px;
	margin-bottom: 30px;
	padding: 2px 0;
	background: url(images/iconsFilter_Vitruvius.png) no-repeat top right;
	border-bottom: solid 1px #ccc;
}
#filterVitruvius label {
	margin-left: 6px;	
}

/* QUICK SUPPORT ACCORDION */
#accordionRoute img,
#accordionModules img {
	position: relative;
    top: 30px;
    left: 50%;
    margin-left: -225px;	
    margin-bottom: 60px;
}
#TeamViewerWin {
	width: 143px;
	height: 36px;
	float: left;
	margin-top: 15px;
	margin-bottom: 30px;
	background: url(images/teamViewerDownloadButtons.png) no-repeat 0 0;
	cursor: pointer;
}
#TeamViewerWin:active {
	background: url(images/teamViewerDownloadButtons.png) no-repeat -1px -35px;
}
#TeamViewerMac {
	width: 143px;
	height: 36px;
	float: left;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: 10px;
	display: block;
	background: url(images/teamViewerDownloadButtons.png) no-repeat -143px 0;
	cursor: pointer;
}
#TeamViewerMac:active {
	background: url(images/teamViewerDownloadButtons.png) no-repeat -144px -35px;
}

/* ROUTE ACCORDION */
#accordionRoute ul,
#accordionModules ul {
	margin-bottom: 15px;
}
ul li {
	list-style-position: outside;
	list-style-image: url(images/arrow.png);
	margin-left: 22px;
	line-height: 24px;
}
#accordionRoute h3,
#accordionModules h3 {
	cursor: pointer;
	background-color: #d6d5d5;
	color: #5f5f5f;
	padding: 5px 8px;
}
#accordionRoute h3.ui-state-active,
#accordionRoute h3.ui-state-hover,
#accordionModules h3.ui-state-active,
#accordionModules h3.ui-state-hover {
	color: #fff;
	background-color: #c0003f; /* pink */
}

/* TEAM */
#teamWrapper {
	width: 555px;
	margin-top: 25px;
}
#teamWrapper .itemWrapper { 
	width: 178px;
	height: auto;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	background-color: #c9c8c9;
}
#teamWrapper .teamText1 {
	padding: 0 5px 5px 8px;	
}
#teamWrapper .teamText1 p {
	font-size: 11px;
}
#teamWrapper .teamText1 p.teamFunctie {
	font-size: 9px;
	background-color: #b3b0b0;
	color: #fff;
	float: right;
	margin: 5px 0;
	padding: 0 6px;
}

#teamWrapper a:link, 
#teamWrapper a:active, 
#teamWrapper a:visited {
	color: #555 !important; 
	text-decoration: none !important; 
	font-weight: normal;
}	
#teamWrapper a:hover {
	color: #000 !important; 
}

#teamWrapper #teamItem1, 
#teamWrapper #teamItem2,
#teamWrapper #teamItem3,
#teamWrapper #teamItem4,
#teamWrapper #teamItem5,
#teamWrapper #teamItem6,
#teamWrapper #teamItem7 {
	width: 158px;
	height: 180px;
	margin: 5px 5px 0 5px;
	padding: 4px;
	border: 1px solid #acacac;
}
#teamWrapper #teamItem1 {
	background: #fff;
}
#teamWrapper #teamItem2 {
	background: #fff;
}
#teamWrapper #teamItem3 {
	background:  #fff;
}
#teamWrapper #teamItem4 {
	background: #fff;
}
#teamWrapper #teamItem5 {
	background: #fff;
}
#teamWrapper #teamItem6 {
	background: #fff;
}
#teamWrapper #teamItem7 {
	background: #fff;
}

/* SITEMAP */
.SiteMap a:link,
.SiteMap a:active,
.SiteMap a:visited {
	color: #555 !important;
	font-weight: normal;	
	text-decoration: none !important;
}
.SiteMap a:hover {
	color: #000 !important;
	text-decoration: underline !important;	
}

/* TOOLTIP */
#screenshot {
	position: absolute;
	border: 1px solid #ccc;
	background-color: #3c3c3c;
	padding: 10px 15px;
	color: #fff;
	width: 220px;
	z-index: 2000;
}

/* TWITTER */
ul.cs-twitter-list li div.cs-twitter-content a.cs-twitter-content-time, 
ul.cs-twitter-list li div.cs-twitter-content a.cs-twitter-content-reply,
ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text a {
	color: #c0003f;
}
div.fanPage-submit input.join {
	background-color: #c0003f;
	border: solid 1px #c0003f;	
}
ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text span.cs-twitter-content-hash {
	color: #000;	
}
div.cs-twitter-no-user-pic ul.cs-twitter-list li div.cs-twitter-content {
	padding-left: 0;	
}
ul.cs-twitter-list li {
	margin-left: 0;
}	
ul.cs-twitter-list li div.cs-twitter-list-container {
	background-color: #fff !important;
}

/* ZOEKRESULTATEN */
.ModSearchResultsC table td {
	padding: 15px 5px;	
}

/* MOBILE BUTTON */
#mobileBtn {
	width: 140px;
	height: 34px;
	position: absolute;
	top: 164px;
	right: 23px;
	display: block;
	background: url(images/mobileBtn.png) no-repeat 0 0;
}
#mobileBtn:hover,
#mobileBtn:active {
	background: url(images/mobileBtn.png) no-repeat 0 -36px;
}

/* ENQUETE MOBIELE WEBSITE */
.ModDNNSurveyC input {
	margin-right: 7px;	
}
.ModDNNSurveyC td {
	padding: 2px 0;	
}
.ModDNNSurveyC td,
.ModDNNSurveyC .NormalBold {
	color: #000;
}
.surveyresultsitems img {
	margin-left: 6px;	
}

/* =========================================== E N D    C U S T O M    S T Y L E S =========================================== */
/* =========================================================================================================================== */






/* =========================================================================================================================== */
/* ====================================== S T A R T    O V E R L A Y    S T Y L E S ========================================== */

/* READ MORE */
a.readMoreLink:link,
a.readMoreLink:active,
a.readMoreLink:visited,
a.sluitenLink:link,
a.sluitenLink:active,
a.sluitenLink:visited {
	float: right;
	text-align: right;
	padding-right: 25px;
	color: #be003f;
	font-size: 11px;
	margin: 10px 0px;
	text-decoration: none !important;
}
a.readMoreLink:hover,
a.sluitenLink:hover {
	text-decoration: none !important;
	color: #000 !important;
}
.readMoreWrapper {
	height: 6px;
	width: 555px;
	margin-right: -25px;
	float:right;
	border-top: solid 1px #be003f;
	background: url(images/graphicReadMore.gif) no-repeat top right;
}
.sluitenWrapper {
	height: 9px;
	width: 555px;
	margin-right: -25px;
	float:right;
	border-bottom: solid 1px #be003f;
	background: url(images/graphicReadLess.gif) no-repeat top right;
}

/* FOOTER LOGO'S SOCIAL MEDIA*/
#contactSocialMedia {
	margin-bottom: 20px;
}
#contactSocialMedia img {
	width: 30px;
	height: 30px;
	float: left;
	margin: 0 4px;
}

/* FOOTER LOGO'S */
#logoFooterWrapper {
	width: 100%;
	height: 10px;
	margin-top: 50px;
	padding-top: 9px;
	border-top: 1px dashed #bebdbd;
	background: url(images/footerLogosScissor.jpg) no-repeat top right;
}
#logoFooterWrapper #logoFooter1 {
	width: 100px;
	height: 42px;
	background: url(images/logoMicrosoft.jpg) no-repeat;
	margin-right: 35px;	
	float: left;
}
#logoFooterWrapper #logoFooter2 {
	width: 108px;
	height: 42px;
	background: url(images/logoDotNet.jpg) no-repeat;
	margin-right: 35px;	
	float: left;
}
#logoFooterWrapper #logoFooter3 {
	width: 173px;
	height: 42px;
	background: url(images/logoDotNetNuke.jpg) no-repeat;
	margin-right: 35px;	
	float: left;
}
#logoFooterWrapper #logoFooter4 {
	width: 154px;
	height: 42px;
	background: url(images/logoVitruvius.jpg) no-repeat;
	margin-right: 35px;	
	float: left;
}
#logoFooterWrapper #logoFooter5 {
	float: left;
	margin-top: 6px;
}
#overlayBG {	
	height: 100%;
	background: url(images/overlayBGRepeat.gif) repeat;
}	
#closeButton {
	width: 30px;
	height: 30px;
	background: url(images/overlayBtnClose.png) no-repeat;
	position: absolute;
	right: 10px;
	z-index: 10;
}
#overlayBG #overlaySkinWrapper{
	width: 1137px;
	height: 1128px;
	margin: 0px auto;
	padding: 10px 0;
	position: relative;
	background: url(images/overlayBGSkin.jpg) no-repeat;
}
#overlayBG .targetButton {
	width: 33px;
	height: 49px;
	display: block;
	position: absolute;
	z-index: 20;
	background: url(images/overlayBtnTarget.png) no-repeat;	
}

/* Sticky note */
#targetButton0 { 
	position: absolute;
	top: 60px;
	left: 660px;
	z-index: 2;
}
#target0Uitgelicht {
	width: 232px;
	height: 99px;	
	position: absolute;
	z-index: 1;
	top: 16px;
	left: 457px;
	background: url(images/overlayTarget0.png) no-repeat;
}

/* Mood switch */
#targetButton1 { 
	position: absolute;
	top: 10px;
	left: 850px;
	z-index: 1;
}
#target1Uitgelicht {
	width: 158px;
	height: 40px;	
	top: 18px;
	right: 94px;
	position: absolute;
	z-index: 2;
	background: url(images/overlayTarget1.png) no-repeat;
}

/* Flipouts */
#targetButton2 { 
	position: absolute;
	top: 170px;
	right: 43px;
	z-index: 1;
}
#target2Uitgelicht {
	width: 54px;
	height: 140px;
	position: absolute;
	z-index: 2;
	top: 218px;
	right: 0px;
	background: url(images/overlayTarget2.png) no-repeat bottom left;
}

/* Portfolio */
#targetButton3 { 
	position: absolute;
	top: 205px;	
	right: 405px;
	z-index: 1;
}
#target3Uitgelicht {
	width: 246px;
	height: 258px;
	top: 264px;	
	right: 134px;
	position: absolute;
	z-index: 2;
	background: url(images/overlayTarget3.png) no-repeat; 
}

/* FooterMenu */
#targetButton4 { 
	position: absolute;
	bottom: 255px;
	right: 135px;
	z-index: 2;
}
#target4Uitgelicht {
	width: 962px;
	height: 181px;
	position: absolute;
	bottom: 62px;
	right: 86px;
	z-index: 1;
	background: url(images/overlayTarget4.jpg) no-repeat; 
}

/* GoogleMaps */
#targetButton5 { 
	position: absolute;
	bottom: 400px;
	right: 415px;
	z-index: 1;
}
#target5Uitgelicht {
	width: 246px;
	height: 62px;
	position: absolute;
	z-index: 2;
	bottom: 339px;
	right: 136px;
	background: url(images/overlayTarget5.jpg) no-repeat; 
}

/* Navigation */
#targetButton6 { 
	position: absolute;
	top: 119px;
	right: 180px;
	z-index: 2;
}
#target6Uitgelicht {
	width: 984px;
	height: 46px;
	position: absolute;
	z-index: 1;
	top: 118px;
	left: 77px;
	background: url(images/overlayTarget6.png) no-repeat; 
}

/* Filmpje */
#targetButton7 { 
	position: absolute;
	top: 300px;
	right: 475px;
	z-index: 2;
}
#target7Uitgelicht {
	width: 555px;
	height: 110px;
	position: absolute;
	z-index: 1;
	top: 222px;
	left: 129px;
	background: url(images/overlayTarget7.jpg) no-repeat; 
}

/* DNN Demo */
#targetButton8 { 
	position: absolute;
	bottom: 375px;
	left: 485px;
	z-index: 1;
}
#target8Uitgelicht {
	width: 194px;
	height: 52px;
	position: absolute;
	z-index: 2;
	bottom: 332px;
	left: 129px;
	background: url(images/overlayTarget8.png) no-repeat; 
}






/* == PORTFOLIO OVERLAY == */
#overlayBG #overlaySkinWrapperPortfolio {
	width: 1137px;
	height: 1128px;
	margin: 0px auto;
	padding: 10px 0;
	position: relative;
	background: url(images/overlayBGSkinPortfolio.jpg) no-repeat;
}

/* Portfolio Items */
#targetButton0b { 
	position: absolute;
	top: 670px;
	left: 665px;
	z-index: 2;
}
#target0bUitgelicht {
	width: 565px;
	height: 474px;
	position: absolute;
	z-index: 1;
	top: 215px;
	left: 127px;
	background: url(images/overlayTarget0b.png) no-repeat; 
}

/* Filter */
#targetButton1b { 
	position: absolute;
	top: 210px;
	right: 410px;
	z-index: 1;
}
#target1bUitgelicht {
	width: 259px;
	height: 275px;
	position: absolute;
	z-index: 2;
	top: 215px;
	right: 119px;
	background: url(images/overlayTarget1b.png) no-repeat; 
}

/* Technische Overlay */
#targetButton2b { 
	position: absolute;
	top: 65px;
	right: 310px;
	z-index: 1;
}
#target2bUitgelicht {
	width: 195px;
	height: 40px;
	position: absolute;
	z-index: 2;
	top: 72px;
	right: 88px;
	background: url(images/overlayTarget2b.png) no-repeat; 
}



/* ========================================== E N D    O V E R L A Y    S T Y L E S ========================================== */
/* =========================================================================================================================== */


/* DEFAULT BG IMAGE IF EMPTY CACHE */
html { 
	background: url(http://www.idas.nl/Portals/17/Skins/Idas/images/BGimages/BGpurpleL.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html[dir=ltr] { 
	background: #fff; /* EDITOR */
}

/* MODERN BROWSERS */
@media screen and (min-device-width : 800px) and (max-device-width : 1024px) {
 	html { background-image: url(http://www.idas.nl/Portals/17/Skins/Idas/images/BGimages/BGpurpleS.jpg); }    
}
@media screen and (min-device-width : 1025px) and (max-device-width : 1280px) {
 	html { background-image: url(http://www.idas.nl/Portals/17/Skins/Idas/BGimages/BGpurpleM.jpg); }   
}
@media screen and (min-device-width : 1281px) and (max-device-width : 1920px) {
 	html { background-image: url(http://www.idas.nl/Portals/17/Skins/Idas/images/BGimages/BGpurpleL.jpg); }   
}
@media screen and (min-device-width : 1921px) {
 	html { background-image: url(http://www.idas.nl/Portals/17/Skins/Idas/images/BGimages/BGpurpleXL.jpg); }     
}