/* style sheet for SIGGIS web site version 1.0*/

html{color:#000;background:#FFF;}

body{margin:0;padding:0;font-family:calibri,verdana,arial,helvetia,clean,sans-serif;font-size:0.8em;}

p{margin:0 0 10px 0;padding:0;}

.imglink {
margin: 1px;
}

img {margin: 1px 0px 10px 1px;}

.contact img {margin: 5px 0px 5px 0px;}

.leftalign img{margin: 0px 0px 0px 0px;}

#member img {margin: 0px 0px 0px 0px;}

.topline img {margin: 0px 0px 0px 0px;}

.floatLeft img{ float: left; margin: 5px; }

.floatRight img{ float: right; margin: 5px; }

.AccordionContent li {margin:0 0 5px 0;padding:0;height:200px;}

.customcontent p{
width: 50px;
}

a{
text-decoration:none;
cursor:pointer;}

#company {
width: 10.6em;
margin:0 0 20px 0;
font-weight:lighter;
font-size:22px; 
padding: 46px 10px 15px 10px ;
color: #FFF;
text-transform: uppercase;}
}

#company  a:link {
text-decoration:none;
cursor:pointer;
color:white;}

#company a:visited {
text-decoration:none;
cursor:pointer;
color:white;}

#company a:hover {
text-decoration:none;
cursor:pointer;
color:white;}

#company_staff {
width: 13.2em;
margin:0 0 20px 0;
font-weight:lighter;
font-size:22px; 
padding: 46px 10px 15px 10px ;
color: #FFF;
text-transform: uppercase;
}

#company_staff  a:link {
text-decoration:none;
cursor:pointer;
color:white;}

#company_staff a:visited {
text-decoration:none;
cursor:pointer;
color:white;}

#company_staff a:hover {
text-decoration:none;
cursor:pointer;
color:white;}

.column1header a:link {
text-decoration:none;
cursor:pointer;
color:rgb(18,112,56);}

.column1header a:visited {
text-decoration:none;
cursor:pointer;
color:rgb(18,112,56);}

.column1header a:hover {
text-decoration:none;
cursor:pointer;
color:rgb(18,112,56);}

.column2header a:link {
text-decoration:none;
cursor:pointer;
color:rgb(20,110,88);}

.column2header a:visited {
text-decoration:none;
cursor:pointer;
color:rgb(20,110,88);}

.column2header a:hover {
text-decoration:none;
cursor:pointer;
color:rgb(20,110,88);}

.column3header a:link {
text-decoration:none;
cursor:pointer;
color:rgb(34,196,127);}

.column3header a:visited {
text-decoration:none;
cursor:pointer;
color:rgb(34,196,127);}

.column3header a:hover {
text-decoration:none;
cursor:pointer;
color:rgb(34,196,127);}

.column4header a:link {
text-decoration:none;
cursor:pointer;
color:rgb(26,107,135);}

.column4header a:visited {
text-decoration:none;
cursor:pointer;
color:rgb(26,107,135);}

.column4header a:hover {
text-decoration:none;
cursor:pointer;
color:rgb(26,107,135);}

.login a{
text-decoration:none;
cursor:pointer;
float:left;
}

address{font-style:normal;padding: 0 0 0 5px;}

address a{font-weight:bold;}

#browsers a{font-weight:bold;}
   
.content {
margin:auto; /*centreren over het scherm */
margin-top:16px; /*marge bovenaan*/
min-width:750px;}/*nodig?*/

#widthcolumn1{width:208px;margin: 20px 0 0 0;}

#widthcolumn2{width:208px;margin: 20px 0 0 0;}

#widthcolumn3{width:208px;margin: 20px 0 0 0;}

#widthlastcolumn{width:204px;margin: 20px 0 0 0;}

#widthanimation{width:142px;margin: 20px 0 0 0;}

#width750{width:750px;}

#width950{width:951px;}   

#width974{width:974px;}

#widthfull{
margin:10px;
width:auto;}

#languages {
font-size:85%;
text-align:right;
margin: 2px 0 0 0;
}

#header {	
height:81px;
width:974px;
margin:0 0 7px 0;
}

