/* reset */
    img {
        text-decoration: none;
    } 
    
    /* new */
    body{
        background-color: #FFFFFF;
        background-image: url('/files/layout/new/header-bg.jpg');
        background-repeat: repeat-x;
        font-family: arial, helvetica;
        font-size: 12px;
        color: #000000;
        margin-top:0px;
        text-align: left;
        padding: 0; margin: 0;
    }
    
    #total {
        background-image: url('/files/layout/new/background-footer.jpg');
        background-position: center bottom;
        background-repeat: repeat-x;
        width:100%;
        height: 100%;
        padding: 0 0 15px 0;
        margin 0;
    }
    
    p {
        margin: 12px 0 12px 0;
        line-height: 150%;
    }
    
    hr {
       color:#E0E0E0; /* FF */
       background-color:#E0E0E0; /* IE */
       height:1px;
       border:none;
    }
    
    a 
    {
        color:#005890;
        text-decoration: none;
    }
    
    a:hover
    {
        color: #005890;
        text-decoration: underline;
    }
    
    h1{
        font-family:  helvetica;
        font-size: 27px;
        font-weight:normal;
        color: #57378a;
        margin: 0px 0px 4px 0px;
        padding: 0 0 15px 0;
    }
    
    h2{
        font-family:  helvetica;
        font-size: 16px;
        font-weight:bold;
        color: #57378a;
        margin: 15px 0 15px 0;
    }
    
    h3{
        font-family:  helvetica;
        font-size: 13px;
        font-weight:bold;
        color: #27408B;
        margin: 10px 0 0 0;
    }
    
    hr {
        background-color: #f0edf5; 
        margin: 13px 0 7px 0; 
        
    }
    

    div.container{
        width: 940px;
        margin: 0 auto;
    }
    
    div#header{
        position: relative;
        background-image: url('/files/layout/new/header.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 132px;
        width: 940px;
    }
    
     #head-logo {
        position: relative;
        left: 0px;
        top: -17px;
        width: 225px;
        height: 78px;
    }
    
    #head-logo a {
       display:block;
       width: 100%;
       height:100%;
    }
    
    #head-contact {
        position: relative;
        left: 895px;
        top: 13px;
        width: 50px;
        height: 20px;
        
    }
    #head-contact a {
        width: 50px;
        height: 20px;
        display: block;
    }
    
    #head-home {
        position: relative;
        left: 845px;
        top: 33px;
        width: 45px;
        height: 20px;
        
    }
    #head-home a {
        width: 50px;
        height: 20px;
        display: block;
    }
    
    
    #call-to-action-contact {
       margin-top: 15px;
       padding: 65px 0 0 80px; 
       background-image: url('/files/layout/new/contact-block.jpg');
       background-repeat: no-repeat;
       width: 141px;
       height: 48px;
    }
    
    #call-to-action-tuinonderhoud {
    	margin: 3px 0;
    	display:block;
    	height: 145px; 
    	width: 221px;
    	background:url(/files/phpthumb/phpThumb.php?w=221&src=/files/cms/files/1238/name/1109372-aardoom-mailkaart-297-x-210_v2_pagina_1.jpg);
    }
    
    #call-to-action-brochure {
    	margin: 5px 0 3px 0;
    	color: #fff;
    	font-weight: bold;
    	padding: 120px 0 0 30px; 
    	text-decoration: none;
    	display:block;
    	height: 25px; 
    	width: 186px;
    	background: url(/files/phpthumb/phpThumb.php?w=221&q=95&src=/files/cms/files/1232/name/aardoom-2-luik-folder_v6-1-aak.jpg) no-repeat 4px 0;
    }
    
    #btn-contact{
        width: 135px;
        height:24px;
        display: block;
        padding: 6px 0 0 20px;
        background-image:url("/files/layout/new/button-contact.jpg");
        background-repeat: no-repeat;
        text-decoration: none;
    }
    
    #btn-contact:hover{
        background-position:0px -35px;
        font-weight: bold;
        
    }
    
    #top-menu {
        height: 50px;
    }

    #top-menu li a {
        display: block;
        width: 100%;
        height: 43px;
        color: #ffffff;
        font-weight: bolder;
        text-transform: uppercase;
        white-space: nowrap;
        padding: 11px 0 0 0 ;
    }
    
    #top-menu li a:hover {
        text-decoration: none;
    }
    
    #top-menu ul {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
    }
    
    #top-menu ul li {
        height: 43px;
        background-image: url('/files/layout/new/button-inactive.png'); 
        background-repeat:none;
        float: left;
        display: block;
        margin: 0;
        margin: 0 0 0 0 ;
        width: 134px;
        text-decoration: none;
        text-align: center;
    } 
    
    #top-menu ul li:hover, #top-menu .active  {
        background-image: url('/files/layout/new/button-active.png');  
    }
    
    #content-left {
        float:left;
        
    }
    
    .vertical-devider {
        margin-left: 30px;
        margin-right: 30px;
        float:left;

        width: 4px;
        height: 800px;
    }
    
    .horizontal-devider {
        float:left;
        background-image: url('/files/layout/new/horizontal-line.jpg');
        background-repeat: repeat-x;
        width: 100%;
        height: 4px;
    }    
    
    div#subpage {
        background-image: url("/files/layout/new/vertical-line.jpg");
        background-position: 780px center;
        background-repeat: repeat-y;
        overflow: auto;
        margin-bottom: 40px;
        margin-top: 17px;
    }
    
    #footer {
        clear: both;
        width: 940px;
        text-align: center;
        height: 75px;
        margin-top: 15px;
    }
    
     #footer ul {padding-left: 0px;}
    
    .footer-items {
        display: inline;
        text-align:center; 
        margin-left: 19px;
        padding-right: 1px;
        overflow: auto;
        font-size: 65px;
        line-height: 65px;
    }
    
    .footer-items a {
        padding: 0;
        margin: 0;
    }
    
    

    .footer-items-devider {
        border-right: 1px solid #E0E0E0;
    }
    
    #copyright {
        color: #888888;
    }
    
    div#menu{
        padding: 5px 10px 10px 10px;
        margin-top: 2px;
        background-color: #F0F7E5;
        width: 201px;
    }
    
        
    div#content{
        float: left;
        margin: 0px 0px 0px 20px;
        width: 490px;
        margin-right: 25px;
        min-height: 400px;
        padding-bottom: 20px;
        padding-right: 40px;
        
        color: #424242;
    }
    
    div#content a{
        color: #57378a;
        text-decoration: none;  
    }
    
    div#content a:hover{
        text-decoration: underline;
    }
    
    div#right{
        float: left;
        width: 140px;
        margin-top: 0px
    }
    
    div#content img {
       
        margin-right: 20px;
        margin-bottom: 15px;
    }
    
    div#content p{
        line-height: 20px;
    }
    
    div#content li{
        line-height: 20px;
    }
    
    
    a.menu {
        padding: 6px 0px 6px 0px;
        color:#00457D;
        text-align: left;
        display: block;
        text-decoration: none;
    }
   
    a.menu:hover{
        color:#7CAB24;
        display: block;
        text-decoration: none;
    }
    
    a.active {
        color:#7CAB24;
        display: block;
    }
    
    
    .menu{
        text-indent: 20px; 
        background-repeat: no-repeat;  
    }
    
    .menu-level1{ 
        margin-left: 0px;
        background-image: url('/files/layout/new/play-submenu.jpg');
        background-position: 0px 6px; 
        font-weight: bold; 
        border-top: 1px solid #dee9ca;       
    }
    
    #first-menu-level1{
        border-top: none;  
    }
    
    .menu-level2{        margin-left: 10px;    }
    .menu-level3{        margin-left: 20px;    }
    .menu-level4{        margin-left: 30px;    }
    .menu-level5{        margin-left: 40px;    }
    .menu-level6{        margin-left: 50px;    }
    
    .menu-level2, .menu-level3, .menu-level4, .menu-level5, .menu-level6 {
        background-position: 3px 10px;
        background-image: url('/files/layout/new/sub-inactive.jpg');
       
    }
    
    #menu .subactive {
        background-image: url('/files/layout/new/sub-active.jpg');
    } 
    
    
    
    
    
   



    
    /*  Old  */
    
    
    
    table{
    	font-family: arial, helvetica;
    	font-size: 12px;
    }

    input
    {
    	width: 270px;
    }
    textarea
    {
    	width: 580px;
    }
    textarea#contact
    {
    	width: 490px;
    }
   
    
    div#pdf_leftbox {	
    	width: 250px;
    	float: left;
    	height:	230px
    
    }
    
    div#pdf_leftbox_small {	
        width: 250px;
        float: left;
        height:	85px;
    }
    
    div#pdf_rightbox {
    	vertical-align:	top;
    	width: 250px;
    	float: right;
    	height: 230px;
    }
    div#pdf_rightbox_small {
    	vertical-align:	top;
    	width: 250px;
    	float: right;
    	height: 85px;
    }
    div.form_text {
    	width: 250px;
    	float: left;
    	font-weight: bold;
    }
    
    div.form_input {
    	width: 300px;
    	float: left;
    }
    
    input.input {
    	font-family: Arial,Verdana,Helvetica;
    	font-size: 12px;
    	border: 1px solid #000000;
    	width: 250px;
    }
    
    .textarea {
    	font-family: Arial,Verdana,Helvetica;
    	font-size: 12px;
    	border: 1px solid #000000;
    	width: 250px;
    	height: 150px;
    }
    
    input.button {
    	border: 1px solid #000000;
    	width: 200px;
    }
    
    input.applybutton {
    border: 1px solid #000000;
    width: 100px;
    margin-right: 5px;
    }
    
    div#project {
    	width: 100px;
    	margin: 10px 0px 10px 0px;
    }
    
    div#project_gallerij {
    width: 120px;
    margin: 10px 0px 10px 0px;
    }
    
    
    div#project_left {
    	float: left;
    	width: 275px;
    	height: 250px;
    }
    
    div#project_right {
    	float: left;
    	width: 300px;
    	height: 250px;
    }
    
    div#project_detail_pic {
    	width: 120px;
    	height: 250px;
    	float: left;
    	font-size: 11px;
    	margin: 5px;
    }
    
    div#project_detail_pic_nodescr {
    	width: 120px;
    	height: 150px;
    	float: left;
    	font-size: 11px;
    	margin: 5px;
    }
    
    .select {
    	border: 1px solid #000000;
    	width: 150px;
    }
    
    td.form_text {
    width: 150px;
    vertical-align: top;
    }
    
    td.form_check {
    width: 150px;
    vertical-align: top;
    text-align: right;
    }
    
   
    
    /* toevoegingen marlies */
    
    .bold			{font-weight: bold;}
    
    img.page-image	{float: left; margin: 0 5px 5px 0;}
    .clear			{clear: both;}
    a img			{border: 0px;}
    
    a.pdf-link		{background-image: url('/files/layout/pdf.gif'); background-repeat: no-repeat; padding: 3px 0 3px 22px;}
    
    .banner	{margin: 0 0 10px 10px;}
    .contest {margin-left: 3px;}
    
   


