@charset "utf-8";
/*-----------------------------------------------------------------------------
http://www.decom.be 

version:   1.0
date:      08/09/09
author:    Jan Naessens
email:     jan.naessens@decom.be
website:   http://www.decom.be
-----------------------------------------------------------------------------*/

*{ 
	padding: 0; margin: 0;
}

body{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*line-height:18px;*/
	background-color:#fff;
	color:#333;
}

.container{
	margin: 0 auto;
	width: 940px;
}

/* ----- Algemeen ----- */

#top{
	background-color:#333333;
	background-image: url(../images/bg_top.jpg);
	background-repeat:repeat-x;
	/*text-align:center;*/
	height:26px;
	color:#FFFFFF;
	padding-top:5px;
	font-size:11px;
	margin-bottom:10px;
}

#content{
	margin-bottom:10px;

}

#footer{
	background-color:#333333;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	height:100px;
	padding-top:10px;
	color:#FFFFFF;
}

/* ----- Links ----- */


/* ----- Top ----- */
#top a{
	color:#FFFFFF;
	text-decoration:none;
}

#top a:hover{
	text-decoration:underline;
}

#top #adres{
	width:850px;
	float:left;
}
#taalkeuze{
	float:left;
}

#taalkeuze ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#taalkeuze ul li{
	float: left;
	font-size:14px;
	margin-right:5px;
}

#taalkeuze ul li a{
	text-decoration:none;
	padding:2px;
	color:#99cc33;
}

#taalkeuze ul li a.active, #taalkeuze ul li a:hover{
	background-color:#666666;
	text-decoration:none;
}

/* ----- Content ----- */
#content ul{
	margin:0;
}

#content ul li{
	margin-left:10px;
	list-style-image: url(../images/li.jpg);
}

#navigation{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #eaeaea;
}

#content #navigation ul {
	list-style-image:none;
}

#navigation ul li{
	list-style:none;
	list-style-image:none;
}

#breadcrumb {
	padding-top:10px;
	color:#999999;
	font-size:12px;
}


#decom{
	background-color:#99cc33;
	color:#003366;
	padding:10px 10px 5px 10px;
	margin:0;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	width:210px;
	/*margin-left:60px;*/
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-left-color: #eaeaea;
}
#decom-fr{
	background-color:#99cc33;
	color:#003366;
	padding:10px 10px 5px 10px;
	margin:0;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	width:240px;
	/*margin-left:60px;*/
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-left-color: #eaeaea;
}

#decom-bottom{
	width:236px;
	height:15px;
	background-image:url(../images/decom_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-position:bottom left;
}

#decom-bottom-fr{
	width:266px;
	height:15px;
	background-image:url(../images/decom_bottom_2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-position:bottom left;
}

#home #decom{
	width:250px;
}

#subnav{
	float:right;
}

#content #navigation #subnav ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#content #navigation #subnav ul{
	list-style-image:none;
}

#content #navigation #subnav ul li{
	float: left;
	font-size:12px;
	margin-right:5px;
	padding-left:23px;
	padding-bottom:2px;
	background-image:url(../images/bg_subnav.jpg);
	background-repeat:no-repeat;
	background-position: center left;
	list-style-image:none;
}

#subnav ul li a{
	text-decoration:none;
	color:#99cc33;
}

#logo{
	background:transparent url(../images/logo.jpg) no-repeat scroll 0 0;
	float:left;
	height:60px;
	left:0;
	padding:0;
	text-indent:-9000px;
	top:0;
	width:184px;
}

#logo a{
	border:medium none;
	display:block;
	height:100%;
	width:100%;
}

#logo-decomon{
	background:transparent url(../images/decomon_logo.jpg) no-repeat scroll 0 0;
	float:left;
	height:65px;
	left:0;
	padding:0;
	text-indent:-9000px;
	top:0;
	width:206px;
}

#logo-decomon a{
	border:medium none;
	display:block;
	height:100%;
	width:100%;
}


