/*------------------------------------------------------------------
* 
*	Sections in this stylesheet:
*		1. Positioning
*		2. Typography
*		3. Header ( logo and navigation )
*		4. Footer
*		5. Tabs
*		6. Content-layout
*
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } 

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body {	
	background: #5f8d3a url("images/site_background.jpg") repeat-x left top;
	text-align: center;	
	font-family: arial, helvetica, verdana;	
	font-size: 62.5%; /* 1em now equals 10px*/
	color: #333333;
}

sup {
	font-size: 80%;	
}

/*------------------------------------------------------------------
= Positioning of general containers
*/

.hidden { display: none;}

#wrapper {
	width: 975px;
	margin: 0 auto;
	font-size:1.2em;
	text-align:left;

}

#top-container {
	height:47px;
	background: transparent url('/img/layout/sprite.png') 0 0  no-repeat;
}

#bottom-container {
	background: transparent url('/img/layout/site_frame_bg.png') repeat-y left top;
}

#header {
	height:1%; 
	overflow:hidden;
	background: #fff;
	width: 968px;
}

#content {
	clear:both;
	padding: 19px 19px 11px 19px; 
	overflow:hidden;
	background: #fff;
	width: 930px;
	min-height: 400px;
}

#content-footer{
	height:15px;
	background: transparent url('/img/layout/sprite.png') 0 -140px  no-repeat;
}

/*------------------------------------------------------------------
= Typography
*/

p {
	color: #1b1b1b;
	line-height: 1.5;
	margin: 5px 0 10px 0;
}
ul{
	color: #1b1b1b;
}

p ul{
	line-height: 1.4em;
	margin: 10px;
}
img{
	margin:10px;
}
ul.arrows li{
	padding: 0 0 0 10px;
	background: #fff url('/img/layout/sprite.png') -249px -186px   no-repeat;
}

strong, b{
	font-weight:bold;
}

