@charset "UTF-8";
/* CSS Document */

/* COLOR INFO
#58585a = donkergrijs
#c7bfb4 = zandkleur achtergrond
#0b162f = donkerblauw
#0294f1 = lichtblauw
#ece7e1 = lichtgrijs
*/

html{
height: 100%;
}

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 85%; /* Resets 1em to 11px 1em equals 16px;*/ 
color: #2f2f30;
line-height: 1.6em;
margin: 0 0 0 0;
padding: 0;
background-color: #c7bfb4;
height: 100%;
}

hr{
border: none;
background-color: #ece7e1;
height: 2px;
}

ul{
padding-left: 20px;
margin-left: 0px;
}

p{
margin-top:0px;
padding-top:0px;
}

p.leading{
color: #0b162f;
}

a{
color: #224a71;
}

a:active{
outline: none;
}

a:hover{
color: #2f2f30;
}

h1{
font-weight: bold;
font-size: 1.4em;
color: #224a71;
padding: 0;
margin: 0;
}

h2{
font-size: 1.2em;
font-weight: bold;
color: #224a71;
padding: 0;
margin: 20px 0 10px 0;
}

h3{
font-weight: bold;
color: #0b162f;
font-size: 1.1em;
margin: 0;
padding: 0;
}

h4{
font-weight: bold;
color: #ffffff;
font-size: 1.0em;
margin: 0px;
padding: 0px;
line-height: 18px;
text-transform: uppercase;
}

/* HEADER */

#wrapper_header{
position: relative;
float: left;
display: inline;
overflow: hidden;
width: 100%;
height: 110px;
margin: 0 auto; /* to centre compliant browsers */ 
text-align: left; /* to reset text alignment to default */  
padding: 0;
background-image: url(/website/images/bg_wrapper_header.jpg);
}

#wrapper_header_center{
position: absolute;
left: 50%;
margin-left: -500px;
overflow: hidden;
padding: 0 5px 0 15px;
background-image: url(/website/images/bg_wrapper_header_center.jpg);
background-repeat: no-repeat;
width: 960px;
height: 110px;
z-index: 1;
}

#wrapper_header_right{
position: absolute;
left: 50%;
margin-right: 0;
width: 50%;
height: 110px;
background-image: url(/website/images/bg_wrapper_header_right.jpg);
z-index: 0;
overflow: hidden;
}

#headerbtn{
position: absolute;
left:0;
top: 10px;
width: 370px;
height: 90px;
}

#flags{
position: absolute;
top: 11px;
left: 882px;
width: 98px;
height: 14px;
}

.sidenav{
position: relative;
float: left;
width: 196px;
padding: 10px;
background-image: url(/website/images/dottedline_bottom.gif);
background-position: bottom;
background-repeat: repeat-x;
}

.sidenav ul{
margin: 0;
padding: 0 0 0 15px;
color: #0294f1;
list-style: square;
}

.sidenav p{
font-size: 1.0em;
line-height: 1.4em;

margin: 0;
}

.sidenav a{
text-decoration: none;
color: #0294f1;
}

.sidenav a:hover{
text-decoration: underline;
}

.sidenav_nobottom{
position: relative;
float: left;
width: 196px;
padding: 10px;
}

.sidenav_nobottom p{
font-size: 1.0em;
line-height: 1.4em;
padding: 0 0 10px 0;
margin: 0;
}

.sidenav_nobottom a{
text-decoration: none;
color: #0294f1;
}

.sidenav_nobottom a:hover{
text-decoration: underline;
}

.sidenav_offerte1{
position: relative;
float: left;
width: 216px;
padding: 0px;
background-color: #9fddff;
background-image: url(/website/images/dottedline_bottom.gif);
background-position: bottom;
background-repeat: repeat-x;
padding-bottom:5px;
}

.sidenav_offerte2{
padding: 10px;
background-color: #9fddff;
/*background-image: url(/website/images/bg_sidenav_offerte.jpg);
background-repeat: no-repeat;*/
}

/* ----------BOTTOM----------- */

#wrapper_bottom{
position: relative;
float: left;
display: inline;
width: 100%;
height: 34px;
border-top: 10px solid #ffffff;
border-bottom: 10px solid #ffffff;
background-color: #0b152e;
margin: 0;
padding: 0;

}

#wrapper_bottom_footnote{
position: relative;
float: left;
display: inline;
line-height: 34px;
width: 960px;
left: 50%;
margin-left: -490px;
padding: 0 10px;
margin-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 11px;
}

#wrapper_bottom_footnote a{
color: #ffffff;
text-decoration: none;
font-weight: normal;
}

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

#wrapper_bottom_footnote_left{
position: relative;
float: left;
 
text-align: left;
}

#wrapper_bottom_footnote_right{
position: relative;
float: right;
text-align: right;
}

.formlabels{
font-size: 11px;
}

.formtext{
width: 250px;
height: 16px;
line-height: 18px;
border: 1px solid #acabab;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #58585a;
}