/* Abreadcrumbs */


	ul#breadcrumbs{
		margin: 0;
		padding: 0;
		overflow: auto;
        float: left; 
	}
	
	ul#breadcrumbs li{
		list-style: none;
		float: left;
        color: #888888;
        font-size: 10px;
	}
	
	ul#breadcrumbs li a{
		color: #846CA9;
		text-decoration: none;
	}
	
	ul#breadcrumbs li a.active{
		color: #4799da;
	}
	
	ul#breadcrumbs li a:hover{
		color: #000000;
		text-decoration: underline;
	}
	
	ul#breadcrumbs li span.divider{
		padding: 0 2px;
        color: #4799da;
	}
    
    #breadcrumb-wrapper {
        margin-top: 3px;
        overflow: auto;
    }
    

/* aform */

    form.aform {
        background-color: #F4F4F4;
        width: 450px;
        padding: 20px;
    }
    
	form.aform tbody.header td 		{padding-top: 10px; color: #005890; font-weight: bold; font-size: 12px; letter-spacing: 1px;}
	form.aform tbody.sub-header td 	{color: #000; text-transform: none; word-spacing: 1px; letter-spacing: 1px;}

	form.aform td.label{
	    font-size: 11px;
		padding-right: 5px;
		letter-spacing: 1px;
	}
	
	form.aform input,form.aform textarea 		{
		border: 1px solid #ccc; 
		height: 20px;
		padding: 4px 2px 0 3px;
		font-size: 1.0em; 
		width: 300px;
		font-family: Arial,Verdana, Helvetica, sans-serif;
	}
	
	form.aform select{
		border: 1px solid #ccc; 
		padding: 4px 2px 0px 3px;
		height: 30px;
		width: 305px;
	}
	form.aform input.small-text		{width: 75px;}
	form.aform textarea				{height:100px; font-family: Arial, Helvetica, sans-serif;}
	form.aform .feedback			{color: #FF0000;}
	
	form.aform input.input-checkbox{
		border: 0px;
		width: 20px;
		height: 20px;
		margin-left: -4px;
		padding: 0px;	
	}
	
	form.aform input.input-radio{
		width: 20px;
		border: 0px;
		margin-left: -2px;
		color: #000;
	}

	form.aform td {padding:3px 5px; color: #7a7a7a;}
	form.aform input[type="submit"]{
		border: 0px;
		height: 22px;
		width: 134px;
		color: #7a7a7a;
		font-size: 10px;
		padding: 0 0 3px 0;
		font-family: Verdana, Arial;
		cursor: pointer;		
	}
	
	form.aform .error {background-color: #ffffbb;}
	form.aform .hint{font-size: 11px; color: #999;}
	

/* downloads */



		
		.file-link{
			background-image: url('/files/layout/file.jpg');
			background-repeat: no-repeat;
			width: 51px;
			height: 49px;
		}
		
		.downloads{
			padding: 10px;
            border-bottom: 1px solid #CCCCCC;
		}

		
		.downloads .contents{
			width: 340px;
			min-height: 75px;	
			height: auto !important;
			height: 75px;		
			float: left;
			margin-right: 20px;
		}
		
		.downloads .file{
			float: left;
		}

		.downloads .image-link{
			background-color:#EEEEEE;
			height: 230px;
			width: 250px;
			padding: 5px;
		
		}

/* Forms */

/* default submit */
form.aform input[type="submit"]{
    background-image:url("/files/layout/new/button.jpg");
    background-repeat: no-repeat;
    border:0 none;
    cursor:pointer;
    height:34px;
    margin:10px 0 5px;
    width: 158px;
    text-decoration: none;
    color: #005890;
    font-family: arial,helvetica;
    font-size: 12px;
}



form.aform input:hover[type="submit"]{
    background-position:0px -42px;
     font-weight: bold;
}

form.aform label, form.aform .hint{
color: #424242;
}

form.aform tbody.header td {
    color: #57378a;
    font-size: 13px;
    letter-spacing:normal;
}






/* Highlights */

    
    .highlights {
        width: 100%;
        margin: 10px 10px 10px 0;
        clear: both;
        overflow: visible;
    }
    
    .highlights h3 {
        margin: 0px;
        padding: 0px;
        font-size: 14px;
    }
    
    .highlights p {
        color: #424242;
    }
    
    .highlights a {
    }
    
    .highlights .image {
        float:left;
        margin: 0 10px 10px 0;
        width: 100px;
        min-height: 100px;
    }




/* home */

    
    .home {
        margin: 10px 0 20px 0;
        overflow: auto;
        background-image: url('/files/layout/new/vertical-line.jpg');
        background-repeat: repeat-y;
        background-position: 635px;
        min-height: 600px;
    }
    
    .home #banner {
       padding: 205px 0 17px 593px; 
       background-image: url('/files/layout/new/home-banner.jpg');
       background-repeat: no-repeat;
       width: 347px;
       height: 100px;
       background-color: #ffffff;
       top:207px;
    }
    
    .home #btn-inspiration{
        width: 135px;
        height:24px;
        display: block;
        padding: 10px 0 0 25px;
        background-image:url("/files/layout/new/button.jpg");
        background-repeat: no-repeat;
        text-decoration: none;
        
    }
    
    .home #twitter-img{
        float:right; 
        margin-top: 10px;
        margin-right: 15px;
    }
    
    .home #btn-inspiration:hover{
        background-position:0px -42px;
        font-weight:bold;
    }
    
    .home #text-content {
        margin: 35px 0 0 600px;
        position: absolute;
        top: 210px;
        width: 320px;
        height: 161px;
        overflow: hidden;
    }
    
    .home #text-content H1{
        margin: 0;
        padding: 0px;
    }
    
    .home #text-content p {
        margin-top: 4px;
    }
    
    .home #left-content{
        float:left;
        width: 600px;
        min-height: 600px;
        margin-bottom: 30px;
        padding-right: 40px;
        margin-right: 30px;
    }
    
    .home #right-content{
        float:left;
        width: 260px;
        overflow:hidden;
        word-wrap: break-word;
    }
    
    .services {
        clear: both;
        background-image: url('/files/layout/new/services-bg.jpg');
        background-repeat: repeat-x;
        height: 313px;
        width: 100%;
        overflow: auto;
    }
    
    .services #service-container{
        margin: 0 auto;
        width: 940px;
    }
    
    .services .services-item {
        margin-top: 25px;
        width: 313px;
        height: 200px;
        float: left; 
        line-height: 150%; 
    }
    
    .services .services-item p {
        width: 257px;
    }
    
    .home h1 {
        color: #00457d;
        font-size: 22px;
    }
    
    .home h2, .services h2 {
        text-transform: uppercase; 
        color: #6b5196;
    }    
    .services h2 {
        background: url(/files/layout/new/list-submenu.png) no-repeat;
        background-position: 0 3px;
        padding-left: 20px;   
    }
    
    .home h2.header{
        text-indent: -9999px;
        background-repeat: no-repeat; 
    }
    
    .home h2#header-recent-news {
        background-image: url('/files/layout/new/header-recent-news.jpg');
    }
    
    .home h2#header-highlight {
        background-image: url('/files/layout/new/header-highlight.jpg');
    }
    
    .home h2#header-twitter {
        background-image: url('/files/layout/new/header-twitter.jpg');
    }
    
    .home .horizontal-devider{
        margin: 20px 0;
    }

