@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; height: 100%; }
img { border:0px;}
html { height: 100%; }
.clear { clear:both;}

#GoogleDiv {
	width: 480px;
	height: 300px;
}

/***************/
/*** wrapper ***/
/***************/
#wrapper { width:100%; height: 100%; 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;}

#header2 { position:relative; text-align: center; width:1000px; height:36px; margin: auto; }
	
	/*** 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 ***/
/***************/
#container { position: relative; float: left; background:url(http://www.gitescontact.nl/blog/wp-content/themes/wp_premium/images/container-cbg_red.gif) top repeat-y; border: 0px solid black; z-index: 100; }
#container { position: relative; float: left; width:940px; text-align:left; margin:0 0 0 0; padding:0px 0px 0px 30px; border:0px solid black; clear:both; overflow:hidden; height:auto; z-index: 100;}
.container-top { position: relative; clear:both; height:17px; width:960px; display:block; padding-top: 0px; margin:0px auto 0 auto; z-index: 100;}
.container-bottom { position: relative; clear:both; height:17px; width:960px; display:block; margin:0px auto; z-index: 100;}
.container-top { background:url(http://www.gitescontact.nl/img/content_background.gif) top left no-repeat; z-index: 100; padding-top: 0px;}
.container-bottom { background: url(http://www.gitescontact.nl/blog/wp-content/themes/wp_premium/images/container-bottom_red.gif) no-repeat; z-index: 100; }

 /*** arrangementItem ****/
		#container div div { float:left; width:220px; margin:3px 0px 23px 0px; padding:0px 0px 0px 20px; line-height: 27px;}
		#container img { position: absolute; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; }
		#container span{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 35px; }
		
#content { width:970px; margin: auto; min-height: 400px; padding:470px 0px 30px 0px; z-index: 100; }

	/*** sideBar ***/
	#sideBarHome { position: relative; float:right; width:280px; padding:0px 0px 0px 0px; margin: -41px 20px 0px 0px;  }
	#sideBarHome .sideBarHomeItem-topno { position: relative; width:280px; padding-top: 0px 0px 0px 0px; margin:0px 0px 0px 0px; z-index: 100;}
	#sideBarHome .sideBarHomeItem-top { position: relative; height:5px; width:280px; padding-top: 0px 0px 0px 0px; margin:0px 0px 0px 0px; z-index: 100; background:url(../img/sidebar_top.jpg) top left no-repeat;}
	#sideBarHome .sideBarHomeItem-bottom { position: relative; clear:both; height:5px; width:280px; display:block; margin:0px auto; z-index: 100; background:url(../img/sidebar_bottom.jpg) top left no-repeat; margin: 0px 0px 10px 0px;}
	#sideBarHome .sideBarHomeItem	{ width: 248px; margin: 0px 0px 0px 0px; background-color: #dfdfd6; border-left: 1px solid #bdbdb5; border-right: 1px solid #bdbdb5; padding:0px 15px 0px 15px;}
	#sideBarHome .sideBarHomeItem h2 { font-weight:normal; margin:0px 0 5px 0; padding:10px 0px 0px 0; font-size:18px; font-family:Arial, Georgia, "Times New Roman", Times, serif; color: #333; border-bottom:1px solid #b8b7af; }
	#sideBarHome .sideBarHomeItem h3 { width:280px; font-size: 12px; padding: 5px 0px 0px 25px; color: #000; text-transform: uppercase; }
	#sideBarHome .sideBarHomeItem ul { list-style: none; padding-left: 8px; line-height: 18px;}
	#sideBarHome .sideBarHomeItem ul li label { float: left; width: 68px; color: #555; }
	#sideBarHome .sideBarHomeItem p { font-size: 11px; color: #888; line-height: 15px; }
	#sideBarHome .sideBarHomeItem a.meer { color: #000; text-decoration: none; font-style: italic; float: right; padding: 5px 5px 15px 0px; font-size: 10px; }
	#sideBarHome .sideBarHomeItem a.meer:hover { color: #ff0000;  }
	
	
	/*** contentVak ***/
	h3			{ font-family: arial, sans-serif; color: #b40003; font-size: 22px; padding: 5px 0px 10px 25px; width: 300px; }
	#contentVak { position: relative; width:100%; top: 0px;}
	
		/** overView table ***/
		table.overView 	{ width:690px; border:0px; padding:0px; margin: 10px 0px 0px 0px; vertical-align: top; }
		table.overViewC	{ background:url(../images/sideBar_bottom_bg.png) no-repeat top right; width:690px; border:0px; padding:0px; margin: 10px 0px 0px 0px; vertical-align: top; }
		td.overView		{ vertical-align: top; padding: 10px 0px 0px 0px;}
		.giteTitle		{ font-size: 14px; color: #000; text-transform: uppercase; }
		.Space			{ height: 7px;}
		.gitePlaats		{ font-size: 12px; }
		.giteDepartement{ font-size: 12px; color: #999; }
		.giteText		{ font-size: 11px; color: #999; padding: 5px 0px 0px 0px; font-style: italic; }
		.giteKop		{ font-size: 12px; color: #999; padding: 5px 0px 0px 0px; }
		.giteSub		{ font-size: 12px; color: #999; padding: 5px 0px 0px 0px; }
		.giteStar		{ font-size: 30px; color: #FF0000; margin: 15px 0px 0px 0px; line-height: 30px; }
		a.giteLink		{ color: #90b6cb; text-decoration: none; }
		a.giteLink		{ color: #90b6cb; text-decoration: none; }
		.horline		{ margin: 10px 0px 0px 0px; }
		
		td a.addToFavo		{ text-transform: uppercase; color: #000; font-size: 10px; text-decoration: none; }
		td a.addToFavoSmall	{ color: #555; font-size: 9px; text-decoration: underline; }
		td .addToFavoSub	{ font-size: 9px; }
		
		/*** Images ***/
		.imgGite	{ border: 4px solid #dad8cd; }

	
	
	#ThemaSlide	{ width: 1000px; height:120px; margin: auto;}
	
	    	
		
		.kaart_up		{ position: absolute; right: 10px; top: 99px; width: 18px; height: 17px; background: url(../img/pijlup1.jpg); }
		.kaart_upLeft	{ position: absolute; left: 5px; top: 99px; width: 18px; height: 17px; background: url(../img/pijlup1.jpg); }
	
	#GoogleMap	{ position: absolute; width: 100%; height:510px; padding: 0px 0px 0px 0px; margin-top: 0px; z-index: 1; top: 103px; border-bottom: 12px solid #f2f3ee; }	

#sidebar { float:right; width:280px; padding:0px 3px 0px 0px; } 
#l_sidebar, #r_sidebar { float:left; display:block; width:130px;  margin:0px; padding:0px 0px 0px 10px; }

	
/**************/
/*** footer ***/
/**************/
#footer { width:100%; height:140px; background-color: #efefef; text-align: center; }
#footer_container { 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;}

#footer_container .SocialMedia {
	position: relatieve;
	float: right;
	margin: 90px 4px 0px 0px;
}

#footer_container .SocialMedia img {
	width:24px;
	height: 24px;
	margin: 0px 0px 0px 3px;
}