body, table{
	overflow				: hidden;
	font					: 10px verdana, Arial, Geneva, sans-serif;
	color					: #fff;
}

body{
	background				: #000;
}

.show {
	display					: block;
}
.hide {
	display					: none;
}


#grhr_container #clmn_left, #grhr_container #clmn_mid, #grhr_container #clmn_right{
	float					: left;
}

#grhr_container #clmn_left{
	width					: 150px;
	height					: 580px;
}

#grhr_container img{
	border					: 0px solid #000000;
}

#grhr_container br{
	clear					: left;
}

#grhr_container br.all{
	clear					: both;
	float					: none;
}

#grhr_container a, #grhr_container a:hover{
	font					: 10px verdana, Arial, Geneva, sans-serif;
	color					: #fff;
	text-decoration			: none;
}

#grhr_container a:hover{
	text-decoration			: underline;
}


/* project */

#grhr_container{
    position				: absolute;
	width					: 968px;
	height					: 580px;
	margin-left				: -484px; /* helft van breedte */
	margin-top				: -290px; /* helft van hoogte */
	top						: 50%;
	left					: 50%;
}

#admin-content #grhr_container{
	position: relative;
	top: 280px
}

/* index page */

#grhr_container #index_container{
	height					: 580px;
	background				: url(../img/backgrounds/index.jpg) repeat-x;
}

#grhr_container #main{
	float					: left;
	background				: url(../img/backgrounds/building.jpg) repeat-x;
	width					: 654px;
	height					: 580px;
}

#placeContent #grhr_container #main, #placeContent #grhr_container .left_ridge{
	margin					: -16px 0px 0px 0px;
}

#placeContent #grhr_container .right_ridge{
	margin-top				: -51px;
}

#grhr_container #icons{
	clear					: both;
	position				: absolute;
	width					: 140px;
	height					: 46px;
	top						: 100%;
	margin					: -50px 0px 0px 7px;
}

#grhr_container #icons a{
	display					: block;
	float					: left;
}

#grhr_container .left_ridge{
	float					: right;
	height					: 580px;
	width					: 8px;
	background				: url(../img/backgrounds/left_ridge.png) 0px 0px no-repeat;
}

#grhr_container .xxxlogo{
	width					: 42px;
	height					: 32px;
	background				: url(../img/backgrounds/xxxlogo.png) 0px 0px no-repeat;
	margin					: 7px 0px 0px 0px;
}

#grhr_container .grasshopperlogo{
	width					: 46px;
	height					: 46px;
	background				: url(../img/backgrounds/grasshlogo.png) 0px 0px no-repeat;
}

#grhr_container .amsterdamlogo{
	width					: 44px;
	height					: 44px;
	background				: url(../img/backgrounds/amsterdamlogo.png) 0px 0px no-repeat;
	margin					: 1px 0px 0px 0px;
}

#grhr_container .right_ridge{
	float					: left;
	height					: 580px;
	width					: 8px;
	background				: url(../img/backgrounds/right_ridge.png) 0px 0px no-repeat;
	margin-top				: -35px;
}

.evita, .sportsbar, .discobar, .coffeeshop{
	display					: block;
	margin-left				: 7px;
}

.evita{
	width					: 144px;
	height					: 131px;
	background				: url(../img/backgrounds/evita.png) 0px 0px no-repeat;
	margin-top				: 35px;
}

.sportsbar, .discobar{
	width					: 143px;
	height					: 129px;
	background				: url(../img/backgrounds/sportsbar.png) 0px 0px no-repeat;
}

.discobar{
	height					: 127px;
	background				: url(../img/backgrounds/discobar.png) 0px 0px no-repeat;
}

.coffeeshop{
	width					: 152px;
	height					: 132px;
	background				: url(../img/backgrounds/coffeeshop.png) 0px 0px no-repeat;
}

/* index menu */

#grhr_container #index_container .cntr_sitemenu	{
	xheight					: 560px;
	width					: 130px;
	float					: left;
	font					: bold 11px verdana, Arial, Geneva, sans-serif;
	padding					: 60px 0px 0px 5px;
}

#grhr_container #index_container ul, #grhr_container #index_container ul li	{
	list-style				: none;
	margin					: 0px 5px 0px 0px;
	padding					: 0px;
}

