html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body	{
	color: #010f65;
	background: #ffffff;
}

/* #wrapper */

#wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background: white;
	border: 1px solid #ff6000;
	border-top: none;
}


/* header */

#header {
	height: 105px;

}
#headerFlash {
	position: absolute;
	top: 0;
	right: 0;
	width: 680px;
	height: 105px;
	background: url(../images/header_back.jpg) no-repeat right top;
}

/* logo */

#logo h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 103px;
	background: url(../images/interface/logo_christelijkevakantiesite.gif) no-repeat left top;
}

#logo h1 a	{
	display: block;
	width: 320px;
	height: 103px;
	text-indent: -999em;
}

/* #content */

#content {
	margin-top: 28px;
	border-top: 5px solid #ff6000;
	padding: 2px 0 0 0;
	min-height: 1px;
}

* html #content {
	height: 1%; /* fix bug causing background to disappear */
}

#columnLeft,
#columnCenter,
#columnRight {
	float: left;
	display: inline;
}

#columnLeft {
	width: 220px;
}

#columnCenter {
	width: 540px;
	padding: 0 10px;
}
#largeWidth #columnCenter {
	width: 640px;
}
#fullWidth #columnCenter {
	width: 770px;
	padding: 0 0 0 10px;
}

#columnRight {
	width: 220px;
}
#largeWidth #columnRight {
	width: 120px;
}
#fullWidth #columnRight {
	display: none;
}



/* boxes */

.box h3,
#wrapper .box h3.title {
	padding: 2px 5px;
}
.box .wrapper {
	padding: 5px 5px 2px 5px;
}
/*
.box a {
	text-decoration: none;
	border-bottom: 1px solid;
}
.box a:hover {
	border-bottom: 1px dotted;
}
*/

/* orange box */
.box.orange {
	border: 1px solid #fcaa79;
	background: #fffbf8;
}
.box.orange h3,
#wrapper .box.orange h3.title {
	border-top: 1px solid #fffbf8;
	border-bottom: 1px solid #fcaa79;
	background: #ffddc8;
	color: #ff6000;
}
.box.orange h2 {
	color: #ff6000;
}
.box.orange a {
	color: #ff6000;
}
.box.orange .wrapper,
.box.orange a:hover {
	color: #5b2201;
}
.box.orange .spacer {
	line-height: 0%;
	height: 0;
	font-size: 0;
	border-bottom: 1px solid #fcaa79;
	margin: 5px 0;
}

/* green box */
.box.green {
	border: 1px solid #b1d87a;
	background: #f8ffef;
}
.box.green h3,
#wrapper .box.green h3.title {
	border-top: 1px solid #f8ffef;
	border-bottom: 1px solid #b1d87a;
	background: #ddf4bf;
	color: #69b400;
}
.box.green a {
	color: #69b400;
}
.box.green .wrapper,
.box.green a:hover {
	color: #3d5220;
}
.box.green .spacer {
	line-height: 0%;
	height: 0;
	font-size: 0;
	border-bottom: 1px solid #b1d87a;
	margin: 5px 0;
}

/* blue box */
.box.blue {
	border: 1px solid #7ac2ff;
	background: #f3f9ff;
}
.box.blue h3,
#wrapper .box.blue h3.title {
	border-top: 1px solid #f3f9ff;
	border-bottom: 1px solid #7ac2ff;
	background: #c3e3ff;
	color: #088dff;
}
.box.blue a {
	color: #088dff;
}
.box.blue .wrapper,
.box.blue a:hover {
	color: #111f6f;
}
.box.blue .spacer {
	line-height: 0%;
	height: 0;
	font-size: 0;
	border-bottom: 1px solid #7ac2ff;
	margin: 5px 0;
}

#wrapper h3.clear {
	padding: 0;
	border: none;
	background: none;
}


.shadow {
	height: 10px;
	font-size: 0;
	line-height: 0%;
	background: url(../images/interface/shadow_spacer.gif) repeat-x left top;
}


/* homeBoxes */
table#homeBoxes {
	border-collapse: collapse;
	border: none;
	width: 540px;
}
table#homeBoxes td {
	vertical-align: top;
	padding: 0 0 10px 0;
	background: #fffbf8 url(../images/interface/homebox_full_back.gif) no-repeat left bottom;
}
table#homeBoxes td.boxLeft {
	padding-right: 5px;
	width: 50%;
	background: #fffbf8 url(../images/interface/homebox_half_back.gif) no-repeat left bottom;
}
table#homeBoxes td.boxRight {
	padding-left: 5px;
	width: 50%;
	background: #fffbf8 url(../images/interface/homebox_half_back.gif) no-repeat right bottom;
}