#itp{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	margin-bottom:10px;
	height:374px;
	margin-top:2px;
	padding-bottom:2px;
}

#itp ul li{
	margin:0;
	padding:1px 0 1px 0;
}

#itp a{
	text-decoration:none;
}

#testie2 .readmore{
	color:#999999;
}

.column{
	width:303px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

.column h1{
	/*border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;*/
}

.column h1 span{
	border-bottom:none;
}

#customermedia h1{
	background:transparent url(../images/uwilcus.jpg) no-repeat scroll 0 0;
	float:left;
	height:80px;
	left:0;
	padding:0;
	text-indent:-9000px;
	top:0;
	width:303px;
	margin:0;
	clear:both;
}

#customermedia h1 a{
	border:medium none;
	display:block;
	height:100%;
	width:100%;
}

#communiceren h1{
	background:transparent url(../images/uwilcom.jpg) no-repeat scroll 0 0;
	float:left;
	height:80px;
	left:0;
	padding:0;
	text-indent:-9000px;
	top:0;
	width:303px;
	margin:0;
}

#communicerenfr h1{
	background:transparent url(../images/uwilcom_fr.jpg) no-repeat scroll 0 0;
	float:left;
	height:80px;
	left:0;
	padding:0;
	text-indent:-9000px;
	top:0;
	width:303px;
	margin:0;
}


#communiceren h1 a, #communicerenfr h1 a{
	border:medium none;
	display:block;
	height:100%;
	width:100%;
}

#adverteren h1{
	background:transparent url(../images/uwilad.jpg) no-repeat scroll 0 0;
	float:left;
	height:80px;
	left:0;
	padding:0;
	text-indent:-9000px;
	top:0;
	width:303px;
	margin:0;
}

#adverterenfr h1{
	background:transparent url(../images/uwilad_fr.jpg) no-repeat scroll 0 0;
	float:left;
	height:80px;
	left:0;
	padding:0;
	text-indent:-9000px;
	top:0;
	width:303px;
	margin:0;
}

#adverteren h1 a, #adverterenfr h1 a{
	border:medium none;
	display:block;
	height:100%;
	width:100%;
}

#customermedia a, #communiceren a, #adverteren a, #communicerenfr a, #adverterenfr a{
	text-decoration:none;
}

#left{
	float:left;
	width:390px;
	margin-right:80px;
}

#right{
	float:left;
	/*margin-top:35px;*/
	width:469px;
}

#overzicht .row{
	background-color:#f0f7e1;
	width:465px;
	margin-bottom:30px;
	/*padding-left:15px;*/
	padding:10px;
}

#overzicht .col{
	float:left;
	width:222px;
	/*margin-right:10px;*/
	padding-left:10px;
}

#overzicht h2{
	color:#333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99CC33;
	margin-right:20px;
	/*margin-bottom:10px;*/
	vertical-align: text-bottom;
}
#portfolio-page #overzicht h2{
	font-size:16px;
	margin-top:5px;
	margin-bottom:10px;
}
#diensten-page #overzicht h2{
	font-size:14px;
	margin-top:15px;
	margin-bottom:10px;
}

#overzicht a{
	text-decoration:none;
	color:#333;
}

#overzicht img{
	float:left;
	padding-right: 10px;
	padding-bottom:10px;
}

#overzicht .readmore{
	display:block;
	text-align:right;
	width:100%;
	font-weight:bold;
	margin-top:10px;
}

#nav-subpage{
	width:309px;
	float:left;
	height:423px;
	overflow:hidden;
	/*overflow-x: hidden;*/
}

#nav-subpage ul li{
	clear:both;
	color:#333333;
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px 0 ;
	padding:0;
	float:left;
	width:280px;
	font-size:10px;
}

#diensten-page #nav-subpage ul li{
	width:290px;
}

#nav-subpage ul li a{
	display:block;
	width:280px;
	height:60px;
}