/* magazines */



		.magazines-item{
			margin: 20px 0 40px 0;
		}
		
		.magazines-item .contents{
			float: left;
			width: 280px;
		}
		
		.magazines-item .image{
			float: left;
			width: 200px;
		}
		
		
		.magazines-items{
			margin: 20px 0 40px 0;
		}
		
		.magazines-items .image{
			width: 250px;
			height: 160px;
			background-color: #EEEEEE;
			float: left;
		}
		
		.magazines-items .contents{
			float: left;
			padding: 0 0 0 10px;
			width: 300px;
		}

/* news */

    .news-right{
        margin: 10px 0;
        width: 134px;
        font-size: 11px;
    }
    
    .news-item{
        margin: 20px 0 40px 0;
        float: left;
    }
    
    .news-item .contents{
        float: left;
        width: 350px;
    }
            
     .news-item .date {
        color:#535353;
        margin: 0px;
        font-size: 0.9em;
    }
    
    .news-items{
        margin: 20px 0 30px 0;
    }
    
    .news-items a{
        font-weight: bold;
    }
    
    .news-items h3{
        margin: 0 0 2px 0;
        color: #27408B;
        font-size: 14px;
    }
    
    .news-items .image{
        float: left;
        vertical-align: top;
        min-height: 86px;
        min-width: 180px;
    }
    
    .news-items .contents{
        float: left;
        padding: 0 0 0 20px;
        width: 285px;
        color: #424242;
        line-height: 150%;
    }
    
    .home .news-items .contents {
       width: 385px; 
    }
    
    .news-items .date {
        color:#535353;
        margin: 0px;
        font-size: 0.9em;
    }
        
        

