/**************************
	COMMON COMPONENT STYLING
/*************************/	
	.block {
		background: #e5eaee;
		margin: 10px 0;
	}
	#module .block, #modules .block {
		min-height: 100px;
		height: auto!important;
		height: 100px;
		position: relative;		
	}
	.content {
		padding: 0 10px;
	}	
	.block .content {
		padding: 1em;
	}
	#modules .block .content {
		padding: 20px;
	}
	
/**************************
	TEXT AND PICTURE
/*************************/	
	.intro {
		font-weight: bold;
		margin-bottom: 10px;
	}
	.picture-component,
	.text,
	.readmore	{
		margin: 0 1em;
	}
	.picture-component {
		clear: both;
	}
	.picture-component img.left {
		float: left;
		margin: 10px 10px 10px 0;
	}
	.picture-component img.right {
		float: right;
		margin: 10px 10px 10px 0px;
		padding-left: 10px;
	}
	.text table {
		width: 100% !important;
	}
/**************************
	INHOUDSOPGAVE
/*************************/	
	.toc {
		padding: 1em;
	}
	.toc-back {
		text-align: right;
		margin: 5px 0;
	}
	
/**************************
	MEDIA COMPONENT
/*************************/	
	.media {
		padding: 0 10px;
		margin-bottom: 1em;
	}
	
/**************************
	NEWSLIST
/*************************/	
	#modules .block a.rss {
		position: absolute;
		right: 10px;
		top: 20px;
	}
	.newslist, .newslist .content {
		padding: 1em;
	}
	.newslist .content {
		padding: 1em;
	}
	.newslist .image {
		float: left;
		overflow: hidden;
		width: 100px;
		height: 100px;
		margin: 0 10px 10px 0;
	}
	div.even {
		background: #fff;
	}
	.newslist .even .image {
		float: right;
		margin: 0 0 10px 10px;
	}
	
/**************************
	THEMA BLOCKKEN COMPONENT
/*************************/	
	#modules ul li {
		list-style: none;
		text-indent: 0px;
		margin-left: 0px;
	}
	#modules ul.news li {
		list-style: outside url(images/news-bullet.gif) ;
	}	
	#modules ul.news li.head {
		list-style: outside url();
		list-style: none !important;
		color: #a6c401;
	}	
	#modules h3 {
		margin-bottom: 10px;
	}
/**************************
	READMORE
/*************************/	
	.readmore {
		padding: 10px;
		margin-bottom: 10px;
		background: #E5EAEF;
	}
	.readmore img {
		float: left;
		margin: 0 10px 10px 0;
	}
/**************************
	FILE COMPONENT
/*************************/	
	.file {
		padding: 10px;
	}
	.filetype{ display: block; width: 25px; height: 20px;  float: left; line-height: 20px;}
	.filetype span {
		margin-left: -9999px;
	}
	.filename { display: inline; }
	.file .info { display: inline; padding-left: 10px; }

/**************************
	LINKS + ICONS
/*************************/		
	a.print {
		background: url(images/ico-print.gif) no-repeat left center;
		padding: 5px 0;
		padding-left: 28px;
	}

/**************************
	USP
/*************************/	
	#usp {
		padding: 5px;
		font-size: 1.2em;
		line-height: 130%;
		font-style: italic;
		display: block;
		width: 213px;
	}

/***
#	@Module:			Routeplanner / Ries
#	@Last Update:	07-07-2008
/****/
#this-body {
	width: 100%; 
	height: 100%; 
	max-width:100%;
	max-height:100%;
}
#body_opac {
	background-color: white; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	max-width:100%; 
	max-height:100%;
	filter: alpha(opacity=70); 
	moz-opacity: 0.70;	
	opacity: 0.70;
	z-index: 997;
}
#route_planner {
	position: absolute;
	left: 50%; top: 50%;
	margin-left: -410px;
	margin-top: -315px;
	width: 820px;
	height: 630px;
	z-index: 999;
	background: url(images/route_vlak.gif);
	/* alpha filter non aktief door cleartype bug in ie:
	filter: alpha(opacity=100);*/
	moz-opacity: 1;
	opacity: 1; 

}	

#route_planner_content {
	position: absolute;
	width: 820px;
	height: 582px;
	left: 50%; top: 50%;
	margin-left: -410px;
	margin-top: -276px;
	background: url(images/route_vlak.gif);
}

#route_planner_content iframe {
	border: none;
	width: 100%;
	height: 100%;
}

#text .virtualtour { padding: 10px; }
#modules .virtualtour { padding: 10px 0; }

