/* Content */

#intro {
	padding: 0px 20px 50px 30px;  
	width: 450px;
	}

#container {
	width: 710px;
	height: 670px;
	background: #FFF url(../stad/zonnighotel.jpg) no-repeat top left;
	padding: 150px 0px 0px 0px;  
	margin: 0px auto; 
	border-left: 2px solid #840018;
	border-right: 2px solid #840018;
	}

/* Left Bar */
#container #linkList {
	left: 60px;
	xtop: 130px;
	width: 120px;
}
#linkList h3 {
	position: relative;	
	top: 10px;	
	xtop: -36px;
	width: 120px;
	xheight: 18px;
	xmargin-top: 18px;
}

#linkList h3 span {
	display: none;
}

/* left header images */
#linkList h3.select {
	background: url(../stad/menu_top.gif) no-repeat top left;
	}
#linkList ul {
	list-style: none;
	padding: 0 0 18px 0;
	margin: 0;
	background: url(../stad/menu_foot.gif) no-repeat bottom left;
	}
#linkList ul li {
	padding: 5px 10px 5px 10px;
	background: url(../stad/li_bg.png) bottom left;
	border-bottom: 1px solid #840018;
	margin: 0;
	}
/* li:hover style... have to replace the BG so the color will show up. */
#linkList ul li:hover {
	background: #FFF url(../stad/spacer.gif);
	}
/* bunch of crazy styles... so IE will still look ok when it
   doesn't parse :hover. */
#linkList #lselect {
	color: #840018;
	}
#linkList ul li a {
	/* this would be block, save for the nbsp at the end of the
		link for "accessibility" purposes. :P */
	display: inline;
	text-transform: lowercase;
	}
#linkList #lselect ul li a {
	font: 14px Trebuchet MS, serif;
	font-style: italic;
	background: #FFF;
	letter-spacing: 3px;
	margin-bottom: 2px;
	text-align: left;
	display: block;
	text-transform: lowercase;
	}
#linkList #lselect ul li a.c, #linkList ul li a.c {
	display: inline;
	color: #FFF;
	text-transform: none;
	}
/* if the browser doesn't read the :hover pseudoclass, this
	shouldn't render and the text shouldn't change color */
#linkList ul li:hover a, #linkList #lselect ul li:hover a {
	color: #FFF;
	}


body {
	font: 10pt/14pt "Trebuchet MS", sans-serif; 
	color: #840018;
	background: #7259FF;
	margin: 0px;
	SCROLLBAR-FACE-COLOR: #f3f3f3;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	}

p { 
	font: 10pt/16pt "Trebuchet MS", sans-serif; 
	margin-top: 0px; 
	text-align: justify;
	}

h3 {
	font: normal 13pt "Trebuchet MS", sans-serif;
	letter-spacing: 3px;
	margin-bottom: 2px;
	text-align: left;
	color: #840018;
	filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; background-color:#FFFFFF;  
	}

a:link, a:visited {
	font-weight: bold; 
	text-decoration: none;
	color: #840018;

	}
a:hover, a:active {
	text-decoration: underline;
	color: #00F;

	}


input,select {
	font-family : Trebuchet MS, sans-serif;
	font-size : 12px;
	background-color: #f3f3f3;
	color: #840018;
	}
textarea {
	font-family : Trebuchet MS,  sans-serif;
	font-size : 13px;
	background-color: #f3f3f3;
	color: #840018;
	}
select {
	font-family : Trebuchet MS, sans-serif;
	font-size : 13px;
	color : #f3f3f3;
	}




/* Sub navigation */
#subnavigation
#sub_outer			{width:120px; border-bottom:1px solid #fff; font-weight:bold;}
#sub_outer span		{display: block; padding:3px 2px 3px 5px}
#sub_outer a		{display: block; width:100%; height:100%; background:#A39D99; color:#fff;}
#sub_outer a:hover		{background:#DDD5D3; color:#00f}
#sub_outer a:active		{background:#BF6262; color:#000}
#sub_outer .select, #ter_outer .select, #terb_outer .select, #terc_outer .select	{color:#fff; background:#840018; font-weight:bold;}
#sub_outer .current, #ter_outer .current, #terb_outer .current, #terc_outer .current	{color:#840018; background:#fff; font-weight:bold;}
#sub_outer .pointer		{font-weight:bold; color:#fff; background:#840018 url(../images/basiq/pijl_red_down.gif) 5px 5px no-repeat; padding:0px 0px 0px 12px; width:108px}

/* Tertiary navigation */
#ter_outer			{width:120px; border-bottom:1px solid #fff; font-weight:normal;}
#ter_outer span		{display: block; padding:3px 2px 3px 5px}
#ter_outer a		{display: block; width:100%; height:100%; background:#DDD5D3; color:#000;}
#ter_outer a:hover		{background:#A39D99; color:#00f}
#ter_outer a:active		{background:#BF6262; color:#000}

/* TertiaryB navigation */
#terb_outer		{width:120px; border-bottom:1px solid #fff; font-weight:normal; font-size:10px;}
#terb_outer span		{display: block; padding:3px 2px 3px 5px}
#terb_outer a		{display: block; width:100%; height:100%; background:#ECE7E6; color:#000;}
#terb_outer a:hover		{background:#A39D99; color:#00f}
#terb_outer a:active		{background:#BF6262; color:#000}

/* TertiaryB navigation */
#terc_outer			{width:120px; border-bottom:1px solid #fff; font-weight:normal; font-size:9px;}
#terc_outer span		{display: block; padding:3px 2px 3px 5px}
#terc_outer a		{display: block; width:100%; height:100%; background:#F2EFEE; color:#000;}
#terc_outer a:hover		{background:#A39D99; color:#00f}
#terc_outer a:active		{background:#BF6262; color:#000}

.back {position: relative;  margin-top:-200px; margin-left:200px; width:350px; z-index:-1;}
.powered, .powered a, .powered a:hover, .powered a:visited {color:rgb(140,140,140); text-decoration:none;}
a.powered, a.powered , a:hover.powered, a:visited.powered {color:rgb(140,140,140); text-decoration:none;}