#mainmenu {
vertical-align:bottom;
text-align:right;
height:20px;
margin:0;
}

#mainmenu ul {
display:inline;
list-style:none;
margin:0;
font-family:calibri,verdana,arial,helvetia,clean,sans-serif;
font-size:0.52em;
list-style:none;
color:#8C9298;
float:right;
margin:0px;
}
	
#mainmenu ul li {
float:left;
padding: 0 16px 0 16px;
border-left: 1px dotted #8C9298;
} 
	
#mainmenu ul li:first-child { /*eerste element van menu hoeft links geen border*/
border: 0;
color:#fff;
}

#mainmenu ul li a {
font-size:12px;
color:#ccc;
text-decoration:none;
cursor:pointer;
}

.headerleft {
text-align:middle;
float:left;
height:65px;
width: 100px;
margin:0;
}

.headerleft img{
margin:6px 15px;
}
	
.headerright {
font-size:2em;
font-family:calibri,verdana,arial,helvetia,clean,sans-serif;
font-variant: small-caps;
float:right;
height:30px;
width: 800px;
padding-top:10px;
}	

.link a{
color:#6E7375;
text-decoration:none;}	

.link a:hover{
color:#11475A;}

#title {
margin:0;
height:60px;
width:100%; /*nodig voor Opera, anders menu(right) niet verder dan laatse letter*/
font-size:2em;
font-family:calibri,verdana,arial,helvetia,clean,sans-serif;
font-variant: small-caps;
margin: 6px 0px 0px 0px;} /*tekst en logo niet vlak tegen bovenkant*/

#title h1 {
float: left;
width: 90px;
height: 50px;
margin: 0 25px 0 15px;
background: url(../images/siggis.gif) top left no-repeat;
text-indent: -9999px;
display: inline;}

#title h1 a {outline: 0;display: block;width: 90px;height: 50px;cursor:pointer;}

.function {height:50px;width:80px;font-size:10px;border-top: 1px dotted #000;margin-bottom:3px;}

.function p {height:50px;width:80px;}

/*voor login pagina's */
.wlpeLoginCount  p{background-color: #369;}

/*code for new Wayfinder-driven accordeon menu*/

#companymenu ul.menu li a{
background: rgb(18,112,56);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#companymenu ul.menu li a:hover{
background: rgb(81,227,140);
color: #fff;	
padding: 0.5em;
font-weight:bold;
color:#000;
}

#membermenu ul.menu li a{
background: rgb(18,112,56);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#membermenu ul.menu li a:hover{
background: rgb(81,227,140);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#servicemenu ul.menu li a{
background: rgb(20,110,88);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#servicemenu ul.menu li a:hover{
background: rgb(191,243,231);
color: #fff;	
padding: 0.5em;
font-weight:bold;
color:#000;
}

#servicemenu ul.menu li ul li a{
background: rgb(24,150,76);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#markref_menu ul.menu li a{
background: rgb(20,110,88);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#markref_menu ul.menu li a:hover{
background: rgb(191,243,231);
color: #fff;	
padding: 0.5em;
font-weight:bold;
color:#000;
}

#markref_menu ul.menu li ul li a{
background: rgb(24,150,76);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

.columnleft{
float:left;
margin: 20px 0 0 0;
}

.columnright{
float:right;
margin: 20px 0 0 0;
}

#productmenu ul.menu li a{
background: rgb(34,196,127);
padding: 0.5em;
font-weight:bold;
color:#fff;
}

#productmenu ul.menu li a:hover{
background: rgb(151,237,200);
color: #fff;	
padding: 0.5em;
font-weight:bold;
color:#000;
}

#productmenu ul.menu li ul li a{
background: rgb(23,131,85);
padding-left: 20px;
font-weight:bold;
color:#fff;
}

#productmenu ul.menu li ul li a:hover{
background: rgb(151,237,200);
padding-left: 20px;
font-weight:bold;
color:#fff;
}

#productmenu ul.menu li ul li ul li a{
background: rgb(18,112,56);
color: #fff;	
padding-left: 40px;
font-weight:bold;
color:#fff;
}