em, i{
	font-style:italic;
}
a { 				
	color: #0184de;		
	text-decoration: underline;
	cursor:pointer;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4{
	color: #0084dd; 
	font-weight:normal;
}

h1 {
	font-size: 2.1em;
}

h2 {
	font-size: 2em;
	padding-left: 10px;
}

.w-medium h2{
	margin-top:10px;
}
h3 { 
	margin: 20px 0 10px 0;
	font-size: 1.4em;
}
h4{
	margin: 10px 0 5px 0;
	font-size: 1.2em;
}
h1.error-404{
	margin-top: 50px;
	font-size: 2em;
}
p.error-404{
font-size: 1.4em;
}
.txtblock ul {
	padding: 0 0 0 10px;
}
.txtblock ul li{
 	list-style-type: square ;	
	padding: 5px 0 0 0;
	line-height: 1.4em;
	margin:0 0 0 20px;

}

.txtblock img {
	vertical-alignment: ;
}

.denied {
	color:#ff0000;
}

/***********
*	
*	Buttons
*	IN html as button will always be <a class"button [specificButton]"><span> txt here</span></a>
*	When no specific button is provided the yellow button is shown
*	
*
***********/
a.button{
	height: 15px;
	line-height: 11px;
	float:left;
	padding: 0 15px 0 0;
	background: transparent url('/img/layout/sprite_buttons.png') right 0 no-repeat;
	text-decoration: none;
}

a.button span{
	white-space: nowrap;
	display:block;
	height: 15px;
	padding: 0 0 0 10px;
 	min-width: 70px;
	background: transparent url('/img/layout/sprite_buttons.png')  left -16px  no-repeat;
	line-height:1.2em !important;
	font-size: 12px;
	text-decoration: none;
}


a.button:hover{
	text-decoration:none;
}

/** Specific buttons **/

a.yellow{				color: #000;}
a.yellow:hover{ 		background-position: right -32px; }
a.yellow:hover span{	background-position: left -48px; }


a.blue{					color: #fff; background-position: right -64px;}
a.blue:hover{ 			background-position: right -96px; }
a.blue span{			background-position: left -80px; }
a.blue:hover span{		background-position: left -112px; }

a.tinylink {			font-size:9px; text-decoration:none; }
a.tinylink:hover {		text-decoration:underline; }
/**
*
*	Boxes
*
**/

.gradient-m{
	background: #fff url('/img/layout/sprite_gradient_boxes.png') 0 0 no-repeat;
	width: 370px;
	min-height: 450px;
}


.txtblock{
	padding:0 10px 0 10px;
	max-width:500px;
	float:left;
}

div.box h3 {
	font-size: 12px; font-family: arial; font-weight: bold;
	color: #53524e;
	padding: 2px 0 4px 10px;
}
	
.two-small .right{
	float:right;
	margin-left: 10px;
}
.two-small .right .txtblock {
	padding:0;
	width: 175px;
}

.two-small .txtblock img {
	margin: 0;
}

div.boxsmall { 										margin-top: 20px;float:left; width: 178px; background: #fff url("/img/layout/boxes/bgboxsmall.gif") no-repeat left bottom;}
div.boxsmall h3 {									margin-top:0;background: #dfdcd0 url("/img/layout/boxes/h3small.gif") no-repeat left top;}

div.boxmedium { 									width: 366px; background: #fff url("/img/layout/boxes/bgboxmedium.gif") no-repeat left bottom;}
div.boxmedium h3 { 									margin-bottom:0;background: #dfdcd0 url("/img/layout/boxes/h3medium.gif") no-repeat left top;}
div.boxmedium .cont {								width: 346px; }
div.boxmedium .content p {							padding:0 10px; }

div.boxextralarge { 								clear:both; width: 100%; background: #fff url("/img/layout/boxes/bgboxmedium.gif") no-repeat left bottom;}
div.boxextralarge h3 { 								margin-bottom:0;background: #dfdcd0  url("/img/layout/boxes/h3extralarge.gif") no-repeat left top;}


ul.accommodationlist  { 							list-style: none; padding: 0; margin: 0 10px 0 10px; overflow: hidden;}
ul.accommodationlist li { 							margin: 0 0 10px 0; padding: 0; overflow: hidden;}
ul.accommodationlist li a.name { 					text-decoration: none; font-size: 12px; color: #6e6c66; display: block; width: 97px;}
ul.accommodationlist li span.price {				font-size: 12px; color: #016fb9;}
ul.accommodationlist a.thumb {						float: right; width: 51px; height: 38px;}
ul.accommodationlist img {							width: 51px; height: 38px; border: 0; display: block;}

ul.webshoplist  { 									list-style: none; padding: 0; margin: 0 10px 0 10px; overflow: hidden;}
ul.webshoplist li { 								margin: 0 0 10px 0; padding: 0  0 10px 0; overflow: hidden; border-bottom: 1px solid #dcdad5;}
ul.webshoplist li a.name { 							text-decoration: none; font-size: 12px; color: #6e6c66; display: block; text-align: center;}
ul.webshoplist li span.price {						font-size: 12px; color: #016fb9; display: block; text-align: center;}

.box {												float:left; }
.box.singlebox {									float:left; margin-top:20px; }
.box.singlebox h3 {									margin-top:0; }
.box .cont {										padding:0 10px 10px; float:left; }
.box.img img {										margin:20px 0 0 0; }

div.boxmedium ul.webshoplist  li a.thumb {			float: right; }
div.boxmedium ul.webshoplist  li a.name {			padding-top: 10px; font-size: 14px; font-weight: bold; padding-bottom: 10px; text-align: left;}
div.boxmedium ul.webshoplist  li span.price {		text-align: left;}
	
div.boxmedium ul.accommodationlist li a.name {		width: 285px;}
div.boxmedium ul.accommodationlist li { 			border-bottom: 1px solid #dcdad5; padding-bottom: 10px;}
div.boxmedium ul.accommodationlist li.last { 		border: 0;}

ul.companylist  {		 							list-style: none; padding: 0; margin: 0 10px 0 10px; overflow: hidden;}
ul.companylist li { 								margin: 0 0 10px 0; padding: 0 0 10px 0; overflow: hidden; border-bottom: 1px solid #dcdad5; background: transparent url("images/dottedarrow.gif") no-repeat 148px 10px;  }
				  
ul.companylist li.last {							border: 0;}
ul.companylist li a.name {							display: block; width: 158px; text-decoration: none; font-size: 12px; color: #6e6c66;}
ul.companylist span.location {						color: #a5a5a5; font-size: 12px;}

div.boxmedium ul.companylist li {					background-position: 338px 10px;}
div.boxmedium ul.companylist li a.name {			text-decoration: none; font-size: 12px; color: #6e6c66; width: 195px; float: left;}
div.boxmedium ul.companylist li a.name span.location { display: block;}
ul.companylist a.logo{								float: left; width: 50px;}
ul.companylist a.logo img{							width: 35px; height: 24px; border:0; display: block;}
ul.companylist a.category {							float: left; color: #5b7a8f; font-size: 12px; font-family: arial;}

.agenda-list{
	margin:10px;
	color:#53524E;
	font-size: 0.9em;

}
.agenda-list li{
	border-bottom: 1px solid #DCDAD5;
}
.agenda-list p{
	color:#53524E;
	margin-bottom:0;
}
 .agenda-list p.date{
	color: #a7a6a4;
	margin-top: 0;
}
.agenda-list p.address{
	font-style:italic;
}
.agenda-list h4{
	color:#53524E;
	font-size: 12px;
	color:inherit;
	font-weight:bold;
	margin-bottom:0;
}

/*-----------------
		RSS
------------------*/

/* -- M size -- */

div.rss { padding-top: 20px; width: 366px;}
			
div.rssitem {
	border-bottom: 1px solid #cccccc;
	padding: 0 0 10px 0;
	margin: 0 10px 20px 10px;
}
div.lastrssitem { border: 0;}

div.rssitem a.thumb, div.rssitem div.dateblock {
	width: 111px;
	height: 83px;
	margin: 0 0 10px 10px;
	float: right;
}

.rss-medium_description {
	padding: 0 8px;	
}

div.rssitem a.thumb img {
	display: block;
	margin: 0; padding: 0;
}

div.rssitem div.dateblock {
	background-color: #eff7fe;
	text-align: center;
	background: transparent url("images/datebg.gif") no-repeat left top;
	height: 67px;
}
div.rssitem div.dateblock span {
	display: block;
	color: #0084dd;
	padding: 16px 0 0 0;
	font-weight: bold;
}

div.rssitem a.header {
	display: block;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.2em;
}

div.rssitem span.date {
	display: block;
	color: #cccccc;
	font-style: italic;
	padding: 4px 0 1px 0px;
}

div.rssitem a.readon {
	display: block;
	text-decoration: none;
	padding: 10px 0 0 0;
}


/* -- S size -- */

.rss-list{
	margin:10px;
	color:#53524E;
	font-size: 0.9em;

}

.rss-list li{
	border-bottom: 1px solid #DCDAD5;
}
.rss-list p{
	color:#53524E;
	margin-bottom: 7px;
}
 .rss-list p.date{
	color: #a7a6a4;
	margin-top: 0;
}
.rss-small_description {
	padding: 0 8px;
}
.rss-list h4{
	color:#53524E;
	font-size: 12px;
	color:inherit;
	font-weight:bold;
	margin-bottom:0;
}

.boxsmall .rss-list h4 em {
	color: #A7A6A4;
	font-size: 11px;
	font-weight: normal;	
}

/*-----------------*/

.boxsmall .agenda-list h4{
	
}
.boxsmall .agenda-list h4 em{
	font-weight:normal;
	color: #a7a6a4;
	font-size: 11px;
}
a.to-agenda{
	margin: 0 0 10px 10px;
	padding: 0 0 10px 0;
}
/* 
 * SEARCH RESULTS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 */
ul.searchresults { margin: 0 0 0 10px;}
ul.searchresults li {overflow: hidden; clear: both; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin-bottom: 10px;}
ul.searchresults li div.thumb {
	width: 111px;
	height: 83px;
	float: left;
	background-color: #e7e7e7;
	margin: 0 20px 0 0;
}

ul.searchresults li div.thumb { padding: 0;}
ul.searchresults li div.thumb img { padding: 0; margin: 0; display: block;}

ul.searchresults li div.info {
	width: 410px;
	float: left;
}


ul.searchresults li div.info h4 {
	padding: 0; margin: 0;
}

#search-results h3 {
	margin: 40px 0 30px 10px;	
}




/*------------------------------------------------------------------ 
= Company Menu (Top)
*/

#quicksearch-container{
	float:right;
	width:260px;
	margin: 4px 0 0 0;		
}

	#quicksearch input, #newssearch input  {
		border: 1px solid #bababa;
		background: #fff url("images/searchboxbg.gif") no-repeat left top; 
		color: #5b5b5b;
		padding-left: 4px;
		width:125px;
	}
	#quicksearch .submit, #newssearch .submit { 
		border: 1px solid #0084dd; 
		background: #0084dd; 
		color: #fff;
		cursor:pointer;
		width:auto;
	}
	#quicksearch .submit:hover, #newssearch .submit:hover
		background: #2e9feb;
	}

	#newssearch{
		margin:10px;
	}
	#newssearch input.submit{
		clear:left;
	}

	#results-el{
		width: 260px;
		position:absolute;
		z-index:100;
	}

		#results-el h3{
			clear:both;
			background: #403f3c;
			color: #fff;
			font-weight:bold;
			font-size: 1em;
			padding: 5px 5px 5px 3px;
			margin:0;
		}

		#results-el ul{
			background: #edece6;
			padding: 0 0 0 0;
		}
		
		#results-el li{
			border-left: 1px solid #767265;
			border-right: 1px solid #767265;
			overflow:hidden;
			clear:both;
			padding: 3px;
			cursor:pointer;
		}

		#results-el li.hover, #results-el li.hover a{
			background: #dbdad5;
			color: #000;
		}

		#results-el .text{
			color: #403f3c;
			float:left;
			margin: 5px 0 0 5px;
			font-size: 0.9em;
			width: 180px;
			overflow:hidden;
		}
		
		#results-el a{
			font-size: 1.1em;
			color: #403f3c;
			font-weight:bold;
			text-decoration:none;
		}

		#results-el img{
			float:left;
			background: #ccc;
			margin: 3px;
		}
		a#view-all{
			height: 11px;
			padding: 5px;
			text-align:right;
			font-size: 0.9em;
			background: transparent url('/img/layout/sprite.png') -550px -160px no-repeat;
			color: #fff;
			display:block;
		}

		a#view-all:hover{ 
			text-decoration:underline;
		}

#languages{
	margin: 9px 11px 0 0;
	float:right;
}

	#languages li{ 
		float:left;
		margin: 0 0 0 9px;
	}
	#languages a{
		background-image: url('/img/layout/sprite.png');
		background-repeat: no-repeat;
		text-indent: -9999em;
		float:left;
		width:16px;
		height:11px;
	}

	#languages a.nl{ background-position: -250px -160px;}
	#languages a.en{ background-position: -275px -160px;}
	#languages a.de{ background-position: -300px -160px;}

