/*
light: E8D8C7, D3CADC, D2D6C8
dark: C2986C, 8A74A3, 899570
*/
html {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica;
	font-size: 12px;
	height: 100%;
}

#cbe_colorline {
	width: 21px;
	min-height: 2001px;
	height: 100%;
	float: left;
	position: absolute;
	Z-index: 2;
}
#cbe_colorline_ie {
	width: 21px;
	min-height: 2001px;
	height: 100%;
	float: left;
	position: absolute;
	Z-index: 2;
}

/** logo's */
#cbe_banket, #cbe_events, #cbe_catering {
	height: 65px;
	background-repeat: repeat-y;
	background-position: 20px;
	position: relative;
	padding-top: 10px;
	padding-left: 30px;
	 
}
#cbe_events {border-bottom:1px solid #ccc;}
#cbe_banket img,#cbe_catering img,#cbe_events img {
	position: absolute;
	cursor: pointer;
	margin-left: -5px;
	
}
#cbe_banket:hover img,#cbe_catering:hover img,#cbe_events:hover img {
	
}
#cbe_events {
	background-image: url('/texelcatering/extern/cbe/bg_green.png');
	background-color: #899570; 
}
#cbe_catering {
	background-image: url('/texelcatering/extern/cbe/bg_purple.png');
	background-color: #8A74A3;
}
#cbe_banket {
	background-image: url('/texelcatering/extern/cbe/bg_brown.png');
	background-color: #C2986C;
}

/* items in menu*/
.cbe_firstItem {
	position: relative;
	left: 186px;
	width: 227px;
	height: 75px;
	top: -12px;
	overflow: hidden;
}
.cbe_seccondItem {
	position: relative;
	left: 409px;
	width: 227px;
	height: 75px;
	top: -88px;
	overflow: hidden;
}
.cbe_thirdIItem {
	position: relative;
	left: 900px;
	width: 227px;
	height: 75px;
	top: -160px;
	overflow: hidden;
	color: white;
	font-size: 12px;
	margin-top: 9px;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

/* right bar / right blocks */
#right_bar {
	position: absolute;
	left: 722px;
	top: 32px;
	Z-index: 3;
}
#specialBlock {
	position: relative;
	border: 1px solid #bfb2cc;
	background-color: #f5f5f5;
	padding: 5px;
	width: 187px;
	
	color:#efefef;
	font-weight: bold;

	margin-left: 1px;
	margin-top: 4px;
	
	color:#6a794b;
	font-weight: bold;
}
#newsBlock {
	position: relative;
	border: 1px solid #bfb2cc;
	background-color: #f5f5f5;
	padding: 5px;
	width: 187px;
	margin-left: 1px;
	margin-top: 8px;
	
	color:#8A74A3;
	width: 187px;
}

/* Content */
#content {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 20px;
	width: 100%;
	min-height: 775px;
}
#text {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 455px;
}
.widetext {
	left: 0px;
	width: 655px;
}
h1 {
	font-family: Garamond, Times new Roman;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 0px;
}
h2 {
	font-family: Garamond, Times new Roman;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0px;
}
a, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.rechts_kopje {
	font-weight: bold;
}

#image_frame {
	width: 185px;
	margin: 0px;
	padding: 0px;
	min-height: 1775px;
	margin-left: 20px;
}
#image_frame img {
	width: 160px;
	margin-top: 9px;
	position: relative;
	left: -10px;
}
#login_div {
	top: 100px;
	padding: 0px;
	width: 150px;
	position: relative;
}
#login_div, #login_div input, #login_div a, #login_div a:hover, #login_div a:visited {
	font-size: 10px;
}
#login_div input {
	margin-bottom: 3px;
}
#login_div input[type="submit"] {
	color: white;
}

/* lokatiebalk */
.lokatiebalk {
    padding: 0px 0px 0px 0px;

    height: 26px;
    width: 100%;

    background-color: #000;

    border-collapse: collapse;
    border-bottom: 1px SOLID;
    border-color: #777777;
}

.lokatiebalk_inside {
    padding: 0px 0px 0px 0px;

    height: 26px;
    width: 1050px;

    background-color: #333333;

    border-collapse: collapse;
}