/* products */



	.categorie a{
		border-bottom:1px dashed #EEEEEE;
		display:block;
		padding:5px 0;
		color: #005890;
	}

	.categorie a:hover{
		background-color:#C3E4F3;
		color:#BBD066;
		text-decoration:underline;		
	}
	
	.categorie a.active{
		font-weight:bold;
	}
	
	.categorie-img{
		float: left;
		margin-top: 12px;
	}
		
	.product-link{
		margin:0 22px 5px 0;
		float: left;	
	}
	
	
	.product-link img{
		border:8px solid #EEEEEE;
	}

    .brand {
        float: left;
        width: 140px;
        height: 140px;
        border: 1px solid #cccccc;
        padding: 10px 5px 5px 5px;;
        margin: 5px;
       
    }
    
    .brand a{
       display: block;
       text-align:center;  
       width: 100%;
       
    }
    
    .brand-img{
        height: 100px;
    }
    .brand-img img{
        margin: 0px!important;
    }
    
    .brand-img:hover {
        text-decoration: none;
    }


/* projects */


	.projects-right{
		margin: 10px 0;
		width: 132px;
        font-size: 11px;
	}
	
    #right h2 {
        font-size: 13px;
    }
    
	.projects{
		margin: 20px 0 80px 0px;
	}
	
	.projects .image{
		float: left;
		width: 210px;
		height: 160px;
		background-color: #EEEEEE;
	}
	
	.projects .description{
		float: left;
		width: 250px;
		margin-left: 20px;
	}
	
	.description h2{
		margin: 0;
		padding: 0;
		font-size: inherit;
	}

	
	.project_detail_pic	{
		width: 120px;
		height: 240px;
		float: left;
		font-size: 11px;
		margin: 5px;
	}

/* twitter */


    .twitter{
        color: #424242;
    }