@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700);

* {margin:0;padding:0;} 

/* reset
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* body, main, footer
----------------------------------------------- */

html, body {height: 100%;}

body {
	color: #000;
	font: 100% Verdana, Geneva, sans-serif;
}

img { -ms-interpolation-mode: bicubic; } /* smooth IE6-7 image resize */

.clear { clear:both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

#wrap {min-height: 100%; }

#main {overflow:auto; font: 12px/18px Verdana, Geneva, sans-serif; } 

#main p {
	margin:10px 0 20px 0;
}

#main a:link, #main a:visited {
	color:#00aeef;
	text-decoration:underline;
}
#main a:hover {
	color:#00aeef;
	text-decoration:none;
}

#main .bg-header {
	width:100%;
	margin:0px;
}

#main .bg-nav {
	background: #00aeef;
	width:100%;
	height:auto;
	margin:1px 0 15px 0;
}

img.logo-knauf { float:left; }

.logo-stukadoor {
	float:left;
	text-transform:uppercase;
	color:#454545;
	letter-spacing:-1px;
}

/*
#login-box a:link, #login-box a:visited { color:#333; text-decoration:underline; line-height:26px;}
#login-box a:hover { color:#333; text-decoration:none; }
#login-box .line { color:#999; margin:0 2px 0 2px; }*/



#main .topspace { padding:15px 0 0 0;}

#main #search-home {
	border:#999 solid 1px;
	padding:8px;
	font: 14px/20px Verdana, Geneva, sans-serif;
	color: #000;
}

#main h1 { 
	font: 30px Arial, Helvetica, sans-serif; 
	color:#454545;
	padding:0 0 15px 0;
}

#main #search-home h1 { 
	font: 27px Arial, Helvetica, sans-serif; 
	color:#454545;
	/*padding:0 0 40px 0;*/
}

#main #search-home .leftbox-nl {float:left; margin:0 10px 0 0; }
#main #search-home .leftbox-nl p { margin:0; padding:0; display:inline; /* no line-break */ }
#main #search-home .rightbox-nl {float:left; margin:0 0 0 0; }
#main #search-home .rightbox-nl p {margin:0; padding:0; display:inline; /* no line-break */}
#main #search-home .leftbox-fr {float:left; margin:0 60px 0 0;}
#main #search-home .leftbox-fr p { margin:0 0 8px 0; padding:0;  }
#main #search-home .rightbox-fr {float:left; margin:0; }
#main #search-home .rightbox-fr p { margin:0 0 8px 0; padding:0;  }

#main h2 { 
	font: 20px Arial, Helvetica, sans-serif; 
	color:#454545;
	padding:0 0 15px 0;
}
#main h3 { 
	font: 16px Arial, Helvetica, sans-serif; 
	color:#000;
	padding:5px 0 0 0;
}


#main #search-home .block { margin:15px 0 0 220px; }

#main #search-home div.belgium { float:right; margin:35px 25px 0 0;}

#main #box-blue {
	background:#b2e7fa;
	padding:8px;
	width:610px;
	margin:0 20px 20px 0;
	float:left;
}
#main #box-blue-list {
	padding:0;
	width:100%;
	margin:0;
}

#main #box-blue h1, #main #box-blue-list h1 { 
	font: 34px/38px Arial, Helvetica, sans-serif; 
	color:#454545;
	margin:10px 0 0 0;
	padding:0;
}

#main #box-blue hr {
	border-top: 1px solid #8bdaf8;
	border-bottom: 1px solid #e9f3f7;
	height:0;
	margin-bottom:10px;
	clear:both;
}

