html{
	height: 100%;
	font-size: 12px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #444444;
	line-height: 16px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: white;
}

div{
	overflow: hidden;
}

a:link, a:visited, a:active{
	text-decoration: none;
	color: #8bd2f4;
}

a:hover{
	text-decoration: underline;
	color: #8bd2f4;
}

h1{
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	margin: 0px 0px;
	color: #8bd2f4;
	padding-bottom: 10px;
}

h2{
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin: 0px 0px;
	padding: 0px 0px 5px 0px;
}

img{
	border: none;
}

.double-title{
	font-size: 16px;
	font-weight: bold;
	color: #8bd2f4;
	line-height: 14px;
}

p.title{
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	margin: 0px 0px;
	color: #8bd2f4;
}

p.date{
	font-size: 10px;
	font-style: italic;
	color: #CCCCCC;
	margin-top: 0px;
	margin-bottom: 15px;
}

p.content{
	padding-bottom: 30px;
}

p.footnote {
color:#8BD2F4;
margin-bottom:10px;
margin-top:0;
}

p.wegbeschrijving{
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	margin: 40px 0px 0px 0px;
	color: #444444;
}

*{
	outline: none;
}

/*main menu*/

h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#mnu-stories h3 {
	background: url(../images/mnu_main_active.png) no-repeat;
	background-color: #8bd2f4;
	padding-bottom: 5px;
}
#mnu{
	position: relative;
	width:198px;
	height:45px;
	display:block;
}

.ui-state-default{
	background: url(../images/mnu_main_inactive.png) no-repeat;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

.ui-state-hover{
	background: url(../images/mnu_main_active.png) no-repeat;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

.ui-state-active{
	background: url(../images/mnu_main_active.png) no-repeat;
	background-color: #8bd2f4;
	padding-bottom: 5px;
}


/*hover states*/
/*social media bar*/
div.social-bar{
	float: left;
	display:block;
	margin: 1px;
	width:40px;
	height:40px;
	text-ident:-1000em;
	cursor: pointer;
}

div.facebook{
	background: url(../images/icon_facebook_hover.png) no-repeat 0 0;
}

div.facebook:hover{
	background: url(../images/icon_facebook_hover.png) -40px 0;
}

div.netlog{
	background: url(../images/icon_netlog_hover.png) no-repeat 0 0;
}

div.netlog:hover{
	background: url(../images/icon_netlog_hover.png) -40px 0;
}

div.twitter{
	background: url(../images/icon_twitter_hover.png) no-repeat 0 0;
}

div.twitter:hover{
	background: url(../images/icon_twitter_hover.png) -40px 0;
}

div.youtube{
	background: url(../images/icon_youtube_hover.png) no-repeat 0 0;
}

div.youtube:hover{
	background: url(../images/icon_youtube_hover.png) -40px 0;
}

div.rss{
	background: url(../images/icon_rss_hover.png) no-repeat 0 0;
}

div.rss:hover{
	background: url(../images/icon_rss_hover.png) -40px 0;
}

div.yahoogroups{
	background: url(../images/icon_yahoogroups_hover.png) no-repeat 0 0;
}

div.yahoogroups:hover{
	background: url(../images/icon_yahoogroups_hover.png) -40px 0;
}


/*my storynations icons*/
#mnu-msn{
	position: relative;
	display:block;
}

#mnu-msn span{
	position: absolute;
	left: -32px;
	top:-5px;
	width:27px;
	height:24px;
}

#mnu-msn .mymessages{
	background: url(../images/mnu_msn_messages_hover.png) no-repeat 0 0;
}

#mnu-msn:hover .mymessages{
	background: url(../images/mnu_msn_messages_hover.png) -27px 0;
}

#mnu-msn .myprofile{
	background: url(../images/mnu_msn_profile_hover.png) no-repeat 0 0;
}

#mnu-msn:hover .myprofile{
	background: url(../images/mnu_msn_profile_hover.png) -27px 0;
}

#mnu-msn .myprojects{
	background: url(../images/mnu_msn_projects_hover.png) no-repeat 0 0;
}

#mnu-msn:hover .myprojects{
	background: url(../images/mnu_msn_projects_hover.png) -27px 0;
}

#mnu-msn .mynetwork{
	background: url(../images/mnu_msn_network_hover.png) no-repeat 0 0;
}

#mnu-msn:hover .mynetwork{
	background: url(../images/mnu_msn_network_hover.png) -27px 0;
}

#mnu-msn .mystatistics{
	background: url(../images/mnu_msn_statistics_hover.png) no-repeat 0 0;
}

#mnu-msn:hover .mystatistics{
	background: url(../images/mnu_msn_statistics_hover.png) -27px 0;
}

#mnu-msn .mymoney{
	background: url(../images/mnu_msn_money_hover.png) no-repeat 0 0;
}

#mnu-msn:hover .mymoney{
	background: url(../images/mnu_msn_money_hover.png) -27px 0;
}

#mnu-msn .tutvids{
	background: url(../images/mnu_msn_tutvids_hover.png) no-repeat 0 0;
}

#mnu-msn:hover .tutvids{
	background: url(../images/mnu_msn_tutvids_hover.png) -27px 0;
}