body{
font:12px/18px Arial,Verdana,sans-serif;
text-align:center;
color: #333333;
background: url("../../layout/www.proit.be/background-pic.jpg") repeat-y center top;
}

#container{
text-align:left;
width:957px;
margin:0 auto;
}

#header{
height:261px;
width: 957px;
background: url("../../layout/www.proit.be/header-pic.jpg") no-repeat center top;
}

#wrap-right{
text-align: right;
float:right;
}

#logo{
float:left;
height:147px;
width: 240px;
margin-top:75px;
margin-left:45px;
margin-bottom:38px;
}

#logo a{
    width:240px;
    height:147px;
    display:block;
}

#language ul li{
float:left;
margin-top: 10px;
margin-right: 8px;
font:12px bold;
color: #1d95eb;
font-family:Arial, Verdana, sans-serif;
}

.nl #language li.nl a,
.fr #language li.fr a,
.en #language li.en a{
    text-decoration:underline;
}

.nl #language li.fr a,
.nl #language li.en a,
.fr #language li.nl a,
.fr #language li.en a,
.en #language li.nl a,
.en #language li.fr a{
    text-decoration:none;
}

#language {
margin-right: 31px;
float:right;
}

#navigation ul li{
float:left;
margin-top: 174px;
}

#navigation{
margin-right: 20px;
text-align: left;
padding-top: 44px;
font-family:Arial;
font-size: 14px;
}

#navigation ul li a{
color:#20518b;
margin-right:10px;
padding-left:20px;
background: url("../../layout/www.proit.be/slashes.png") no-repeat left;
text-transform:uppercase;
}

#navigation ul li.first a{
background:none;
}

#navigation ul li a:hover{
color:#44a6ed;
text-decoration: none

}

ul#list_381{
    float:right;
}

#content1{
float:left;
}

#content2{
float:right;
width:539px;	
margin-right: 60px;
margin-left: 30px;
margin-bottom:20px;
}

#content2 ul li{
background:url("../../layout/www.proit.be/bullet.png") no-repeat left ;
margin-right:10px;
padding-left:20px;

}

#wrap{
    padding-top:20px;
    min-height:100px;
    height:auto !important;
    height:100px;
}

#wrap-blocks{
width:947px;
float:left;
background-color:#daebf3;
padding:10px 0px 10px 10px;
}

#wrap-blocks #blue ul,
#wrap-blocks #orange ul{
    list-style-type:disc;
    padding-left:16px;
    margin:6px 0px;
}

#wrap-blocks #blue ul li ,
#wrap-blocks #orange ul li{
    padding:2px 0px;
}


#wrap-block{
width:947px;
float:left;
background-color:#daebf3;
padding:10px 0px 10px 10px;
}

#wrap-blocks a{
display:block;
min-height:160px;
width:286px;
float:left;
padding-bottom:10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

#blue a{
background: url("../../layout/www.proit.be/blue_block.jpg") no-repeat left bottom;
margin-right:0px;
}

#orange a{
background: url("../../layout/www.proit.be/orange_block.jpg") no-repeat center bottom ;
margin:0px 10px;

}

#green a{
background: url("../../layout/www.proit.be/green_block.jpg") no-repeat right bottom ;
}

#container #wrap-blocks #blue.left-block{
background:#fff;
float:left;
margin-right:0px;
width:289px;
padding:10px 8px 20px 8px;
min-height:286px;
height:auto !important;
height:286px;
}

#container #wrap-blocks #orange.right-block{
background: url("../../layout/www.proit.be/bigblock.jpg") no-repeat right bottom;
float:left;
margin-right:0px;
width:603px;
padding:10px 10px 20px 10px;
min-height:286px;
height:auto !important;
height:286px;
}

#footer{
text-align:center;
margin:0 auto;
width:957px;
min-height:50px;
clear:both;
font-size: 10px;
}
#footer p,
#footer a{

}
/* ELEMENTS
-----------*/
a:hover{
color:#20518b;
text-decoration:underline

}

a{
color:#44a6ed;
text-decoration:none;
}

p{
line-height:20px;
}

h1.page_title{
font-size:20px;
margin-left:24px;
}

h1{
font-size:20px;
}

h2{
font-size:18px;
}

h3{
font-size:16px;
font-weight:normal;
}

#content p,
#content ul,
#content ol{
margin:0 0 10px;
}

#content ul,
#content ol{
margin:0 0 10px;
padding-left:15px;
list-style:disc;
}

#content ol{
list-style:decimal;
}

#content h1,h2,h3,h4,h5,h6{
margin:0 0 10px;
}

/* PHOTOGALLERY
---------------*/
#content .module_photo ul{
margin:0;
padding:0;
list-style:none;
}

#module_photogallery{
list-style:none;
padding:0;
}

#module_photogallery li{
float:left;
margin:0 15px 30px;
height:154px;
width:154px;
text-align:center;
overflow:hidden;
}

#module_photogallery li a img{
border:2px solid #fff;
}

#module_photogallery li a:hover img{
border:2px solid #ccc;
}

/*FORMS
-------*/
input.submit{
color:#fff;
padding:3px 0;
width: 120px;
display:block;
margin:8px auto auto 162px;
font:bold 12px Arial,Verdana,sans-serif;
background-color:#325281;
border:1px solid #555;
cursor: pointer;
}

input.text,
textarea{
width:250px;
padding:3px 5px;
font:11px Arial,Verdana,sans-serif;
border:1px solid #325281;
}

input.text:hover,textarea:hover,select:hover{
    background-color:#eee;
}

table.layouttable{
width:430px;
}

table.layouttable td,
table.layouttable th{
padding:3px;
vertical-align:top;
}

table.layouttable th{
width:180px;
font-weight:normal;
text-align:left;
font-family:Arial,Verdana,sans-serif;
}

table.layouttable .row0 td,
table.layouttable .row0 th{
background:none;
}

table.layouttable tr.error th,
table.layouttable tr.error td{
background:#c00;
font-weight:bold;
color:#fff;
}

#disclaimer{
font-size:10px;
}
.error_message{
border:1px solid #c00;
background:#fdd;
padding:15px;
margin:10px 0;
color:#c00;
}

tr.error {
border:1px solid #c00;
background:#fdd;
}

#thanks{
padding:15px;
margin-bottom:30px;
background:#637331;
color:#fff;
}