@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;}

img{
border:0px;}
html {height: 100%;}
body{

background-color:#993333;
background-image:url(immagini/design/bg.jpg);
background-repeat:repeat-x;
background-position:top;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size: 100%;
margin-top:30px;
margin-bottom:20px;
height: 100%;

}

h2 img.img-titolo{
color:#990000;
font-size:18px;
margin-bottom:5px;
position:relative;
text-indent:-2000px;}

h2{
color:#990000;
font-size:18px;
margin-bottom:10px;
position:relative;
text-indent:-2000px;}

#hotel-stadhuis {
position: relative;

}
.colonnina .interno h2 img.img-titolo{
position:absolute;
left:5px;
top:5px;
}

h2 img.img-titolo{
position:absolute;
left:0px;
top:5px;
}

h3{
font-size:1em;
color:#333333;
}

#container {
width:100%;
text-align:center;
}

#outerwrapper {
width:834px;
position:relative;
margin: 0 auto;

}

#wrapper{
float:right;
background-color:#F2F2F2;
width:834px;
margin-bottom: 20px;
}

#innerwrapper{
background-color:#DBDBC1;
margin:10px;
min-height: 100%;
text-align:left;

}

/*------------header-------------*/

#header{
position:relative;
height:200px;
background: url(images/head.jpg) no-repeat top left;
width: 834px;
}

#logo{
float:left;
width:263px;
height:138px;
margin-left:5px;
margin-top:5px;
}

#adres {
text-align:left;
font-size:1em;
line-height:1.3em;
font-weight: bold;
padding:6px;
margin-top:60px;
margin-left: 50px;

float:left;
height:138px;
width:400px;
color: #653124;
background: transparent;
}
#adres ul {list-style-type: none;}
#adres ul li {margin-bottom:0.2em;}
#adres a, #adres a:visited{
color:#333333;
/* display:none; */
}

/*----------menu-navigazione-----------*/

#navigation-wrapper {
position: relative;
margin-top: 200px;
margin-right:0px;
float:right;
width:500px;
font-size:1em;
text-align:left;
background: #DBDBC1;

}

/*---------------------immagine-header-------------------*/

#foto-hotel {
position:absolute;
top:320px;
left:0;
width:249px;
height:320px;
background-image:url(images/_hotel.jpg);
background-repeat:no-repeat;
background-position: center center;
background-color: #DBDBC1;

}

#grote-markt {
margin-top: 5px;
margin-right: 5px;
float: right;
width:303px;
height:148px;
background-image:url(images/grote-markt.jpg);
background-repeat:no-repeat;
background-position:top;
}

#immagine-header img{
margin:4px;}


/*---------colonne--------------------*/

#box-content p{

line-height:1.4em;}



#box-colonnine{
margin-top:7px;
margin-bottom:27px;
height:400px;
background-image:url(immagini/design/tratteggio-colonnine.gif);
background-repeat:repeat-y;}

.colonnina{
float:left;
width:33%;}

.interno{
padding-left:12px;
padding-right:12px;
}

.colonnina .interno p{
font-size:0.80em;
line-height:1.4em;
}

.colonnina .interno img{
margin-left:-5px;
}

.foto-home{
float:left;
margin-left:-5px;
padding-right:15px;}

/*-------footer---------------*/

#foot {
font-size:0.7em;
padding:3px;
color:#eee;
clear:both;
background: #993333;
width:804px;
position: relative;
margin: 0 auto 0px auto;
height:30px;
padding-top:10px;

}

#indirizzo a{
color:#632020;
}



#footer a{
color:#FFF;
}

#footer a:visited{
color:#cccccc;
}

#footer a:hover{
color:#333333;
}

.continua{
text-align:right;}

.continua a{
color:#990000;
}

.continua a:visited{
color:#660000;
}

.continua a:hover{
color:#BF0000;
}
.clear{
clear:both;
height:0px;
line-height:0px;}

#map{
border:1px #666666 solid;
margin-top:7px;}

.seleziona_numero{
width:50px;}

#dati-personali{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding:3px;
width:400px;}

#submit{
margin-left:150px;}