#grhr_container #index_container ul li{
	padding					: 8px 0px 8px 0px;	
}

#index_container ul li .menu_item{
	position				: relative;
}

#grhr_container .menu_item .original{
	position				: absolute;
	top						: 0px;
	left					: 0px;
	font					: bold 11px verdana, Arial, Geneva, sans-serif;
	color					: #ffffff;
	z-index					: 5;
}

#grhr_container .menu_item .shadow{
	position				: absolute;
	top						: 1px;
	left					: 1px;
	font					: bold 11px verdana, Arial, Geneva, sans-serif;
	color					: #000000;
	z-index					: 1;
}

#grhr_container #index_container ul li a	{
	font					: bold 11px verdana, Arial, Geneva, sans-serif;
}

/* main menu */
.cntr_sitemenu, .cntr_topmenu, .cntr_langmenu{
	float					: right;
	height					: 20px;
}

#grhr_container #main_content .cntr_sitemenu	{
	width					: 593px;
}

#grhr_container #main_content .cntr_sitemenu ul,
#grhr_container #main_content .cntr_sitemenu ul li,
#grhr_container .cntr_topmenu ul, #grhr_container .cntr_topmenu ul li,
#grhr_container .cntr_langmenu ul , #grhr_container .cntr_langmenu ul li {
	float					: left;
	list-style				: none;
	padding					: 0px;
}

#grhr_container .cntr_sitemenu ul, #grhr_container .cntr_sitemenu ul li	{
	margin					: 0px 10px 0px 0px;
}

#grhr_container .cntr_sitemenu ul li a,
#grhr_container .cntr_topmenu ul li a,
#grhr_container .cntr_sitemenu ul li a:hover,
#grhr_container .cntr_topmenu ul li a:hover{
	font					: bold 10px verdana, Arial, Geneva, sans-serif;
}

#grhr_container .cntr_topmenu{
	margin					: 0px 10px 0px 0px;
}

#grhr_container .cntr_langmenu{
	margin					: 0px 10px 0px 0px;
}

#grhr_container .cntr_langmenu ul li{
 	padding					: 0px 0px 0px 5px;
 }
/* main pages */

#grhr_container #main_container	{
	height					: 580px;
	background				: url(../img/backgrounds/index.jpg);
}

#grhr_container #painting{
	z-index					: 1;
	position				: absolute;
	top						: 0px;
	left					: 0px;
	width					: 220px;
	height					: 215px;
	background				: url(../img/backgrounds/painting.png) 0px 0px no-repeat;
}

#joinnow {
	position: absolute;
}

#joinnow img {
	margin: 95px 0 0 -15px
}

#grhr_container #main_content,
#joinnow	{
	width					: 644px;
	height					: 580px;
	background				: #6C8148 url(../img/backgrounds/maincontent.jpg) repeat-x;
	float					: left;
	padding					: 0px 0px 0px 10px;
}

#grhr_container #logo	{
	width					: 565px;
	height					: 133px;
	margin-left				: 45px;
	background				: url(../img/backgrounds/logo.png) 0px 0px no-repeat;
}

#grhr_container #logo_bar{
	position				: absolute;
	bottom					: 15px;
	xpadding-left			: 125px;
}

/* content */

#grhr_container .title_page,
#grhr_container .content_area_left,
#grhr_container .content_area	{
	font-size				: 13px;
	font-weight				: bold;
	color					: #FFF;
}

#grhr_container .title_page{
	padding-bottom			: 10px;
	width					: 500px;
}

#grhr_container .title_page a{
	float					: right;
}

#grhr_container .content_area, #grhr_container .content_area_left{
	float					: left;
	overflow				: auto;
}

#grhr_container .content_area	{
	width					: 595px;
	height					: 380px;
	margin					: 20px 0px 0px 50px;
}

#grhr_container .content_area_left{
	padding					: 0px 10px 0px 0px;
	margin					: 20px 0px 0px 0px;
}

.titletextimg, .textimg{
	float					: none;
	clear					: both;
	padding					: 5px 0px 5px 0px;
	width					: 580px;
}