.lokatiebalk_knopje {
    padding: 0px 0px 0px 0px;

    height: 26px;
    width: 26px;

    background-color: #333333;

    border-collapse: collapse;
}

.lokatiebalk_spacer {
    padding: 0px 0px 0px 0px;

    height: 26px;
    width: 1px;

    background-color: #333333;

    border-collapse: collapse;
}

.lokatiebalk_tekst {
    padding: 2px 2px 2px 2px;

    text-align: left;
    vertical-align: middle;

    height: 26px;

    color: #cacaca;
    background-color: #333333;

    border-collapse: collapse;
}
.lokatiebalk_tekst a {
    color: #cacaca;
    text-decoration: none;
}
.lokatiebalk_tekst a:hover {
    color: #cacaca;
    text-decoration: underline;
}
.lokatiebalk select {
	font-size: 10px;
	background-color: #B2B2B2;
	border: 1px solid #B2B2B2;
}

/* overlays */
#overlay_black {
	display: none;
	position: absolute;
	Z-index: 10;
	top: 27px;
	left: 0px;
	height: 2000px;
	width: 100%;
	
	background-color: black;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
.overlay {
	position: absolute;
	Z-index: 11;
	background-color: white;
	border: 1px solid black;
	top: 30px;
	left: 88px;
	display: none;
	padding: 15px;
}
#overlay_folder {
	width: 832px;
	height: 1950px;
}
#overlay_folder img {
	width: 660px;
	min-height: 900px;
	border: 1px solid #ccc;
	
}
.overlay h1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	color: #6b4f8b;
}
.overlay h2 {
	color: #6b4f8b;
}

#overlay_folder_smalls {
	width: 160px; 
	float: right;
	position: fixed;
	left: 776px;
}
#overlay_folder_youSee {
	width: 152px; 
	float: right;
	position: fixed;
	border: 1px solid black;
	border-right: 2px solid white;
	border-left: 2px solid white;
	left: 773px;
	Z-index: 20;
	
	background-color: #8A74A3;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}
#overlay_folder_smalls img {
	cursor: pointer;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	width: 150px;
	min-height: 0px;
	height: 217px;
}
#closeFolder {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 20px;
	cursor: pointer;
}
#closeImages {
	position: absolute;
	right: 0px;
	top: 110px;
	padding-right: 10px;
	margin: 5px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	text-align: center;
	background-image: url('/texelcatering/extern/close.gif');
	background-position: bottom left;
	background-repeat:no-repeat;
}
#overlay_buynow {
	width: 640px;
	min-height: 400px;
}
#overlay_special {
	width: 950px;
	min-height: 700px;
}
#overlay_buyed {
	width: 640px;
	min-height: 500px;
	Z-index: 20;
}
#overlay_gallery {
	width: 640px;
	min-height: 600px;
}
#overlay_gallery h1 { margin-bottom: 0px; padding-bottom:0px;}
#overlay_gallery p { margin-top: 0px; padding-top:0px; color: #8A74A3;}
#overlay_gal_thumbs {
	height: 100px;
	overflow: hidden;
}
#overlay_gal_thumbs_div {
	height: 80px;
	width: 100%;
	margin-left: 305px;
}
#overlay_gal_thumbs_div img {
	height: 80px;
	border: 2px solid white;
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	background-color: #eee;
}
#overlay_gal_thumbs_div img:hover {
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	border-color: #8A74A3;
}
#overlay_gal_thumbs_div img.selected {
	border: 3px solid #ffd200;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