#main #box-blue a, #main #box-blue-list a { text-decoration:none; cursor:pointer; }
#main #box-blue a:link h2, #main #box-blue a:visited h2, #main #box-blue-list a:link h2, #main #box-blue-list a:visited h2 { text-decoration:none; font-size:14px; font-weight:bold; color:#0192c8; }
#main #box-blue a:hover h2, #main #box-blue-list a:hover h2 { color:#333; }
#main #box-blue .thumb, #main #box-blue-list .thumb {margin:0; max-width:130px;}
#main #box-blue .box {float:left; margin:0 10px 10px 0; border:#fff solid 1px; background:#fff; width:130px; height:95px; overflow:hidden; line-height: 94px; /* line-height in stead of the vertical-align! */ } 
#main #box-blue-list .box {float:left; margin:8px 10px 10px 0; border:#fff solid 1px; background:#fff; width:130px; height:95px; overflow:hidden; line-height: 94px; /* line-height in stead of the vertical-align! */ } 

#main #box-blue p, #main #box-blue-list p { color:#000; }

#main #box-blue .more-news { background:#00aeef; padding:8px 20px 8px 20px; float:right; margin:5px 10px 10px 0; }
#main #box-blue .more-news a:link, #main #box-blue .more-news a:visited { color:#fff; font-weight:bold; }
#main #box-blue .more-news a:hover { color:#333; }

#main #box-blue-list .news-item-list { width:46%; height:150px; float:left; margin:0 1px 1px 0; padding:18px 12px 6px 20px; background:#b2e7fa; }

#main .theme-dark .nivoSlider img { max-width: 355px; }

#main a.box-lux-link:link, #main a.box-lux-link:visited { 
	color:#454545;
	margin:10px 0 0 0;
	padding:0;
	text-decoration:none;
	display:block;
	background:#b2e7fa;
	width:46%; 
	height:auto; 
	float:left; 
	margin:0 1px 1px 0; 
	padding:25px 12px 25px 20px; 
	text-align:center; 
	font: 30px/30px Arial, Helvetica, sans-serif;
}
#main a.box-lux-link:hover { 
	color:#fff;
	background:#454545 !important;
}



#main #buttons a {
	width:310px;
	float:left;
	margin:0px;
	cursor:pointer;
}
#main #buttons .space, #main #buttons .space-nl {padding:50px 0 0 115px;}
#main #buttons .space-fr {padding:35px 0 0 115px;}
#main #buttons .space2 {padding:50px 0 0 45px;}
#main #buttons a:link, #main #buttons a:visited {font: 27px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; }
#main #buttons a:hover {color:#00aeef; text-decoration:none; }

#main .button-gips {
	background: url(../img/bg-gipswijzer.jpg) no-repeat left top;
	width:310px;
	height:126px;
	border:#999 solid 1px;
	margin:0 0 10px 0;
}
#main .button-tips {
	background: url(../img/bg-tips.jpg) no-repeat left top;
	width:310px;
	height:126px;
	border:#999 solid 1px;
	margin:0 0 10px 0;
}
#main .button-faq {
	background: url(../img/bg-faq.jpg) no-repeat left top;
	width:310px;
	height:126px;
	border:#999 solid 1px;
	margin:0 0 10px 0;
}

#three .txt-grey { color:#666; font-style:italic; }
#main .slider-right { text-align:right; float:right; max-width:450px; margin:5px 0 15px 25px; }

#main .logo-links { width:165px; height:50px; float:left; }
#main .logo-links img { border:#ccc solid 1px;}
#main .link-links {width:150px; height:50px; float:left; padding:12px 0 0 0; }

#main #profile-box {
	width:95%;
	margin:15px 0 15px 0;
	padding:15px;
	border:#00adee solid 1px;
	background:#e8f8fe;
	overflow:auto;
}
#main #profile-help {
	width:95%;
	margin:25px 0 15px 0;
	padding:5px 15px 15px 15px;
	border:#ccc solid 1px;
	background:#eee;
	overflow:auto;
}
#main #profile-box img { float:right; margin:0 0 0 25px; }
#main p.big {
	font: 17px/22px Arial, Helvetica, sans-serif;
}
#main p.txtblue { color:#00aeef; font-weight:bold; margin:0 0 20px 15px; }

