/* @override http://www.movinnio.eu/cms/wp-content/themes/Movinnio2/style.css */

/* @override http://www.movinnio.eu/cms/wp-content/themes/Movinnio2/style.css */

/* @override http://localhost:8888/movinnio2/wp-content/themes/Movinnio2/style.css */

/* @override http://localhost:8888/movinnio2/wp-content/themes/Movinnio2/style.css */

/* @override http://localhost:8888/movinnio2/wp-content/themes/Movinnio2/style.css */

/*
Theme Name: Movinnio Theme
Theme URI: Http://www.eensreclame.com
Description: This theme is build for use as template for the Movinnio website.
Version: 2.0
Author: Sebastiaan Biesheuvel
Author URI: http://www.eensreclame.com/
Tags: Movinnio, Eensreclame
*/

	body {
		background-color: #553389;
		line-height: 30px;
		font-size: 14px;
		color: #59595b;
		font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	
	a:link, a:visited {
	color: #553389;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
	a:hover {
	text-decoration: underline;
}

	#Header {
		background-repeat: repeat-x;
		background-image: url(images/HeaderBack.jpg);
		clear: both;
		width: 100%;
		height: 212px;
		float: left;
	}
	
	#Kruimel {
		height: 41px;
		background-repeat: repeat-x;
		background-image: url(images/KruimelBack.jpg);
		clear: both;
		width: 100%;
		float: left;
	}
	#Content {
		background-position: left bottom;
		background-color: white;
		background-repeat: repeat-x;
		background-image: url(images/ContentBack.jpg);
		clear: both;
		width: 100%;
		float: left;
	}
	#ContentHome, #NieuwsHome {
		background-position: left bottom;
		background-color: white;
		background-repeat: repeat-x;
		background-image: url(images/ContentBack.jpg);
		clear: both;
		width: 100%;
		float: left;
	}

#TabHome div.css-panes div div.LinkContent a:link {
	color: white;
	font-style: italic;
}

#TabHome div.css-panes div div.LinkContent {
	margin: 0;
	height: 20px;
}
		#NieuwsHome {
		background-position: left top;
		background-color: white;
		background-repeat: repeat-x;
		background-image: url(images/SchaduwHomeA.jpg);
		clear: both;
		width: 100%;
		float: left;
	}

div.breadcrumb {
	margin-top: 5px;
	font-size: 12px;
}

	#Footer {
		color: white;
		background-position: left top;
		background-repeat: repeat-x;
		background-image: url(images/FooterBack.jpg);
		clear: both;
		width: 100%;
		float: left;
	font-size: 11px;
}


	.Center {
		width: 995px;
		margin-right: auto;
		margin-left: auto;
		*position: relative;
	}
	#Header .Center{
		position: relative;
	}

	.LeftSpacer {
		width: 995px;
		float: left;
	}

	.Marge {
		width: 995px;
		margin-bottom: 40px;
		float: left;
		margin-top: 40px;
	}

	.SiteBar {
		font-size: 12px;
		width: 200px;
		float: left;
	}

	.Teksten {
		width: 776px;
		float: right;
}



	.Teksten h2 {
		padding: 0px;
		margin: 0px;
		font-style: normal;
		font-weight: normal;
		color: #a2bf27;
		font-size: 30px;
		display: block;
		border-bottom: 1px dotted #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}

#post div.entry p img.alignnone.size-large {
	*float: right;
	*margin: 0 0 20px;
}

#post div.entry p img.alignleft.size-large {
	*float: left;
	*margin: 0 0 20px;
}

		#Content .Marge {
		
		background-repeat: repeat-y;
		
		background-image: url(images/leftborder.jpg);
		
	}
	.Spacer {
		top: 0px;
		position: relative;
		height: 20px;
		background-repeat: repeat-x;
		background-image: url(images/SpacerLeft.jpg);
		width: 198px;
	}
	.Beeld330px {
		height: 350px;
		width: 350px;
		top: 10px;
		margin-bottom: 20px;
		margin-left: 30px;
		float: right;
		padding: 1px;
		border-color: #553389;
		border-width: 1px;
		border-style: solid;
		position: relative;
	}
	#SubMenu {
		font-size: 16px;
	}
	#SubMenu ul {
		width: 184px;
		list-style-type: none;
	
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
	#SubMenu ul li {
		padding-bottom: 0;
		padding-top: 4px;
	}
	
	#LaatsteNieuws {
		line-height: 22px;
		font-size: 12px;
		color: #59595b;
	}
	#LaatsteNieuws ul {
		width: 180px;
		padding: 0px;
		list-style-type: none;
		margin: 0px;
	}
	#LaatsteNieuws ul li {
		padding-bottom: 10px;
		padding-top: 10px;
		border-top-color: #e5e5e5;
		border-top-width: 1px;
		border-top-style: dotted;
	}
	#LaatsteNieuws h5 {
		margin-left: 0px;
		margin-bottom: 20px;
		margin-right: 0px;
		margin-top: 0px;
		padding: 0px;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
	}

	