#company-info{
	margin: 7px 19px 0 0; 
	float:right;
}
	#company-info li{
		float:left;
		border-left: 1px solid #a09f9e;
		margin: 0 0 0 6px;
		padding: 0 0 0 6px;
	}
	#company-info li.first{ border:none;}

	#company-info a{
		color: #a09f9e;
		text-decoration:none;
	}


/*------------------------------------------------------------------ 
= Header ( logo and navigation )
*/

#header ul li{ 
	display:inline;
}

a#logo {				
	float: left;
	width: 107px;
	height: 65px;
	margin: 0 0 0 16px;
	background: #fff url('/img/layout/sprite.png') 0 -61px  no-repeat;
	text-indent: -999em;
}

ul#mainnav{
	display:inline;/* IE 6 Double Margin Bug */
	float:right;
	height: 32px;
	width:739px;
	padding: 33px 0 0 60px;
	background: #fff url('/img/layout/sprite.png') -133px -61px  no-repeat;
	margin: 1px 19px 0 0;
	overflow: hidden;
	list-style: none;	
}

	#mainnav  li { 
		float: left;
		padding: 0 12px 0 0;
		height: 32px;  	
	}

	#mainnav  li.active { 
		background: transparent url('/img/layout/tabright.png') no-repeat right top;	
	}
	
	#mainnav  li a {
		
		color: #0e5676;
		float:left;
		padding: 13px 5px 0 16px; 
		text-decoration: none;   
		height: 19px;	
	}

	#mainnav  li a:hover, #mainnav ul li.active a { 
		color: #0084dd;
	}
	#mainnav  li.active a {		
		background: transparent url('images/tableft.png') no-repeat left top;
	}

#breadcrumbs{
	color:#4b4b4b;
	background: #fff;
	padding: 15px 0 0 20px;
	width: 948px;
}

#breadcrumbs span.here{
	color: #959595;

}

#breadcrumbs a{
	background: #fff url('/img/layout/sprite.png') -250px -185px   no-repeat; /* This arrow is also used in slicedice.css */
	color: #4b4b4b;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 3px 0 3px;
}
#breadcrumbs a:hover{
	text-decoration: underline;
}

#breadcrumbs span.current{
	background: #fff url('/img/layout/sprite.png') -250px -185px   no-repeat;
	padding: 0 0 0 7px;
	margin: 0 0 0 3px;
}


/*------------------------------------------------------------------ 
= More specific layout containers
*/

#spotlight{
	overflow: hidden;
}
#spotlight.home{
	margin: 0 0 20px 0;
}
.hero-container{
	float:left;

}
#hero{
	width: 742px;
	height: 260px;
	position:relative;
	overflow:hidden;	
	background-repeat:no-repeat;
}
#hero .copyright {
	padding: 1px 4px 2px 4px;
	bottom: 33px;
	right: 10px;
	position:absolute;
	font-size: 10px;
	text-transform:uppercase;
	background: rgba(0,0,0, 0.4);
	color: rgba(255,255,255, 0.4);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid rgba(0,0,0, 0.01);
}