#main ol li {
	list-style: url(../img/ic-list.jpg) none;
	line-height:20px;
	margin:0 0 10px 30px;
	*padding:0 0 0 10px;
}
#main ol.list2 li {
	list-style: square url(none);
	margin:4px 0 4px 30px;
	padding:0;
}

#contacts table { background:#eee; }
#contacts th { border:#CCC solid 1px; padding:5px; }
#contacts td { border:#CCC solid 1px; padding:5px; background:#fff; }
#contacts .check { float:left; margin:-5px 5px 0 0; }

.img-left { float:left !important; margin:0 0 10px 0 !important; }

/* microsite tabs ------------------------------------------------------------------------------------------- */	

#main #box-grey { border:#999 solid 1px; padding:15px; margin:0 0 15px 0; overflow:auto; }
#main #box-grey h1 {	
	font: 30px Arial, Helvetica, sans-serif; 
	color:#454545;
	padding:12px 0 5px 0;
}
#main #box-grey h2 {	
	font: 22px Arial, Helvetica, sans-serif; 
	color:#454545;
	padding:4px 0 12px 0;
}

#main #box-grey img.logo-partner { max-width:165px; height:auto; display:block; padding:15px 0 10px 0; }

#main #map_canvas { width:100%; height:400px; margin:10px 0 20px 0; z-index:550; display:block; }

#freedom {
  padding:0 0 15px 0;
  list-style-type:none;
}
#main #box-grey #nav { width:25%; float:left; padding:15px 0 0 0; }
#main #box-grey #one, #main #box-grey #two, #main #box-grey #three { width:75%; float:left; }
.tabs { width:75%; float:left; }

#freedom ul { margin:0; padding:0; }

#freedom li a {
	background: #e1e1e1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:10px 0 0 15px;
	margin:1px 0 0 0;
	color:#333 !important;
	text-decoration:none; 
	text-transform:uppercase; 
	font: 13px/16px Arial, Helvetica, sans-serif;
	width:150px;
	height:25px;
	display:block;
	text-decoration:none !important;
}

#freedom li a:hover {
	color:#fff !important; 
	background: #00adef; 
	text-decoration:none;
}
#freedom li a.selected {
	color:#fff !important;
	background: #00adef url(../img/bu-check.png) no-repeat 150px center;
	text-decoration:none;
	width:165px;
}

/* Prevents flickering alle content tabs onload */
#two, #three { display:none; } 


/* search list ------------------------------------------------------------------------------------------- */	

#itemContainer ul { width:100%; margin:0 0 0 0; }
#itemContainer li.item { width:290px; height:100px; float:left; border:#ccc solid 1px; margin:0 2px 2px 0; padding:12px 2px 6px 20px; background:#eee; word-wrap: break-word; }
#itemContainer li.item .address { /*height:150px;*/ display:block; padding:0; }

#itemContainer li a.button:link, #itemContainer li a.button:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background:#00aeef url(../img/bg-info.png) no-repeat left top;
	padding:8px 20px 8px 40px;
	margin:10px 0 10px 0;
	width:115px;
	display: block;
}
#itemContainer li a.button:hover { color:#333; text-decoration:none; }


/* pagination search list ------------------------------------------------------------------------------------------- */	

 .holder {
    margin:15px 0;
}
.holder a {
    font-size:12px;
    cursor:pointer;
    margin:0 5px;
    color:#333;
	cursor:pointer !important;
}
.holder a:hover {
    background:none;
    color:#00aeef;
}
.holder a.jp-previous {
    margin-right:15px;
}
.holder a.jp-next {
    margin-left:15px;
}
.holder a.jp-current,a.jp-current:hover {
    color:#00aeef;
    font-weight:bold;
}
.holder a.jp-current,a.jp-current:hover {
    cursor:pointer;
    background:none;
}
.holder a.jp-disabled,a.jp-disabled:hover {
    cursor:default !important;
    background:none;
    color:#bbb !important;
}
.holder span {
    margin: 0 5px;
}


