/* ---------------------------------
versie: 1
auteur: Wouter van de Maat
email: wouter@happypixels.nl
website: www.happypixels.nl
----------------------------------- */

body
{
font-family: "trebuchet ms", arial, verdana;
font-size: 62.5%; /* = 10px */
line-height: 1.5;
background-color: #a6a6a6;
text-align: center;
}


#container {
font-size: 2em;
width: 795px;
margin-left: auto; 
margin-right: auto;
position: relative;
background-color:#FFFFFF;
border-top: 1px solid #000000;
border-right: 5px solid #000000;
border-bottom: 5px solid #000000;
border-left: 1px solid #000000;
text-align:left;
z-index:1;
}

#header h1 {
	margin:0px;  
	display:block;
	text-indent:-9999px;
}

#header {
background-image:url(images/happyheaderstreep.gif);  
background-repeat:no-repeat;
margin-top:20px;
margin-left:20px;
width:755px;
height:201px;
}

/* ++++++++++++ hier staat navigatie  ++++++++++++++ */


#navlist {
		padding: 3px 0;
        margin-left: 0px;
 		border-bottom: 2px solid #000000;
		font: 1em "trebuchet ms", arial, verdana;
}

#navlist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#navlist li a {
        padding: 3px 0.5em;
        margin-left: 20px;
        border-top: 2px dashed #000000;
        border-left: 2px dashed #000000;
        border-right: 2px dashed #000000;
        border-bottom: none;
        background: #ffffff;
        text-decoration: none;
}

#navlist li a:link { color: #000000; }
#navlist li a:visited { color: #000000; }

#navlist li a:hover {
        color: #000;
        background: #ffffff;
        border-color: #000000;
 


}

#navlist li a#current {
        color: #000000;
        background: #ffffff;
        border-bottom: 2px solid white;
        border-top: 2px solid #000000;
        border-left: 2px solid #000000;
        border-right: 5px solid #000000;
}
/* ++++++++++++ hier staat inhoud ++++++++++++++ */

.inhoud {
padding: 0px 10px 10px 10px;
background-color: #ffffff;
margin: 10px;
}
.right {
float: right;
border:1px solid #000000;
padding: 5px;
}
.badge {
position: absolute;
top: 40px;
left: 600px;
float: right;
z-index:2;
}

.badge img {
border: 0px;
}

/* +++++++++++++++++++ inhoud contact pagina ++++++++ */


#contactfoto {
float:right;
padding-top: 0px;
padding-left: 20px;
padding-bottom: 20px;
}

#contact img {
float:right;
padding-top: 0px;
padding-left: 20px;
padding-bottom: 20px;
}

#contact .linkedin {
float:left;
padding: 0px 0px 10px 0px;
border: none;
}

#contact li {
list-style:none;
text-indent: -40px;
}

#contact {
padding-left: 20px;
background-color: #ffffff;
width:320px;
}

.small {
font-size:0.6em;
}

/* ++++++++++++ hier staat de footer ++++++++++++++ */

#footer {
clear:both;
font-size:0.6em;
padding: 0px 10px 10px 20px;
}