table#homeBoxes td .box {
	height: 100%;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background: none;
}
table#homeBoxes td .box h3 {
	margin: 0 1px;
}

/* marquee */
#content .marquee h3 {
	margin: 0;
	border: 1px solid #fffbf8;
	background: #fcaa79;
	color: white;
}


/* #footer */

#footer	{
	border-top: 1px solid white;
	font-size: 0.9em;
	background: #7dd302 url(../images/interface/topmenu_back.gif) repeat-x left top;
	color: white;
}

#footer .wrapper {
	padding: 0.5em 1.5em;
	text-align: center;
}

#footer a	{
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
}
#footer a:hover {
	border-bottom: 1px dotted white;
}

#footer #copyright {
	float: right;
	display: inline;
}


/* topMenu */

#topMenu,
#topMenu li {
	margin: 0; padding: 0;
	list-style: none;
}

#topMenu {
	position: absolute;
	top: 104px;
	width: 1000px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	background: #7dd302 url(../images/interface/topmenu_back.gif) repeat-x left top;
}
#topMenu li {
	position: relative;
	float: left;
	display: inline;
	padding: 6px 0;
	line-height: 110%;
	font-size: 12px;
	font-weight: bold;
}
#topMenu li a {
	float: left;
	display: inline;
	border-right: 1px solid #ddf8b7;
	padding: 0 15px;
	text-decoration: none;
	color: white;
}
#topMenu li a:hover {
	text-decoration: underline;
}

/* submenu */
#topMenu li ul {
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	margin: 0; padding: 0;
	background: #ddf4bf;
	border: 1px solid #7cd202;
	border-top: none;
}
#topMenu li:hover ul,
#topMenu li.hover ul {
	display: block;
}
#wrapper #topMenu li ul li {
	margin: 0; padding: 0;
	clear: both;
	float: left;
	background: none;
}
#wrapper #topMenu li ul li a {
	float: left;
	margin: 0;
	padding: 5px 5px;
	text-decoration: none;
	border: none;
	border-top: 1px solid #7cd202;
	background: none;
	color: #69b300;
	min-width: 13em;
}
* html #wrapper #topMenu li ul li a {
	height: 0.1%; /* area fully clickable in IE */
	width: 13em;
}
#wrapper #topMenu li ul li a:hover {
	background: #f8ffef;
}


/* #menu */

#menuHeight {
	/* placeholder to open container because of floating menu (defined in inc/variables.php) */
}
#editPage #menuHeight	{
	display: none;
}
#menu {
	position: absolute;
	top: 140px;
	left: 0;
	width: 220px;
	padding-bottom: 6px;
	background: url(../images/interface/shadow_spacer.gif) repeat-x left bottom;
}
#editPage #menu	{
	display: none;
}

#menu {
	width: 220px;
}

#menu ul,
#menu ul li {
	margin: 0;	padding: 0;
	list-style: none;
}

#menu ul li {
	float: left;
	display: block;
	position: relative;
	border-bottom: 1px solid white;
}

#menu ul li.spacer {
	height: 5px;
	width: 220px;
	text-indent: -999em;
	line-height: 0%;
	font-size: 0;
	background: #008aff url(../images/interface/menu_spacer.gif) no-repeat left top;
}

#menu ul li a {
	display: block;
	width: 195px;
	height: 22px;
	margin: 0;
	padding: 0px 3px 0px 22px;
	white-space: nowrap;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #01447e;
	background: #80c5ff url(../images/interface/menu_back.gif) no-repeat left top;
}
* html #menu ul li a {
	width: 220px;	/* different width for IE5 (boxmodel) */
	w\idth: 195px;	/* reset width for IE6 */
}
#menu ul li.hover a,
#menu ul li:hover a,
#menu ul li a:hover {
	color: white;
	background: #008aff url(../images/interface/menu_back_on.gif) no-repeat left top;
}

#menu ul li.special a {
	color: white;
	background: #008aff url(../images/interface/menu_back_on.gif) no-repeat left top;
}
#menu ul li.special.hover a,
#menu ul li.special:hover a,
#menu ul li.special a:hover {
	color: #01447e;
}


/* submenu */

#wrapper #menu ul ul {
	display: none;	/* hide submenu */
	position: absolute;
	z-index: 99;
	left: 220px;
	top: 0;
	width: 218px;
	border: 1px solid #008aff;
	border-bottom: none;
}
* html #wrapper #menu ul ul {
	width: 220px;
	w\idth: 218px;
}