#hero .copyright a {
	color: rgba(255,255,255, 0.4);
	text-decoration: none;
}


	.hero-opener{
		position:absolute;
		left:0;
		top: 0;
		height: 6px;
		width: 100%;
		background: transparent url('/img/layout/sprite.png')  0 -470px no-repeat;
	}

	#hero h1{
		margin: 20px 0 0 20px;
		font-size:2.4em;
		color: #fff;
	}
	#hero h2{
		float:left;
		width: 380px;
		margin: 5px 0 0 20px;
		padding: 0;
		color: #f9dd00;
	}

	/* Hero classes (for specific themes) */
	#hero.theme1 h1{ color: #fff;}
	#hero.theme1 h2{ color: #f9dd00;}
	#hero.theme2 h1{ color: #f9dd00;}
	#hero.theme2 h2{ color: #fff;}
	#hero.theme3 h1{ color: #fff;}
	#hero.theme3 h2{ color: #fff;}
	#hero.theme4 h1{ color: #f9dd00;}
	#hero.theme4 h2{ color: #f9dd00;}
	#hero.theme5 h1{ color: #0084dd;}
	#hero.theme5 h2{ color: #fff;}
	#hero.theme6 h1{ color: #fff;}
	#hero.theme6 h2{ color: #0084dd;}
	#hero.theme7 h1{  color: #0084dd;}
	#hero.theme7 h2{  color: #0084dd;}
	#hero.theme8 h1{  color: #0084dd;}
	#hero.theme8 h2{  color: #f9dd00;}
	#hero.theme9 h1{  color: #f9dd00;}
	#hero.theme9 h2{  color: #0084dd;}
	#hero.theme10 h1{  color: #fff;}
	#hero.theme10 h2{  color: #bba564;}
	#hero.theme11 h1{  color: #bba564;}
	#hero.theme11 h2{  color: #fff;}
	#hero.theme12 h1{  color: #bba564;}
	#hero.theme12 h2{  color: #bba564;}
	#hero.theme13 h1{  color: #bba564;}
	#hero.theme13 h2{  color: #0084dd;}
	#hero.theme14 h1{  color: #0084dd;}
	#hero.theme14 h2{  color: #bba564;}
	#hero.theme15 h1{  color: #bba564;}
	#hero.theme15 h2{  color: #f9dd00;}
	#hero.theme16 h1{  color: #f9dd00;}
	#hero.theme16 h2{  color: #bba564;}
	#hero.theme17 h1{  display: none;}
	#hero.theme17 h2{  display: none;}



#hero-nav{
	overflow:hidden;
	clear:both;
	background:  transparent url('/img/layout/sprite.png')  0 -500px no-repeat;
	width: 742px;
	height: 30px;
}
	#hero-nav li{
		margin: 4px 0 0 10px;
		float:left;
		padding: 0 0 0 5px;
	}
	
	#hero-nav li.active{
		background: transparent url('/img/layout/hero_tab.png') 0 0  no-repeat;
	}

	#hero-nav a{
		text-decoration:none;
		font-size: 1.1em;
		color: #0e5676;
		float:left;
		height: 21px;	
		padding: 6px 10px 0 0;
		position:relative;
		right:-5px;
	}
	
	#hero-nav li.active a{
		background: transparent url('/img/layout/hero_tab.png') right 0 no-repeat;
	}

#subhero{
	float:left;
}
ul.hero-sub{
	background: transparent url('/img/layout/sprite.png')  0 -550px no-repeat;
	width: 727px;
	padding: 0 0 0 15px;
	margin: 5px 0 0 0;
	height:25px;
}
	ul.hero-sub li{
		float:left;
	}

	ul.hero-sub li a{
		color: #005a97;
		text-decoration:none;
		padding: 6px 5px 5px 5px;
		float:left;
		overflow:hidden;
	}
	
	ul.hero-sub li.active a{
		color: #000;

	}

#portal, #primary-content.portal {
	padding: 10px 0 0 0;
	width: 752px;
	overflow:hidden;
}

#secondary-content.portal{
	width: 178px;
}

#primary-content.no-hero{
	width: 747px;
}
#secondary-content.no-hero{
	width: 178px;
}

#portal .page{
	float:left;
	overflow: hidden;
	width:356px;
	margin : 0 10px 10px 10px;
}
#portal .page a.thumb{
	float:right;
	width: 178px;
	height: 116px;
	margin: 0 0 10px 10px;
}
#portal img{
	margin:0;
}
#portal .page h3{
	font-size: 1.4em;
	font-weight: normal;
	padding: 0;
	margin-top:0;
	width: 168px;
}
#portal .page h3 a { font-weight: normal; text-decoration: none;}
#portal .page p{ 
	padding: 0 0 10px 0;
	margin-top:0; 
	width: 168px;
	line-height: 1.2em;
}
#portal .page a.moreinfo{
	text-decoration:none;
	padding: 0 10px 0 0;
	background: transparent url("images/dottedarrow.gif") no-repeat right 4px;
}




/* Is een class niet beter dan een ID ivm gedeelde opmaak elementen en de mogelijkheid van meerdere searchboxen op 1 pagina ? */

/* common searchbox styles */
	.searchbox h3{
		margin: 0;
	}

	.searchbox label{
		padding: 10px 0 3px 0;
		display: block;
		font-size: 11px;
		color: #023150;
	}
	
	#home_search_submit{
		float:right;
		margin-right: 5px;

	}

	.searchbox label.calendarlink {
		background: transparent url("/styles/images/calendar.gif") no-repeat 140px center;
		cursor: pointer;
	}

	.searchbox #childSelect, .searchbox #childSelect-adjust { display: none;}
	.searchbox #input_days ,.searchbox #input_days-adjust { display: none; margin-left: 4px;}
	.searchbox #arrivalSelect, .searchbox #arrivalSelect-adjust { display: none;}
	.searchbox .monthselect { width: 50px;}
	
	.searchbox span.extrainfo { float: right; width:46px; font-size: 10px; font-weight: normal;}
	
	#grouptype, #grouptype-adjust { 
		width: 158px;
	}
	
	