/* tips ------------------------------------------------------------------------------------------- */	

#tips { width:100%; margin:0 0 0 0; }
#tips .item { width:282px; height:195px; float:left; border:#ccc solid 1px; margin:0 4px 4px 0; padding:12px 12px 6px 20px; background:#eee; word-wrap: break-word; }


/* FAQ accordian ------------------------------------------------------------------------------------------- */	
/* ---------------- http://css-tricks.com/snippets/jquery/simple-jquery-accordion/  */
/* ---------------- change 'dd' margin to '0' in normalize.css */

#accordion { width:100%; margin:15px 0 0 0; }
#accordion dt { padding:10px; background:#fff; border:#ccc solid 1px; margin:2px 0 0 0;  }
#accordion dd { padding:10px; background:#eee; border:#ccc solid 1px; margin:0;  }
#accordion dt span.selected { text-decoration:none; color:#333; }

#accordion dd:last-of-type, #accordion dt:last-of-type { border-bottom:1px solid #ccc }
#accordion dt span {
	display:block;
	color:#000;
	cursor:pointer;
	color:#00aeef;
	text-decoration:underline;
	font-size: 13px;
	font-weight:bold;
}
#accordion dt span:hover { text-decoration:none !important; }
#accordion dd { border-top:0; }
#accordion dd:last-of-type{ position:relative;top:-1px }


/* footer ------------------------------------------------------------------------------------------- */	

#footer {
	position: relative;
	clear:both;
	*padding-top:14px;
} 

#footer .footer-box { 
	width:940px; 
	margin:0 auto; 
	position:relative; 
	overflow: hidden; 
	background: #00aeef;
	padding:10px;
	text-align:left;
}

#footer .box-left { float:left; margin:0 0 0 20px; width:780px; }
#footer .box-left2 { float:left; margin:0 0 0 20px; width:650px; }
#footer .box-right, #footer .box-right2 { float:left; text-align:right; margin:10px 0 0 0; font: 13px Arial, Helvetica, sans-serif; }

#footer .box-dewitte {
	text-align:left;
	float:left;
	margin:10px 0 0 23px;
	clear:both;
	text-transform:none;
	font: 12px Arial, Helvetica, sans-serif;
	*width:190px;
}
#footer a.dewitte:link, #footer a.dewitte:visited { color:#fff; text-decoration:none; font-size:12px; text-transform:none; }
#footer a.dewitte:hover { color:#333; text-decoration:none; }

#footer img { float:left; padding:0 15px 0 0; }
#footer img.phone { float:left; padding:0; margin:0; }
#footer .logo {	
	font: 20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#002f41;
	letter-spacing:-1px;
	padding:8px 0 0 0;
}
#footer a:link, #footer a:visited, #footer a:active { color:#fff; text-decoration:none; text-transform:uppercase; font: 13px Arial, Helvetica, sans-serif; }
#footer a:hover { color:#002f41; text-decoration:none;}
#footer .space { margin:0 4px 0 4px; }


/* tooltip ------------------------------------------------------------------------------------------- */	

#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}

	#aToolTip .aToolTipContent {
		position:relative;
		margin:0;
		padding:0;
	}

.defaultTheme {
	background:#00aeef;
	color:#fff;
	margin:0;
	padding:6px 12px;
	-moz-box-shadow: 2px 2px 5px #111; 
	-webkit-box-shadow: 2px 2px 5px #111; 
	box-shadow: 2px 2px 5px #111; 
	font: 12px/20px Verdana, Geneva, sans-serif;
}


/* formulier ------------------------------------------------------------------------------------------- */	

