/*
KLEUREN
donkerblauw: #002655
standaardblauw: #00a8e0
lichtblauw: #98d2e5
geel: #e0a800
*/

* { behavior: url(/js/iepngfix.htc) }

body { 
font-family: Arial, Helvetica, sans-serif;
background: #014e9c url(/images/bg-blue.jpg) repeat-x 0 -250px;
text-align:center;
font-size: 75%;
line-height: 95%;
color: #1F1F1F;
}

a, a:visited
{
color: #006f94;
text-decoration: underline;
}

a:hover
{
color: #006f94;
text-decoration: none;
}

#header-wrap
{ 
background: transparent url(/images/bg-top.jpg) no-repeat center top;
height: 175px;
}

#header, #content, #solutions
{ 
text-align: left;
width: 96%;
max-width:1150px;
margin: 0 auto;
clear:both;
}

#main, #homeES, #homeNS
{
width: 45%;
min-width:380px;
background-color: #fefefe;
padding: 20px;
float: left;
}

#homeES, #homeNS
{
margin-bottom: 0px;
margin-top: 10px;
width: 100%;
position:relative;
padding: 0;
min-height:22.5em; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #homeES, * html #homeNS {
height: 22.5em;
}
/**/


#main
{
border-color: #002655;
border-style: solid;
border-width: 1px;
margin-left: 0px;
min-height: 42em;
height: auto;
padding: 0;
margin-bottom: 70px;
width:50%;
}
/* for Internet Explorer */
/*\*/
* html #main {
height: 42em;
}
/**/

#main p a
{
font-weight:bold;
}

.partners{
clear:both; padding-top:10px; margin-top: 5px;overflow:hidden; height:80px; width:94%;
position:absolute; bottom:0;
}
div.partners img{
margin-right:5px;
}

#footer-wrap
{ 
background: #004e9b url(/images/bg-bottom.jpg) repeat-x top;
min-height: 170px;
height:100%;
clear: both;
margin-top: 70px;
}

#footer
{ 
text-align: left;
width: 96%;
max-width:1150px;
margin: 0 auto;
padding-top: 30px;
padding-left: 30px;
}

#logo
{
width: 121px;
margin: 35px 5px 0 20px;
float: left;
}
 
#logo a 
{
text-indent: -999em;
height: 121px;
display: block;
background: url(/images/svc-logo.jpg) no-repeat left bottom;
}

#slogan
{
width: 176px;
height: 38px;
margin: 45px 0 0 8px;
float: left;
text-indent: -999em;
display: block;
background: url(/images/svc-slogan.png) no-repeat left bottom;
}

/* Lists */

.language
{
float: right;
padding-right: 5px;
position: relative;
top: 10px;
}

.nav
{
clear: both;
position: relative;
text-align:left;
top: -20px;
left: 160px;
width: 80%;
}

.language li, .nav li
{
display: inline;
list-style-type: none;
padding-left: 4px;
}

.language li a
{
color: #e0a800;
padding-right: 8px;
border-right: 1px solid #fefefe;
font-size: 80%;
text-decoration: none;
}

.nav li a
{
color: #98d2e5;
padding-right: 8px;
border-right: 1px solid #002655;
text-decoration: none;
}

#searchform
{
float: right;
position: relative;
top: 20px;
}

.sol
{
float: left;
width: 49%;
background-image: url(/images/bg-menu.jpg);
}

#solutions .sol
{
border-color: #002655;
border-style: solid;
border-width: 1px;
}

.sol h4
{
text-transform: uppercase;
color: #002655;
font-weight: bold;
margin-top: 10px;
margin-bottom: 0;
font-size:120%;
padding:0 20px;
}

ul.subsol
{
padding:0 20px;
}

#main ul.subsol
{
height:27px;
margin-bottom:0px;
}

.subsol li
{
display: inline;
list-style-type: none;
padding-right: 2px;
}

#main .subsol li
{
margin-left:0;
height:27px;
}

.subsol li a, #main .subsol li a
{
color: #006f94;
padding-right: 6px;
border-right: 1px solid white;
text-decoration: none;
}

.nav li.last a, .sol li.last a, .subsol li.last a
{
border-right: none;
}

.other li, #main li
{
list-style-type: square;
margin-left: 20px;
}

#main ol li
{
list-style-type: decimal;
margin-left: 40px;
margin-bottom: 15px;
}

#main ul
{
margin-bottom: 15px;
}

#main p + ul
{
margin-top: -15px;
}

.other a, #main li a
{
color: #1F1F1F;
}

#homeES .other a, #homeNS .other a
{
text-decoration:none;
}

#homeES .other a:hover, #homeNS .other a:hover
{
text-decoration:underline;
}

.half
{
float:left;
width: 50%;
margin-bottom: 10px;
}

.second
{
float:left;
display: block;
}

