/*
Mariejuliabollansee Index Page
All code copyrighted by Jim Bollansée
*/


/* Algemene Stuff */
*
	{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:				#CCCCCC;
	background-color:   #000000;
		
	text-decoration: 	none;
	
	margin: 			0;
	padding: 			0;
	}
		
body,html
	{
	text-align:			center;
	
	width: 				100%;
	height: 			100%;
	
	list-style:			none;
	
	margin: 			0;
	padding: 			0;
	}

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

em
	{
	color:red;
	font-style: normal;
	}
	
#debug
	{
	margin-top: 10px;
	border:solid;
	border-color:#3399FF;
	}
	#debug *
		{
		color:#3399FF;
		}

/* Layout van de containers */
#container
	{
	width: 				852px;
	
	margin-left:		auto;
	margin-right:		auto;
	
	padding-top: 		20px;
	padding-bottom: 	20px;
	
	border-color:		#FFFFFF;
	border: none;
	}

#header
	{
	border: 			solid;
	border-width:		1px;
	
	padding-bottom:		5px;
	
	/*position: fixed;
	top: 0px;
	width: 850px;*/
	}

#languageError
	{
	text-align: 	left;
	margin-top:		10px;
	margin-bottom: 	10px;
	padding: 		5px;
	padding-left: 	10px;
	width: 			380px;
	border:			solid;
	border-width: 	1px;
	border-color:	#FF0000;
	}
	#languageError *
	{
	color:	#FF0000;
	}
	
#content
	{
	border: 			solid;
	border-width:		1px;
	
	margin-top:			10px;
	padding:			10px;
	padding-top:		3px;
	
	text-align: 		left;
	
	list-style:			circle;
	list-style-position: inside;
	}
	
#footer
	{
	border: 			solid;
	border-width:		1px;
	
	margin-top:			5px;
	
	/*position: fixed;
	bottom: 0px;
	width: 850px;*/
	}

.invisible
	{
	display: 			none;
	}
.clear
	{
	width: 				100%;
	clear: 				both;
	}
	
	
/* Layout van de header */
#headerTitle
	{
	width: 				400px;
	margin-left:		10px;
	
	float: 				left;
	text-align:			left;
	}
		#headerTitle p span
		{
		display:		none;
		}
		#headerTitle p
		{
		display:		block;
		height:			16px;
		width:			166px;
		background-image:url(images/layout/nav_title.png);
		}
	
#headerNavigation
	{
	width: 				400px;
	margin-right:		10px;
	
	float:				right;
	
	background-color:	#66FF00;
	}
	#headerNavigation ul
	{
	list-style: none;
	}
		#headerNavigation ul li
		{
		float:		left;
		}
		#headerNavigation ul li a span
		{
		display: 	none;
    	}
		#headerNavigation ul li a 
		{
		display: 	block;
		height: 	16px;
		}
		#headerNavigation ul li a:hover
		{
		background-position: 0 -16px;
		}
		
		#navHome a
		{
		width: 		53px;
		background-image:url(images/layout/nav_home.png);
		}
		#navWork a
		{
		width: 		122px;
		background-image:url(images/layout/nav_work.png);
		}
		#navAbout a
		{
		width: 		145px;
		background-image:url(images/layout/nav_about.png);
		}
		#navContact a
		{
		width: 		80px;
		background-image:url(images/layout/nav_contact.png);
		}
	
/* Layout van de footer */
#footerNavigation
	{
	width: 				400px;
	margin-right:		10px;
	
	float:				right;
	
	padding-top: 		1px;
	padding-bottom:		1px;
	}
	#footerNavigation ul
	{
	list-style: none;
	}
		#footerNavigation ul li
		{
		float:		left;
		}
		#footerNavigation ul li span
		{
		display: 	none;
    	}
		#footerNavigation ul li *
		{
		display: 	block;
		height: 	10px;
		}
		#footerNavigation ul li a:hover
		{
		background-position: 0 -10px;
		}
		
		#footCopy p
		{
		width: 		193px;
		background-image:url(images/layout/foot_copy.png);
		}
		#footNed a
		{
		width: 		74px;
		background-image:url(images/layout/foot_ned.png);
		}
		#footEng a
		{
		width: 		60px;
		background-image:url(images/layout/foot_eng.png);
		}
		#footWebmaster a
		{
		width: 		73px;
		background-image:url(images/layout/foot_webmaster.png);
		}
		
/* Layout van de content */
#contentLinks
	{
	width: 			400px;
	float:			left;
	
	text-align: 	justify;
	
	/*height: 500px;
	overflow: scroll;
	overflow-x:hidden;*/
	}
	
#contentRechts
	{
	width: 	400px;
	float:	right;
	/*height: 500px;
	overflow: hidden;*/
	}
	
#content h1
	{
	font-size: 15px;
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: bold;
	margin-bottom: 15px;
	color: #FFFFFF;
	}

#content h2
	{
	font-weight:bold;
	margin-bottom: 	5px;
	text-transform: capitalize;
	text-decoration: underline;
	}

#content p
	{
	margin-bottom: 	20px;
	}
	
#content table tr td
	{
	padding-left: 5px;
	padding-top: 10px;
	}
	
/* Layout Van BodyOfWork Menu Pagina */
#bodyOfWorkMenu *
	{
	text-transform: uppercase;
	color: #CCCCCC;
	}

#bodyOfWorkMenu ul li ul
	{
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
#bodyOfWorkMenu ul li label
	{
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: underline;
	}
	
/* Layout Van MediaView */
#media
	{
	/*width: 400px;
	height: 500px;
	position: fixed;
	top: 175px;*/
	}

#mainMedia
	{
	width: 400px;
	height: 320px;
	margin-bottom: 20px;
	/*float: left;*/
	text-align: center;
	
	display: table-cell; 
	vertical-align: middle;
	}
	#mainMedia *
	{
	margin: 0px;
	padding: 0px;
	
	vertical-align: middle;
	}
.mediaThumb
	{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
	}
	
.mediaThumb a
	{
	display: block;
	width: 50px;
	height: 38px;
	/*background-color: #333333;*/
	}

.mediaThumb a img
	{
	height: 38px;
	border: none;
	}