#diensten-page #nav-subpage ul li a{
	display:block;
	width:290px;
	height:25px;
	padding:5px 0 5px 5px;
}

#nav-subpage .active, #nav-subpage ul li:hover{
	background-color:#333333;
	color:#FFFFFF;
}

#nav-subpage ul li:hover a{
	color:#FFF;
}

#nav-subpage img{
	float:left;
	margin-right:10px;
	/*border: 1px solid #EAEAEA;*/
}

#nav-subpage .active img, #nav-subpage ul li:hover img {
	/*border-width: 1px;
	border-style: solid;
	border-color: #EAEAEA;*/
}

#nav-subpage .title{
	clear:both;
	font-size:13px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99CC33;
}

#text-subpage{
	float:left;
	width:629px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #EAEAEA;
}

#text-subpage h1 span{
	border-bottom:none;
}

#diensten-page #text-subpage{
	width:609px;
	padding-left:20px;
}

.port-label{
	float:left;
	width:160px;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
}

.port-text{
	margin-left:170px;
	margin-bottom:5px;
}

#mens-text{
	background-color:#99cc33;
	color:#FFFFFF;
	padding:5px;
	height:165px;
}

#mens-text .left{
	width:420px;
	margin:0;
	float:left;
}

#mens-text .right{
	margin:0;
	float:left;
	width:190px;
}

#mens-image img{
	z-index:1;
}

#mens-text h1{
	color:#FFFFFF;
	margin:0;
	padding: 0 ;
	font-size:36px;
}

#specialisten{
	margin-top:30px;
}

#mensen-page #nav-subpage a, #diensten-page #nav-subpage a, #portfolio-page #nav-subpage a{	
	width:280px;
	/*height:60px;*/
	text-decoration:none;
	color:#000;
}

#mensen-page #nav-subpage .active a, #diensten-page #nav-subpage .active a, #portfolio-page #nav-subpage .active a{	
	color:#fff;
}

#mensen-page #nav-subpage a:hover, #diensten-page #nav-subpage a:hover, #portfolio-page #nav-subpage a:hover{
	color:#FFFFFF;
}	

#dienstcontact{
	background-color:#F0F7E1;
	padding:5px;
}

.dienstcontact{
	padding-right:20px;
	float:left;
}

/* ----- Footer ----- */
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}

#footer input{
	font-size:10px;
	padding:2px;
	margin:2px;
	width:240px;
	border:0;
}

#footer .submit{
	background-color: #333;
	border:0;
	width:100px;
	color:#99cc33;
}

.functie{
	font-size:16px;
}

/* ----- misc ----- */
a{
	color:#333;
}

h1{
	font-size:20px;
	margin-bottom:20px;
	margin-top:10px;
}

h1 span{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99CC33;	
}

img{
	border:none;
}

p{
	margin-bottom:20px;
	line-height:18px;
}

.green{
	color:#99cc33;
}

.clear{
	clear:both;
}

#movers-row li .last{
	border-bottom:none;
}

/* ----- slider ----- 
.slider1
{
	width: 15px;
	height: 423px;
	background-color: #EAEAEA;
	position: absolute;
}
.indicator
{
	width: 15px;
	height: 16px;
	background-color: #99CC33;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	cursor:pointer;
	background-image:url(../images/scroll-arrows.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.slider-container
{
	width: 295px;
	height: 423px;
	/*padding: 10px;
	border: 1px solid #900;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
#mensen-page .slider-container
{
	height: 527px;
}
#mensen-page .slider1
{
	height: 527px;
}*/
#mensen-page #nav-subpage{
	height:530px;
}

.slider-content
{
	position: absolute;
}

/* ----- newsletter form ----- */
#contact_form					{}
form fieldset					{ 
												border:0;display:block; }
form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
												font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
												margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