#search-box{
	background: #fff url('/img/layout/part_searchbox.png')  no-repeat left top;
	width:178px;
	float: right;
	height:290px;
}
	#search-box h3{
		padding: 10px 10px 0 10px;
		font-size: 1.5em;
		font-weight:normal;
	}
	
	#search-box fieldset { 
		padding: 0 7px 0 7px;
		height: 234px;
	}

#search-adjust { 
	display: none;
	overflow: hidden; 
	background: #f5fbfe url("images/search_adjustbg.gif") no-repeat left top;
}
	#search-adjust fieldset {
		width: 168px;
		margin: 0 10px 0 10px;
		padding: 0;
		float: left;
		height: 98px;
	}
	#search-adjust fieldset.last {
		margin-right: 0;
	}
	
	
	a.change-search {
		display: block;
		padding: 3px 0 4px 0;
	}


#search-specific-box {
	width: 178px;
	height: 180px;
	background: transparent url("images/searchspecific_bg.gif") no-repeat left;
	margin-top: 10px;
}
	#search-specific-box fieldset {
		padding: 0 10px 0 10px;	
	}
	#search-specific-box h3 {
		padding: 10px 10px 0 10px;
		font-size: 1.6em;
		font-weight:normal;
	}
	
	#search_specific_submit {
		float:right;
		margin: 10px 5px 0 0;
	}

/*------------------------------------------------------------------
= Content containers
*/

#main-container{
	overflow:hidden;
	padding: 25px 0 0 0;
}

#primary-content{
	float:left; 
	/*padding: 0 15px 0 0;*/
	width: 545px;
}
	#primary-content h2{
		padding-bottom: 10px;
	}

#secondary-content{
	float:right; 
	width: 366px;
}

	#secondary-content h2{
		font-size: 1.2em;
		color: #000;
		font-weight:bold;
		padding: 0 0 10px 0;
		margin: 10px 0 0 0;
	}


/** Three column layout */

.open-sidebar{
	height:7px;
	background: transparent url('/img/layout/sprite_slicedice.png') -200px -200px   no-repeat;
	width:178px;
	position:absolute;
	top:0;
	}
.close-sidebar{
	height:7px;
	background: transparent url('/img/layout/sprite_slicedice.png') -200px -240px   no-repeat;
	width:178px;
	position:absolute;
	bottom:0;
	}

.sidebar-left{
	position:relative;
	background:#e5f3f9;
	float:left;
	width: 178px;
	min-height:400px;
}

.sidebar-left h2{
	background:  url('/img/layout/sprite_slicedice.png') no-repeat scroll -200px -200px;
	font-size: 1.6em;
	padding-top:10px;
}

.main{
	padding: 5px 10px 0 10px;
	width: 543px;
	float:left;
}


.sidebar-right{
	width: 178px;
	float:right;
}


/**
*
* Newsitems
*
***/

ul.newslist{
	padding: 10px;
}

ul.newslist li{
	padding: 5px 0 5px 0;
}

ul.newslist a{
	text-decoration:none;
	display:block;
}
ul.newslist span{
	color: #666;
	display:block;
}


/*** News main page **/

.sidesearch{
	margin: 10px;
}

.newsbox{
	overflow:hidden;
	padding: 20px 0 20px 0;
	border-bottom: 5px solid #ccc;
}

.newsbox img{
	float:right;
	margin-top:0;
}


h4.newsdate{
	padding-left:10px;
}
.newsbox h4{
	font-size: 1em;
}


/*******************
*
*	AZ Search
*
*********************/

.directory-intro{
	margin: 10px 0 0 10px;
}

ul.directory-list{

	font-size: 1.2em;
	margin:10px;
}
ul.directory-list li{
	float:left;
	margin:5px 5px 5px 0;
	width: 250px;
}

ul.directory-list ul{
	height: 60px;
	color: #666;
	font-size: 0.8em;
	padding: 0 10px 0 0;
	margin: 3px 0 0 0;
}
ul.directory-list li li{
	width: auto;

	display:inline;
	margin: 0;
	padding:2px 3px 0 0;
}


/*------------------------------------------------------------------
= Footer
*/

#footer { 
	height: 28px;
	padding-top: 10px;
	text-align: center;
	color: #a4c28b;
}

#footer a {
	color: #a4c28b;	
}

/*------------------------------------------------------------------
= Tabs
*/

ul.tabs{
	background: #ffd700 url("images/tabbg.gif") no-repeat left top;
	margin: 20px 0 10px 0;
	padding: 0 0 0 4px;
	overflow: hidden;
	height:1%;
}

	ul.tabs li {
		padding: 0 16px 0 0;  	
		float: left;
		overflow: hidden;
	}
	ul.tabs li.active { 
		background: transparent url("images/tabright.png") no-repeat right top;	
	}

	ul.tabs a {
		height: 15px;
		display: block;
		float:left;
		padding: 10px 0 0 16px;
		text-decoration: none;
		color: #0e5676;	
	}

	ul.tabs li.active a {
		background: transparent url("images/tableft.png") no-repeat left top;
	}
	
div.tab { display: none;}
div.tabActive { display: block;}

ul.calendar.tabs{
	background: #ffd700;
}

/*------------------------------------------------------------------
= Content Layout
*/
div.column {				float: left; margin: 0 10px 10px 0;}
div.lastcolumn { 			margin-right: 0; }