.formtext2{
width: 100px;
height: 14px;
line-height: 16px;
border: 1px solid #acabab;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #58585a;
}

.formmemo{
width: 250px;
border: 1px solid #acabab;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #58585a;
}

.formbutton{
height: 18px;
line-height: 20px;
color: #ffffff;
background-color: #0294f1;
border: none;
font-size: 10px;
}

.formlist{
height: 18px;
border: 2px solid #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #58585a;
}

/* ----------HOMEPAGE----------- */

/* middle */
#wrapper_middle{
position: relative;
float: left;
display: inline;
width: 970px;
left: 50%;
margin-left: -505px;
padding: 0;
margin-bottom: 0px;
border-left: 10px solid #ffffff;
border-right: 10px solid #ffffff;
background-color: #ece7e1;
background-image: url(/website/images/bg_wrapper_middle.jpg);
background-repeat: no-repeat;
}

#wrapper_middle_left{
position: relative;
float: left;
width: 744px;
border-right: 10px solid #ffffff;
}

#wrapper_middle_left_content{
position: relative;
float: left;
width: 744px;
margin-top: 10px;
background-color: #0295f2;
}

#wrapper_middle_left_content a{
color: #ffffff;
}

#wrapper_middle_left_content_left{
position: relative;
float: left;
width: 220px;
padding: 10px 10px 0px 10px;
color: #ffffff;
}

#wrapper_middle_left_content_right{
position: relative;
float: left;
width: 492px;
padding-left: 10px;
background-color: #0295f2;
min-height: 390px;
height: auto !important; /* voor moderne Browser */
height: 390px; /*voor IE6 */
}

.visual_home_txt{
position: absolute;
overflow: hidden;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-align: center;
}

.visual_home_1{
top: 14px;
left: 210px;
width: 155px;
height: 90px;
font-size: 13px;
color: #0b162f;
line-height: 18px;
}

.visual_home_2{
width: 120px;
height: 65px;
font-size: 14px;
color: #caeafe;
line-height: 16px;
}

.visual_home_3{
width: 90px;
height: 35px;
font-size: 9px;
color: #27a5f3;
line-height: 12px;
}

.visual_home_4{
width: 60px;
height: 40px;
font-size: 6px;
color: #149cf2;
line-height: 9px;
}

#wrapper_middle_right{
position: relative;
float: left;
width: 216px;
padding: 0px;
}

/* wrapper_middle ACTION BLOCKS */

#actionblock_left{
position: relative;
float: left;
width: 230px;
height: 133px;
background-image: url(/website/images/actionblock_left_header.jpg);
background-repeat: no-repeat;
border-right: 8px solid #ffffff;
overflow: hidden;
padding: 3px 5px 5px 5px;
}

#actionblock_middle{
position: relative;
float: left;
width: 240px;
height: 141px;
background-image: url(/website/images/actionblock_middle_header.jpg);
background-repeat: no-repeat;
border-right: 8px solid #ffffff;
border-left: 8px solid #ffffff;
}

#actionblock_middle a{
text-decoration: none;
}

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

#actionblock_middle_col1{
position: relative;
float: left;
padding-top: 6px;
margin: 0;
width: 100px;
height: 100px;
}

#actionblock_middle_col2{
position: relative;
float: left;
padding: 10px 5px 5px 5px;
width: 130px;
height: 90px;
line-height: 16px;
font-size: 11px;
}

#actionblock_right{
position: relative;
float: left;
width: 232px;
height: 141px;
overflow: hidden;
padding: 0;
border-left: 7px solid #ffffff;
}

#actionblock_right ul{
margin: 0px;
padding: 0px;
line-height: 30px;
}

#actionblock_right li{
list-style-type: none;
height: 21px;
padding-top: 10px;
line-height: 21px;
padding-left: 32px;
margin-bottom: 6px;
*margin-bottom: 3px;
_margin-bottom: 3px;
color: #ffffff;
font-size: 12px;
}

#actionblock_right li a{
display: block;
color: #ffffff;
text-decoration: none;
}

#actionblock_right li a:hover{
color: #0294f1;
}

.actionblock_header{
font: Arial, Helvetica, sans-serif;
font-size: 15px;
height: 35px;
line-height: 35px;
font-weight: bold;
color: #ffffff;
margin: 0 0 0 50px;
padding: 0;
background-color: #ff000;
overflow: hidden;
}

/* ----------FOLLOWPAGES----------- */

/* navigation */

#wrapper_navigation{
position: relative;
float: left;
display: inline;
overflow: hidden;
width: 100%;
height: 95px;
margin: 0 auto; /* to centre compliant browsers */ 
text-align: left; /* to reset text alignment to default */  
padding: 0;
background-color: #038de8;
}