#productmenu ul.menu li ul li ul li a:hover{
background: rgb(151,237,200);
color: #fff;	
padding-left: 40px;
font-weight:bold;
color:#fff;
}

#staffmenu {
height:auto;
display:block;
}

#staffmenu ul.menu li a{
padding:0.5em;
height:17px;
width:300px;
margin:0;
background: rgb(18,112,56);
font-weight:bold;
color:#fff;
display:block;
position:relative;
}

#staffmenu ul.menu li a:hover{
position:relative;
padding: 0.5em;
height:17px;
width:300px;
margin:0;
background: rgb(138,236,178);
font-weight:bold;
color:#fff;
display:block;
}

#staffmenu ul.menu li ul li {
background: rgb(196,246,216);
margin:0;
width:312px;
float: left;
text-align: center;
display:block;
}

#staffmenu ul.menu li ul li div.img {
margin:12px;
height: 95x;
width: 74px;
float: left;
display:block;
}

#staffmenu ul.menu li ul li div.img a {
background: rgb(196,246,216);
height: 100px;
width: 74px;
float: left;
text-align: center;
margin:1px;
display:block;
}

#staffmenu ul.menu li ul li div.img img {
border: 1px dotted #999;
background: rgb(196,246,216);
height: 100px;
width: 74px;
float: left;
text-align: center;
margin:1px;
display:block;
}

#staffmenu ul.menu li ul li div.img img:hover {
border: 1px solid #999;
background: rgb(196,246,216);
height: 100px;
width: 74px;
float: left;
text-align: center;
margin:1px;
}

#staffmenu ul.menu li ul li div.img a:hover {
height: 100px;
width: 74px;
float: left;
text-align: center;
margin:1px;
}

#staffmenu ul.menu li ul li div.img img{
}

#staffmenu ul.menu li ul li div.img a:hover img{
}

#staffmenu ul.menu li ul li div.desc{
text-align: center;
font-weight: normal;
width: 80px;
}

#projectmenu ul.menu li a{
background: rgb(20,110,88);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#projectmenu ul.menu li a:hover{
background: rgb(191,243,231);
color: #fff;	
padding: 0.5em;
font-weight:bold;
color:#000;
}

#projectmenu ul.menu li ul li a{
background: rgb(126,232,207);
color: #fff;	
padding-left: 20px;
font-weight:bold;
color:#000;
}

#projectmenu ul.menu li ul li a:hover{
background: rgb(191,243,231);
color: #fff;	
padding-left: 20px;
font-weight:bold;
color:#000;
}

#trainingmenu ul.menu li a{
background: rgb(20,110,88);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#trainingmenu ul.menu li a:hover{
background: rgb(191,243,231);
color: #fff;	
padding: 0.5em;
font-weight:bold;
color:#000;
}

#trainingmenu ul.menu li ul li a{
background: rgb(126,232,207);
color: #fff;	
padding: 0.5em;
font-weight:bold;
color:#000;
}

#newsmenu ul.menu li a{
background: rgb(26,107,135);
color: #fff;	
padding: 0.5em;
font-weight:bold;
}

#newsmenu ul.menu li a:hover{
background: rgb(191,243,231);
color: #fff;	
padding: 0.5em;
font-weight:bold;
color:#000;
}

.newsarchive {
border-top: 1px solid rgb(26,107,135);
}

ul.menu, ul.menu ul {
list-style-type:none;
margin: 0;
padding: 0;
width: 19.8em;
}

ul.menu a {
display: block;
text-decoration: none;	
}

ul.menu li {
margin-top: 1px;
font-variant: small-caps;
}

ul.menu li a:hover {
background: rgb(26,107,135);
}

ul.menu li ul li a {
background: #ccc;
color: #000;
padding-left: 20px;
font-weight:normal;}

ul.menu li ul li a:hover {
background: rgb(34,193,127);
padding-left: 15px;
}

ul.menu li ul li a, ul.menu li ul li a:active {
background: rgb(23,131,85);
color: #fff;	
padding: 0.5em;
}

ul.menu li ul li ul li a {
background: rgb(12,55,60);
color: #fff;
padding-left: 30px;
}

