@import url('c/plugin.css');

/* Arlande style
Copyright (c) 12B Company
---------------------------------------------- */
body {
	font-family:Verdana,Arial,Verdana,Helvetica,Sans-serif;
	font-size:12px;
	line-height:150%;
	color:#300f12;
	text-align:left;
	margin:0px;
	padding:0px;
  background:#7f7358;
  }
#contain {
  width:auto;
  margin:0px auto;
  padding:0px;
  background:url('g/background.gif') center bottom repeat-y;
  overflow:hidden;
	zoom:1;
  }
#wrap {
  width:900px;
  margin:0 auto;
  }
#foot {
  display:block;
  width:900px;
  border-top:2px solid #7f7358;
  background:#b2ab9b;
  margin:0 auto;
  }
#closefoot {
  display:block;
  width:940px;
  margin:0px auto;
  height:15px;
  background:url('g/bg-footer.gif') center -5px repeat-x;
  }

  div {
    display:block;
    margin:0px;
    padding:0px;
    }
  img, a img {
    border:0px;
    }
  a {
    text-decoration:none;
    color:#6d6e71;
    }
  ul {
    list-style:none;
    }


/* Head
---------------------------------------------- */
#identity {
  width:900px;
  float:left;
  height:140px;
	background-color:#dcf2f0;
	background-position:right center;
	background-repeat:no-repeat;
	}
	a#logo {
		width:174px;
		float:left;
		margin:53px 0 0 38px;
		padding:0px;
		}
#teaser {
  width:900px;
	clear:left;
  float:left;
  margin:0px;
  padding:0px;
  background:#300f12;
  }
#teaser h1 {
  display:block;
  font:19px Verdana;
  margin:0px;
  padding:6px 0px 4px 217px;
  color:#b0c98f;
  }



/* HOMEBUTTONS ALIGNED BELOW VISUAL
.visual {
  display:block;
  margin:15px 25px 0px 16px;
  padding:0px;
  width:659px;
  height:200px;
  background:#fff url('g/v123.jpg');
  }

#home-buttons {
  margin:0px 25px 0px 15px;
  padding:0px;
  list-style:none;
  }
#home-buttons li {
  margin:0px;
  padding:0px;
  text-indent:-9999em;
  float:left;
  }
#home-buttons li a {
  display:block;
  width:219px;
  height:80px;
  margin-left:1px;
  }
*/

/* Home
---------------------------------------------- */
.visual {
  display:block;
  margin:15px 25px 0px 16px;
  padding:0px;
  width:659px;
  height:143px;
  background:#fff url('g/v12345.jpg');
  }

#home-buttons {
  float:right;
  margin:0px;
  padding:0px;
  list-style:none;
  }
#home-buttons li {
  margin:0px;
  padding:0px;
  text-indent:-9999em;
  }

#hb1 a {background:url('g/bt/hb1.jpg');} /* andere naam */
#hb2 a {background:url('g/bt/hb2.jpg');} /* arlande spreekt */
#hb3 a {background:url('g/bt/hb3.jpg');} /* briljant */
#hb4 a {background:url('g/bt/hb4.jpg');} /* juiste match */
#hb5 a {background:url('g/bt/hb5.jpg');} /* volgende stap */

  #hb1 a:hover {background:url('g/bt/hb1o.jpg');}
  #hb2 a:hover {background:url('g/bt/hb2o.jpg');}
  #hb3 a:hover {background:url('g/bt/hb3o.jpg');}
  #hb4 a:hover {background:url('g/bt/hb4o.jpg');}
  #hb5 a:hover {background:url('g/bt/hb5o.jpg');}

#home-buttons li a {
  display:block;
  width:219px;
  height:47px;
  border-bottom:1px solid #c9e3c2;
  }
#home-buttons li a,
#home-buttons li a:hover {
  background-color:#529aa9;
  background-repeat:no-repeat;
  background-position:right;
  }


.home #invis1 {
  display:block;
  visibility:visible;
  }
  .home  #invis2 {
    display:none;
    visibility:hidden;
    }
  .page #invis1 {
    display:none;
    visibility:hidden;
    }
.page #invis2 {
  display:block;
  visibility:visible;
  }