#wrapper_navigation_center{
position: absolute;
left: 50%;
margin-left: -600px;
overflow: hidden;
padding: 0 110px 0 110px;
background-image: url(/website/images/bg_wrapper_navigation_center.jpg);
background-repeat: no-repeat;
width: 980px;
height: 95px;
z-index: 1;
}

#wrapper_navigation_buttons{
position: relative;
float: left;
width: 890px;
padding-left: 90px;
height: 85px;
}

#wrapper_navigation_buttons p{
padding: 0;
margin: 0 0 0 35px;
line-height: 13px;
}

/* navigation buttons */

.button_layer{
position: relative;
float: left;
width: 177px;
height: 85px;
z-index: auto;
}

a.button_layer:hover{
opacity: 0.3;
filter:alpha(opacity=30);
background-color: #ffffff;
}

a.SELECTED{
opacity: 0.3;
filter:alpha(opacity=30);
background-color: #ffffff;
}

.button_header{
font-weight: bold;
font-size: 14px;
color: #ffffff;
}

.button_txt{
font-size: 11px;
color: #ffffff;
}

.button{
position: absolute;
top: 5px;
width: 168px;
padding-right: 5px;
height: 80px;
z-index: -1;
}

#button_home{
left: 100px;
background-image: url(/website/images/icon_home_volg.gif);
background-repeat: no-repeat;
}

#button_vertalingen{
left: 277px;
background-image: url(/website/images/icon_technischevertalingen_volg.gif);
background-repeat: no-repeat;
}

#button_projecten{
left: 454px;
background-image: url(/website/images/icon_vertaalprojecten_volg.gif);
background-repeat: no-repeat;
}

#button_besparen{
left: 631px;
background-image: url(/website/images/icon_kostenbesparen_volg.gif);
background-repeat: no-repeat;
}

#button_bronformaten{
left: 808px;
background-image: url(/website/images/icon_bronformaten_volg.gif);
background-repeat: no-repeat;
}

#wrapper_navigation_right{
position: absolute;
left: 50%;
margin-right: 0;
width: 50%;
height: 95px;
background-image: url(/website/images/bg_wrapper_navigation_right.jpg);
z-index: 0;
overflow: hidden;
}

/* middle */

#wrapper_middle_volg{
position: relative;
float: left;
width: 100%;
background-image: url(/website/images/backblue.gif);
background-position: center;
background-repeat: repeat-y;
}

#wrapper_middle_content{
position: relative;
float: left;
display: inline;
width: 1000px;
left: 50%;
margin-left: -500px;
padding: 0;
margin-bottom: 0px;
}

#wrapper_middle_content_col1{
position: relative;
float: left;
width: 251px;
min-height: 440px;
height: auto !important; /* voor moderne Browser */
height: 440px; /*voor IE6 */
background-image: url(/website/images/visual_volg.jpg);
background-repeat: no-repeat;
margin-left:-101px;
padding-right:101px;
}

.visual_volg_txt{
position: absolute;
overflow: hidden;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-align: center;
width: 175px;
height: 113px;
top: 27px;
left: 120px;
font-size: 12px;
color: #0b162f;
line-height: 18px;
}

#wrapper_middle_content_col2{
position: relative;
float: left;
width: 716px;
border-right: 10px solid #ffffff;
border-left: 10px solid #ffffff;
background-image: url(/website/images/bg_wrapper_middle_content.jpg);
}

#wrapper_middle_content_col2_1{
position: relative;
float: left;
width: 470px;
min-height: 440px;
height: auto !important; /* voor moderne Browser */
height: 440px; /*voor IE6 */
margin-right: 10px;
background-image: url(/website/images/bg_wrapper_middle_content_col2.jpg);
background-repeat: no-repeat;
padding: 10px;
}

#wrapper_middle_content_col2_2{
position: relative;
float: left;
width: 216px;
min-height: 440px;
height: auto !important; /* voor moderne Browser */
height: 440px; /*voor IE6 */
padding: 0;
background-color: #ece7e1;
background-image: url(/website/images/bg_wrapper_middle_content_col2_2.jpg);
background-repeat: no-repeat;
}


.tip{
width:198px;
font-family: Arial, Helvetica, sans-serif;
border-left: 1px solid #0b162f;
border-right: 1px solid #0b162f;
background-color: #ece7e1;
margin-left:-150px;
}

.tip-top{
height:4px;
width:198px;
border-top: 1px solid #0b162f;
border-left: 1px solid #0b162f;
border-right: 1px solid #0b162f;
background-color: #ece7e1;
margin-left:-150px;
}

.tip-title{
color: #0b162f;
font-weight:bold;
margin: 0 0 0 10px;
}

.tip-text{
font-family: Arial, Helvetica, sans-serif;
color:#2f2f30;
padding:10px 10px 20px 10px;
font-size: 1.0em;
}

.tip-bottom{
width:198px;
height:4px; 
border-bottom: 1px solid #0b162f;
border-left: 1px solid #0b162f;
border-right: 1px solid #0b162f;
background-color: #ece7e1;
margin-left:-150px;
}