/* CSS Hooghei */
body {
background:#f0f0f0;
font:77%/1.5em Arial, Helvetica, sans-serif;
text-align:center;
margin:0;
padding:0;
}

a {
font-weight:700;
color:#B02B2C;
text-decoration:underline;
border:none;
outline:none;
}

a img {
border:0;
}

a:hover {
color:#73880a;
}

a.kerstlink {
	color:#73880a;
	text-decoration:none;
}

a:hover.kerstlink {
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
color:#B02B2C;
font:700 150% Arial, Helvetica, sans-serif;
}

form {
margin:0;
padding:0;
}

fieldset {
border:0;
margin:0;
padding:0;
}

/* Layout structuur */
#maincell {
display:table;
margin:auto;
height:auto;
width:950px;
background:url(../images/mainbg.jpg) repeat-y;
text-align:left;
}

#header {
float:left;
height:80px;
width:950px;
background:url(../images/headerbg.jpg) no-repeat;
}

#ambiancecell {
float:left;
height:200px;
width:901px;
padding-left:24px;
}

#contentcell {
}

#leftcol {
float:left;
height:auto;
width:202px;
min-height:400px;
padding-left:25px;
}

#middlecol {
float:left;
height:auto;
width:465px;
min-height:400px;
padding:16px 10px;

}

#vervolgcol {
float:left;
height:auto;
width:677px;
min-height:400px;
padding:16px;
}

.content {
text-align:justify;
padding:8px;
}

.content img {
border-color:#FFFFFF;
}

#rightcol {
float:left;
height:auto;
width:212px;
min-height:400px;
padding-right:26px;
}

#footer {
float:left;
height:50px;
width:950px;
background:url(../images/footerbg.jpg) no-repeat;
text-align:center;
font-size:100%;
line-height:30px;
}

#footer a {
color:#3F4C6B;
}

#footer a:hover {
color:#356AA0;
}

#copyright {
line-height:30px;
clear:both;
float:left;
height:30px;
width:950px;
background:#f0f0f0;
text-align:center;
font-size:90%;
color:#36393D;
}

#copyright a {
}

#copyright a:hover {
}

/* Floating elementen */
#logo {
height:176px;
width:313px;
position:absolute;
top:0;
z-index:9999;
margin-top: 30px;
}
#hooghei_logo {
color:#B02B2C;
font-size:36px;
padding-left:38px;
display: inline;
font-weight:700;
}

#hooghei_logo_sub {
color:#73880a;
font-size:12px;
display: inline;
padding-left:39px;
}

#headertop {
height:36px;
width:950px;
position:absolute;
top:16px;
z-index:9992;
}

#dropmenu {
height:36px;
width:180px;
float:right;
padding-top:10px;
}

#searchpos {
width:215px;
text-align:right;
float:right;
font:700 90%/36px Arial, Helvetica, sans-serif;
color:#36393D;
padding-top:10px;
padding-left:235px;
}

#searchpos .input {
background:url(../images/searchbg.jpg) no-repeat;
margin:0;
padding:4px 2px 0 8px;
height:24px;
width:144px;
border-style:none;
vertical-align:middle;
float:left;
}

#searchpos .button {
vertical-align:middle;
margin:0;
padding:0;
float:left;
}

#headerbottom {
float:left;
height:30px;
width:950px;
position:absolute;
top:54px;
z-index:9991;
}

#route {
height:30px;
width:120px;
line-height:30px;
float:right;
font:700 90%/30px Arial, Helvetica, sans-serif;
color:#3F4C6B;
}

#route a {
color:#3F4C6B;
text-decoration:underline;
}

#route a:hover {
color:#356AA0;
}

#adres {
width:525px;
text-align:right;
float:right;
font:700 100%/30px Arial, Helvetica, sans-serif;
color:#36393D;
padding-right:30px;
}

#ambiance {
height:200px;
width:901px;
position:absolute;
top:80px;
z-index:9996;
}

#player {
text-align:right;
}

#topmenucell {
height:38px;
width:901px;
position:absolute;
top:242px;
z-index:9997;
}

#topmenu {
height:38px;
width:901px;
position:absolute;
top:242px;
z-index:9998;
text-align:right;
}

.ad {
border-top:1px solid #fff;
}

.ideal {
text-align:center;
padding-top:20px;
padding-bottom:20px;
}

.aanbieding {
margin-top:1px;
width:212px;
}

.aanbieding img {
border-bottom:1px solid #FFF;
}

.aanbiedingcell {
background:#C3D9FF;
color:#36393D;
}

.aanbieding h2, h3 {
font:700 130% Arial, Helvetica, sans-serif;
color:#FFF;
background:#B02B2C;
margin:0;
border-bottom:1px solid;
padding-left:4px;
padding-top:4px;
padding-bottom:4px;
}

.aanbieding p {
padding:8px;
margin:0;
font-size:92%;
}

.aanbieding .klikhier {
font-size:110%;
font-weight:700;
text-align:right;
}

.aanbieding a {
color:#3F4C6B;
}

.aanbieding a:hover {
color:#356AA0;
}

/* productenoverzicht home */
#middlecol #listprod {
float:left;
width:465px;
}

#middlecol #listprod p {
margin:0;
padding:0;
}