#triggers {
  float:left;
  margin:20px 1px 0px 16px;
  padding:0px;
  line-height:17px;
  width:440px;
  /*width:660px;*/
  display:inline;
  }
#rightTriggers {
  float:left;
  width:218px;
  margin:20px 0px 0px 0px;
  padding:0px;
  display:block;  
  }
  #triggers h2,
  #rightTriggers h2 {
    margin:0px;
    padding:0px 8px 2px;
    font:15px arial;
    border-bottom:1px solid #7f7359;
    color:#000;
    }
  #triggers ul {margin:0px; padding:0px !important;}
  #triggers ul {
    margin:0px 0px 20px 0px;
    height:211px;
    width:440px;
    }
    #trigger ul li {
        width:440px;
        }
        #triggers ul li a {
            font-size:11px;
            color:#593f40;
            display:block;
            background:#d5e9ce url('g/question.gif') 10px center no-repeat;
            margin-bottom:1px;
            padding:9px 15px 9px 66px;
            }
            #triggers ul li a:hover {
                background:#bee2b1 url('g/question.gif') 10px center no-repeat;
            }
            #triggers ul li a span {
                color:#7e7258;
            }
            
a.diamant {
    width:218px;
    height:211px;
    display:block;
    background:url('f/arlande.jpg');
}
a:hover.diamant {
    background-position:218px 0px;
}
    
.home #list-nieuws {
  display:none; /*temp*/
  visibility:hidden; /*temp*/
  float:left;
  margin:20px 0px 0px 0px;
  padding:0px;
  width:230px;
  }
  #list-nieuws h2 {
    margin:0px 0px 4px;
    padding:0px 8px 2px;
    font:18px Verdana;
    border-bottom:1px solid #7f7358;
    color:#7f7358;
    }
  #list-nieuws a {
    display:block;
    color:#300f12;
    font:10px/150% Verdana;
    margin:6px 0px 4px;
    padding:4px 6px 2px;
    }
	.page #list-nieuws {
		list-style:none;
		}
		.page #list-nieuws li {
			margin-left:0;
			padding-left:0;
			}
  .page #list-nieuws a {
    padding-top:8px;
    text-align:left;
    }
  .page #list-nieuws a span {
    display:block;
    width:auto;
    margin-top:0px 6px 2px auto;
    padding:0px;
    text-align:right;
    }
  #list-nieuws a:hover {
    background:#fff;
    }
  #list-nieuws em {
    display:block;
    font:10px Verdana;
    color:#5299aa;
    }
  #list-nieuws span {
    color:#7f7358;
    }

/* Main
---------------------------------------------- */
#main {
  clear:both;
  float:left;
  width:900px;
  background:#5299aa;
	overflow:hidden;
	zoom:1;
  }
.page #main {
  background:url('g/background-content.gif');
  }
#navigate {
  float:left;
  width:200px;
  }
#twocol {
  float:left;
  width:700px;
  }
.home #twocol {
  background:#c9e3c2;
  }
#items {
  float:right;
  width:240px;
  }
#content {
  float:left;
  width:460px;
	overflow:hidden;
	zoom:1;
	padding-bottom:20px;
  }
.home #content {
  background:#dcf2f0;
  }


/* Navigation
---------------------------------------------- */
#navigate ul {
  margin:0px;
  padding:0px;
  font-style:small-caps;
  list-style:none;
  margin-bottom:10px;
  }
  #navigate ul ul {
    margin:0px;
    padding:0px;
    border:0;
    background:#a3d1d6;
    }

#navigate li {
  margin:0px;
  padding:0px;
  text-indent:0px;
  border:0px;
  display:inline;
  }
#navigate a {
  display:block;
  margin:0px;
  line-height:1em;

  font:10px Verdana;
  font-style:small-caps;
  font-weight:bold;
  }
#primary li a, #primary li a:link, #primary li a:visited {
  display:block;
  width:auto;
	margin:0px;
	color:#300f12;
	background:#5299aa;
	padding:15px 2px 4px 17px;
	line-height:15px;
  }
  #primary ul a,
  #primary ul a:link,
  #primary ul a:visited {
    display:block;
    width:auto;
  	margin:0px;
    background:#a3d1d6;
    padding:5px 0px 2px 22px;
  	line-height:15px;
    }