div.w-xxl { 				width: 930px; margin-right: 0;}
div.w-xl {					width: 742px;}
div.w-normal { 				width: 554px;}
div.w-medium { 				width: 366px;}
div.w-small {				width: 178px;}



		#heroblock { padding-bottom: 15px; overflow: hidden;}
		
		
		a.more {
			color: #000;
			padding-right: 15px;
			background: transparent url("/styles/images/dottedarrow_black.gif") no-repeat right 4px;
			text-decoration: none;
			margin	: 10px 0 10px 0;
			padding-left: 20px;
		}
		a.more:hover { text-decoration: underline; color: #0084dd;}

/*
 * SIDEBAR ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */
#sidebar{
	clear:left;
	float:left;
	width: 178px;
}

	#sidebar h2{
		/* This header will give sidebar it's rounded corners */
		background: transparent url('/img/layout/sprite_slicedice.png') -200px -200px   no-repeat;
		font-size: 1.6em;
		padding: 10px 0 0 10px;
	}
	#sidebar h4{
		margin: 0;
		font-size: 1em;
		color: #000;
	}



div.readmore {
	text-align: right;
}

div.readmore a {
	text-decoration: none;	
	padding: 0 10px 0 0;
	background: transparent url("images/dottedarrow.gif") no-repeat right 4px;
}
div.readmore a:hover {
	text-decoration: underline;	
}


/*
 *  OFFERS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */
		
		div.offers { padding-top: 15px;}
		div.offers  p { padding: 0 0 20px 20px; margin: 0;}
		div.offer {
			margin-bottom: 10px;
			padding-left: 20px;
			overflow: hidden;
		}
		
		div.offer a.thumb {
			float: right;
			width:111px;
			height: 83px;
			margin-left: 10px;
		}
		
		div.offer a.header {
			text-decoration: none;
			font-weight: bold;
			padding-right: 15px;
			background: transparent url("/styles/images/dottedarrow.gif") no-repeat right 4px;
		}
		
		div.offer p {
			padding: 10px 0 0 0;
			line-height: 1.2em;
		}
		
	/* LASTMINUTES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		
		div.lastminutes p {
			padding: 10px 0 0 20px;
		}
		
		ul.grouptype-list {}
		ul.grouptype-list li {
			margin: 0 10px 0 0;
			width: 178px;
			float: left;
			border-bottom: 1px solid #d1d1d1;
			height: 35px;
			background: transparent url("images/dottedarrow.gif") no-repeat 164px 15px;
		}
		
		ul.grouptype-list li.odd {
			margin-right: 0;
		}
		
		ul.grouptype-list li a {
			text-decoration: none;
			display: block;
			padding: 11px 0 0 20px;
		}
		
		ul.grouptype-list li a:hover {
			text-decoration: underline;
		}
		
	/* HOLIDAYS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		
		div.holidays {
			padding: 15px 0 0 0;
		}
		
		div.holidays p {
			padding: 0 0 0 20px;
			margin: 0;
		}
		
		div.holidays h3 {
			margin: 0 0 20px 20px; 
			font-size: 1.5em;
			
		}
		
		div.holidays h4 { 
			margin: 0 0 10px 20px;
			font-size: 1.2em;
			color: #575757;
		}
		
		ul.holidaylist { 
			margin: 0 0 20px 0;
			overflow: hidden;
		}
		
		ul.holidaylist li {
 			height: 17px;
 			padding: 2px 0 0 0;
 			overflow: hidden;
		}
		ul.holidaylist li.odd {
			background: #edf6fd;
		}
			ul.holidaylist label {
				color: #737373;
				width: 153px;
				float: left;
				margin: 0 0 0 20px;
			}
		
			ul.holidaylist a {
				width: 180px;
				float: left;
				text-decoration: none;
				background: transparent url("images/dash.gif") no-repeat 83px 4px;
			}
			ul.holidaylist a:hover { text-decoration: underline;}
			ul.holidaylist a span.start {
				width:105px;
				float: left;
				
			}
			
			ul.holidaylist a span.end {
				
			}
		
		
/*
 *  NEWS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */	
		div.news { padding-top: 20px; width: 366px;}
			
		div.newsitem {
			border-bottom: 1px solid #cccccc;
			padding: 0 0 10px 0;
			margin: 0 0 20px 20px;
		}
		div.lastnewsitem { border: 0;}
		
		div.newsitem a.thumb, div.newsitem div.dateblock {
			width: 111px;
			height: 83px;
			margin: 0 0 10px 10px;
			float: right;
		}
		
		div.newsitem a.thumb img {
			display: block;
			margin: 0; padding: 0;
		}
		
		div.newsitem div.dateblock {
			background-color: #eff7fe;
			text-align: center;
			background: transparent url("images/datebg.gif") no-repeat left top;
			height: 67px;
		}
		div.newsitem div.dateblock span {
			display: block;
			color: #0084dd;
			padding: 16px 0 0 0;
			font-weight: bold;
		}
		
		div.newsitem a.header, .tweets a.header {
			display: block;
			text-decoration: none;
			font-weight: bold;
			line-height: 1.2em;
		}
			.tweets a.header {
				margin:0 0 10px 20px;
			}
		
		div.newsitem span.date {
			display: block;
			color: #cccccc;
			font-style: italic;
			padding: 4px 0 1px 0px;
		}
		
		div.newsitem a.readon, .tweets a.readon {
			display: block;
			text-decoration: none;
			padding: 10px 0 0 0;
		}
		
		div.tweets h3 {
			margin-top:0;
		}

/*
 *  STORIES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */				
		div.story {
			clear: both;
			overflow: hidden;
			border-bottom: 1px solid #cccccc;
			padding: 0 0 10px 0;
			margin: 0 0 20px 10px;
		}

		div.story h3 {
			float: left;
			width: 200px;
		}
		
		div.story img {
			float: right;
		}
				
		div.story div.rightimagebox {
			width: 270px; 
			float:right;
		}
		
		
		#storyMapHolder {
			width: 366px; 
			clear: both;
		}
		
		#storyMap {
			width: 366px; 
			height: 340px; 
		}
		
