/* Algemene stylesheet voor Mosselmania.nl, Oktober 2007 */
/* Stylesheet by  Mosselman Multimedia, Oktober 2007 */

/* +----------------   General styles ------*/

img {
	display: block;
	border-width: 0px;
}


html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: #343467;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85.5%;
	color: #000;
}


/* -------------------  Div layout  -----------------------*/

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	z-index: 2;
	width: 860px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #FFFFFF;
}


div#header {
	z-index: 0;
	background-color:#343467;
	width: 862px;
	height: 53px;
	border-left: 1px solid #343467;
	margin-left: -1px;
}


* html div#header {
	z-index: 55;
	float: left;
	position:relative;
	border-left: 1px solid #343467;
	border-right: 1px solid #343467;
	width: 862px;
	margin-right: -3px;
}

div#content1, div#content2, div#content3, div#content4, div#content5, div#content6 {
	position: relative;
	width: 860px;
	padding: 30px 0; /* bottom padding for footer */
	border-top: 1px solid #000;
}

/* -- backgroundimages --*/
div#content1 {
	background: #fff url(../images/bg_img1.jpg) no-repeat right top;
}

div#content2 {
	background: #fff url(../images/bg_img2.jpg) no-repeat right top;
}

div#content3 {
	background: #fff url(../images/bg_img3.jpg) no-repeat right top;
}

div#content4 {
	background: #fff url(../images/bg_img4.jpg) no-repeat right top;
}

div#content5 {
	background: #fff url(../images/bg_img5.jpg) no-repeat right top;
}

div#content6 {
	background: #fff url(../images/bg_img6.jpg) no-repeat right top;
}

	div#contentheader-left {
		position: relative;
		float: left;
		height: 50px;
		padding: 0px 0px 0px 63px;
	}
	
	div#contentheader-right {
		position: relative;
		float: left;
		height: 17px;
		padding: 31px 0px 0px 4px;
	}
	
	div#nav {
		position: relative;
		float: left;
		padding: 18px 0px 67px 34px;
		width: 800px;
		height: 80px;
	}
	
	div#contenttext {
		width: 600px;
		padding: 220px 0px 0px 0px;
	}
	
	* html div#contenttext {
	width: 600px;
	padding: 0px;
	}
	
	#newslinks{
		margin-top: 3px;
		font-size: 1.3em;
		line-height: 1.5em;
		color: #000;
	}
	
	#mouseover_menu1 {
		position: absolute;
		float: left;
		visibility: hidden;
		width: 73px;
		height: 19px;
		margin-left: 30px;
		background: #fff url(../images/mouseover_home.gif) no-repeat left top;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
		/* CSS3 standard */
	    opacity:0.7;
	}
	
	#mouseover_menu2 {
		position: absolute;
		float: left;
		visibility: hidden;
		width: 71px;
		height: 19px;
		margin-left: 40px;
		background: transparent url(../images/mouseover_profiel.gif) no-repeat left top;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
		/* CSS3 standard */
	    opacity:0.7;
	}
	
	#mouseover_menu3 {
		position: absolute;
		float: left;
		visibility: hidden;
		width: 55px;
		height: 24px;
		margin-left: 40px;
		background: transparent url(../images/mouseover_service.gif) no-repeat left top;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
		/* CSS3 standard */
	    opacity:0.7;
	}
	
	#mouseover_menu4 {
		position: absolute;
		float: left;
		visibility: hidden;
		width: 88px;
		height: 29px;
		margin-left: 55px;
		background: transparent url(../images/mouseover_portfolio.gif) no-repeat left top;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
		/* CSS3 standard */
	    opacity:0.7;
	}
	
	#mouseover_menu5 {
		position: absolute;
		float: left;
		visibility: hidden;
		width: 58px;
		height: 21px;
		margin-left: 45px;
		background: transparent url(../images/mouseover_contact.gif) no-repeat left top;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
		/* CSS3 standard */
	    opacity:0.7;
	}
	
	
	div#contenttextprof {
		width: 740px;
		padding: 220px 0px 0px 0px;
	}
	
	
	* html div#contenttextprof {
	width: 740px;
	padding: 0px;
	}
	
	#portlinks{
		width: 650px;
		margin-top: 3px;
		margin-left: 72px;
		font-size: 1.3em;
		line-height: 1.5em;
		color: #000;
	}
	
	#portnamedet{
		margin-top: 3px;
		margin-left: 72px;
		font-size: 1.5em;
		line-height: 1.5em;
		color: #067fc2;
	}
		
	#portURL{
		margin-top: 3px;
		margin-left: 78px;
	}