#grhr_container .content_area_left{
	border-bottom			: 1px solid white;
}

#grhr_container .content_area_left .news_title, #grhr_container .content_area .txt, #grhr_container .content_area .lftTxt {
	float					: left;
}

#grhr_container .content_area_left img, #grhr_container .content_area img{
	float					: right;
}

#grhr_container .content_area_left .dt{
	font-weight				: normal;
}

#grhr_container .content_area img, #grhr_container .content_area_left img {
	border					: 1px solid #fff;
}

#grhr_container .content_area .txt,
#grhr_container .content_area_left .lftTxt,
#grhr_container .content_area_left .rgtTxt{
	float					: left;
	font					: 11px verdana, Arial, Geneva, sans-serif;
	line-height				: 15px;
	font-weight				: normal;
	vertical-align			: top;
}

#grhr_container .content_area .txt	{
	margin					: 0px;
	padding-right			: 10px;
	width					: 280px;
}

#grhr_container .content_area_left .lftTxt, #grhr_container .content_area_left .rgtTxt{
	width					: 260px;
	padding					: 0px 0px 5px 0px;
}

#grhr_container .content_area_left .rgtTxt{
	float					: right;
}

#grhr_container .content_nieuws {
	width					: 580px;
	float					: right;
	overflow				: auto;
	padding-right			: 50px;
}

#grhr_container .contentcontainer {
	width					: 570px;
	xheight					: 380px;
	xoverflow				: auto;
	margin-top				: 20px;
}

/* movie area */

#content_area_movie	{
	height					: 288px;
	xtext-align				: center;
	xmargin					: 40px;
}

#grhr_container #content_area_movie img{
	xfloat					: left;

}

.wmv, .quicktime{
	float					: left;
	display					: block;
	width					: 120px;
	height					: 115px;
	border					: 0px solid #000000;
	margin					: 0px 0px 0px 100px;
}

.wmv{
	background				: url(../img/backgrounds/wmv.png) 0px 0px no-repeat;
}

.quicktime{
	background				: url(../img/backgrounds/quicktime.png) 0px 0px no-repeat;
}

#grhr_container .gb_entry{
	float					: left;
	width					: 470px;
}

.gb_delete{
	float					: left;
	width					: 106px;
	height					: 30px;
	background				: url(../img/backgrounds/gb_delete.png) repeat-x;
	cursor					: pointer;
}

.gb_date, .gb_header, .gb_txt{
	float					: left;
	font					: 10px verdana, Arial, Geneva, sans-serif;
	color					: white;
	font-style				: italic;
}

.gb_header, .gb_txt{
	font-style				: normal;
	font-weight				: bold;
}

.gb_txt{
	font-weight				: normal;
}

/*input forms*/

.frm_guestbook{
	position				: absolute;
	top						: 50%;
	left					: 50%;
	margin					: -145px 0px 0px -236px;
	width					: 472px;
	height					: 300px;
	border					: 2px inset #273018;
	padding					: 10px 30px 0px 0px;
	background				: url(../img/backgrounds/maincontent.jpg) repeat-x;
}


.ttl_guestbook{
	width					: 400px;
	height					: 100px;
	background				: url(../img/backgrounds/ttl_guestbook.png) repeat-x;
}

ul.form{
	list-style-type			: none;
	font					: 10px verdana, Arial, Geneva, sans-serif;
}

ul.form li{
	padding					: 2px 0px 2px 0px;
	clear					: both;
}

ul.form label{
	float					: left;
}

ul.form a, ul.form input, ul.form textarea{
	float					: right;
}

ul.form a{
	float					: right;
	font					: 11px verdana, Arial, Geneva, sans-serif;
	color					: #fff;
}

ul.form input, ul.form textarea{
	width					: 300px;
}

#grhr_container a.submit{
	font-weight				: bold;
	text-decoration			: none;
}

.frm_guestbook a.submit, #applicationform a.submit, .frm_guestbook a.cancel, #grhr_container .gb_guestbook{
	display					: block;
	width					: 110px;
	height					: 32px;
}

.frm_guestbook a.submit, #applicationform a.submit{
	background				: url(../img/backgrounds/gb_submit.png) repeat-x;
}

