/* De Partij v2.0
  (c) 2007 by 12B Company
-----------------------------------------------*/
body, html {
  height:100%;
  margin:0;
  padding:0;
  font:10pt Tahoma, Arial;
  line-height:130%;
  color:#555;
  background:#49546a;
  }
html body #contain {
	overflow:hidden;
	}

#contain {
  padding:0;
  margin:0 auto;
  width:780px;
  text-align:left;
  z-index:1;
  background-color:#fff;
  position:relative;
  }
  img {
    border:0;
    }
  div { 
    display:block;
    margin:0;
    padding:0;
    }

/* Grid
---------------------------------------------- */
#logo {
  float:left;
  }
  #logo a {
    display:block;    
    margin:15px 25px 0 35px;
    padding:0;
    }
#visual {
  float:left;
  width:534px;
  height:140px;
  margin-top:15px;
  margin-left:3px;
  }
#oneliner {
  height:140px;
  width:143px;
  background:#d7d1ca;
  float:right;
  }

#nav {
  width:780px;
  background:#fff url('g/lyt/hr-top.gif') bottom repeat-x;
  margin:0;
  padding-bottom:8px;
  float:left;
  }
.content {
  float:left;
  width:570px;
  min-height:262px;
  margin:20px 9px 20px 35px;
  padding:0;
  display:inline;
  }
#subnav {
  float:right;
  width:146px;
  margin:30px 15px 0 0;
  padding:0;
  display: inline;
  border-left:1px dotted #bbb;
  }
#footer {
  width:780px;
  float:left;
  margin:0;
  padding:0;
  background:#fff url('g/lyt/hr-bottom.gif') top repeat-x;
}

.contentwrap img.ref {
  float:right;
  border:1px solid #222;
  margin:5px;
}

/* Head
---------------------------------------------- */
.splash div#contain a img {
  margin-left:4px;
  }
.splash div#contain {
  background:#fdfdfd;
  }
#oneliner .meta {
  display:block;
  margin:5px 0 40px 12px;
  padding:0px;
  font-size:10px;
  color:#999;
  }
#oneliner .meta a {
  display:inline;
  margin:0px;
  padding:0px;
  font-size:10px;
  color:#999;
  }
#oneliner .meta a:hover {
  color:#333;
  }
#oneliner strong {
  font-size:12px;
  display:block;
  color:#fff;
  font-weight:bold;
  margin:0 10px 4px 12px;
  padding:0px;
  text-transform:uppercase;
  }
#oneliner a {
  display:block;
  font-size:12px;
  color:#fff;
  margin:0 10px 0 12px;
  padding:0px;
  text-decoration:none;
  }


/* Primary navigation
---------------------------------------------- */
#nav ul {
  margin:6px 0 0 225px;
  padding:0;
  list-style:none;
  }
  #nav ul li {
    display:block;
    float:left;
    padding:0;
    margin:0;
    }
  #nav ul li a {
    display:block;
    margin:0;
    padding:2px 16px 5px;
    background:url('g/ico/arr.gif') top left no-repeat;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    color:#e86a22;
    }
  #nav ul a:hover{
    background:url('g/ico/arr2.gif') top left no-repeat;
    color:#b9471a;
    }
  #nav ul li.on a {
    color:#910;
    padding:0px 16px 7px;
    background:url('g/ico/arr2.gif') top left no-repeat;
    }

/* Content
---------------------------------------------- */
.content {
  background:#faf8f6 url('g/c1.jpg') right bottom no-repeat;
  padding-bottom:1em;
  }

.content .contentwrap {
  float:left;
  display:inline;
  width:400px;/* alt=300 - for a second column */
  min-height:222px;
  margin-top:10px;
  padding:0px 20px 40px 30px;
  }

#nieuws {
  margin:15px 0 35px;
  padding:0 15px 15px;
  border:2px solid #fff;
  font-size:.85em;
  }

.content h1 {
  margin:20px 0px 0px 0px;
  padding:0;
  font-size:16px;
  font-weight:bold;
  line-height:18px;
  color:#e18239;
  }
.content h2,
.content h3 {
  margin:20px 0px 0px 0px;
  padding:0;
  font-size:16px;
  font-weight:bold;
  line-height:18px;
  color:#e18239;
  }
.content h4,
.content h5,
.content h6 {
  margin:20px 0px 0px 0px;
  padding:0;
  font-size:14px;
  font-weight:bold;
  line-height:18px;
  color:#e18239;
  }