#main .half
{
float:left;
width: 40%;
margin-bottom: 10px;
}

h1
{
font-size: 170%;
color: #002655;
padding-bottom: 10px;
font-weight:normal;
line-height:110%;
}

h1 strong
{
line-height:100%;
}

h1#ES {
padding: 100px 0 0 0;
overflow: hidden;
background-image: url(/images/es-slogan.gif);
background-repeat: no-repeat;
height: 0px !important;
height /**/:100px;
}

h1#NS {
padding: 73px 0 0 0;
overflow: hidden;
background-image: url(/images/ns-slogan.gif);
background-repeat: no-repeat;
height: 0px !important;
height /**/:73px;
}

h2
{
font-size: 130%;
font-weight: bold;
margin-top: 1.75em;
margin-bottom: 0.5em;
}

h3, legend
{
text-transform: uppercase;
font-weight: bold;
color: #00a8e0;
margin-top: 30px;
margin-bottom: 15px;
margin-left:0px;
padding: 0;
border-top: 1px solid #00a8e0;
}

#main h3, #main legend
{
margin-left:20px;
margin-right:20px;
}

#main legend
{
margin-bottom:2em;
}

#main h1, #main h2, #main ul
{
padding-left: 20px;
padding-right: 20px;
}

#main h1
{
margin-top:20px;
}

#main img
{
float: right;
padding: 1px;
border: solid 10px #EAF6FA;
margin: -5px 0 5px 10px;
background: #98d2e5;
}

#main img.artikel
{
float: none;
margin: 5px 0;
}

#main p
{
margin-bottom: 15px;
padding: 0 20px;
}

#main em
{
font-style: italic;
}

.side
{
float: left;
width: 22%;
min-width:200px;
margin: 0 0 10px 15px;
}

.side h3, .homesides h3
{
color: #e0a800; 
font-size: 110%;
font-weight: bold;
border-top: none;
margin-top: 0px;
padding-bottom:0;
padding-left:5px;
margin-bottom: 5px;
}

.side ul+h3, .homesides ul+h3
{
margin-top: 15px;
}

.side h4
{
text-transform: uppercase;
color: #98d2e5;
font-weight: bold;
margin-top: 5px;
margin-bottom: 0;
padding:0 5px;
}

.sol-selection
{
height:70px;
color: #00a8e0;
}

.sol-selection h2
{
margin:0 0 5px 0;
font-size: 140%;
}

.sol-selection h2 a
{
text-transform: uppercase;
color: #00a8e0;
margin: 0;
padding:0 5px;
background-color:#002655;
border-bottom:0;
font-size:80%;
}

.sol-selection h2 a:hover
{
color:#fefefe;
border:none;
background-color:#00a8e0;
}

.side ul, .homesides ul
{
list-style: none;
margin-left: 34px;
padding-left: 0;
}

.leftside ul
{
margin-left: 0px;
}

.side a, .homesides a
{
color: #fefefe;
text-decoration: none;
border-bottom: 1px solid #00a8e0;
padding: 1px 5px;
display: block;
}

.side a:hover, .homesides a:hover
{
background-color:#002655;
border-bottom: 1px solid #fefefe;
}

.side h4 a
{
display: block;
text-decoration:none;
border-bottom: none;
text-transform: uppercase;
color: #98d2e5;
font-weight: bold;
margin:0;
padding:0;
}

.side h4 a:hover
{
color: #e0a800;
background-color:transparent;
border:none;
}

#home
{
height:70px;
}

#home a
{
color: #00a8e0;
text-decoration: none;
border-bottom: none;
padding: 3px 5px;
display: inline;
}

#home a:hover
{
background-image: url(/images/bg-menu.jpg);
border-bottom: none;
text-decoration: underline;
}

#events img
{
float: left;
margin: 0 10px 0 0;
padding: 1px;
border: solid 1px #002655;
clear: both;
}

#events li
{
line-height: 80%;
margin-bottom: 1px;
clear: both;
}

ul#events, #events a
{
border: none;
min-height:66px;
}

#events strong
{
margin-top: 5px;
font-weight: bold;
}

#events em, .side em, .homesides em
{
display: block;
color: #00a8e0;
font-style:normal;
}

#events em a:hover
{
text-decoration: none;
}

#varia
{
float: right;
width: 46%;
}

#contact, #contact a, #varia p a
{
color: #00a8e0;
text-decoration: none;
}

#contact strong
{
color: #fefefe;
font-weight: bold;
}

.clear
{
clear: both;
}

.language li a:hover, .nav li a:hover, #contact a:hover, #varia p a:hover, .sol li a:hover, #main .subsol li a:hover
{
text-decoration: underline
}

strong
{
font-weight: bold;
}