.frm_guestbook a.cancel{
	background				: url(../img/backgrounds/gb_cancel.png) repeat-x;
}

#grhr_container .guestbookButton{
	float					: right;
	margin					: 0px 5px 0px 0px;
}

#grhr_container .gb_guestbook{
	width					: 108px;
	background				: url(../img/backgrounds/guestbook.png) repeat-x;
}

#grhr_container .guestbookButton img{
	border					: none;
}

.nwsContainer{
	overflow				: auto;
	height					: 380px;
}


/*Webshop*/
.cnt_order_ok, .cnt_order_check{
	background				: #99AF88;
	border					: 1px solid #99AF88;
	color						: #000;
	font-size				: 11px;
}

#cnt_webshop_ttl, #order_ttl{
	background				: #013300;
	padding					: 2px 3px;
	font					: bold 14px verdana, Arial, Geneva, sans-serif;
}

#order_ttl{
	width						: 570px;
	height					: 21px;
}

.cnt_order_check{
	width						: 470px;
	height					: 145px;
}

.cnt_order_ok {
	width						: 570px;
	height					: 105px;
}

.btn_ok{
	width						: 570px;
	height					: 105px;
	background				: url
}

/**** CSS SOLLICITATIE FORMULIER ***********************************************/
#applicationform{
	overflow: auto;
	width: 780px;
	height: 485px;
}

table.personal_data{
	width: 645px;
}

table.personal_data table{
	width: 100%;
}

table td{
	vertical-align: top;
	text-transform: lowercase;
}

table input, table textaria{
	font: normal 9px verdana, Arial, Geneva, sans-serif;
}

.personal_data input, personal_data textarea{
	width: 160px;
}

.personal_data textarea{
	height: 50px;
}

.td_head{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.td_subhead{
	font-size: 11px;
	font-weight: notmal;
}

.border td{
	border: 1px solid #f1f1f1;
}

.td_verysmallfield input{
	width: 25px;
}

.td_smallfield input{
	width: 70px;
}

.td_largefield input{
	width: 400px;
}

.td_left{
	text-align: left;
}

.td_right{
	text-align: right;
}

#application_response span:first-letter{
	text-transform: uppercase;
	font-weight: bold
}

.fieldsError {
	color: red
}

.thumb_cntr{
	width	: 530px;
}

.thumb{
	float		: left;
	width		: 100px;
	height		: 100px;
	border		: 1px solid #fff;
	margin		: 2px;
}

#grhr_container .content_area .thumb a, #grhr_container .content_area .thumb img{
	border			: none;
	margin			: 0px;
	padding			: 0px;
}

#grhr_container .content_area .thumb .img_landscape{	
	margin		: 13px 0px 0px 0px;
}

#grhr_container .content_area .thumb .img_portret{	
 	margin			: 0px 13px 0px 0px;
}


/**********************/
/**	popup halloween  **/
/**********************/
#overlay {
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 100%;
	height				: 100%; /* scripted */
	background			: #000000;
	z-index				: 10;
	
	
	filter				: alpha(opacity=80);
	opacity				: 0.8;
	-moz-opacity		: 0.8;		
	
}

#popup {
	background			: #000;
	bottom				: 0;
	left				: 0;
	
	/*
	moz-opacity			: 80%;
	opacity				: 0.80;
	position			: absolute;
	*/
	
	right				: 0;
	top					: 0;
	z-index				: 100;

	
}

#banner{
	position			: absolute;
	margin-left			: -415px;
	margin-top			: -290px;
	left				: 50%;
	top					: 50%; 
	z-index				: 10008; 
	width				: 850px; 
	height				: 580px;
	moz-opacity			: 100%;
	opacity				: 1;
}

#banner .close{
	float				: right;
	color				: #FFF;
	font-size			: 18px;
	border				: 1px solid #FFF
}

#banner .close a{
	color				: #FFF;
	text-decoration		: none
}


#grhr_container .content_area img.commercial_img,
#grhr_container .content_area div.commercial_img,
#grhr_container .content_area a.commercial_img{
	margin				: 0 0 0 100px;
	display				: block;
	float				: left;
}

#grhr_container .content_area div.title_page.commercial_img {
	width				: 400px;
}