@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Light"), 
       local("HelveticaNeue-Light"),
       local("Helvetica Neue")
}

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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{ line-height:1; }
ol,ul{list-style:none; padding: 0; margin: 0;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

body{
	font-family: Helvetica, Arial, "Trebuchet MS",Verdana,sans-serif;
	margin:0 auto;
	width:960px;
}

h2, h2 a {
	font-family: Helvetica, Arial, "Trebuchet MS",Verdana,sans-serif;
	font-size:18px;
	color:#2B376E;
	margin-bottom:3px;
}

h5{font-size:13px;color:#2B376E;margin-bottom:3px}
p,li{font-size:12px}
a,a:active,a:visited{text-decoration:none;color:#2B376E}
a:hover{text-decoration:underline;color:#2B376E}
textarea, pre {font-family:Helvetica,"Trebuchet MS",Verdana,sans-serif;font-size:12px}
pre { margin-left: 0; line-height: 16px; }

sup{position:absolute;font-size:14px;margin:-5px 0 0 2px}
.CantiProjectAanvraagContent sup { font-size: 10px; }

#dnn_ctr_dnnICON_imgIcon,#dnn_ctr_Login_tdPassword,#dnn_ctr_Login_Login_ActiveDirectory_plUsername_cmdHelp,#dnn_ctr_Login_Login_ActiveDirectory_plPassword_cmdHelp,#dnn_ctr_dnnTITLE_lblTitle{display:none}#dnn_ctr_Login_Login_ActiveDirectory_plUsername_lblLabel,#dnn_ctr_Login_Login_ActiveDirectory_plPassword_lblLabel{font-family:Helvetica,"Trebuchet MS",Verdana,sans-serif;font-size:12px;margin-left:-65px}#dnn_ctr_Login_Login_ActiveDirectory_tdLogin{position:absolute;margin:5px 0 0 12px}

#outer #right #header{background-color:#2B376E}#outer{position:absolute;background:url(images/background-cantillana.png) repeat-y}#left{position:absolute;left:0;top:0;width:150px}#logo{padding-top:10px;margin-left:22px}#logo h1{display:block;width:105px;height:87px;text-indent:-9999px;text-decoration:none;background:url(images/logo-white.png) no-repeat}#logo h1 a{display:block;height:87px}

#left ul {
	background-color: #2B376E;
	margin-top: 166px;
	border-top: 1px solid #FFF;
}

	#left li {
		list-style-type: none;
		border-bottom: 1px solid #FFF;
		line-height: 1.4em;
	}
	#left li:hover  {
	    background-color: #FFF;
	    cursor: pointer;
        border-bottom: 1px solid #2B376E;
	}

	#left li a,
	#left li a:hover,
	#left li a:visited,
	#left li a:active {
        font-family: MyHelvetica, Helvetica, Arial, Verdana, sans-serif;
		font-size: 1.2em;
        font-weight: 300;
		color: #FFF; 
		text-decoration: none;
        display: block;
        width: 127px;
        padding: 5px 0 7px 23px;
	}
	#left li a:hover { color: #2B376E; margin: 0; }
	#left .second { background-color: #FFF; margin: 0; }
	    #left .second:hover { border-top: 0; padding-top: 1px; }
		#left .second a,
		#left .second a:hover,
		#left .second a:visited,
		#left .second a:active { color: #000; }
        #left .second a:hover { color: #2B376E; }