/***
#	@Module:		Image component | Logopage
#	@Last Update:	25-03-2008
/****/	
	.logo-image {
		margin: .2em 1em;
		border: 1px solid #036;
		padding: 1em;
	}
	.logo-image .thumbnail {
		margin: 0 10px 10px 0;
	}
	.logopage {
	
	}
	.logopage .logo {
		float: left;
		width: 150px;
		height: 150px;
		overflow: hidden;
		margin: 8px;
	}
	
/**************************
	FORM
/*************************/	
	.form-component {
		padding: 1em;
		
	}
	.modify{
		width:900px;
		
	}
	.form-component ol li {
		margin: 0 0 10px 0;
	}
	.form-component li label {
		width: 150px;
		display: block;
		float: left;
	}
	.form-component li label.error {
		width: 420px;
		color: #ff0000;
		float: none;
		margin-left: 10px;
	}	
	.form-component li label.input-file {
		width: 300px;
		margin-left: 10px;
	}	
	.form-component li label.checkbox {
		width: auto;
		float: none;
		display: inline;
	}
	input, select, textarea {
		font-size: 1em;
		border: 1px solid #bbb;
	}
	.form-component input{
		width: 16em;
	}
	.form-component input.checkbox{
		width: auto;
		margin-right: 10px;
		border: none;
	}
	.form-component input.button, input.button {
		width: auto;
		background: #036;
		padding: .2em 1em;
		border: 0;
		color: #fff;
	}
	.form-component input.image, input.image { width: auto; border: none; }
	.form-component input.int, input.int, .input.int input { width: 3em; }
	.form-component input.postcode, input.postcode, .input.postcode input { width: 5em; }
	.form-component input.telefoon, input.telefoon, .input.telefoon input { width: 8em; }
	
	
/***
#	@Module:		HAN FORM V2
#	@Last Update:	28-09-2009
/****/	
	.hanform {
		padding: 1em;
	}
	.hanform .input {
		margin-bottom: 10px;
	}
	.hanform label {
		width: 150px;
		float: left;
	}
	.hanform label.error {
		float: none;
		width: 420px;
		color: #ff0000;	
		display: block;
	}
	.hanform h2 {
		margin-bottom: 20px;
	}
	.hanform input {
		width: 16em;
	}
	
	.input input {
		font: .9em verdana;
		width: 200px;
	}
	.input.radio input {
		width: auto;
	}
	.hanform .input.radio li {
		margin-left: 10px;
		margin-bottom: 5px;
	}
	.hanform .input.radio label {
		float: none;
		line-height: 150%;
	}
	.hanform .input.radio ol {
		margin-top: 5px;
		margin-left: 150px;
	}
	.hanform .input.radio li label {
		font-weight: normal;
	}
	.hanform .input.radio input {
		width: auto!important;
		margin-right: 10px;
	}
	.hanform .input.single.radio {
		
	}
	
	.hanform .input.submit input {
		width: auto;
	}
	.hanform  input.button, input.button {
		width: auto;
		background: #036;
		padding: .2em 1em;
		border: 0;
		color: #fff;
	}	
	.hanform .captcha span{
		display: block;
		float: left;
		width: 300px;
		margin-bottom: 4px;
	}
	.hanform .captcha input, .hanform .captcha img {
		margin-left: 150px;
	}
	.hanform fieldset .info	{
				float: right;
	
	}
	
	input[type="radio"] , input[type="checkbox"] {
		border: 0 !important;
	}
/***
#	@Module:		HAN CONTACT FORM
#	@Last Update:	22-02-2010
/****/		
	.block.contact {
		padding: 10px;
	}
	.block.contact  dt {
		float: left;
		width: 20px;
	}
	.block.contact dd { line-height: 130%; }
	/*
	.block.contact  dt  span { position: absolute; left: -2000em; }
	.block.contact  dd { 	line-height: 20px; }
	.block.contact  dt.tel {  background-position: -40px 0; }
	.block.contact  dt.email { background-position: -60px 0; }
	*/
	
	