/*
 *  TICKETS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */	
		div.tickets {
			margin: 20px 0 20px 20px;
		}
		
		div.tickets p {
			padding: 10px 0 20px 0;
		}
		div.tickets label {
			width: 120px;
			float: left;
			margin: 0;
			padding: 0;
			font-size: 1em;
			color: #000;
		}
		
		div.tickets form p {
			overflow: hidden;
			padding: 0;
			margin: 0;
		}
		
		div.tickets fieldset {
			margin: 0 0 20px 0;
		}
		
		div.tickets fieldset select { float : left; margin-right: 5px;}
		div.tickets fieldset a { float: left;}
		
		ul.tickets-list {
			overflow: hidden;
			padding-bottom: 10px;
		
		}
		ul.tickets-list li {
			margin: 0 10px 0 0;
			width: 326px;
			float: left;
			border-bottom: 1px solid #d1d1d1;
			height: 40px;
			background: transparent url("images/dottedarrow.gif") no-repeat 304px 15px;
		}
		
		ul.tickets-list li a {
			text-decoration: none;
			display: block;
			padding: 11px 0 0 20px;
		}
		
		ul.tickets-list li a:hover {
			text-decoration: underline;
		}
/*
 *  buttons :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */	
 
 	div.buttons a {
 		display: block;
 		width: 158px;   /*original width: 178*/
 		height: 44px;   /*original height: 64*/
 		padding: 20px 10px 0 10px;
 		text-decoration: none;
 		font-weight: bold;
 		background: transparent url("/img/buttons/transport.jpg") no-repeat left top;
 		margin-bottom: 1px;
 	}
 	
 	div.buttons a:hover {
 		background-position: -178px 0;
 	}
 	div.buttons a span { display: block; color: #666666; font-weight: normal;}
 	
 	div.buttons a.buttons_map 		{ background-image: url("/img/buttons/map.jpg"); }
 	div.buttons a.buttons_weather 	{ background-image: url("/img/buttons/weather.jpg"); }
 	div.buttons a.buttons_newsletter{ background-image: url("/img/buttons/newsletter.jpg"); }
		
/*
 *  SITEMAP :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */	
		
			
		#sitemap {
			margin-top: 40px;
			background-color: #84a569;
			padding: 19px 9px 19px 19px;
			overflow: hidden;
			
		}
		#sitemap a:hover { text-decoration: underline; color: #c7e6ad;}
		#sitemap ul li a { 				color: #fff;			font-weight: bold;		font-size: 1.1em;	text-decoration: none;	display: block;}
		#sitemap ul li ul li a{			color: #fff;			font-weight: normal;	font-size: 1.1em;	text-decoration: none;	}
		#sitemap ul li ul li ul li a{	color: #b3d598;			font-weight: normal;		text-decoration: none;	}
		#sitemap ul li {
			width: 178px;
			margin-right: 10px;
			float: left;
			overflow: hidden;
		}

		#sitemap ul { clear: both;}

		#sitemap ul li ul {			padding-top: 10px;	margin-bottom: 20px; overflow: hidden; clear: none;}
		#sitemap ul li ul li ul {	padding-top: 3px;		overflow: hidden;}
	
		#sitemap ul li ul li {
			float: none;
			width: auto;
			border-bottom: 1px solid #93b479;
			padding: 5px 0 5px 0;
		}
		
		#sitemap ul li ul li ul li {
			border: 0;
			padding: 0;
		}
		
		#sitemap ul li ul li ul li {
			background: transparent url("/styles/images/subtree_bit.gif") no-repeat left 3px;
			padding-left: 10px;
		}

/******
*
*	Agenda
*
*******/
.main-agenda{
	padding: 5px 10px 0 10px;
	width: 725px;
	float:left;
}
.main-agenda ul.tabs{
	width: 100%
}

#agenda-results .tab li{
	overflow:hidden;
	border-bottom: 1px solid #ededed;
}
#agenda-datepicker{	
	float:right;
	height:15px;
	width:15px;
	margin:0;
	position:relative;
	right:5px;
	text-indent:-999em;
	background: transparent url("/styles/images/calendar.gif") no-repeat 0 center;
	cursor: pointer;
}

h4.date{
	color: #444;
	font-size: 0.9em;
	margin-top: 0;
	position:relative;
	top:-5px;
	font-weight:bold;
}

p.agenda{
	color:#444;
	font-size: 1em;
	margin-top:-5px;
	width: 453px;
	float:left;
}


p.contact{
	width: 178px;
	float:right;
	color:#444;
	font-size: 1em;
	margin-top:-5px;
}


ul.agenda-list li {
	padding-bottom: 5px;
	margin-bottom: 15px; 	
}


/*************************
*
* Datepicker css
*
**************************/


table.jCalendar {
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #0084dd;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */


/* CUSTOM CHANGES TO WHAT IS SHOWN OR NOT */
a.dp-nav-prev-year { display: none;}
a.dp-nav-next-year { display: none;}

div.dp-popup {
	position: relative;
	background: #0084dd;
	font-size: 10px;
	font-family: arial, sans-serif;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
	width: 168px;  /*original width: 212px */
	height: 154px; /* original height: 178px; */
	padding: 17px 22px 27px 22px;
	background: transparent url("images/datepickerbg.png") no-repeat left top;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	color: #000;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 12px;
	left: 20px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 12px;
	right: 22px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}



/* 
 * PAYMENT -=-=-=-=-=-=-=-=-=-=-=-
 */
 
#paymentFrame {
	clear: both;
	padding: 40px 20px 40px 20px;	
	overflow: hidden;
}
#paymentFrame h2 {
	padding-left: 0; margin-left: 0;
	margin-bottom: 30px;
}


/***********************************
          POP-UP STYLES
************************************/
	
#overlay {					
	display:none; position: fixed; 
	z-index: 100; 
	top: 0; left: 0; 
	height: 100%;	width: 100%; 
	background: #000; 
	opacity: .2;	
	filter: alpha(opacity=20); 
}

#win, #win-loading {		
	text-align:left; 
	display:none; 
	height: 250px; width: 600px;	
	margin: 0 auto;	
	position: fixed; 
	z-index:101; 
	background: #fff;
	left: 50%; top: 50%; 
	margin-top: -125px; margin-left: -300px; 
}

