
/* Style voor huygenshuys.nl  by alstro webdesign */
@media screen
{
html,body  {
margin: 0px;
padding: 0px;
margin: 0 auto;
height:100%;
background-color: #46150e;
background-image: url(../images/bg.png);
background-position: center;
background-repeat: no-repeat;
font: 90%/1.6em sans-serif, Helvetica, Arial; color:#141215;
}

img {border: none;}

div#container {
	margin:0 auto;
	width:980px;
    height:auto !important;
	height:100%;
	min-height:100%;
    background-image: url(../images/conbg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #f5a41d;
    }

td {
   padding-left:5px;
   padding-right:5px;
}
h1{
	line-height:30px;
	
}
h2 {
   padding-left:100px;
   font-size: 16px;
   font-weight: normal;
}

.detail {
   padding-left:100px;
   font-weight: normal;
}
div#collectie{
	float:left;
	padding-left:20px;
	margin-top:25px;
}
div.collectietekst{
		color:#141215;
}
div.collectiefoto{
	float:left;
	width:150px;
	padding-right:20px;
	height:200px;
}
div.collectiestart{
	height: 200px;
	width:600px;
	color:#141215;
}
div.collectieitems{
	height: 220px;
	width:500px;
	color:#141215;
}
	
div.collectieitems img{
	padding:5px;
	
	
}

div.collectietitel{
	font-weight:bold;
	color:#141215;
	
}

div.collectieitems a:link{
    color: #9d0017;
    text-decoration: none;
}
div.collectieitems a{
    color: #9d0017;
    text-decoration: none;
}
div.collectieitems a:visted{
    color: #9d0017;
    text-decoration: none;
}
div.collectiefotos{
	width:650px;
	float:left;
	padding-right:20px;
	margin-bottom:10px;
	
}

 div#top {
   	margin:0 auto;
	width:950px;
    height:25px;
    background-color: #3c1905;
 }
  div#topnormal {
   	margin:0 auto;
	width:950px;
    height:46px;
    background-color: #3c1905;
 }
 div#header {
   width: 980px;
   height: 300px;
   background-image: url(../images/header.jpg);
 }
 div#logo {
   float: left;
   width: 445px;
   height: 300px;
 }
 div#adres {
   width: 515px;
   height: 60px;
   padding-left: 20px;
   font-family: Comic Sans MS, sans-serif, Helvetica;
   color: #141215;
 }
 div#headerrechts {
   float: left;
   width: 535px;
   height: 300px;
 }
 div#hrtop {
   height: 240px;
 }
 div#hrslogan {
   float: left;
   width: 335px;
   padding: 70px 0 0 20px;
   height: 170px;
   font-family: Comic Sans MS, sans-serif, Helvetica;
   color: #5d5d5f;
 }

/*div#topvlag {
  height: 40px;
  padding: 70px 20px 0 0;
}*/

div#nieuwsbrief{
	width:180px;
	float:left;
	height:140px;
	color:#141215;
}
div#topvlag {
     height: 30px;
     padding: 70px 40px 0 0 ;
}

 div#menubalk {
    width: 980px;
    height: 30px;
    line-height: 30px;
    font-family: sans-serif;
    color:#bf4a09;
    font-size: 130%;
    background-color: #46150e;
 }
 div#main {
    width: 980px;
	min-height: 650px;
 }
 div#ruimte {
   width: 280px;
   float: left;
 }
  .ruimte {
   width: 25px;
   float: left;
 }
  .vlaghome {
    float: right;
    width: 40px;
  }
    .vlag {
    float: right;
    width: 40px;
  }
 div#home {
   float: left;
   width: 640px;
   font-family: Comic Sans MS, sans-serif, Helvetica;
   color: #141215;
   margin: 15px ;
 }

  div#submenu {
   display: block;
   float: left;
   margin: 25px 0 0 0;
   width: 210px;
   background-color: #511900;
   filter: alpha(opacity=73);
   -moz-opacity:0.73;
   opacity: .73;
 }

  div#submenu a{
   display: block;
   font-size: 110%;
   font-weight: normal;
   font-family: Comic Sans MS, sans-serif, Helvetica;
   color: #ff9900;
   border-top: 1px solid #3c1905;
   border-bottom: 1px solid #3c1905;
   margin-left: 10px ;
   margin-right: 10px ;
 }

  div#submenu a:hover{
   display: block;
   font-size: 110%;
   font-weight: normal;
   font-family: Comic Sans MS, sans-serif, Helvetica;
   color: #3c1905;
   background-image: url(../images/hover.jpg); 
   background-repeat: no-repeat;
   border-top: 1px solid #3c1905;
   border-bottom: 1px solid #3c1905;
   margin-left: 10px ;
   margin-right: 10px ;
 }

 div#foto {
positon:absolute;
bottom:10px;
}

.menublok {
  float: left;
  padding:0 10px;
}
#home a:link {
	color:#9d0017;
    text-decoration: none;
}
#home a:visited {
	color:#9d0017;
    text-decoration: none;
}
#home a:hover {
	color:#9d0017;
    text-decoration: underline;
}
.toplinks { text-decoration: none;color: #bf4a09;}
.toplinks:visited { text-decoration: none;color: #bf4a09;}
.toplinks:active { text-decoration: none;color: #bf4a09;}
.toplinks:hover { text-decoration: none;color: #bf4a09;}

.headerlinks { text-decoration: underline;color: #000;}
.headerlinks:visited { text-decoration: none;color: #000;}
.headerlinks:active { text-decoration: none;color: #000;}
.headerlinks:hover { text-decoration: none;color: #000;}

.sublinks { text-decoration: none;color: #bf4a09;font-size: 85%/1.6em;}
.sublinks:visited { text-decoration: none;color: #bf4a09;font-size: 85%/1.6em;}
.sublinks:active { text-decoration: none;color: #bf4a09;font-size: 85%/1.6em;}
.sublinks:hover { text-decoration: none;color: #bf4a09;font-size: 85%/1.6em;}

.adminlinks { text-decoration: none;color: #fff;cursor: pointer; }
.adminlinks:visited { text-decoration: none;color: #fff;cursor: pointer;}
.adminlinks:active { text-decoration: none;color: #fff;cursor: pointer;}
.adminlinks:hover { text-decoration: underline;color: #fff;cursor: pointer;}

.menulinks { text-decoration: none;color: #fff;font-size:100%;}
.menulinks:visited { text-decoration: none;color: #fff;font-size: 100%;}
.menulinks:active { text-decoration: none;color: #fff;font-size: 100%;}
.menulinks:hover { text-decoration: none;color: #fff;font-size: 100%;}

.links { text-decoration: none;color: #92cefa;}
.links:visited { text-decoration: none;color: #92cefa;}
.links:active { text-decoration: none;color: #92cefa;}
.links:hover { text-decoration: underline;color: #92cefa;}

.kloklinks { text-decoration: none;color: #bf4a09;}
.kloklinks:visited { text-decoration: none;color: #bf4a09;}
.kloklinks:active { text-decoration: none;color: #bf4a09;}
.kloklinks:hover { text-decoration: underline;color: #bf4a09;}

.paginalinks { text-decoration: none;color: #bf4a09; margin-left:100px;}
.paginalinks:visited { text-decoration: none;color: #bf4a09; margin-left:100px;}
.paginalinks:active { text-decoration: none;color: #bf4a09; margin-left:100px;}
.paginalinks:hover { text-decoration: underline;color: #bf4a09; margin-left:100px;}
}