label.error           { font-weight:normal;color:red;text-align:left; }
input.text-input			{ color:#333; }
input.text-input:focus{
}
label#name_label      {  }
input#name            {  }
label#name_error      {  }

label#email_label     {  }
input#email           {  }
label#email_error      {  }

input.button					{ 
                        color:#99cc33;
						background-color:#333333; 
												/*background:#CCC; -moz-border-radius:5px;*/ }

input.button:hover		{}
#message							{ }
#message h2						{ font-size:150%;color:white; }
#message p						{ color:white;font-weight:bold;}
#checkmark						{ position:relative;top:-46px;left:-60px;}


/* ----- decomon ----- */

#nieuws-page #nav-subpage{
	width:300px;
	float:left;
}
#nieuws-page #nav-subpage h3{
	font-size:13px;
	margin-bottom:10px;
	clear:both;
}
#nieuws-page #nav-subpage h3 span{
	border-bottom:2px solid #99CC33;
}
#nieuws-page #nav-subpage ul li{
	list-style-image:url(../images/li.jpg);
	/*margin-left:10px;*/
}

#nieuws-page #nav-subpage .active, #nieuws-page  #nav-subpage ul li:hover{
	background-color:#fff;
	color:#333;
}

#nieuws-page #text-subpage{
	float:left;
	width:619px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #EAEAEA;
	padding-left:10px;
	margin-left:10px;
}

#nieuws-page #text-subpage h2{
	margin:10px 0 5px 0;
}

#nieuws-page #text-subpage .opsomming{
	float:right;
	width:300px;
	display:block;
	font-size:11px;
	margin-left:5px;
}

#nieuws-page #text-subpage ol li{
	margin-left:20px;
}

#nieuws-page #text-subpage .boven{
	text-align:right;
}

#customer-media-page h2, #over-ons-page h2, #jobs-page h2, #contact-page h2, #communiceren-page h2, #ftp-page h2, #adverteren-page #right h2{
	font-size:18px;
	/*margin-left:300px;*/
	line-height:24px;
	margin-bottom:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99CC33;
}

#customer-media-page #text, #over-ons-page #text, #communiceren-page #text, #ftp-page #text{
	float:left;
	margin-left:300px;
}

/* ----- News page ----- */
#news-page .nieuwsbericht .date{
	display:block;
	width:290px;
	float:left;
	font-size:14px;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
}

#news-page .nieuwsbericht h2{
	font-size:18px;
	margin-left:300px;
	line-height:24px;
	margin-bottom:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99CC33;
}

#news-page .nieuwsbericht .text{
	float:left;
	margin-left:300px;
	margin-bottom:40px;
}

#news-page .nieuwsbericht .readmore{
	display:block;
	width:100%;
	text-align:right;
}

#news-page .nieuwsbericht .text img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #999999;
}

#ie6waarschuwing{
	background-color: #FFCC99;
	border: 2px solid #FF0000;
	width: 940px;
	margin: 0 auto 10px auto;
	padding:5px;
}

.volgende{
	float:right;
}

.vorige{
	float:left;
}


#home .decom{
	background-color:#99cc33;
	color:#003366;
	padding:10px;
	font-size:16px;
	line-height:18px;
	width: 400px;;
	border: 3px solid #eaeaea;
	/*margin-left:300px;*/
	margin-top:20px;
	float:left;
	margin-left:30px;
}

#home .decom a{
	color:#003366;
	text-decoration:none;
	text-align:center;
	display:block;
}

#home .taalkeuze {
}

#home .tree{
		width:430px;
		float:left;
		padding-left:30px;
		margin-top:20px;
}

#home h2{
		font-size:12px;
}

#home h2 a{
}

#home h3{
		font-size:10px;
}

#home h3 a{
		color:#999999;
		text-decoration:none;
}

#home .col{
		width:200px;
		float:left;
		padding-left:13px;
}

#home .taalkeuze{
		width:430px;
		float:left;
		text-align:center;
		font-size: 16px;
		padding-top:20px;
}