#wrapper #menu ul ul,
#wrapper #menu ul ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#wrapper #menu ul li:hover ul,
#wrapper #menu ul li.hover ul {
	/* #menu ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}

#wrapper #menu li li {
	background: none;
	height: auto;
}

#wrapper #menu ul li li a {
	height: auto;
	width: 193px;
	padding-left: 22px;
	border-bottom: 1px solid #008aff;
	color: #01447e;
	background: #80c5ff url(../images/interface/menu_back.gif) no-repeat left top;
}
* html #wrapper #menu ul li li a {
	width: 220px;	/* different width for IE5 (boxmodel) */
	w\idth: 193px;	/* reset width for IE6 */
}

#wrapper #menu li li a:hover {
	color: white;
	background: #008aff url(../images/interface/menu_back_on.gif) no-repeat left top;
}



/* various classes */

hr,
h2 {
	display: none;
}
#content hr,
#content h2 {
	display: block;
}

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}

.image {
	width: 187px;
	margin-bottom: 30px;
	background: white;
	border: 1px solid #949494;
}
* html .image {
	width: 1em;
}

.image img {
	border: 1px solid white;
}

.border img {
	border: 1px solid #949494;
}

.left {
	float: left;
	margin: 0 1em 1em 0;
}

.right {
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}

abbr {
	border: none;
}

.clearBoth {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0%;
	font-size: 0;
}

hr {
	height: 1px;
}
hr.blue {
	border: 1px solid #7ac2ff;
}
hr.orange {
	border: 1px solid #fcaa79;
}
hr.green {
	border: 1px solid #b1d87a;
}

/* shownext */
.showNext .left,
.showNext .right,
.showNext a {
	font-weight: bold;
	color: #ff6000;
}


/* productBox */

.productBox .productPic {
	float: left; display: inline;
	width: 110px;
	overflow-x: hidden;
}
.productBox .productText {
	float: left; display: inline;
	width: 400px;
}
.productBox .highlight {
	color: #ff6000;
	font-weight: bold;
	width: 100px;
	font-size: 11px;
	overflow: hidden;
}
.productBox td.label {
	width: 8.5em;
	font-weight: bold;
}
#wrapper .productPic a {
	border: none;
	text-decoration: none;
}

/* productDetails */
.productDetails .productPic {
	float: left; display: inline;
}
.productDetails .productText {
	float: left; display: inline;
	margin-left: 10px;
}
.productDetails td.label {
	width: 8.5em;
	font-weight: bold;
}

/*
.productDetails dl dt {
	width: 8.5em;
}
.productDetails dl dd {
	border: 1px solid red;
	margin-left: 9em;
	margin-bottom: 0.2em;
}
*/

.productDetails .star {
	float: left; display: inline;
	width: 16px;
	height: 12px;
	background: url(../images/interface/ico_ster.gif) no-repeat left top;
}

.buttonBar {
	clear: both;
	min-height: 2em;
}
* html .buttonBar {
	height: 2em;
}
.buttonBar a {
	margin-right: 5px;
}
* html .buttonBar a {
	float: left;
	display: inline;
}
table#prijscategorieen tbody.week 	{
	background-color: #ffa066;
}
table#prijscategorieen tbody.midweek	{
	background-color: #ffaf7f;
}
table#prijscategorieen tbody.weekend	{
	background-color: #ffbf99;
}
table#prijscategorieen tbody.dag	{
	background-color: #ffcfb2;
}

/* actie tabellen op detailpagina */
table.actieTabel {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ffddc8;
	margin-top: 5px;
}
table.actieTabel th,
table.actieTabel td {
	padding: 2px 5px;
	vertical-align: top;
}
table.actieTabel th {
	background: #ffddc8;
}
table.actieTabel td {
	background: white;
}
table.actieTabel tr.row1 td {
	border-top: 1px solid #ffddc8;
}
table.actieTabel tr.row2 td {
}


/*	Xtreme tracker	*/
#eXTReMe		{
	float: left;
}

#eXTReMe img	{
	width: 10px;
	height: 10px;
}

#eXTReMe {
	display: none;
}


/* IE5.x/WIN hacks */
@media tty {
 i{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}
}/* */

/* IE5.5 */
@media tty {
 i{content:"\";/*" "*/}}@m; @import 'ie55.css'; /*";}
}/* */



/*	tabel opmaak voor lijst zondagsrustcampings	*/
table#zondagsrust	{
	border:0;
	width:100%;
	margin-left:1.2em;
}
table#zondagsrust th	{
	font-weight:bolder;	
	color: rgb(255, 102, 0);
	text-align:left;
	padding-top: 1em;
}	
	
table#zondagsrust td	{
	border:0;
	color: #01447E;
	padding-left:1em;
}
table#zondagsrust td a	{
	color: rgb(255, 102, 0);
}