#prezzi{
font-size:0.8em;
}
#prezzi td{
padding:5px;

}

.elenco-servizi{
font-size:0.8em;
list-style-image:url(immagini/design/elenco.jpg);
margin-left:15px;}

.elenco-servizi li{
margin-bottom:5px;}

.box-mappa-sito{
margin-top:15px;
margin-bottom:50px;}

.mappa-sito{
font-size:0.8em;
margin-left:20px;}

.mappa-sito li{
margin-top:8px;}

.mappa-sito a{
color:#990000;}

.col span img, .col-first span img {margin-right:10px; float: left; display: inline;}
.col h3, .col-first h3 {font-size: 12px; color: #143A0B; margin-bottom: 0.8em}


/* navigatie */


	#navigation-wrapper {
		float:left;
		margin-right: 0px;
		display: inline;
		width:814px;
		font-size:0.94em;
		line-height:2em;
		background: url(images/nav-left.gif) top left repeat-x;
		
		
	}
	#navigation-wrapper #navigation {
		margin:0;
		padding:0 0 0 0px;
		list-style:none;
		float: right;
		width: 540px;
		text-align: center;
	
	}

	#navigation li {
		float:left;
		margin:0 0 0 -1px;
		padding:0 0 0 6px;
		background:url(nav1.gif) 0 100% no-repeat;
		list-style:none;
	}

#navigation a

{

	color:#DADAC0;
	text-decoration:none;
     padding: 0 2px;
}

#navigation a:hover, a#navigationCurrentLink ,a#navigationCurrentLink:hover

{

	color:#f2f2f2;
	text-decoration:none;
	background-color:#993333;

}

#navigation li li a {

			position:relative;
			display:block;
			width:102px;
			/*white-space: nowrap;*/
			text-decoration: none;
			background-color:#993333;
			text-align: left;
			color:#f2f2f2;
	text-decoration:none;

		}

#navigation li ul {

			position: absolute;
			width: 102px;
			left: -999em;

		}

		#navigation li ul li {

				width:102px;

			}

			#navigation li ul li a {

				display:block;
				width:102px;
				width/**/:/**/92px;
				padding:5px;
				background: #506C43;
				text-decoration:none;

			}

				#navigation li ul li a:hover {

					/* background: #77b0ff url(../images/bull_arrow_wolb.gif) no-repeat 98% center; */
					

				}


#navigation li:hover, #navigation li.sfhover {



}

#navigation li:hover a, #navigation li.sfhover a {

	color:#fff;

}

#navigation li:hover ul, #navigation li.sfhover ul {

	left: auto;
	z-index:200; /* voor eventuele "underlappingen" te voorkomen */
	
}

/** Support for the "iehover-fix.js" **/

#navigation iframe {

position: absolute;
left: 0;
top: 0;
z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);

}

/** end **/

.logintxt {color: white;}
#box-content {
padding: 1em;
clear: both;
}
.col-first {
float: left;
width: 30%;
}
.col-second {
float: left;
width: 30%;
margin-left: 2%;

}

.col-third {
float: right;
width: 30%;

}
.col-third {}

.fld1 {
float: left;
width: 45%;
}
.fld2 {
float: right;
width: 45%;
}

#myGallery img {margin:0 10px 10px 10px; border: 1px solid #0F3208; padding:1px;}

.address {display: block; float: left; padding-left:5px; color: #eee; width: 500px;}
.log {display: block; float: right; padding-right: 10px;}
.log a:link, .log a:visited, .log a:hover, a:link, a:visited, a:hover {color:#000000; text-decoration: underline}
.log a:hover {text-decoration: none}
.foot {}
.WideContentPane-c {
clear: both;
padding: 1em;
position: relative;
background-color: #DBDBC1;
}
#myGallery {padding: 1em;}

.prijzen table { text-align: center;
	border-collapse: separate; background-color: #f2f2f2; border: 3px solid #990033; caption-side: bottom;
}
.prijzen td { border:1px solid #993333; margin: 3px; padding: 3px; vertical-align: top; background: #ffffff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
.Normal, .NormalDisabled {default.css (line 76)
font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5;
font-weight:normal;
}