#LaatsteNieuws ul li a:link, #LaatsteNieuws ul li a:visited {background-position: left center; background-repeat: no-repeat; background-image: url(images/PijlUp.jpg); font-style: normal; font-weight: normal; color: #59595b; text-decoration: none;}
#LaatsteNieuws ul li a:hover {background-repeat: no-repeat; background-image: url(images/PijlHover.jpg); color: #553389;}
	
	
#SubMenu ul li a:link, #SubMenu ul li a:visited {display: block; width: 168px; height: 40px; padding-left: 30px; padding-top: 11px; color: white; font-style: italic; font-size: 12px; background: url(images/GroenKnopSub.jpg) no-repeat;}
	
#SubMenu ul li a:hover {background: url(images/PaarsKnopSub.jpg) no-repeat;}
#SubMenu ul li.current-cat a {background: url(images/PaarsKnopSub.jpg) no-repeat;}

#SubMenu ul li.current_page_item a {
	background: url(images/PaarsKnopSub.jpg) no-repeat;
}
	#Logo { left: 0px; z-index: 1; top: 50px; position: absolute; height: 105px; width: 391px; }
	#Search { right: 0px; height: 47px; width: 331px; top: 0px; background-repeat: no-repeat; background-image: url(images/search.jpg); z-index: 10; position: absolute; }
	#HomeBut { left: 3px; top: 5px; position: relative; }
	#Menu { font-size: 1px; z-index: 30; top: 153px; right: -5px; position: absolute; }
	
	#Menu ul {
		float: left;
		width: 660px;
		padding: 0px;
		list-style-type: none;
		margin: 0px;
	}
	
	#Menu ul li {
		margin-right: 2px;
		width: 162px;
		float: left;
		height: 51px;
	}


	#Menu a:link, #Menu a:visited {color: #7f44d4; text-align: center; text-decoration: none; background-repeat: no-repeat; height: 51px; width: 162px; display: block}
	
	#Menu .movinnio a:link, #Menu .movinnio a:visited {background-image: url(images/Movinnio_Link.jpg);}
	#Menu .partners a:link, #Menu .partners a:visited {background-image: url(images/Partners_Link.jpg);}
	#Menu .nieuws a:link, #Menu .nieuws a:visited {background-image: url(images/Nieuws_Link.jpg);}
	#Menu .contact a:link, #Menu .contact a:visited {background-image: url(images/Contact_Link.jpg);}
	
	#Menu .movinnio a:hover {background-image: url(images/Movinnio_hover.jpg);}

#Menu .movinnio a.current {background-image: url(images/Movinnio_Active.jpg); color: #a2bf27;}
	#Menu .partners a:hover {background-image: url(images/Partners_hover.jpg);}
#Menu .partners a.current {background-image: url(images/Partners_Active.jpg); color: #a2bf27;}

	#Menu .nieuws a:hover {background-image: url(images/Nieuws_hover.jpg);}
	#Menu .nieuws a.current {background-image: url(images/Nieuws_Active.jpg); color: #a2bf27;}


	#Menu .contact a:hover {background-image: url(images/Contact_hover.jpg);}