/* hot items */
.dbhotitem {
	margin: 10px;
	cursor: pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.dbhotitem:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.dbhotitem div.img {
	width: 50px;
	height: 50px;
	border: 1px solid white;
	position: absolute;
	overflow: hidden;
}
.dbhotitem div.text {
	position: relative;
	left: 57px;
	top: 0px;
	font-variant: small-caps;
	font-family: Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	width: 160px;
}
.dbhotitem div.readmore {
	position: absolute;
	font-family: "Times New Roman", Helvetica;
	font-size: 17px;
	font-weight: bold;
	right: 10px;
	top: 50px;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.dbhotitem div.banket {
	color: #513610;
}
.dbhotitem div.catering {
	color: #623f82;
}
.dbhotitem div.events {
	color: #64692a;
}
disc {
	color: #999;
	font-size: 11px;
}

table th {
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #8A74A3; /*C2986C, 8A74A3, 899570 */
	padding-right: 10px;
	padding-left: 20px;
}
#text input[type="text"], .overlay input[type="text"] {
	width: 200px;
	color: #8A74A3; /*C2986C, 8A74A3, 899570 */
	border: 1px solid #D3CADC; /*E8D8C7, D3CADC, D2D6C8&*/
}
#text select, .overlay select {
	width: 200px;
	color: #8A74A3; /*C2986C, 8A74A3, 899570 */
	border: 1px solid #D3CADC; /*E8D8C7, D3CADC, D2D6C8&*/
}
#text input[type="button"], #text input[type="submit"],.overlay input[type="button"], .overlay input[type="submit"] {
	width: 150px;
	background-color: #D3CADC; /*E8D8C7, D3CADC, D2D6C8&*/
	border: 1px solid #8A74A3; /*C2986C, 8A74A3, 899570 */
	color: #8A74A3; /*C2986C, 8A74A3, 899570 */
	font-weight: bold;
	float: right;
}
.overlay input[type="button"], .overlay input[type="submit"] {
	cursor: pointer;
}
textarea {
	width: 290px;
	color: #8A74A3; /*C2986C, 8A74A3, 899570 */
	border: 1px solid #D3CADC; /*E8D8C7, D3CADC, D2D6C8&*/
	height: 85px;
}
#newsLetterSignoff {
	display: none;
}
#newsLetterSignup,#newsLetterSignoff {
 	border: 1px solid #CCCCCC; padding: 8px; margin: 0px; background-color: #F4F4F4;
}


#topimg_frame {
	width: 693px;
	margin: 0px; padding: 0px;
	display: block;
	
}
#topimg_frame_txt {
	width: 203px;
	height: 215px;
	overflow: hidden;
	display: inline-block;
	
	margin: 0px; padding: 0px;
	padding-right: 480px;
	
	/*background-color: #6b4f8c;
	border: 2px solid #6b4f8c;*/
}
#topimg_frame_cont {
	width: 488px;
	height: 215px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	margin: 0px; padding: 0px;
	/*background-color: #6b4f8c;*/
	position: absolute;
	left: 197px;
}
#topimg_frame_cont img {
	margin: 0px; padding: 0px;
	height: 100%;
	align: center;
}

#topimg_frame_txt p, #topimg_frame_txt h1 { 
	margin-left: 9px;
	margin-top: 0px;
	color: white;
	display: block;
}
#topimg_frame_txt p {
	width: 176px;
	font-size:11px;
	text-align: justify;
}
#topimg_frame_txt h1 {
	margin-top: 3px;
	font-size: 18px;
}
#topimg_frame_txt a, #topimg_frame_txt:hover, #topimg_frame_txt a:visited {
	color: white;
}

.topimg_frame_items div.item {
	height: 15px;
	width: 15px;
	text-align: center;
	font-family: Arial;
	color: white;
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
	font-size: 10px;
}


#pictureframe {
min-height: 150px;
position: relatvie;
margin-left: -195px;
margin-top: 10px;
width: 680px;
}

#printdetails {
display: none;
}

@media print {
	#lokatiebalk div {
		backkround-color: white;
		color: black;
	}
	#login_div, #cbe_banket, #cbe_catering, #cbe_events, #specialBlock { display: none; }
	
	.newsBlock {
		border-left: 1px solid black;
		color: black;
		background-color: #eee;
	}
	#folderBlock tr { height: 15px; }
	#folderBlock img { display: none; }
	#content {
	 	width: 650px; 
	 }
	#text {
		width: 450px;
		color: black;
	}
	#rightbar, #cbe_colorline {
		display: none;
	}
	#image_frame {
		width: 190px;
		min-height: 10px;
	}
	#image_frame img {
		width: 180px;
		border: 1px solid black;
	}
	#printdetails { display: block; width: 200px; background-color: #eee;}
}