ul.menu li ul li ul li a:hover {
background-color: rgb(18,83,90);
color: #fff;
padding-left: 20px;
}

/* service accordeon */
#servicemenu  {
margin:0px;
}

/*code voor Ditto-navigatie op voor nieuwspagina's vanuit Homepage*/

#news { width: 200px; }

#news ul {margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}

#news a {display: block;padding: 3px;width: 160px;background-color: #11475A;border-bottom: 1px solid #eee;}

#news a:link, #sidemenu a:visited {color: #EEE;text-decoration: none;}

#news a:hover {background-color: #369;color: #fff;}

.menu li a:hover {color:#fff;}

.middle{
clear:both;
margin: 10px 0 0 0;}

#C10{width:10%;}
#C12{width:12%;}
#C15{width:15%;}
#C16{width:16%;}
#C165{width:16.5%;}
#C17{width:17%;}
#C19{width:19%;}
#C20{width:20%;}
#C21{width:21%;}
#C22{width:22%;}
#C23{width:23%;}
#C24{width:24%;}
#C245{width:24.5%;}
#C25{width:25%;}
#C27{width:27%;}
#C30{width:30%;}
#C33{width:33%;}
#C35{width:35%;}
#C40{width:40%;}
#C42{width:42%;}
#C45{width:45%;}
#C47{width:47%;}
#C48{width:48%;}
#C49{width:49%;}
#C50{width:50%;}
#C56{width:56%;}
#C57{width:57%;}
#C58{width:58%;}
#C67{width:67%;}
#C70{width:70%;}
#C73{width:73%;}
#C75{width:75%;}

.left {margin:0 10px 20px 0;}

.center {margin:2px 10px 20px 10px;text-align: justify;}

.right {margin:2px 0 20px 10px;}		

.footer{clear:both;font-size:85%; text-align:center;color:#6E7375;}	

.footer p{margin:0; padding:0} 

#smalline{height:12px;}

#copyright{margin-top:4px;}	

#tallline{
height:54px;
}	

.color{
background:#11475A;
color:#fff;}

.whitetext{color:#fff;}

h1 {
margin:0 0 20px 0;
font-weight:lighter;
font-size:22px; 
padding: 46px 10px 15px 10px ;
color: #FFF;
text-transform: uppercase;}

h5 {
margin:0 0 20px 0;
font-weight:lighter;
font-size:22px; 
padding: 73px 10px 15px 10px ;
color: #FFF;
text-transform: uppercase;
}

h6 {
margin:0 0 20px 0;
font-weight:lighter;
font-size:22px; 
padding: 19px 10px 15px 10px ;
color: #FFF;
text-transform: uppercase;}

h2 {
margin:0 0 20px 0;
font-size:1.5em;
line-height:1;}		

h3 {
margin:15px 0 2px 0;
font-size:16px;
font-weight:bold; 
line-height:1;
color:rgb(24,110,120);}		

h4 {
font-size:100%;
font-weight:bold; 
margin:0 0 5px 0;}

h5 a{
cursor:pointer;
text-decoration:none;
color: #FFF;}

.submit input {
margin-left: 133px;
border: 1px;} 

.form p,input,select,legend, label, img { 
margin:2px;
font-family:calibri,verdana,arial,helvetia,clean,sans-serif;
font-size:1em;}

form.eform { 
width:35em; 
margin:0;}

legend { font-weight:bold;}

label { 
display:block; 
clear:left; 
float:left; 
width:10em; }

p.explain { 
margin-left:10em; 
color:#339; }

input.field,textarea.field { 
width:30em;}

.topline {
margin-bottom: 1em;
padding-bottom: 1em;
background-image: url(../images/dot.gif);
background-repeat: repeat-x;
background-position: left bottom;}

.col1{background-color: rgb(62,220,182);    }
.col2{background-color: rgb(18,112,56);    }
.col3{background-color: rgb(34,196,127);    }
.col4{background-color: rgb(26,107,135);    }
.col5{background-color: rgb(18,112,56);    }
.col6{background-color: rgb(15,81,65);    }
.col7{background-color: rgb(18,122,132);    }
.col8{background-color: rgb(24,110,120);    }
.col9{background-color: rgb(20,110,88);    }
.col10{background-color: rgb(24,140,76);    }
.col11{background-color: rgb(34,196,127);    }
.col12{background-color: rgb(12,55,60);    }

.kleur1{color: rgb(62,220,182);    }
.kleur2{color: rgb(18,112,56);    }
.kleur3{color: rgb(34,196,127);    }
.kleur4{color: rgb(26,107,135);    }
.kleur5{color: rgb(18,112,56);    }
.kleur6{color: rgb(15,81,65);    }
.kleur7{color: rgb(18,122,132);    }
.kleur8{color: rgb(24,110,120);    }
.kleur9{color: rgb(20,110,88);    }
.kleur10{color: rgb(24,150,76);    }
.kleur11{color: rgb(34,196,127);    }
.kleur12{color: rgb(12,55,60);    }

.AccordionContent, .AccordionContainer {
position:relative;
width:100%;}

.AccordionContent li {
height:200px;}

#AccordionTitle {
font-weight:bold;
padding: 0.5em;
margin-top: 1px;
font-variant: small-caps;
cursor:pointer;
font-weight:bold;
color:#fff;
vertical-align:middle;-moz-user-select:none;}

.AccordionContent {
height:0px;
overflow:auto;
display:none; }

.AccordionContent p {
margin: 5px 0 0 0;}

.AccordionContent h3 {
margin: 10px;}

.AccordionContainer{}

/* alles voor foto's van siggis team (team + alle individuele pagina's)*/

.siggis_team li a {
padding: 0;
font-size: 0.9em !important;
line-height: 1;
color: rgb(15,81,65);
width: 100px;
text-decoration:none;
cursor:pointer;}

.siggis_team li a:hover img {
border: solid 3px rgb(15,81,65);}

.siggis_team li.active a img {
border: solid 3px rgb(15,81,65);}
 
ul.siggis_team {
list-style-type: none;
margin: 0;
overflow: hidden;
padding:0 0 0 8px ;} /*extra ruimte links van linkse kolom om alles te centreren*/

ul.siggis_team li {
float: left;
margin: 0 0 0 16px; /* breedte tussen foto's*/
border: 0;
height: 180px;
width: 74px;} /*even breed als foto*/

ul.siggis_team li a {
border: none;}			  

ul.siggis_team li a img {
border: 1px dotted #999;
margin: 0;
width: 74px;
height: 100px;}

ul.siggis_team li:hover a img, ul.siggis_team li.active a img  {
border: 1px solid rgb(15,81,65);
width: 74px;
height: 100px;}

ul.siggis_team li.parent .slider {
overflow: hidden;}

/* forms.css */

select {
border:1px solid #ccc;
background:#f0f0f0;  /*achtergrondkleur van de keuzelijst*/
width:180px;} /*breedte van combobox*/

.infobulle{    
position: relative;       
visibility : hidden;    
border: 1px solid Black;    
padding: 10px;    
font-family: Verdana, Arial;    
font-size: 10px;    
background-color: #C4F6D8;}

.case{	
font-family: Verdana, Arial;    
font-size: 10px;}

.caseW{	
font-family: Verdana, Arial;    
font-size: 10px;	
color: #FFFFFF;}

.caseT{
	border: 1px solid Black;
    padding: 1px;
	font-family: Verdana, Arial;
    font-size: 10px;
	font-style: bold;
	color: #000000;
	border-color: #000000;
}
.caseTW{
	border: 1px solid Black;
    padding: 1px;
	font-family: Verdana, Arial;
    font-size: 10px;
	font-style: bold;
	color: #FFFFFF;
	border-color: #FFFFFF;
}

.Titles{	
font-family: Verdana, Arial;    
font-size: 10px;	
font-style: bold;}

.TitlesW{	
font-family: Verdana, Arial;    
font-size: 12px;	
font-style: bold;	
color: #FFFFFF;}

/*voor nieuwsarchief*/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 0.7em;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: rgb(26,107,135);
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid rgb(26,107,135);
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}