#Menu .contact a.current {background-image: url(images/Contact_Active.jpg);
	color: #a2bf27;}

	
	.Teksten td { line-height: 16px; font-size: 12px; border-right-style: double; border-right-color: white; border-right-width: 1px; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: double; background-color: #f2f2f2; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; padding-top: 5px; text-align: left; vertical-align: top; }


/* Wordpress only stuff */

div.navigation {
float: left;
clear: both;
width: 775px;
	font-size: 12px;
	font-style: italic;
}

div.navigation div.alignleft {
	float: left;
}

#MeerNieuwsKnop a, #MeerNieuwsKnop a:visited {
	background: url(images/meernieuws.jpg) no-repeat;
	width: 288px;
	display: block;
	height: 47px;
	color: #b9ce31;
	font-size: 1px;
}
#MeerNieuwsKnop a:hover{
	background: url(images/meernieuws_rol.jpg) no-repeat;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #b9ce31;
}

#BannerRuimteGroot a {
	border: 1px none white;
	color: white;
}

div.navigation div.alignright {
	float: right;
}

/*Images and caption*/
.Teksten #attachment {float: right;}

.Teksten .wp-caption.alignnone {float: right; margin-left: 30px; margin-bottom: 9px;}

.Teksten .wp-caption-text {font-size: 12px; font-style: italic; text-align: right; margin: 9px 2px 0 0; color: #553389;}

.Teksten img {top: 10px; float: right; padding: 1px; border-color: #553389; border-width: 1px; border-style: solid; position: relative; margin-bottom: 15px;}

.SiteBar img {width: 0; height: 0;}
.SiteBar .wp-caption-text  {font-size: 1px; color: white; float: left; margin:	0; padding: 0; width: 1px; height: 1px;}

/*Inloggen sitebar*/
#GebruikLogin {width: 180px;
	margin-bottom: 14px;
}


#GebruikLogin h2 {color: #553389; margin-top: 0; border-bottom: 1px dotted #e5e5e5; margin-bottom: 15px; padding-bottom: 15px; font-weight: normal; font-style: normal;}
#GebruikLogin form p {
	margin: 0;
	padding: 0;
}

#GebruikLogin input {
	background-color: #FFF;
	border: 1px solid #a2bf27;
	padding: 0;
	margin: 0 0 12px;
	width: 180px;
	height: 30px;
}

#GebruikLogin input#rememberme.checkbox {
	width: 30px;
	margin: 0;
	padding: 0;
}


#GebruikLogin input#wp-submit {
	background-color: #a2bf27;
	padding: 0;
	margin: 14px 0 0;
}
#GebruikLogin ul.sidebarlogin_otherlinks {
	list-style-type: none;
	padding: 0;
	margin: 15px 0;
}

#GebruikLogin ul.sidebarlogin_otherlinks li a {
	font-style: italic;
}

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

/*Nieuws loader sitebar*/
#NieuwsContainer {width: 180px;}
#NieuwsContainer h2.sidebar-header {color: #553389; margin-top: 0; border-bottom: 1px dotted #e5e5e5;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-weight: normal;
	font-style: normal;
}

#SubMenu h2.sidebar-header {
	color: #553389; margin-top: 5px; border-bottom: 1px dotted #e5e5e5;
	margin-bottom: 15px;
	padding-bottom: 16px;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}


#NieuwsContainer ul {list-style-type: none; margin: 0; padding: 0;}
#NieuwsContainer ul li h3 {font-size: 14px; line-height: 21px; margin: 0 0 10px; color: #a2bf27;}
#NieuwsContainer ul li p {font-size: 11px; line-height: 18px; margin: 0;}

#NieuwsContainer ul li div.IntroTekst {overflow: hidden;
	height: 145px;
}
#NieuwsContainer ul li div.LinkContent {
	border-bottom: 1px dotted #e5e5e5;	margin-bottom: 15px;
	padding-bottom: 15px;
}
#NieuwsContainer ul li div.LinkAllContent a {
	font-style: italic;
	margin-bottom: 15px;
	display: block;
}
/*------------------------------------------------------------------------------*/

/*Overzicht page blog pages*/