form { float:left; }
input:focus, select:focus { background-color: #666; color:#fff; }
input.check { margin:2px 10px 2px 0;}
input.login-button:focus, select.login-button:focus { background-color: #f3f3ef !important; }

.loginveld {
	color:#999;
	height: 34px;
	width: 160px;
	border: none;
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:0 0 0 10px;
	line-height:34px;
	margin:0 5px 16px 0;
	float:left;
}

.postalcodeveld {
	color:#000;
	height: 34px;
	width: 80px;
	border: none;
	background: #e0dfdd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:0 0 0 10px;
	line-height:34px;
	margin:0 2px 20px 0;
	*margin:20px 2px 20px 0;
}

#formulier { border:#CCC solid 1px; padding:15px 10px 5px 0; margin:0 0 20px 0; position:relative; overflow:auto;}
#three .item1 { width:90px; padding:12px 10px 0 0; text-align:right; float:left; }
#three .item2 { width:250px; padding-top:6px; float:left; }
#three .item3 { width:auto; padding-top:16px; float:left; }
#three .item4 { width:500px; padding-top:16px; float:left; clear:both; }
#formulier .item1 { width:120px; padding:12px 10px 0 0; text-align:right; float:left; }
#formulier .item2 { width:190px; padding-top:6px; float:left; }
#formulier .item3 { width:80px; margin:0 0 0 133px; float:left;	}
#formulier .item3 { *margin:0 0 0 66px; }
#formulier #item4 { width:480px; padding:12px 0 0 0; margin:0; float:left; }
#formulier #item4 .uploadbox { margin-right:400px; }
#formulier #item4 label.error { padding:0; }
#formulier .item5 { width:370px; padding-top:6px; float:left; }
#formulier .login-links { margin:0; padding:0; }


.inputveld {
	color:#333;
	height: 34px;
	width: 150px;
	border: none;
	background: #e0dfdd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:0 0 0 10px;
	line-height:34px;
	margin:0 5px 6px 0;
	float:left;
}
.inputveldje {
	color:#333;
	height: 34px;
	width: 60px;
	border: none;
	background: #e0dfdd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:0 0 0 10px;
	line-height:34px;
	margin:0 5px 6px 0;
	float:left;
}
.textarea { 
	width:285px; 
	height:90px; 
	padding:10px; 
	color:#000; 
	border: #e0dfdd solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #e0dfdd;
	overflow-x:hidden; 
	margin:6px 0 0 0; 
}


.red { color:#ff0000; }
.red-error { color:#ff0000; padding:0 0 0 15px; font-weight:bold; }
#three label.error {padding:6px 0 0 5px; color: #ea141b; font-size:22px; font-weight:bold;}
label.error {padding:6px 0 0 5px; color: #ea141b; font-size:12px; font-weight:bold;}

.login-button {
	margin: 0 20px 0 5px;
	height: 31px;
	width:71px;
	border: none;
	cursor: pointer;
	padding:0px;
	background: url(../img/bu-login.png) no-repeat left top;
}
.postalcode-button {
	margin: 0 20px 0 0;
	height: 32px;
	width:37px;
	border: none;
	cursor: pointer;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#00aeef;
	padding:0 0 0 1px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#fff;
}

.submit {
	margin: 15px 0 20px 0;
	height: 32px;
	width:130px;
	border: none;
	cursor: pointer;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#00aeef;
	padding:0 0 0 1px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
input.submit:hover { color:#000;}

.submit2 {
	margin: 15px 0 20px 0;
	height: 32px;
	width:90px;
	border: none;
	cursor: pointer;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#00aeef;
	padding:0 0 0 1px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
input.submit2:hover { color:#000;}

.submit3 {
	margin: 15px 0 20px 0;
	height: 32px;
	width:90px;
	border: none;
	cursor: pointer;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#00aeef;
	padding:0 0 0 1px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
input.submit3:hover { color:#000;}

.submit4 {
	margin: 15px 0 20px 0;
	height: 32px;
	width:180px;
	border: none;
	cursor: pointer;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#00aeef;
	padding:0 0 0 1px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
input.submit3:hover { color:#000;}


/* spacing
--------------------------------------------------------------------------------*/

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}




/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:none;
}





/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}




/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}