/***
#	@Module:		RSS styling en alle andere Social media shit
#	@Last Update:	22-02-2010
/****/		
	
	.rss-component {
		margin: 10px;
		padding: 10px;
		border: 1px solid #E5EAEF;
	}
	.rss-component.twitterfeed {
		background: url(http://redactie.han.nl/lib/images/social/logo-twitter.gif) no-repeat 10px 10px;	
	}
	#modules .rss-component {
		margin: 10px 0;
	}
	#modules .rss-component .content {
		padding: 10px;
	}
	.rss-component.twitterfeed h3 {
		padding: 5px 0 10px 0px;
		height: 40px;
		margin-left: 50px;
	}	
	.rss-component ul {
		margin-left: -.5em;
	}
	.rss-component li {
		padding-left: 15px;
		margin-bottom: 10px;
		margin-left: 0em !important;
		background: url(images/news-bullet.gif) 0 5px no-repeat;
		list-style: none!important;
	}
	
	/* TWITTER VARIANT NEW CLIENT SIDE */
	.rss.tweets { border-radius: 12px; padding: 10px; border: 1px solid #E5EAEF; }
	.rss.tweets .tweet_list li { list-style: none; margin: 0; margin-bottom: 10px; }
	.rss.tweets .tweet_list .triangle,
	.rss.tweets .tweet_list .tweet_user { display: none; }
	.rss.tweets .tweet_list .tweet_avatar { float: left; margin-right: 10px; }
	.rss.tweets .tweet_list .tweet_avatar, .rss.tweets .tweet_list .complete_tweet {overflow:hidden; _overflow:visible; zoom:1;}
	
	

/***
#	@Module:		RSS styling en alle andere Social media shit
#	@Last Update:	22-02-2010
/****/		
	
	.han-banner { margin: 10px; }
	.han-banner .altbanner {
		border: 1px solid #ddd; overflow: hidden;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 1px 1px 4px #AAA;
		-webkit-box-shadow: 1px 1px 4px #AAA;
		box-shadow: 1px 1px 4px #AAA;
		height: 90px;
		width: 370px;
		position: relative;
		color: #FF1947;
		font-weight: bold;
	}
	.han-banner .altbanner .img {
		width: 120px;
		height: 100px;
		overflow: hidden;
		float: left;
		text-align: center;
	}
	.han-banner .altbanner a {
		width: 370px; display: block;
		height: 100px;
		position: absolute; left: 0; top:0;
	}
	.han-banner .content {
		margin-left: 120px;
		padding: 5px 10px;
		font-size: 1.2em;
		line-height: 150%;
	}
	.han-banner .altbanner a span { position: absolute; left: -3000em; }


.flickr { background: none #fff; background-image: none!important; }


.flickr figure { display: inline-block; width: 64px; height: 70px; overflow: hidden; margin: 1px 4px; border: 1px solid #777; box-shadow: 1px 1px 2px #777; } 
.flickr figure img { display: block; } 
.flickr h3 { margin-bottom: 15px; float:right; }
  

.flickr img.rss-mm-viewer { display: block; width: 25px!important; height: 25px!important; clear:both;}
	

/* 
	Social sharelinks
*/
#text .sharethis { line-height: 130%; padding: 10px; }
#text .sharethis h2 { display: inline; float: left; padding-right: 10px; border-right: 1px solid #777; margin-right: 10px; font-weight: normal; font-size: .9em; color: #777;  }
#text .sharethis ul {display: inline; }
#text .sharethis li { float: left; list-style: none; text-indent: -2000em; margin: 0; margin-right: 2px; }
#text .sharethis li a { width: 18px; height: 18px; display: block; background: url(images/sprite-share.png) no-repeat; overflow: hidden; }
#text .sharethis .twitter { background-position: 0 -20px; }
#text .sharethis .facebook { background-position: 0 -80px; }
#text .sharethis .print { background-position: 0 -139px; }
#text .sharethis .tellafriend { background-position: 0 -118px; }


/*  Flickr block  */

#module .flickr {
	background-image: linear-gradient(#DAE1E7, #FFFFFF 75%);border: 1px solid #D8D8D8!important;
    border-radius: 12px!important;
    padding: 10px!important;
}
 
.block.flickr {padding: 10px; border-radius: 10px;min-height: 200px!important;}
.flickr {background: none; }
.flickr img {float: left; }
.flickr .rss-mm-viewer {padding-top: 0!important;}
.flickr .figure:hover {
    -moz-transform : scale(1.15); -o-transform : scale(1.15); -webkit-transform : scale(1.15); transform : scale(1.15);
}
.flickr h3 {display: block; width: 100%;margin-left: 10px;}	

/*.flicr figure {border: 1px solid #777777;
    box-shadow: 1px 1px 2px #777777;
    display: inline-block;
    height: 70px;
    margin: 1px 4px;
    overflow: hidden;
    width: 64px;}
	
.flickr .external img { *border: 1px solid #777777;
    *box-shadow: 1px 1px 2px #777777;
    *display: inline-block;
    *height: 70px;
    *margin: 1px 4px;
    *overflow: hidden;
    *width: 64px;}	*/
	
.flickr  .figure {display: inline-block; width: 64px; height: 70px; overflow: hidden; margin: 1px 4px; border: 1px solid #777; box-shadow: 1px 1px 2px #777; float: left;} 
.flickr  .figure img { display: block; } 


	form ol.seneca li {
		margin-left: 20px !important;
		list-style: decimal;
		list-style-type: decimal !important;
	}