.menuParent { background-color: #2B376E !important; }

#right{width:800px;min-height:430px;margin-left:160px}#right #header{height:24px}#right #header #language,#outer #right #header #headerright ul{position:absolute;font-family:Helvetica,"Trebuchet MS",Verdana,sans-serif;font-size:12px}#right #header select{margin:3px 0 3px 4px}#right #header #headerright{margin-left:350px;padding-top:3px}#right #header #headerright input{font-family:Helvetica,"Trebuchet MS",Verdana,sans-serif;margin:0 0 3px 290px;font-size:11px}#right #header #headerright ul{margin-top:3px}#right #header #headerright ul li{display:inline;list-style-type:none;margin:0 5px;font-size:11px;color:#FFF}#header #headerright ul li a,#header #headerright ul li a:hover,#header #headerright ul li a:active,#header #headerright ul li a:visited{font-size:12px;color:#FFF}

#imageRotator { position:relative; margin:9px 0 0 0; height: 231px; }
#imageRotator #picture { display: none; height:231px; }

#breadcrumb{margin: 5px 0 15px 0; color:#949AAA}
    #breadcrumb li{display:inline;list-style-type:none;font-size:12px}
        #breadcrumb a,#breadcrumb a:hover,#breadcrumb a:visited,#breadcrumb a:active{color:#949AAA;text-decoration:underline}#breadcrumb a:hover{text-decoration:none}

#common h2{font-size:28px}
#common h3{font-size:22px;font-weight: bolder;margin-bottom:20px}
#common h4{font-size:14px; font-weight:bolder;}
#common p{line-height:18px;margin:10px 0}
#common p a,
#common p a:hover,
#common p a:active{text-decoration:underline}
#common p a:hover{text-decoration:none}
#common ul {line-height:16px;margin:0 0 10px 25px}
#common li{list-style-type:square;font-size:10px}
#common li a{font-size:12px}

.step{margin-bottom:30px}#common sup{font-size:14px;margin:-2px 0 0 0}#outer #right #taggline{float:left;height:75px;width:253px;background-color:#2B376E;margin:0 20px 10px 0}#taggline img{margin:20px 0 0 14px}.double{margin-bottom:10px;height:75px}.double h2{font-size:21px;color:#2B376E;font-weight:bolder;margin-bottom:7px}.double .german{font-size:19px}.double p{font-size:14px;line-height:18px}.family p a,.family p a:visited,.family p a:active,#organisation a,#organisation a:visited,#organisation a:active,.double a,.double a:visited,.double a:active{color:#2B376E;text-decoration:underline}#organisation a:hover,.double a:hover,.family p a:hover{text-decoration:none}

.blueBox,.greenBox,.redBox,
.blueBoxSide,.greenBoxSide,.redBoxSide,
#corporate_overview{
	float:left;
	width:253px;
	height:190px;
	min-height:190px;
	background-color:#E1E2E3;
	margin:0 20px 10px 0
}

.blueBox h2,.greenBox h2,.redBox h2,
.blueBoxSide h2,.greenBoxSide h2,.redBoxSide h2 {
	font-size:18px;
	color:#000;
	margin-left:15px;
	font-weight:bolder;
}

.blueBox a,.greenBox a,.redBox a,
.blueBoxSide a,.greenBoxSide a,.redBoxSide a,
.blueBox a:visited,.greenBox a:visited,.redBox a:visited,
.blueBoxSide a:visited,.greenBoxSide a:visited,.redBoxSide a:visited{
	font-family:Helvetica,"Trebuchet MS",Verdana,sans-serif;
	color:#000;
}