div.OverzichtBlogs div.post {
	float: left	;
	border-bottom: 1px dotted #e5e5e5;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


div.OverzichtBlogs a.more-link {
	width: 780px;
	height: 24px;
	font-size: 1px;
	text-align: right;
	color: white;
	background: url(images/leesverderUp.jpg) no-repeat;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

div.OverzichtBlogs a.more-link:hover {
	background-image: url(images/leesverderOver.jpg);
}

div.OverzichtBlogs h3 {
	margin-top: -4px;
	margin: 0;
	font-size: 18px;
}

div.OverzichtBlogs h3 a:link, div.OverzichtBlogs h3 a:visited {
	text-decoration: none;
	color: #553389;
}
div.OverzichtBlogs h3 a:hover {
	text-decoration: underline;
}


/*Singel blog pages*/
.SingleBlog #post {
	float: left;
	border-bottom: 1px dotted #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.SingleBlog div.KopregelHeader {
	border-bottom: 1px dotted #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


#BannerRuimte img{
	width: 180px;
	height: 180px;
}

/*Footer design*/
#Footer a { color: white; font-weight: normal; font-style: normal;text-decoration: none;}
#Footer a:hover { normal;text-decoration: underline;}

#Footer #Links {
	background: url(images/footerlines.gif) repeat-y;
	float: left;
	width: 993px;
	margin-bottom: 40px;
}

#Links div.Introtekst {
	float: left;
	overflow: hidden;
	height: 102px;
}

#Links h2 {
	margin: 0 0 5px;
}

#Links div.Introtekst p {
	line-height: 16px;
	margin-bottom: 15px;
	margin-top: 0;
	padding: 0;
	font-style: italic;
}

#Links div.FooterLinksRight {
	width: 146px;
	float: right;
	*float: left;
	margin-right: 10px;
	*margin-right: 0px;
}

#BannerRuimteGroot a img, #MeerNieuwsKnop a img, #BannerRuimte a img {
	border: 1px solid white;
	color: white;
}

#Links div.FooterLinksLeft {
	width: 146px;
	margin-left: 10px;
	float: left;
	padding-right: 10px;
	margin-bottom: 10px;
}



#FooterOnder {
	clear: both;
	float: left;
	border-top: 1px dotted #775ca1;
	width: 993px;
}

#Links ul {
	float: left;
	margin: 15px 0 0;
	padding: 10px 0 0 20px;
	width: 125px;
	list-style-image: url(images/pijl2.gif);
	border-top: 1px dotted #775ca1;
}

#FooterOnder div.Right {
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 1px dotted #775ca1;
	width: 420px;
	text-align: right;
}

h2.Movinnio {
	background: url(images/MovinnioPicto.gif) no-repeat;
	padding-left: 40px;
	*font-size: 18px;
}

h2.Partners {
	background: url(images/PartnersPicto.gif) no-repeat;
	padding-left: 51px;
	*font-size: 18px;
}

h2.Nieuws {
	background: url(images/NieuwsPicto.gif) no-repeat;
	padding-left: 37px;
	*font-size: 18px;
}

h2.Contact {
	background: url(images/ContactPicto.gif) no-repeat;
	padding-left: 24px;
	*font-size: 18px;
}

h2.Download {
	background: url(images/DownloadPicto.gif) no-repeat;
	padding-left: 26px;
	*font-size: 18px;
}

h2.VlogOns {
	background: url(images/VolgOnsPicto.gif) no-repeat left 5px;
	padding-left: 35px;
	*font-size: 18px;
}

#FooterOnder div.Left {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#Links ul li {
	margin-bottom: -10px;
}

#Zoeker {
	position: relative;
}

#Zoeker input#s.sfield {
	float: left;
	position: absolute;
	top: -25px;
	left: 47px;
	width: 231px;
	height: 20px;
	background-color: white;
	border-style: none;
	*margin-top: -15px;
}



#Zoeker input#searchsubmit.sbutton {
	position: absolute;
	width: 27px;
	height: 27px;
	right: 10px;
	top: -28px;
}

#Groot {
	width: 291px;
	height: 276px;
	*height: 268px;
	overflow: hidden;
	float: left;
}

#TabHome {
	width: 668px;
	float: right;
	position: relative;
}
div.NieuwsLoader {
	clear: both;
	margin-top: 20px;
	float: left;
	background-image: url(images/HomeNieuwsBack.gif);
	width: 992px;
}

div.NieuwsLoader div.ClomA {
	width: 310px;
	height: 310px;
	float: left;
	margin-right: 42px;
}

div.NieuwsLoader div.ClomB {
	width: 288px;
	float: left;
}

div.NieuwsLoader div.ClomB div.NieuwsImage, div.NieuwsLoader div.ClomC div.NieuwsImage {
	width: 52px;
	height: 52px;
	overflow: hidden;
	float: left;
	margin: 0 12px 0 0;
	padding: 1px;
	background: url(images/53pixels_leegbeeld.gif) no-repeat 1px 1px;
	border: 1px solid #553389;
}