#win-loading {				text-align:center; z-index: 800; background: #fff; opacity: .8;	filter: alpha(opacity=80); }
#win-loading img {			background: #fff; position:fixed; top: 50%; left:50%; margin-top: -9px;	margin-left: -110px; }
#win-content {				height: 250px; padding: 18px; font-size: 1.2em; }
#win h1 {					color: #0184DE; font-weight: normal; font-size: 2.3em; float: left; width: 85%; }
img.close_popup {			float: right; cursor: pointer; margin: 0;}
div.header {				margin-bottom: 20px; overflow: hidden; }


div.popup_error	{			color: #ff0000; font-weight: bold; display: none; }
div.popup_success {			font-weight: bold; display: none; }
div.msg { padding: 20px;}



/* GLOBAL FORMSTYLES WITHOUT F*ING ID's */


ul.formlist li {
	overflow: hidden;
	margin: 0 0 4px 0;	
}

ul.formlist li label { 
	width: 100px; 
	float: left;
}

ul.formlist li.formsubmit {
	padding: 10px 0 10px 0;
}

/* EXCURSIONS */

.brochure {
	float: right;
	width:150px;
	background:#f1f8fe;
	padding:10px 10px 30px 10px;
}
.brochure h3 {
	margin:0 0 10px 0;
}
.brochure a.button {
	display:inline-block;
	float:none;
}

.brochure ul {
	border-bottom: 1px solid #333333;
}

.brochure ul li {
	background-color:transparent;
	border-top: 1px dotted #333333;
	padding: 10px 0 10px 0;
}
.brochure ul li a.remove {
	font-size: 10px;
}
.brochure ul a {
	text-decoration:none;
}
.brochure ul a:hover {
	text-decoration:underline;
}
#viewexcursion {
	width:550px;
	float:left;
	margin:0 0 0 10px;
}

/* QUICK FIXES */

div.full {
	clear: both;
	margin-top: 40px;
	overflow: hidden;
}


/* SPECIALS STYLES */

		div.special-notification {
			clear:both;
			display:block;
			height: 49px;
			background: transparent url("images/specials/notification_bg.jpg") no-repeat 64px top;
			overflow: hidden;
			margin: 0 0 10px 0;
			position:relative;
			top:-10px;
		}
		
		div.special-notification a.thumb {
			width: 60px;
			height: 49px;
			margin: 0 4px 0 0;
			padding: 0;
			float: left;
		}
		
		div.special-notification a.thumb img { display: block; margin: 0; padding: 0;}
		
		div.special-notification p {
			padding: 10px 0 0 10px;
			font-size: 1.4em;
			color: #0085c9;
			float: left;
		}
		
		div.special-notification p span.specialname { font-weight: bold;}

a.banner, a.banner-small, a.banner-special {
	display: block;
	padding:0; margin:0;	
}
a.banner img, a.banner-small img, a.banner-special img {
	margin: 0; padding:0; display: block;	
}

div.corner {
	background: url('/img/layout/lightblue.gif') #DDEEFC;
	background-repeat: repeat-x;
	background-position: top center;
	margin-bottom: 10px;
	padding: 10px;
}

div.lightgrey {
	background: url('/img/layout/lightgrey.gif') #ececec;
	background-repeat: repeat-x;
	background-position: top center;
	margin-bottom: 10px;
	padding: 10px;
}

div.nomargin {
	margin: 0;
}

div.corner img {
	margin: 0;
}

div.photobrowser span { display: none;}


div.clearboth {
	clear: both;
}

.checkbox { width: 20px; border: 0;background:transparent;}
.xxsmall { width: 20px; }
.xsmall { width: 40px; }
.small { width: 60px; }
.medium { width: 100px; }
.large { width: 180px; }
.xlarge { width: 300px; }
.xxlarge { width: 450px; }

fieldset legend {
	padding: 0 5px 0 5px;
}

.formerror {
	background-color: #fdd;
}

.headerwarning {
	color: #ff7d7d;
	font-size: 1.5em;
	font-weight: bold; 
	padding: 5px;
	background-color: #fdd;
	border-bottom: 2px solid #f00;
}

img.icon, .side-box img.icon {
	margin:0 4px;
}

img.icon2, .side-box img.icon2 {
	margin:0 1px;
}

img.icon3, .side-box img.icon3 {
	margin:0 10px 0 1px;
}

.socialbox {
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	color: #3B5998;
}

.socialbox a {
	text-decoration: none;
	color: #3B5998;
}

.socialbox .fb-like-box-75 {
	display: block;
	width: 75px;
	height: 28px;
	font-size: 11px;
}

.socialbox .hyves:hover {
	background: url('/img/hyves-75-hover.gif') no-repeat 0 5px;
}

.socialbox .hyves {
	background: url('/img/hyves-75.gif') no-repeat 0 5px; 
}

.socialbox .twitter {
	background: url('/img/twitter-75.gif') no-repeat 0 5px; 
}

.socialbox .twitter:hover {
	background: url('/img/twitter-75-hover.gif') no-repeat 0 5px;
}

.socialbox .fb-like-box-75 span.followtext {
	padding: 11px 0 0 25px;
	display: block;
}

.socialbox .fb-title-box {
	font-size: 14px;
	font-weight: bold;
}

.socialbox .fb-title-box a {
	text-decoration: none;
	color: #3B5998;
}

.socialbox .fb-title-box a span.location {
	font-size: 11px;
	font-weight: normal;
}

.socialbox .fb-title-box a:hover {
	text-decoration: underline;
}

/*
	SHARE BOX
*/

ul.share {
	margin:20px 0;
}

.share li img {
	margin:0 5px 0 0;
	vertical-align:bottom;

	}
.share li a {
	text-decoration:none;
}

.share li a span {
	vertical-align:top;
	display:inline-block;
	padding-top:6px;
}

ul.share ul {
	margin:0 0 0 11px;
}

.formerror {
	background-color: #ffbac6;
}