/* CSS Document */

/*

File		: screen.css
Author		: T. Elfrink ( www.thomaselfrink.com )
Web			: www.woordenstroom.com
Date		: 06-03-2007
 
*/

body
{
	margin:0;
	padding:0;
	background-color:white;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:0.8em;	
	color:white;
}

h1
{
	padding:0px;
	font-size:1.1em;
	color: white;
	display:inline;
}

ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	position:relative;
}

ul li a span {visibility:hidden;}

div#footer a {
	color:#0095DA;
	text-decoration:none;
}

div#footer a:hover {
	text-decoration:underline;
}

div#content a {
	color:white;
	text-decoration:underline;
}

div#content a:hover {
	text-decoration:none;
}

label {
	float:left;
	width: 75px;
	text-align: left;
}

input {
	margin-bottom:10px;
	background:#F8F8F8;
	border-left:1px solid #D8D8D8;
	border-top:1px solid #D8D8D8;
	width:360px;
}

textarea{
	margin-bottom:10px;
	background:#F8F8F8;
	border-left:1px solid #D8D8D8;
	border-top:1px solid #D8D8D8;
	width:360px;
}

*html hr {
	height:1px;
	border:solid 1px white;
	background:#ffffff;
}

hr {
	height:1px;
	border:none;
	background:#ffffff;
}

form {
	margin:0;
	padding:0;
}

a img {
	border:none;
}
p span {
	font-size:14px;
	font-weight:bold;
	color:black;
}

span a {
	color:white !important;
}

span a:hover {
	color:black !important;
}

span hr {
	height:1px;
	border:none;
	background:black !important;
}



/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:afterv {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix,  {height: 1%;}
/* End hide from IE-mac */



/*++++++++++++++++++++++++*/
/*      MAIN  DIV'S       */


div#wrapper
{
	position:absolute;
	background-color:#FFFFFF;
	top:0px;
	left:50%;
	margin:10px -392px;
	width:785px;
	padding:0;
	text-decoration:none;	
}

div#header
{
	margin:0px;
	padding:0px;
}

div#nav
{
	position:relative;
	background:url(../img/menuback.jpg) no-repeat right white;
	margin:0px;
	*margin:-3px 0 0 0; /* IE 6 & 7 */
	_margin:-3px 0 0 0; /* IE 6 */
	padding:0px;
	height:21px;
}

ul li {float:left;margin:0px;padding:0px;}
div#nav ul li a {
	display:block;
	background-repeat:no-repeat;
	text-decoration:none;
	border-right:solid 1px white;
	height:21px;
}

li.nav1 a {background:url(../img/home.jpg); width:72px;}
li.nav2 a {background:url(../img/achtergrond.jpg); width:101px;}
li.nav3 a {background:url(../img/media.jpg); width:62px;}
li.nav4 a {background:url(../img/communicatie.jpg); width:140px;}
li.nav5 a {background:url(../img/creatief.jpg); width:75px;}
li.nav6 a {background:url(../img/portfolio.jpg); width:80px;}
li.nav7 a {background:url(../img/contact.jpg); width:75px;}

div#nav li a:hover img, li em a img {visibility:hidden;}

li.nav1 a:hover, li.nav1 em a {background:url(../img/home_select.jpg);}
li.nav2 a:hover, li.nav2 em a {background:url(../img/achtergrond_select.jpg);}
li.nav3 a:hover, li.nav3 em a {background:url(../img/media_select.jpg);}
li.nav4 a:hover, li.nav4 em a {background:url(../img/communicatie_select.jpg);}
li.nav5 a:hover, li.nav5 em a {background:url(../img/creatief_select.jpg);}
li.nav6 a:hover, li.nav6 em a {background:url(../img/portfolio_select.jpg);}
li.nav7 a:hover, li.nav7 em a {background:url(../img/contact_select.jpg);}


div#content
{
	background:url(../img/contentback.jpg) no-repeat right top #0095DA;
	margin:0px;
	padding:20px 150px 25px 40px;
	min-height:337px;
}

*html div#content {height:337px;}

div#portfolio
{
	background:#0095DA;
	margin:0px;
	padding:0px;
}




.portfolio div#content p img 
{
	float:left;
	width:316px;
	height:196px;
	margin-right:20px;
}

.portfolio div#content p
{
	height:200px;
}

div#footer
{
	position:relative;
	background:url(../img/onder.jpg) no-repeat top white;
	margin:-20px 0 20px 0;
	padding:23px 20px 0 20px;
	color:#0095DA;
}

.footerrechts { 
	position:relative;
	text-align:right;
	margin-top:-15px;
	padding:0px;
	
}