div.NieuwsLoader div.ClomB h3, div.NieuwsLoader div.ClomC h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

div.NieuwsLoader div.ClomA img {
	width: 125px;
	height: 125px;
	float: left;
	margin-right: 12px;
	margin-bottom: 2px;
	margin-top: 5px;
	padding: 1px; border-color: #553389; border-width: 1px; border-style: solid; position: relative;
}



div.NieuwsLoader div.ClomB div.Nieuwslister img, div.NieuwsLoader div.ClomC div.Nieuwslister img {
	width: 52px;
	height: 52px;
}

div.NieuwsLoader div.ClomB div.Nieuwslister, div.NieuwsLoader div.ClomC div.Nieuwslister {
	float: left;
	border-bottom: 1px dotted silver;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.NieuwsLoader div.ClomC {
	width: 310px;
	float: right;
}

div.NieuwsLoader div.ClomB div.Nieuwslister div.NieuwslisterText {
	float: left;
	width: 213px;
	line-height: 19px;
}
div.NieuwsLoader div.ClomC div.Nieuwslister div.NieuwslisterText {
	float: left;
	width: 236px;
	line-height: 19px;
}

div.NieuwsLoader div.ClomA div.TekstA {
	overflow: hidden;
	height: 360px;
	margin-bottom: 16px;
}

#MeerNieuwsKnop {
	float: left;
	margin-top: 21px;
	margin-left: 9px;
}

#BannerRuimteGroot {float: left; margin-top: 50px; width: 995px;}



div.NieuwsLoader div.ClomA div.TekstA h1 {
	margin: 15px 0;
}
div.NieuwsLoader div.ClomA div.TekstA a:link {
	color: #a2bf27;
}

div.NieuwsLoader div.ClomA div.TekstA a:hover {
	color: #a2bf27;
}


div.NieuwsLoader div.ClomA div.TekstA p {
	font-size: 12px;
	line-height: 20px;
	margin: 0;
}

div.NieuwsLoader div.ClomB div.AlleenMaarNieuws {
	margin-top: 21px;
}

div.NieuwsLoader div.ClomC div.AlleenMaarNieuws {
	margin-top: 51px;
}

#TabHome ul.css-tabs {
	margin: 0 0 0 18px;
	*margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 643px;
	*position: relative;
	*left: 17px;
	*z-index: 3;
}



#TabHome ul.css-tabs li {
	float: left;

}
#TabHome ul.css-tabs li a {

	margin-right: 2px;
	float: left;
	background-image: url(images/TabMenuBack.jpg);
	width: 151px;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
	font-style: italic;
	*position: relative;
	*z-index: 1;
}

#TabHome div.css-panes {
	clear: both;
	height: 235px;
	overflow: hidden;
	background-image: url(images/TabBackground.jpg);
	width: 667px;
	position: relative;
	z-index: 2;
	top: -2px;
	*top: -21px;
}

#TabHome div.css-panes div {
	height: 184px;
	margin-left: 20px;
	margin-top: 20px;
	width: 620px;
	overflow: hidden;
	color: white;
	font-size: 12px;
	line-height: 19px;
}

#TabHome div.css-panes div h2.sidebar-header {
	margin-top: -10px;
}
#TabHome ul.css-tabs li a.current {
	width: 167px;
	color: white;
	background-image: url(images/TabMenuFront.jpg);
	position: relative;
	z-index: 10;
	height: 31px;
	padding-top: 6px;
}

div.NieuwsImageLeft {
	float: right;
	margin-left: 20px;
}

div.entry p img.alignleft { float: left;
	margin: 0 20px 10px 0;
}

div.entry p img.alignleft.size-large {
	margin: 20px 0; float: left;
}
div.entry p img.alignright {float: right;
	margin: 0 0 10px 20px;
}

div.NieuwsImageLeft img {float: left;
	margin: 0 0 10px 20px;
}

#BannerRuimte a:link, #BannerRuimte a:Visited, #BannerRuimte a:Hover {color: white; border: 1px none white;}

#GebruikLogin div.LogInButton {
	color: white;
	border: 1px none white;
	width: 180px;
	height: 50px;
	
}