.content a {color:#e86a22;}
.content a:hover {color:#f60;}
.content a strong {color:#222; text-decoration:none;}

a.button {
  display:block;
  width:160px;
  margin:1px 0px 0px;
  padding:10px 8px 6px;
  color:#420;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  }
  .color1 {  background:url('g/bt/bg1.gif');  }
  .color2 {  background:url('g/bt/bg2.gif');  }
  .color3 {  background:url('g/bt/bg3.gif');  }
  .color4 {  background:url('g/bt/bg4.gif');  }
  .color5 {  background:url('g/bt/bg5.gif');  }
  .color6 {  background:url('g/bt/bg6.gif');  }
  a.button:hover {
    width:148px;
    padding:10px 8px 6px 20px;
    color:#fff;
    }
  
p img {
  float:right;
  margin:0px 0px 10px 10px;
  }
p a.banner img {
  margin:4px 20px 10px 10px;
  padding:2px;
  }
p a.banner:hover img {
  padding:0px;
  border:2px solid #a9a7a4;
  }

/* TABLES
---------------------------------------------- */

table.referenties {
  width:auto;
  }
table td {
  vertical-align:top;
  font-size:.85em;
  }
table.referenties td {
  padding:4px;
  border-top:1px dotted #fff;
  }
#contactform table td {
  padding:4px;
  }
.inp-norm {
  width:180px;
  }
.col1 {
  width:140px;
  }
.col2 {
  }
.col-contact1 {
  width:90px;
  }
.col-contact2 {
  width:110px;
  }
.col-contact3 {
  width:40px;
  }
.col-contact4 {
  width:120px;
  }


col						{ display: table-column }


/* sidecol for content
---------------------------------------------- */
#bijschrift {
  float:right;
  margin:15px 15px 0 0;
  }
#bijschrift ul {
  margin:15px 0 10% 0;
  padding:0px;
  list-style:none;
  }
  #bijschrift ul li {
    margin:0;
    padding:0;
    text-indent:0;
    }
    #bijschrift li a {
      margin:0;
      padding:0 0 0 16px;
      font-weight:bold;
      color:#e86a22;
      text-decoration:none;
      background:url('g/ico/arr-sidecol.gif') left top no-repeat;
    }
    #bijschrift li a:hover {
      color:#b9471a;
      }

#link {
  margin:190px 0px 0px 0px;
  padding:0;
  height:auto;
  width:200px;
  float:right;
}


/* Subnav Column
---------------------------------------------- */
#subnav ul {
  margin:0 0 20px 12px;
  padding:0;
  list-style:none;
  }
#subnav li {
  margin:0px;
  padding:0px;
  text-indent:0px;
  display:inline;
}
#subnav li a {
  display:block;
  margin:0px;
  padding-left:8px;
  font-size:11px;
  font-weight:bold;
  color:#e86a22;
  text-decoration:none;
  background:url('g/ico/arr3.gif') left top no-repeat;
}
#subnav li a:hover {
  color:#b9471a;
  }

#subnav h1 {
  margin:10px 0 0 0;
  padding:20px 0 0 12px;
  border-top:1px dotted #bbb;
  color:#999;
  font-size:10px;
  font-weight:bold;
  }
  #subnav h2 {  /* obsolete ? */
    padding:6px 5px 5px 12px;
    font-size:12px;
    font-weight:bold;
    color:#e86a22;
    margin:0;
  }

#subnav p {
  font-size:10px;
  color:#999;
  padding:0 0 0 12px;
  margin:0;
}
#subnav p a {
  font-size:10px;
  color:#F60;
  text-decoration:none;
}
#subnav p a:hover {color:#b9471a;}

.fotobanner {
  display:block;
  margin:20px 0 0 12px;
  padding:0;
  width:auto;
  height:55px;
  background:url('g/bt/bt-foto.gif');
  }
.fotobanner:hover {
  background:url('g/bt/bt-fotoh.gif');
  }
.fotobanner-archief {
  display:block;
  margin:2px 0 0 12px;
  padding:0;
  width:auto;
  text-align:right;
  color:#e18239;
  font-size:.85em;
  }
.fotobanner-archief:hover {
  text-decoration:none;  
  }

/*  Footer
---------------------------------------------*/

#footer .link{
  float:left;
  font-size:10px;
  color:#999;
  font-weight:bold;
  margin:0;
  padding:20px 0 0 27px;
  }
#footer .onetwob{
  width:155px;
  float:right;
  font-size:10px;
  color:#999;
  font-weight:bold;
  margin:15px 0 0 0;
  padding:0;
  display:inline;
  }
#footer a{
  font-size:10px;
  color:#999;
  font-weight:bold;
  text-decoration:none;
  }
#footer a:hover{
  color:#333;
  }


/* Intro page / splash
---------------------------------------------- */
#intro {
  background:#fff url('g/intro-visual.jpg') right bottom no-repeat;
  padding:20px;
  }

#intro-logo {
	}
#enter {
  float:left;
  margin:10% 10px 0 10%;
  padding:0;
  color:#b9471a;
  font-weight:bold;
  text-align:right;
  }
#enter span {
  display:block;
  margin-top:20px;
  clear:both;
  }
#enter a {
  color:#b9471a;
  text-decoration:none;
  font-weight:bold;
  }
#enter a:hover {
  text-decoration:underline;
  }

#address {
  float:right;
  margin:20px;
  }
#address h1 {
  margin:10px 0 0 0;
  padding:20px 0 0 21px;
  border-top:1px dotted #bbb;
  color:#999;
  font-size:10px;
  font-weight:bold;
  }
#address p {
  font-size:10px;
  color:#999;
  padding:0 0 0 21px;
  margin:0;
}
#address p a {
  font-size:10px;
  color:#F60;
  text-decoration:none;
}
#address p a:hover {color:#b9471a;}

/*Foto archief*/
#mapjes {
  width: 200px;
  float: left;
  position: relative;
  padding: 0px 0 30px 30px;
}

#mapjes ul {
  list-style-position: outside;
  padding: 0px;
  margin: 0px
}

#thumbnails {
  width: 450px;
  float: left;
  position: relative;
}
#thumbnails img {
  border: 0px;
}

/*extra*/
.trigger-boek {
	display:block;
  margin:20px 0 0 12px;
	padding-top:20px;
	background:url('files/Image/boek.gif') center no-repeat;
	height:216px;
	}
	.trigger-boek:hover {
		-moz-opacity:0.80;
	  opacity:0.80;
	  filter:alpha(opacity=80);
		}