.blueBox p,.greenBox p,.redBox p,.blueBoxSide p,.greenBoxSide p,.redBoxSide p{
color:#000;margin-left:15px;line-height:14px}

.blueBox p img,.greenBox p img,.redBox p img,.blueBoxSide p img,.greenBoxSide p img,.redBoxSide p img{
margin-left:-15px}

.blueBox img,.greenBox img,.redBox img,.blueBoxSide img,.greenBoxSide img,.redBoxSide img{
margin:10px 0 8px 0}.blueBox,.blueBoxSide{border-bottom:6px solid #2B376E}

.greenBox,.greenBoxSide{border-bottom:6px solid #30A046}
.redBox,.redBoxSide{border-bottom:6px solid #C02427}

.blueBoxSide,.greenBoxSide, .redBoxSide { margin:0 0 10px 0; }

.greenBoxSide h2 #smaller{float:right;font-size:10px;margin:-13px 8px 0 0;font-weight:normal}
.greenBoxSide h2 #smaller a,.greenBoxSide h2 #smaller a:hover,
.greenBoxSide h2 #smaller a:active,.greenBoxSide h2 #smaller a:visited{font-size:10px}
.greenBox h2 .smaller,.greenBox h2 .smallerright{font-size:14px;margin:0 8px}

#corporate_overview{padding:0px;margin-top:1px}
#corporate_overview h2{
	margin:-30px 0 0 17px;
	color:#000;
	font-size:21px;
	font-weight:bolder;
}
#corporate_overview h2 a,#corporate_overview h2 a:hover,#corporate_overview h2 a:active,#corporate_overview h2 a:visited{font-size:18px;color:#000;margin:0 0 0 15px}

#corporate_overview img{
	margin:0;
	border-bottom:5px solid #4D75B7;
}

#organisation{margin-top:-15px}#organisation h2{font-size:21px;margin:10px 0;font-weight:bolder}#organisation p{margin-bottom:20px;line-height:18px}#organisation img{float:right;margin-bottom:10px}.geschiedenis{margin:10px 0 15px 0}.geschiedenis .row{border-bottom:3px solid #EFEFEF;width:100%;padding:10px 0 5px 0}.geschiedenis h2{margin-bottom:10px;font-size:21px;font-weight:bolder}.geschiedenis h3{position:absolute;font-size:12px;font-weight:bolder;color:#2B376E;padding-bottom:5px}.geschiedenis p{width:380px;font-size:13px;margin:-3px 0 10px 45px;line-height:18px}.geschiedenis .bigger h3,.geschiedenis .bigger p{font-size:14px}.geschiedenis .bigger p{margin-left:55px}#worldmap{margin-top:-10px}#worldmap table{margin:-22px 0 0 0;font-size:12px}#organisation_table{margin:10px 0}#organisation_table table{width:100%}#organisation_table table tr{margin:0;padding:0;border:0}#organisation_table table td{font-size:12px;background-color:#EFEFEF;border:1px solid #FFF;padding:5px;margin:0}#organisation_table table .darker{background-color:#CCC;font-weight:bolder;vertical-align:top}

#container_products{background:url(images/background_products.png) repeat-y;overflow:hidden;margin-bottom:10px}.family{background-color:#EFEFEF;margin-bottom:10px;padding:10px 0 0 15px;height:70px}.family p{line-height:16px}.family a,.family a:visited,.family a:active,.family a:hover{color:#2B376E}.family img{float:right;margin:-10px 0 10px 10px}.family h2,.family h3,.family h4,#productdetails h2{color:#2B376E;font-weight:bolder;margin-bottom:5px}#productdetails h2{background-color:#FFF;padding-bottom:13px}.family h2,#productdetails h2{font-size:16px}.family h3{font-size:14px}.family h4{font-size:11px;margin:0 0 5px 15px}#productdetails{float:left;width:260px;margin:0 10px 10px 0}#productlist{background-color:#EFEFEF;padding-bottom:10px}#productlist h3{font-size:11px;font-weight:bolder;margin:0 0 5px 15px}#productlist #active{padding:3px 0 3px 30px;margin-left:-30px;background-color:#2B376E;list-style-type:none}#productlist #active a,#productlist #active a:hover,#productlist #active a:visited,#productlist #active a:active{color:#FFF}#productdetails .rightheader{color:#2B376E;font-size:12px;font-weight:bolder;background-color:#E1E2E3;padding:3px 0 3px 15px;margin:-10px 0 5px 0}#productdetails ul{margin:0 0 15px 30px}#productdetails ul li{list-style-type:square;font-size:11px;margin-bottom:4px}#productdetails ul li a,#productdetails ul li a:visited,#productdetails ul li a:active,#productdetails ul li a:hover{font-size:12px;color:#2B376E;font-weight:normal}
.productdetail,#productbrochure{float:right;display:inline;margin:24px 0 0 0;width:525px}
.productdetail h2{float:left;font-weight:bolder;font-size:24px;margin:10px 10px 0 0;padding-left:0}.productdetail a img{vertical-align:bottom;margin-top:14px}
.productdetail h3{font-weight:bolder;font-size:14px;padding-left:0;margin:25px 0 35px 0;width:100%;color:#000}
.productdetail h3 p{margin-left:0}
.productdetail h4{margin:25px 0 5px 0;font-size:12px;font-weight:bolder}.productImage{float:right;display:inline;display:block;margin:20px 0 0 20px}

.productdetail { font-size: 12px; padding-left: 5px; }
.productdetail p{line-height:18px;margin-left: 0;}
.productdetail table{font-size:12px;margin-left: 0;}
.productdetail td{padding:3px 0}
.productDetail ul, .productDetail p ul{margin-left:25px}
#productdetail #contentdetail,#contentdetail ul li{padding-left:5px;}
#contentdetail table,#contentdetail p table{float:none;width:100%}
#contentdetail table tbody tr td{font-size:12px;padding:5px 0}#contentdetail ul{margin-left:20px}.binnenwerk{color:#4D75B7}.gevels{color:#C00}#productbrochure h2{font-size:24px}#productbrochure h3{font-size:22px;font-weight:bolder}#productbrochure h4{font-size:14px;font-weight:bolder;margin:30px 0 10px 0}#productbrochure p{line-height:18px}#productbrochure ul{margin:20px 0 20px 25px}#productbrochure li{margin:10px 0}#productbrochure .row{overflow:hidden}#productbrochure img{float:left;display:inline;margin:30px 25px 0 0}#more{margin-top:25px}.TFT{font-family:Helvetica,"Trebuchet MS",Verdana,sans-serif}#downloadBlock{margin-top:-5px}#downloadBlock h2{background-color:#E1E2E3;border-right:9px solid #2B376E;margin:10px 0px;font-size:14px;padding:5px 0 5px 10px;font-weight:bolder}#downloadBlock h3{background-color:#2B376E;color:#FFF;margin:10px 0px;font-size:12px;padding:2px 0 2px 10px;clear:both}#downloadBlock h4{font-size:12px;font-weight:bolder;margin:5px 0 10px 10px}#downloadBlock h4 img{float:none;margin:-12px 0 0 10px}#downloadBlock a,#downloadBlock a:hover,#downloadBlock a:visited,#downloadBlock a:active{color:#2B376E;font-size:11px;font-weight:normal}#downloadBlock p{margin:0 5px 10px 5px;line-height:18px}#downloadBlock img{float:left;margin:0 10px 10px 0;border:1px solid #EFEFEF}#downloadBlock .downloadFooter img{padding:0;margin:0}#downloadBlock .nofloat,#downloadBlock .nofloat{float:none;vertical-align:bottom;padding:0;margin-bottom:1px}#pdf_icon{float:none;vertical-align:bottom;margin-bottom:1px}

.download,.download-right{
	float:left;display:inline;margin:0 10px 10px 0;padding:10px;background-color:#EFEFEF;width:240px
}
.download-right{margin-right:0}
	.download h4, .download-right h4 { line-height: 13px; }
	.download a,.download-right a{margin:0;padding:0}
	.download img,.download-right img{float:left;padding:0 5px 5px 0}
.downloadContent{ height:85px;}

#winnaar{float:left;margin-right:0}#pWinnaar{float:left;margin-left:0;width:200px}#imgWinnaar{margin:0}

.searchresult{float:left;margin:0 15px 10px 0;padding-bottom:15px;border-bottom:1px solid Silver;width:250px;height:90px;min-height:90px}
.searchresult p{line-height:18px}
.searchresult ul { margin-left: 15px; }
.searchresult ul li { line-height: 16px; }

#stf{background-image:url(images/TT.png);background-repeat:repeat-y;margin:6px 0 15px 0;padding:10px;background-color:#EFEFEF}#stf_inner{display:inline;overflow:hidden;width:396px}#stf h2{margin-bottom:10px}#stf h3{font-size:18px;font-weight:bolder;margin-top:20px}#stf h3 a,#stf h3 a:hover,#stf h3 a:visited,#stf h3 a:active{color:#2B376E;font-size:12px;text-decoration:underline}#stf h3 a:hover{text-decoration:none}#stf h4{background-color:#CCC;font-size:14px;font-weight:bolder;margin:10px 0 5px 0;padding:2px 0 2px 15px;width:390px}#stf h5{margin-left:15px}#stf #top li a,#stf #top li a:visited,#stf #top li a:active{text-decoration:underline;font-weight:bolder}stf #top li a:hover{text-decoration:none;font-weight:bolder}#stf ul{margin:0 0 20px 40px}#stf ul li{list-style-type:square;margin:5px 0}#stf ul li a,#stf ul li a:hover,#stf ul li a:active,#stf ul li a:visited{color:#2B376E;font-size:13px}#outer #right #stf #productdetail_outer{padding-bottom:10px}#stf #productdetail_outer,#stf #productdetail_inner{border-bottom:4px solid #CCC;width:405px}#contact{margin-bottom:10px;padding:10px 0 10px 10px;background-color:#EFEFEF}

#common .indication{
	font-size:11px;
	font-style:italic;
	color:#8F8F8F;
	line-height: 16px;
}

#contact h3{font-size:14px;font-weight:bolder;margin-bottom:10px}#contact p{line-height:18px}#contact #headerContact{font-size:22px;background-color:#2B376E;color:#FFF;margin:-10px 0 10px -10px;padding:10px;line-height:18px}#titleContact li{list-style-type:none;margin-bottom:5px}#titleContact li label{padding-left:5px}#contactData img{float:left;display:inline;margin-right:10px}#outer #right .row{margin:10px 0px;font-size:12px}#right #mandatory{margin-left:150px;font-size:12px}#right .row .mandatory,#mandatory .mandatory{color:Red}#outer #right .row .rowLabel{position:absolute}#outer #right .row input,.row textarea,.row select{margin-left:150px}.vet{font-weight:bolder}.clear,.clearR{clear:both;margin:0}#footer{clear:both;background-color:#2B376E;width:800px;text-align:center;color:#FFF;padding:3px 0;margin-left:160px}

#footer a,#footer a:hover,
#footer a:visited,#footer a:active{font-size:12px;color:#FFF;font-weight:normal}

.footerMenu{position:absolute;background-color:#FFF;margin:20px 0 0 -160px;padding:10px;width:949px}
.footerMenu .footerColumnOne{float:left;width:150px;margin:0 10px 0 -10px}
.footerMenu .footerColumnTwo{float:left;width:253px;margin-right:20px}
.footerMenu .footerColumnThree{float:left;width:253px; margin-right: 20px;}
.footerMenu .footerColumnFour{float:left;display: inline;width:253px;margin: 0;}
.footerMenu h3{text-align:left;font-size:11px;color:#2B376E;margin-bottom:-13px}
.footerMenu .line{border-bottom:1px solid #bcbcbc}
.footerMenu ul{margin-top:5px}
.footerMenu ul li{text-align:left;list-style-type:none;margin-bottom:4px;color:#bcbcbc;font-size:10px}

#footer .footerMenu a,
#footer .footerMenu a:hover,
#footer .footerMenu a:visited,
#footer .footerMenu a:active {color:#A4A4A4;font-size:11px}

#project-aanvraag p{line-height:18px}fieldset{margin-top:10px;border:1px solid #E1E2E3;padding:5px}legend{font-size:14px;font-weight:bolder;padding:0 5px;color:#2B376E}#outer #right #project-aanvraag .row{margin:10px 0}#outer #right #project-aanvraag .row .button{margin-left:0}.label{position:absolute;font-size:12px}.row input{margin:-5px 0 0 75px;font-size:12px}.work{font-size:12px}.work li{list-style-type:none}#project-aanvraag .row td{padding:3px 0}#project-aanvraag .row td input{margin-right:5px;vertical-align:bottom}#adminProject{padding:10px;margin-top:10px;font-size:12px;border:1px solid #2B376E}#adminProject input{font-size:12px}.actionStatus{font-size:12px;background-color:#D2F7AB;border:1px solid #407805;padding:5px;margin:5px 0}.actionStatusError{font-size:12px;background-color:#F2B6B6;border:1px solid #86141E;padding:5px;margin:5px 0}.actionStatus span{color:#407805}.actionStatusError p{color:#86141E}.actionStatusError ul{margin:8px 0 0 25px}.actionStatusError li{margin-top:3px}#granolup h2,#verkauf h2{font-size:24px;font-weight:bolder;margin-top:10px}#granolup h3,#verkauf h3{font-size:13px;font-weight:bolder;margin:5px 0 20px 0}#granolup h4{font-size:13px;margin-bottom:10px}#granolup p{margin-bottom:35px;line-height:18px}.granolup{width:100%;margin-bottom:10px}.granolup td{padding:5px 0 5px 10px;border:1px solid #000}.granolup .column2{width:350px}.granolup .column3{width:150px}.granolup .alternate{background-color:#E1E2E3}#verkauf{margin-bottom:10px}#verkauf h3{margin-bottom:35px}#verkauf ul{margin:40px 0 40px 25px}#verkauf li{font-size:13px;margin-bottom:5px}#verkauf p{line-height:18px}#verkauf a,#verkauf a:hover,#verkauf a:visited,#verkauf a:active{color:#2B376E}#centerBold{text-align:center;font-weight:bolder;font-size:18px}ul.thumb{float:left;list-style:none;margin:0 0 0 -10px;padding:10px 10px 10px 0;width:350px}ul.thumb li{margin:5px;padding:5px;float:left;position:relative;width:60px;height:75px;list-style-type:none}ul.thumb li img{width:60px;height:61px;-ms-interpolation-mode:bicubic;border:1px solid #ddd;padding:5px;margin-bottom:1px;background:#f0f0f0;left:0;top:0;cursor:pointer}ul.thumb li img.hover{padding:0}#scroll{position:relative}

.background{position:absolute;padding:10px 0 0 55px;width:350px}
.background2{position:absolute;padding:135px 0 0 55px;width:350px}
.background img,.background2 img{padding-top:15px;margin-right:-10px}
.overlay-up{position:absolute;margin-top:20px;z-index:1}

#werbeaktion { margin-bottom: 50px; }

#werbeaktion h2 {
	font-size: 32px;
	font-weight: bolder;
}

#werbeaktion h3 { font-size: 16px; margin-left: 205px; }
#werbeaktion h4 { margin-top: 10px; font-size: 16px; font-weight: bolder; }
#werbeaktion h5 { font-size: 21px; }
#werbeaktion h5 a,
#werbeaktion h5 a:active,
#werbeaktion h5 a:hover,
#werbeaktion h5 a:visited { text-decoration: underline; }
#werbeaktion h5 a:hover { text-decoration: none; }
#werbeaktion h6 { font-size: 14px; margin-left: 28px; font-weight: normal; }

#werbeaktion #aktion { margin: 40px 0 20px 0; }
#werbeaktion #aktion p { font-size: 16px; line-height: 24px; }
#werbeaktion #aktion p a,
#werbeaktion #aktion p a:active,
#werbeaktion #aktion p a:visited {text-decoration: underline;}
#werbeaktion #aktion p a:hover {text-decoration: none;}
#werbeaktion .produkte { width: 550px; overflow: hidden; margin-bottom: -30px; }
#werbeaktion .produkte p { font-size: 16px; font-weight: bolder; margin: 0 0 50px 0; color: #2B376E; }
#werbeaktion .sache { float: right; display: inline; margin-top: -70px; }

#colorGranosil { width: 400px; float: left; display: inline; }
#colorGranosil h2 { font-size:14px; }
.colorFamily { clear: both; height: 150px; }
.colorFamily ul.thumb { float: none; width: 400px; margin: -15px 0 0 -10px; }

/* 
------------------
DECOR COLORCHART
------------------
*/
#decor .background{position:absolute;padding:50px 0 0 59px;width:450px}
#decor .background2{position:absolute;padding:110px 0 0 59px;width:450px}
#decor .background3{position:absolute;padding:170px 0 0 59px;width:450px}
#decor .background4{position:absolute;padding:225px 0 0 59px;width:450px}

#decor .background img,
#decor .background2 img { padding-top:0; margin-right:0; }

#dnn_ctr496_ModuleContent .thumb li { height: 85px; width: 85px; }

/* 
------------------
JOINTIN COLORCHART
------------------
*/
#common #jointin-choice { font-size: 16px; margin-bottom: 10px; color: #000; }
#space { padding-bottom: 20px; }
#common #jointin-steps { margin: 0 0 25px 0; }
#common #jointin-steps li { 
		list-style-type: none; 
		margin-bottom: 10px;
		font-size: 12px;
	}
	#jointin-steps .attention { 
		float: left;
		display: inline;
		font-weight: bolder; 
		width: 800px; 
	}

.jointin, .jointin-side {
	float: left;
	display: inline;
	margin: 5px 48px 5px 0;
	width: 375px; /* push text under image */
}
.jointin-side { margin: 5px 0; }
	.jointin img,
	.jointin-side img { margin-bottom: 3px; }

/* VACATURE */
#vacature { margin-bottom: 25px; }
#vacature h2{font-size:28px}
#vacature h3{font-size:18px;font-weight: bolder;margin: 10px 0;}
#vacature h4{font-size:14px; font-weight:bolder;}
#vacature p{line-height:18px;margin:10px 0}
#vacature p a,
#vacature p a:hover,
#vacature p a:active{text-decoration:underline}
#vacature p a:hover{text-decoration:none}
#vacature ul {line-height:16px;margin:0 0 10px 25px}
	#vacature li { margin: 3px 0; }
#vacature li a{font-size:12px}

	#vacature .row { padding-bottom: 15px; }
    #vacature #vac { border-bottom: 1px solid #CCC; padding: 10px 0; }
	#contactVacature { font-size: 1.0em; font-weight: bolder; }

/*
---------
ADDRESSES
---------
*/
.address { 
	background-color: #EFEFEF;
	margin: 4px 0 15px 0; 
	padding: 10px; 
	overflow: hidden; 
	height: 170px;
	width: 780px;
}
.address img { position: absolute; left: 170px; }
.address ul { margin-left: 260px; }
.address #columns { margin: 15px 0 0 230px;}
	.address #columns ul { float: left; display: inline; margin-left: 30px; }
		.address ul li { line-height: 15px; list-style-type: none; }
        
/* register */
.row { margin: 5px 0; }
    .row label { position: absolute; margin-top: 5px; }
    .row input, .row select, .row .input, .row extarea, .row .riTextBox { 
        font-family: Helvetica, Arial, "Trebuchet MS",Verdana,sans-serif;
    	font-size: 1em; 
    	margin-left: 140px; 
    }
    .row select { margin: -5px 0 0 150px; }

.mandatory { color: #B40528; }
    
/* buttons */
.buttons .button { margin:10px 10px 10px 0; }
.button {
	float: left; display: inline;
	display: block;
	background-color: #E8E8E8;
	padding: 2px 5px 2px 3px;
	margin: 0 5px 5px 150px;
	border: 1px ridge #4B566C;
 	text-decoration: none; 
	color: #000; 
}    
.button:visited, .button:active { color: #000; }
.button:hover, .button:active, .button:visited  { background-color: #8EBBD4; color: #000; text-decoration: none; }
	.button span { 
		float: right; display: inline;
		margin: 3px 0 0 3px;
        color: #000;
        font-size: 12px;
	}	
    .button img { margin-right: 0 !important; }
    
.validation { 
	background-color: #FFD1D1; 
	border: 1px solid #B40528;
	padding: 10px;
	margin: 5px 5px 5px 0;
	color: #B40528 !important;
    font-size: 12px;
}
	.validation ul { padding: 5px 0 0 25px; }
		.validation li { list-style-type: circle; margin-bottom: 5px; }
        
.validateRedeemCode {
    background-color: #FFF; 
	border: 1px solid #B40528;
	padding: 10px;
	margin: 5px 5px 5px 0;
	color: #B40528 !important;
    font-size: 12px;
    position: absolute;
    top: 323px;
    left: 639px;
    width: 239px;
    height: 81px;
}
	.validateRedeemCode ul { padding: 5px 0 0 25px; }
		.validateRedeemCode li { list-style-type: circle; margin-bottom: 5px; }
        
.failed { 
	background-color: #FFD1D1; 
    border: 1px solid #B40528;
	padding: 3px;
	margin: 7px 3px 7px 0;
	overflow: hidden;
}
	.failed img {
		float: left;
		display: inline;
		margin-right: 3px;
	}
	.failed p { margin-top: 2px !important; }

/* telerik */
.RadComboBox {  margin-left: 150px; }
.RadComboBoxDropDown_Default {
    font-family: Helvetica, Arial, "Trebuchet MS",Verdana,sans-serif !important;
    font-size: 12px !important;
}

    .RadComboBox input { margin-left: 0 !important; }
    .rcbLoading { list-style-type: none; }
    
.privacy label {
    margin: -1px 0 0 5px;
}

#redeemCode {
    position: absolute; 
    top: 430px; 
    left: 640px;
}

#tombolaButton {
    position: absolute; 
    top: 22px; 
    left: 140px; 
    margin: 0;
}

.button img { float: left; display: inline; }

.large-input {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 25px; 
}

#mailing-input { 
    position: absolute;
    top: 633px;
    left: 479px;
}
    #mailing-input .button {
        background: none repeat scroll 0 0 transparent;
        border: 1px solid #FFFFFF;
        height: 12px;
        left: 1px;
        padding: 0 9px 12px 4px;
        position: absolute;
        top: 31px;
        width: 150px;
    }
        #mailing-input .button span {
            font-family: Helvetica, Arial, Verdana, sans-serif;
            font-size: 15px; 
            font-weight: bolder;
            margin-top: 4px;
            color: #FFF;
        }
        
.failed-mailing {
    left: 467px;
    position: absolute;
    top: 695px;
}
    #common .failed-mailing p {
        font-family: MailingNL, Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
        color: #FFF;
        line-height: 17px !important;
    }
    
