/* Portucasa */

/* XHTML and CSS copyright 2007, Matthijs Boot; zydell.net */
/* Contact: m.boot@zydell.net or http://www.zydell.net/ */

/* You may NOT reproduce this design */
/* You are free to study the source and use techniques you learn from it */

body
{
	background-color: #5a51c1;
	color: black;
	text-align: center;
}

#container
{
	width: 933px;
	height: 554px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	top: 22px;
	background: #f3f3f3 url(../images/subnav_top_bg.gif) top left repeat-x;
	
}

#header
{
	position: absolute;
	top: 0;
	left: 165px;
	z-index: 1;
	width: 768px;
	height: 125px;
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}

#header h3
{
	width: 636px;
	height: 64px;
	margin: 0;
}
#header h3 span, #header h4
{
	display: none;
}

#sub_navigation
{
	margin: 0 0 0 28px;
	list-style-type: none;
	overflow: auto;
	height: 55px;
}
#sub_navigation li
{
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
#sub_navigation li a
{
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
}
#sub_navigation li a
{
	text-decoration: none;
	background: url(../images/subnav_item.gif) top center no-repeat;
}

#sub_navigation li.active a,
#sub_navigation li a:hover
{
	background: url(../images/subnav_portucasa.gif) top center no-repeat;
}

#spanner
{
	z-index: 0;
	position: absolute;
	top: 64px;
	left: 0;
	overflow: hidden;
	width: 933px;
	height: 490px;
	background: url(../images/container_bg.gif) top left repeat-y;
}
#left_column
{
	position: absolute;
	height: 490px;
	width: 169px;
	background: url(../images/left_column_bg.gif) top right no-repeat;
}
#navigation
{
	padding-top: 13px;
	padding-bottom: 17px;
	list-style-type: none;
	background: url(../images/nav_bottom.gif) bottom right no-repeat;
}
#navigation li
{
	height: 26px;
	width: 169px;
	overflow: hidden;
	background: url(../images/nav_item.gif) top right no-repeat;
}
#navigation li a
{
	display: block;
	padding-left: 18px;
	height: 26px;
	background-position: top right;
	background-repeat: no-repeat;
	line-height: 26px;
	width: 169px;
	voice-family: "\"}\""; 
  voice-family:inherit;
	width: 151px;
}
#navigation li.active a,
#navigation li a:hover
{
	background-position: bottom right;
}
#link_sgr
{
	position: absolute;
	width: 36px;
	height: 32px;
	left: 20px;
	bottom: 20px;
	background: url(../images/sgr.gif) top left no-repeat;
}
#link_sgr span
{
	display: none;
}


#content
{
	position: absolute;
	top: 64px;
	left: 164px;
	overflow: auto;
	padding: 0 65px 10px 30px;
	width: 768px;
	height: 416px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 673px;
	height: 406px;
}

#content a:link, #content a:active
{
	color: black;
	text-decoration: underline;
}
#content a:visited
{
	color: #666666;
}
#content img
{
	border: none;
}

#content hr
{
  border: 0;
  height: 1px;
  margin: 0 0 10px;
}

#content table
{
	width: 328px;
}
#content table tr td
{
	text-align: center;
}
/* onderschrift foto's huispagina - lambert */
#content table tr td.onderschrift
{
	padding: 5px 0 0 0;
}
#content .huis_item
{
	float: left; 
	display: block; 
	width: 15px;
}
#col1, #col2, #col3
{
	text-align: center;
	float: left;
	width: 200px;
	border-top: 1px solid #5a51c1;
	margin-top: 2em;
}
#col1 ul, #col2 ul, #col3 ul
{
	margin-top: 0.25em;
}

/* Huizen Overzicht */
#huizen_overzicht
{
	margin-top: 1.5em;
	border-bottom-width: 0;
	width: 650px;
	margin-bottom: 1em;
}
.huis_overzicht
{
	overflow: hidden;
	padding: 7px;
	height: 113px;
	voice-family: "\"}\""; 
  voice-family:inherit;
	height: 99px;
}
.huis_overzicht img
{
	float: left;
	display: block;
	margin-right: 1em;
}

.huis_overzicht h2
{
	font-size: 1.167em;
	line-height: 1.214em;
	margin-bottom: 0;
	font-family: arial, helvetica, sans-serif !important;
}

.huis_overzicht h2 span
{
	font-size: 0.8em;
	font-weight: normal;
	padding-left: 5px;
}
.huis_overzicht h3
{
	font-size: 1.083em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0;
	font-family: arial, helvetica, sans-serif !important;
}

.huis_overzicht a,
.huis_overzicht a:link,
.huis_overzicht a:visited
{
	text-decoration: none !important;
	font-weight: bold;
}
.huis_overzicht a:hover,
.huis_overzicht a:active
{
	color: black;
}
.huis_overzicht a:visited
{
	color: #666666;
}

/* Home page: */
.home #spanner
{
	position: absolute;
	z-index: 2;
	background-color: white;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.home #navigation li
{
	background: none;
}
.home #navigation
{
	background-position: top right;
	background-repeat: no-repeat;
	padding-bottom: 11px;
}

/* General Classes */
.bold
{
	font-weight: bold;
}
.clear
{
	clear: both;
}
.left
{
	float: left;
}
.kolom { width: 600px; }
.twee_koloms_kolom { width: 300px; }
.drie_koloms_kolom { width: 200px; }
.vier_koloms_kolom { width: 150px; }
.vijf_koloms_kolom { width: 120px; }
.zes_koloms_kolom { width: 100px; }

.right
{
	float: right;
}
.hide
{
	display: none;
}
.nobottommargin
{
	bottom-margin: 0 !important;
}

/* vakantiehuis faciliteiten */
#faciliteit  table
{
	width: 600px;
}
#faciliteit  table tr td
{
	padding: 2px 2px 2px 2px;
	text-align: left;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
}