p#datum {text-transform: uppercase; font-size: 80%; margin-top: 60px; margin-bottom: 0px; color: #00a8e0; clear: both; padding: 5px 0;
border-top: 1px solid #98d2e5;}
p#datum a {color: #98d2e5;}

p#breadcrumb {text-transform: uppercase; font-size: 80%; margin:10px 0 40px 0;}


form.zemContactForm
{
margin: 25px 0;
}

legend
{
font-weight: bold;
padding-top: 5px;
margin:0px;
border-top: none;
}

#main .zemContactForm label
{
margin-left:0px;
display:block;
}

#questionnaire .zemContactForm label.zemRadio, #questionnaire .zemContactForm label.zemCheckbox {
display:inline;
margin-bottom:5px; }

#questionnaire label.taak1, #questionnaire label.taak1_perc,
#questionnaire label.taak2, #questionnaire label.taak2_perc,
#questionnaire label.taak3, #questionnaire label.taak3_perc,
#questionnaire label.taak4, #questionnaire label.taak4_perc,
#questionnaire label.taak5, #questionnaire label.taak5_perc,
#questionnaire label.hand1_2D, #questionnaire label.hand1_3D,
#questionnaire label.hand2_2D, #questionnaire label.hand2_3D,
#questionnaire label.hand3_2D, #questionnaire label.hand3_3D,
#questionnaire label.hand4_2D, #questionnaire label.hand4_3D,
#questionnaire label.hand5_2D, #questionnaire label.hand5_3D,
#questionnaire label.onderwerp1, #questionnaire label.onderwerp1_check,
#questionnaire label.onderwerp2, #questionnaire label.onderwerp2_check,
#questionnaire label.onderwerp3, #questionnaire label.onderwerp3_check {
display:none; }

label.zemRadio
{
margin:0;
float:none;
margin-right:25px;
}

label.kort, label.lang
{
width:20em;
}

input.zemRadio
{
clear:both;
margin:0;
}

#questionnaire input.zemRadio {
margin-right:5px;
}

.side .zemContactForm label, .side .zemContactForm p
{
color:#fefefe;
}

.zemContactForm input, .zemContactForm select
{
margin-bottom:5px; margin-left:0px; padding-left:0px;
}

.zemThanks
{
background:#e0a800;
padding: 10px;
}

input.zemRequirederrorElement, textarea.zemRequirederrorElement
{
background:#e0a800;
}

input.zemSubmit
{
clear:both;
margin: 20px 0;
}

#main ul.zemError, .side ul.zemError
{
background:#e0a800;
padding: 10px;
margin-top:0px;
}

#main form
{
margin-left:20px;
margin-right:20px;
padding: 20px 20px 5px;
background: #D9f2F9;
}

.homesides
{
float:left;
width:49%;
margin-bottom:60px;
}

.wide
{
width:100%;
}

.right
{
float:right;
}
.left, #main img.left
{
float:left;
margin:-5px 5px 5px 0;
}

#main h1.section
{
background: #002655 url(/images/h1/var1.jpg) no-repeat right top;
color: #98d2e5;
padding:80px 10px 20px 20px;
margin-bottom:20px;
margin-top:0px;
}

#main h1.nieuws
{
background: url(/images/h1/var4.jpg) no-repeat right top;
}

#main h1.over-savaco
{
background: url(/images/h1/var4.jpg) no-repeat left bottom;
}

#main h1.vacatures
{
background: url(/images/h1/var4.jpg) no-repeat left center;
}

#main h1.contact
{
background: url(/images/h1/var4.jpg) no-repeat right bottom;
}

#main h1.support
{
background: url(/images/h1/var4.jpg) no-repeat center center;
}

#main h1.networking
{
background: url(/images/h1/var2.jpg) no-repeat left top;
}

.screenreader
{
display:none;
}

#main td{padding-right:10px; padding-top:3px; padding-bottom: 3px}
#main tr{border-top:1px solid #98d2e5}
#main tbody{border-bottom:1px solid #98d2e5}
#main tbody .spreker{font-style:italic; margin-left:20px;}
#main td.titeltje {color:#00a8e0; text-transform:uppercase}
#main td.id {color:#00a8e0; text-transform:uppercase; font-size:80%}

code {font-family:Courier, "Courier New"; font-weight:bold;}
table {margin-bottom:1em; width:100%;}

#main a[href^="http:"]
{
background-color: #e0f2f8;
}
#main a[href^="http://www2.savaco.be"], #main a[href^="http://www.savaco.be"], #main a[href^="http://www.savaco.com"]
{
background-color: transparent;
}

li.selected a
{
font-weight: bold; color:white;
}

#main h2 a
{
text-decoration:none
}

#main h2 a:hover
{
border-bottom:solid 1px #98D2E5
}

#helpdeskenquete {background-color:#D9f2F9}
#helpdeskenquete .zemContactForm label {display:none}