#primary li a:hover {
  color:#dcf2f0;
  background:#75adbb;
  }
  #primary li ul a:hover {
    color:#300f12;
    background:#dcf2f0;
    }
#primary li.on a,
#primary li.on a:link,
#primary li.on a:visited,
#primary li.on a:hover,
#primary li.on a:focus {
  background:url('g/ic-arr1.gif') 6px 15px no-repeat;
  }
#primary li.on a.down,
#primary li.on a.down:link,
#primary li.on a.down:visited,
#primary li.on a.down:hover,
#primary li.on a.down:focus {
  background:url('g/ic-arr2.gif') 6px 15px no-repeat;
  }
#primary li.on li a,
#primary li.on li a:link,
#primary li.on li a:visited,
#primary li.on li a:hover,
#primary li.on li a:focus {
  background:#a3d1d6;
  }
#primary li.on li.on a,
#primary li.on li.on a:link,
#primary li.on li.on a:visited,
#primary li.on li.on a:hover,
#primary li.on li.on a:focus {
  background:#a3d1d6 url('g/ic-arr3.gif') 12px 5px no-repeat;
  }
  #primary li li a:hover,
  #primary li li a:focus {
    color:#dcf2f0;
    }


/* Right column
---------------------------------------------- */
#items ul,
#items ol {
  margin:3px 0px 0px 17px;
  padding:0px;
  }
#items li {
  text-indent:0px;
  padding-left:6px;
  }

#items strong {
  display:block;
  font-size:12px;
  margin:0px;
  padding:3px 0px 2px 17px;
  color:#dcf2f0;
  background:#5299aa;
  }
#items p {
  margin:0px;
  padding:3px 0px 0px 17px;
  font:11px/160% Verdana;
  color:#300f12;
  }
#items a {
  display:block;
  text-align:right;
  margin:0px;
  padding:0px 17px 12px;
  font:11px/160% Verdana;
  color:#7f7358;
  }
#items a:hover {
  color:#300f12;
  }

/* Content
---------------------------------------------- */
#content ul,
#content ol {
  margin:6px 17px 10px 17px;
  padding:0px;
  }
#content ul {
  list-style:square outside;
  }
#content li {
  margin-left:2em;
  margin-bottom:4px;
  padding-left:0.2em;
  }

#content p {
  margin:6px 0px 10px;
  padding:0px 17px 6px;
  }
#content p.intro {
  color:#5299aa;
  }
img.img-article {
  float:left;
  margin:0px 10px 2px 17px;
  }
p img {
  margin:0px;
  }
img.maximize { /* standaard class voor plaatjes met maximale breedte in de content */
  width:420px;
  }
h2,h3,h4,h5,h6 {
  font:13px Verdana;
  font-weight:bold;
  margin-top:20px;
  margin-bottom:0px;
  padding:0px 17px;
  color:#7f7358;
  }

#foot strong {
  float:left;
  margin:12px 17px;
  padding:0px;
  color:#593f41;
  font:12px Verdana;
  }
#foot ul {
  float:right;
  margin:10px 12px;
  padding:0px;
  color:#593f41;
  }
#foot li {
  margin:0px;
  padding:0px;
  float:left;
  text-indent:0px;
  }
#foot li a {
  margin:0px;
  padding:0px 5px;
  border-right:1px solid #593f41;  
  color:#593f41;
  font:10px Verdana;
  }
#foot li.last a {
  border:0px;
  }
#foot li a:hover {
  color:#300f12;
  }

.profielen {
  display:block;
  }
.profielen a {
  display:block;
  float:left;
  text-align:center;
  width:21%;
  margin:0px 2px;
  padding:4px;
  font-size:10px;
  line-height:1.1em;
  }
.profielen a:hover {
  padding:3px;
  border:1px solid #fff;
  }
#content .profielen p strong {
  display:block;
  clear:both;
  padding-top:20px;
  margin-bottom:0px;
  padding-bottom:0px;
  }
.profielen img {
  display:block;
  clear:both;
  margin:2px auto;
  }
/*
<div class=”profielen”><a href=”foo” title=”persoon”><img src=”foo.gif” alt=”persoon” /></a></div>
*/