@charset "utf-8";
/* CSS Document */


/************/
/*** body ***/
/************/
*{ margin:0px; padding:0px;}
body { background:url(http://www.gitescontact.nl/images/bg_header.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c5c5c; overflow-x: hidden; }
img { border:0px;}
.clear { clear:both;}
.spaceAbove	{ margin-top: 15px; }



/***************/
/*** wrapper ***/
/***************/
#wrapper { width:1000px; min-width: 1000px; margin:0 auto;}



/**************/
/*** header ***/
/**************/
#header { position:relative; width:100%; height:65px; }
#header h1 a { position:absolute; left:10px; top:5px; background:url(http://www.gitescontact.nl/images/logo_gitescontact.jpg) no-repeat; width:450px; height:55px; text-indent:-100000px; overflow:hidden;}

     /*** topBox ***/
	ul#topBox { position:absolute; right:10px; top:16px; height:28px; margin:0px; padding:0px; list-style:none;}
	ul#topBox li { float:left; border-left:0px solid #aba99c; display:block;}
	ul#topBox li.head { float:left; padding:0px 5px 0px 5px; color: #000; text-transform: uppercase; font-weight: bold; font-size:11px; border-left:0px solid #aba99c; display:inline;}
	ul#topBox li a { display:inline; padding:0px 5px 0px 5px; color:#aba99c; font-size:11px; text-decoration:none;}
	ul#topBox li a:hover { color:#333333; }
	ul#topBox li.active a { color: #000; }
	
	ul#topBox li img	{ float: left; padding-right: 5px;}
	ul#topBox li.first 	{ background: url(http://www.gitescontact.nl/images/streepje.jpg) left; background-repeat: no-repeat; padding: 0px 10px 0px 20px; width: 145px;}
	ul#topBox li.first a { padding: 0px; }
	ul#topBox li.second	{ background: url(http://www.gitescontact.nl/images/streepje.jpg) left; background-repeat: no-repeat; padding: 0px 10px 0px 20px; width: 120px; }
	ul#topBox li.second a { padding: 0px; }
	ul#topBox li.third 	{ height: 32px; background: url(http://www.gitescontact.nl/images/streepje.jpg) left; background-repeat: no-repeat; padding: 0px 20px 0px 20px;}
	ul#topBox li.fourth { height: 32px; background: url(http://www.gitescontact.nl/images/streepje.jpg) left; background-repeat: no-repeat; padding: 0px 20px 0px 20px;}

#header2 { position:relative; width:1000px; height:36px; }
	
	/*** menuBar ***/	
	ul#menuBar { position:absolute; top:4px; left:11px; height:36px; margin:0px 0px 0px 0px; padding:0px; list-style:none;}
	ul#menuBar li { float:left; height: 36px; padding:1px; display:inline;}
	ul#menuBar li a { display:block; background:none; color:#FFFFFF; font-size:12px; text-decoration:none; text-transform:uppercase; font-weight:normal;}
	ul#menuBar li a span { display:block; background:none; padding:4px 10px 9px 10px;}
	ul#menuBar li a:hover, ul#menuBar li.active a { color:#898989; background: inherit; background:url(http://www.gitescontact.nl/images/bg_left_button.jpg) no-repeat left;}
	ul#menuBar li a:hover span, ul#menuBar li.active a span { background:url(http://www.gitescontact.nl/images/bg_right_button.jpg) no-repeat right;}


	
	/*** zoeken ***/
	form#zoeken fieldset { border:none;}
	form#zoeken { overflow:hidden;}
	form#zoeken input#zoekveld { position:absolute; right:64px; top:4px; background:url(http://www.gitescontact.nl/images/bg_header_zoekveld.jpg) no-repeat 0px 0px; height:25px; padding:0px 0px 0px 10px; border: 0px; outline-width: 0px; }
	form#zoeken input#zoekbutton { position:absolute; right:10px; top:4px;}
	



/***************/
/*** content ***/
/***************/
#content { width:990px; min-height: 740px; padding:14px 0px 20px 0px; }
	
	/*** sideBar ***/
	#sideBarHome { position: relative; float:right; display: inline; width:236px; padding:0px 0px 0px 0px;  }
	.sideBarHomeItem	{ margin: 0px 0px 12px 0px; background-color: #f8f8f6; padding:0px 0px 20px 0px;}
	.sideBarHomeItem h2 { background:url(../img/home_sidebar_head3.jpg) no-repeat; width:236px; height:30px; color: #FFFFFF; text-transform: uppercase; padding: 8px 0px 0px 8px; font-weight: lighter; font-size: 12px;}
	.sideBarHomeItem h3 { width:185px; font-size: 12px; padding: 5px 0px 0px 25px; color: #000; text-transform: uppercase; }
	.sideBarHomeItem ul { list-style: none; padding-left: 8px; line-height: 18px;}
	.sideBarHomeItem ul li label { float: left; width: 68px; color: #555; }
	.sideBarHomeItem ul p.wp3 { padding-left: 70px; color: #888; }
	.sideBarHomeItem ul p.wp3 a { color: #888; text-decoration: none; }
	.sideBarHomeItem ul p.wp3 a:hover { color: #000; text-decoration: none; }
	.sideBarHomeItem a.meer { color: #000; text-decoration: none; font-style: italic; float: right; padding: 5px 5px 15px 0px; font-size: 10px; }
	.sideBarHomeItem a.meer:hover { color: #ff0000;  }
	/*** contentVak ***/
	#contentVak { float:right; width:740px; top: 0px;}
	
		/*** homeImage **/
		#HomeImage	{ position: relative; float: left; padding: 0px 0px 8px 15px; height: 360px; width: 724px; border: 0px; }
		.HomeImageSize	{ z-index: 100; height: 360px; width: 724px; }
		
		td.latelyAdded 		{ font-size: 11px; color: #8f8f8f; padding: 5px 5px 5px 5px; cursor: pointer; }
		td.latelyAdded b 	{ font-size: 11px; color: #000; cursor: pointer; }
		
		.giteAanbieding	{ font-size: 9px; color: #ff0000; }
		.old			{ font-size: 9px; color: #838383; text-decoration: line-through; }
		.AanbKopje		{ font-size: 9px; color: #fd0200; font-weight: bold; text-transform: uppercase; }
		.AanbDate		{ font-size: 9px; color: #000; font-weight: normal; text-transform: normal; }
		.AanbTM			{ font-size: 9px; color: #838383; font-weight: normal; text-transform: normal; }
		
		/*** lastminutesBox ***/
		.HomeBox { position: relative; float:left; display: inline; width:316px; min-height: 366px; margin:0px -2px 12px 14px; border: 1px solid #f1f1f1; background: url(../img/bg_homeBox.jpg) repeat-x; }
		.HomeBox h2 { color:#fff; text-transform: uppercase; font-size:12px; background: url(../img/home_mainbar_head3.jpg); line-height: 30px; padding: 0px 0px 0px 8px; font-weight: lighter; cursor: pointer; }
		.HomeBox img	{ margin: 1px 0px 3px 0px; }
		.HomeBox p 		{ color:#292929; font-size:11px; line-height:14px; padding: 10px 13px 0px 13px; margin: 0px 0px 0px 0px; }
		.HomeBox h3.go 	{ float: right; font-size: 11px; text-transform: uppercase; font-weight: lighter; padding: 2px 0px 0px 10px; color:#fff; background: url(../img/home_goforward.jpg); width: 120px; line-height: 25px; }
		.HomeBox a		{ color: #89897f; text-decoration: none; }
		.HomeBox a:hover{ color: #89897f; text-decoration: underline; }
		
		.HomeBox a.workShops		{ color: #000000; text-decoration: none; font-size: 11px; line-height: 14px; }
		.HomeBox a.workShops:hover	{ color: #000000; text-decoration: underline; }
		.HomeBox .workShopsText		{ color: #a3a3a3; font-size: 11px; line-height: 14px; }

		
		.HomeBox h3 { width:185px; font-size: 12px; padding: 5px 0px 0px 25px; color: #000; text-transform: uppercase; }
		.HomeBox ul { list-style: none; padding-left: 8px; line-height: 18px; border: 0px solid #000; }
		.HomeBox ul li label { position: relative; float: left; width: 68px; color: #555; padding-top: 6px; }
		.HomeBox ul p.wp3 	{ padding-left: 72px; color: #888;  }
		.HomeBox ul p.wp3 a { color: #888; text-decoration: none; font-size: 12px;  }
		.HomeBox ul p.wp3 a:hover { color: #000; text-decoration: none; }
		.HomeBox a.meer { color: #000; text-decoration: none; font-style: italic; float: right; padding: 5px 5px 15px 0px; font-size: 10px; }
		.HomeBox a.meer:hover { color: #ff0000;  }
		
		.homeBoxVerder	{ position: absolute; width: 316px; border-top: 1px solid #FFF; padding: 4px 8px 0px 0px; text-align: right; height: 20px; bottom: 0px;  }
		.homeBoxVerder a		{ font-size: 10px; color: #89897f; text-decoration: none; }
		.homeBoxVerder a:hover	{ font-size: 10px; color: #89897f; text-decoration: underline; }
	
		/*** contentBox ***/
		.contentBoxTop { position:relative; float:left; background:url(../images/contentVak_top_bg.png) no-repeat top; width:720px; padding:5px 0px 0px 0px; display:inline;}
		.contentBox { float:right; background:#FFF; width:740px; padding:11px 0px 0px 14px; display:inline; padding: 3px 0px 3px 5px;}
		.contentBox h2 { font-weight: bold; font-size: 14px; text-transform: uppercase; }
		.contentBox h3 { font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 12px 0px 0px 0px;  }
		.contentBox p.selection { float: left; font-size: 12px; margin: 10px 10px 10px 0px; width: 60px auto; line-height: 18px; }
		.contentBox p.selection input { line-height: 18px; vertical-align: middle; }
		
		.contentBox hr.single_line {border:0; border-top: 1px solid #d7d6d2; height: 0; }
		.contentBox .select { margin: 5px 0px 5px 0px;  }
		.contentBox .blue	{ color: #90b6cb; }
		.contentBox a.selected	{ color: #5c5c5c; text-decoration: none; }
		.contentBox a.selected:hover, a.selected	{ color: #ff0000; font-weight: bold; text-decoration: none; }
		.contentBox a	{ color: #5c5c5c; text-decoration: none; }
		.contentBox a:hover	{ color: #ff0000; font-weight: normal; text-decoration: underline; }

		table.overViewFoto { border: 0px solid #000; width: 240px; }
		.contentFotoBox { position: relative; float: left; display: inline; width: 240px; min-height: 240px; margin: 10px 5px 0px 0px; }

		ul#tabsBar { position:relative; height:25px; margin:0px 0px 0px 0px; padding:0px; background-color: #c4d3dd; width: 700px; list-style:none;}
		ul#tabsBar li { float:left; height: 25px; padding:1px; display:inline;}
		ul#tabsBar li a { display:block; background:none; color:#FFFFFF; font-size:11px; text-decoration:none; text-transform:normal; font-weight:normal;}
		ul#tabsBar li a span { display:block; background:none; padding:5px 10px 7px 10px;}
		ul#tabsBar li a:hover, ul#tabsBar li.active a { color:#898989; background: inherit; background:url(http://www.gitescontact.nl/test_org/img/tabs_left.jpg) no-repeat left;}
		ul#tabsBar li a:hover span, ul#tabsBar li.active a span { background:url(http://www.gitescontact.nl/test_org/img/tabs_right.jpg) no-repeat right;}		
		
			/*** fotoBox ***/
			#fotoBox { position:absolute; left:14px; top:11px; width:329px; height:205px; padding:0px 27px 0px 0px; overflow:hidden;}
			#fotoBox p { position:absolute; left:0px; bottom:0px; background:url(../images/fotoBox_transparant_bg.png) no-repeat; width:320px; height:25px; color:#FFF; font-size:14px; padding:8px 0px 0px 9px;}
			
			/*** lastminutesBox ***/
			#lastminutesBox { float:right; width:322px; padding:0px 10px 0px 0px;}
			#lastminutesBox h2 { color:#363636; font-size:20px;}
			#lastminutesBox p { color:#7e7e7e; font-size:11px; line-height:14px;}
			#lastminutesBox p a { color:#cd1717; text-decoration:none;}
			#lastminutesBox p a:hover { text-decoration:underline;}
			
			     /*** ul ***/
				#lastminutesBox ul { width:267px; margin:0px; padding:10px 0px 0px 0px; list-style:none;}
				#lastminutesBox ul li { position:relative; float:left; width:267px; height:45px; margin:0px 0px 7px 0px;}
				#lastminutesBox ul li a { position:absolute; left:0px; top:0px; display:block; width:267px; height:45px; font-size:11px; text-decoration:none;}
				#lastminutesBox ul li  img { float:left; cursor:pointer;}
				#lastminutesBox ul li  h4 { float:left; color:#363636; font-size:11px; padding:0px 0px 0px 11px; cursor:pointer;}
				#lastminutesBox ul li  h4 em { color:#8f8f8f; font-weight:normal; font-style:normal;}
				#lastminutesBox ul li  p { float:left; padding:0px 0px 0px 11px; cursor:pointer;}
			
			/*** nieuwsBox ***/
			#nieuwsBox { position:relative; float:left; width:329px; padding:215px 27px 0px 0px;}
			#nieuwsBox h2 { color:#363636; font-size:20px; padding:15px 0px 0px 0px; border-top:1px solid #ecece4;}
			#nieuwsBox p { font-size:10px; font-style:italic;}
			#nieuwsBox p a { color:#cd1717; text-decoration:none;}
			#nieuwsBox a.more { display:block; position:absolute; right:40px; bottom:-20px; background:url(../images/icon_a_pijlen.png) no-repeat 70px 4px; width:81px; color:#686868; font-size:11px; text-decoration:none;}
			#nieuwsBox a.more:hover { text-decoration:underline;}

	
/**************/
/*** footer ***/
/**************/
#footer { width:100%; height:140px; background-color: #efefef; text-align: center; }
#footer_container { position:relative; text-align: left; width:1000px; height:101px; margin: auto; background:url(../images/bg_footer_logo.jpg) no-repeat top right #efefef; padding:15px 0px 15px 0px;}
#footer_container p { float:left; color:#aba99c; font-size:11px; padding: 10px 0px 0px 50px; line-height: 18px; }
#footer_container a.contact { float:right; }
#footer_container a { color:#aba99c; font-size:11px; text-decoration:none;}
#footer_container a:hover { text-decoration:underline;}

.subBtn	{ float: right; background: url(http://www.gitescontact.nl/img/home_goforward.jpg) 3px no-repeat; width: 128px; height: 29px; border: 0px; color: #FFF; text-align: left top; cursor: pointer; text-transform: uppercase; padding: 3px 0px 0px 0px; margin: 0px 0px 10px 0px; }