#GebruikLogin div.LogInButton a:link, #GebruikLogin div.LogInButton a:Visited {
	float: left;
	width: 167px;
	height: 50px;
	background: url(images/loginHeaderUp.jpg) no-repeat;
	color: white;
	font-size: 1px;
	padding-left: 6px;
	margin: 0;
	text-decoration: none;
	color: #a2bf27;
}
#GebruikLogin div.LogInButton a:Hover {
	background: url(images/loginHeaderrol.jpg) no-repeat;
	text-decoration: none;
	color: #a2bf27;
}

#GebruikLogin div.MemberButtons div.ExtraButton {
	position: relative;
	font-size: 10px;
	margin-bottom: 0;
	padding: 0;
	margin: 0;
	top: -6px;
	left: 6px;
}

#GebruikLogin div.MemberButtons div.ExtraButton a:link, #GebruikLogin div.MemberButtons div.ExtraButton a:Visited {
	font-style: italic;
	text-decoration: none;
}
#GebruikLogin div.MemberButtons div.ExtraButton a:Hover {
	font-style: italic;
	text-decoration: underline;
}

ul#portfolio.innerfade {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#portfolio li img {padding: 1px; border-color: #553389; border-width: 1px; border-style: solid; position: relative; width: 987px;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#111;
}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-bottom:40px;}


    #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
    #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
    #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
    #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
    #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
    #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
    #cboxClose{position:absolute; right:0; display:block; color:#444;
	bottom: 0;
}


/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/*End ColorBox Core Style*/

#inline_example1 img.alignright.size-thumbnail,
#inline_example2 img.alignright.size-thumbnail,
#inline_example3 img.alignright.size-thumbnail,
#inline_example4 img.alignright.size-thumbnail,
#inline_example5 img.alignright.size-thumbnail 
{border: 1px solid #7f44d4; margin: 10px 1px 15px 20px; padding: 1px; float: right;}

#inline_example1 strong, #inline_example2 strong, #inline_example3 strong, #inline_example4 strong, #inline_example5 strong 
{display: block; margin-bottom: -20px; color: #553389;}



#User {position: absolute; right: -11px; top: 70px;
}

/* Tabs----------------------------------*/
.ui-tabs {width: 668px; height: 283px; position: relative;
	background:  url(images/TabBackground.jpg) no-repeat left bottom;
}

div.Thumb img.Thumb1, div.Thumb img.Thumbfoto2, div.Thumb img.ThumbFilm1, div.Thumb img.ThumbFilm2 {
	width: 80px; height: 53px; float: left;
	margin-right: 9px;
}

div.GrootBeeld {
	width: 362px; height:241px;
	position: absolute;
	right: 8px;
	top: 8px;
	border: 1px solid white;
}


div.GrootBeeld img.GrootFoto1, div.GrootBeeld img.GrootFoto2 {
	width: 362px; height:241px;
}

.ui-tabs .ui-tabs-nav {
	width: 638px;
	float: left;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 19px;
	top: 9px;
	list-style-type: none;
}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; padding: 0; margin: 0 0 9px;}
.ui-tabs .ui-tabs-nav li a {float: left;
	width: 151px;
	height: 32px;
	margin-right: 2px;
	background: white url(images/TabMenuBack.jpg) no-repeat;
	font-style: italic;
	text-align: center;
	padding-top: 6px;
	font-weight: bold;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {

}


.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

#tabs li.ui-corner-top.ui-tabs-selected.ui-state-active a {
	background: url(images/TabMenuFront.jpg) no-repeat;
	width: 167px;
	height: 34px;
	color: white;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0 20px 20px; display: block; border-width: 0;
	color: white;
	font-size: 13px;
	line-height: 25px;
	position: absolute;
	bottom: 10px;
	width: 621px;
	height: 206px;
	font-weight: normal;
	font-style: normal;
}
.ui-tabs .ui-tabs-hide { display: none !important; }

hr{
	border-style: none;
	margin: -9px 0 -10px;
	border-top: 1px dotted #8953c2;
}

#tabs h4 a:link, #tabs h4 a:Visited {
	color: white;
	font-style: italic;
	font-size: 13px;
}

#tabs h4 a:Hover {
	text-decoration: underline;
}

/* End Tabs----------------------------------*/