#middlecol #listprod h1 {
color:#B02B2C;
text-indent:8px;
height:28px;
width:465px;
margin:0;
padding:0;
}

#middlecol #listprod .thumb {
margin-right:8px;
margin-bottom:4px;
border:1px solid #FFF;
}

#middlecol #listprod  a {
color:#001384;
}

#middlecol #listprod  a:hover {
color:#4d9a00;
}

#middlecol #listprod .even {
padding:10px;
border-bottom:1px solid #ccc;
display:block;
float:left;
width:445px;
}

#middlecol #listprod .even a {
color:#000
}

#middlecol #listprod .oneven {
padding:10px;
border-bottom:1px solid #ccc;
display:block;
float:left;
width:445px;
}

#middlecol #listprod .oneven a {
color:#000
}

#middlecol #listprod .descr {
padding:10px;
border-bottom:1px solid #ccc;
display:block;
float:left;
width:445px;
}

.thumb {
float:left;
margin-right:10px;
margin-bottom:6px;
}

.meerinfo {
float:right;
}

/* detailpagina */
#listdetail h1 {
margin:0;
padding:0;
}

#listdetail {
float:left;
width:473px;
}

.icons {
width:670px;
float:left;
}

.detailcell {
width:670px;
float:left;
height:auto;
}

.detail-left {
width:337px;
float:left;
height:auto;
}

.detail-right {
width:333px;
float:left;
height:auto;
}

.detailinfo {
padding:10px;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
display:block;
float:left;
width:317px;
}

.detailinfo2 {
padding:10px;
border-bottom:1px solid #fff;
display:block;
float:left;
width:317px;
}

.detailinfo3 {
padding:10px;
border-bottom:1px solid #fff;
display:block;
float:left;
clear:both;
width:317px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#3F4C6B;
}
.detailinfo4 {
float:right;
font:bold 14px Arial, Helvetica, sans-serif;
color:#3F4C6B;
}

.fototable {
clear:both;
width:310px;
float:left;
}

.textleft {
text-align:left;
}

.textright {
text-align:right;
}

.detailprice {
font:bold 24px Arial, Helvetica, sans-serif;
color:#3F4C6B;
}


.detailbutton {
background:#B02B2C;
font:700 12px Arial, Helvetica, sans-serif;
color:#FFF;
cursor:pointer;
width:145px;
}

div.bookfieldset {
  margin-right:5px;
  background:#E8EFF4;
  padding-top:5px;
  padding-bottom:5px;
  color:#01295C;
  margin-bottom:5px;
  clear:both;
  /*width:670px;*/


  }  
  
div.bookfielderror {
  margin-right:5px;
  background:#cc3300;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:145px;
  color:#000000;
  font-weight:bold;
  margin-bottom:5px;
  clear:both;
 } 
 
 label {
	text-align: right;
	width: 130px;
	margin-right: 15px;
  padding-top: 3px;
	display: block;
	float: left;
  clear:both;
  }

#programma_left { 
float: left; 
width: 250px;
height:auto; 
}

#programma_right { 
margin-left: 250px;
border-left:1px solid #ccc;
height:auto; 
color:#3F4C6B;
padding-left: 15px;
}

.toplijstheader {
margin-top:5px;
width:212px;
}

.toplijstheader img {
border-bottom:1px solid #FFF;
}

.toplijstcell {
border-bottom:1px solid #fff;
}

.toplijstheader h2 {
font:700 130% Arial, Helvetica, sans-serif;
color:#FFF;
background:#b12c1b;
margin:0;
border-bottom:1px solid;
padding-left:4px;
padding-top:4px;
padding-bottom:4px;
}

.toplijstheader p {
padding:8px;
margin:0;
font-size:92%;
}

.toplijstheader .klikhier {
font-size:110%;
font-weight:700;
text-align:right;
}

.toplijstheader a {
color:#fff;
}

.toplijstheader a:hover {
color:#FFF;
}

.price {
font:bold 20px Arial, Helvetica, sans-serif;
color:#3F4C6B;
padding:6px;
}

.thumb2 {
border:1px solid #FFF;
display: block;
width:100px;
}
.toplijstcellimg {
height:80px;
}

#middlecol #listprod .single {
border-top:1px solid #ccc;
display:block;
float:left;
width:445px;
padding-top:10px;
}

.toplijstcell2 {
border-bottom:1px solid #fff;
background:#CDEB8B;
}

#samenstellen{list-style:none inside none;padding:0}
#samenstellen li{border-bottom:1px solid #73880a;margin:5px 0}
span.green{color:#73880a}
blockquote{background:#73880a;color:#fff;margin:20px 0;padding:20px;text-align:center;font-size:14px}

#reserveringsdagen{}
#reserveringsdagen blockquote{background:#fab3b4;color:#000;margin:20px 0;padding:20px;text-align:center;font-size:12px;font-weight:bold;border:3px solid #b02b2c}
#reserveringsdagen blockquote strong{color:#fff;font-size:16px}

#kerstarrangementen ul{padding:0;margin:0;border-top:1px solid #b02b2c}
#kerstarrangementen li{list-style:none inside none}
#kerstarrangementen ul li label{clear:none;padding:0;margin:0;text-align:left;}
.bbottom{border-bottom:1px solid #b02b2c}

.clearer{clear:both;}