/* actie Granicem */
#loginScreen { margin-left: 223px; }
    #loginScreen #loginForm {
        margin: 10px 0 10px 7px;
        border: 1px solid #2B376E;
        padding: 10px 4px 10px 10px;
        width: 325px;
    }

    .tmbl-disabled img { 
        background-color: #D7D7D7;
        opacity:.3; /* FX/Opera/Safari/Chrome */
        -ms-filter:"alpha(opacity=30)"; /* IE8 */
        filter:alpha(opacity=30); /* IE6/IE7 */
     }
     
.fr-granicem-counter { margin: -135px 0 0 565px; }
    .fr-granicem-counter p { font-size: 18px; margin-bottom: 15px; }

#registerScreen { font-size: 12px; }
    #registerScreen h3 { 
        font-size: 18px; 
        font-weight: bold; 
        margin-bottom: 15px;
   }
   #registerScreen input, #registerScreen select { margin-top: 1px; }
   #registerScreen select { margin-left: 140px; }
   #registerScreen .privacy label { margin: 3px 0 0 5px; }
   #registerScreen .button { margin-left: 140px; }
   
.price { 
    float: left; 
    display: inline; 
    width: 150px; 
    min-height: 145px;
    margin: 0 20px 25px 0;
}

#ordered { margin: 50px 0 0 361px; }
    #ordered h3 { font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bolder; margin-bottom: 10px; }
    #ordered table { font-size: 13px; }
        #ordered td { padding: 5px 10px 5px 0; }
        
#thankyou { margin: 10px 0; border: 1px solid #2B376E; padding: 10px 5px; }
    #thankyou h3 { font-size: 18px; margin-bottom: 10px; }
    #thankyou p { font-size: 16px; }
    
/* cfd */
#outer #right .CFDContent table table { margin-top: 25px; }
#outer #right .CFDContent table thead td { font-weight: bolder; padding-right: 10px; }
#outer #right .CFDContent table caption { text-align: left; font-weight: bolder; font-size: 16px; }
#outer #right .CFDContent table td { font-size: 12px; padding-bottom: 5px; }
#outer #right .CFDContent table td a { font-size: 14px; }
#outer #right .CFDContent table td input[type="text"] { margin: 0 10px 0 117px; font-size: 12px; }