div#footer {
	position:absolute;
	width: 860px;
	height: 6px;
	bottom:0; /* stick to bottom */
	border-top: 4px double #067fc2;
}


* html div#footer {
	width: 860px;
}


/* -------------------   UL/LI styles  -----------------*/

#nav ul {
	padding:0px; 
	margin:0px;
	text-align:left;
}

#nav li {
	padding: 0px; 
	margin: 0px;
	list-style: none;
	padding-right: 5px;
	padding-left: 30px;
}

#contenttext ul {
	margin: 0px;
	padding: 0px;
}

#contenttext li {
	margin-left: 20px;
}

/* -------------------   AHREF STYLES  -----------------------*/
/* +----------------   navigatie links, 1e niveau ------*/


#nav li a:link, #nav li a:visited {
	color: #343467;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}

* html #nav li a:link, #nav li a:visited {
	color: #343467;
	text-decoration: none;
	padding: 0px;
	font-size: 1.2em;
}

#nav li a:hover {
	color: #067fc2;
	text-decoration: none;
	font-size: 1.2em;
}

#footer a:link, #footer a:visited, #footer a:hover {
	color: #333333;
	text-decoration: underline;
	font-size: 0.9em;
	padding-right: 4px;
	margin: 0px;
}

#contenttext a:link, #contenttext a:visited, #contenttext a:hover {
	color: #067fc2;
	text-decoration: underline;
}


#portURL a:link, #portURL a:visited, #portURL a:hover {
	text-decoration: none;
	font-size: 1.4em;
	color: #067fc2;
}


.portfolname a:link, .portfolname a:visited, .portfolname a:hover {
	color: #067fc2;
	text-decoration: underline;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #067fc2;
}

.newsname a:link, .newsname a:visited, .newsname a:hover {
	text-decoration: underline;
	font-size: 1.0em;
	color: #067fc2;
}

.portfolurl a:link, .portfolurl a:visited, .portfolurl a:hover {
	text-decoration: underline;
	font-size: 1.4em;
	color: #067fc2;
}

/* -------------------   Class styles  -----------------------*/

#contentheader-left h2 .namem{
	color: #067fc2;	
}

.lightblue{
	color: #067fc2;	
}

.active  {
	color: #067fc2;
	text-decoration: none;
	font-weight: bold;
}

.img_prof{
	margin: 5px;
	display: inline;
	border: solid #999999 1px ;
	}

.newsname{
	background-color: #CCE6FF;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #067fc2;
	text-transform: uppercase;
	font-weight: bold;
}

.portfolname{
	background-color: #CCE6FF;
	padding-top: 3px;
}

.portfolhook{
	font-size: 1.45em;
	font-weight: 100;
}


/* -------------------   H styles  -----------------------*/

#contentheader-left h1 { 
	font-size: 2.81em;
	letter-spacing: 0.05em;
	color: #067fc2;
	margin:0px;
	margin-left: -2px;
	padding:0px;
}

#contentheader-right h1 { 
	font-size: 0.9em;
	color: #067fc2;
	margin: 1px 0px  0px 0px;
	padding:0;
}

#contenttext h1, #contenttextprof h1{
	width: 100px;
	height: 17px;
	font-size: 1.0em;
	font-weight:bold;
	color: #fff;
	margin:0;
	margin-bottom: 15px;
	padding: 2px 20px 1px 63px;
	background-color: #067fc2;
	font-variant: normal;
	text-transform: uppercase;
}	

#contentheader-left h2 {
	font-size: 1.3em;
	font-variant:normal;
	color: #2f2f66;
	margin: -8px 0px  0px 0px;
	padding:0px;
	font-weight: 100;
}

/* -------------------   P styles  -----------------------*/


p { 
	line-height:1.5; 
	margin:0 0 0em;
}

	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
	
	div#content1 p, div#content2 p, div#content3 p, div#content4 p, div#content5 p, div#content6 p {
		text-align:justify;
		padding: 5px 0px 5px 72px;
	}
	
	div#newslinks p {
	font-size:0.8em
	}


/* -------------------   Other styles  -----------------------*/