/**Peter Oostra 2009
**/

/*************************************
 +Containers
 *************************************/

#header 
{}


#wrap 
{width: 800px;
margin: auto auto auto auto;

}






/*************************************
 +Text Mark Up
 *************************************/


body
{font-family: arial, verdana, helvetica, sans-serif;
font-size: 62.5%; /* = 10px */;
background: white;
text-align: center;
margin-top: 10px;
}

p
{font-family:  arial, helvetica, sans-serif, times;
color: #808080;
text-align: justify;
text-align-last: left;
line-height: 2em;
font-size: 1.2em;
margin-top: -0px;
}


h1 
{font-family:  arial, helvetica, sans-serif, times;
font-size: 6em;
color: #808080;
text-align: left;
margin-left: 0px;
margin-top: 5px;
margin-right: 20px;
float:left;
width: auto;
height:40px;}

.longcopy 
{font-size: 7em;
line-height: 0.8em;
width: 220px;
text-align-last: left;
height: 60px;}

.shortcopy 
{font-size: 7em;
line-height: 0.8em;
text-align: right;
width: 250px;
height: 80px;
display:block;}

.testimonials
{font-size: 7em;
line-height: 0.8em;
text-align: right;
width: 325px;
height: 80px;
padding-right: 20px;}

.engelstalig
{font-size: 7em;
line-height: 0.8em;
text-align: right;
width: 300px;
height: 70px;}

.redactie 
{font-size: 7em;
line-height: 0.8em;
text-align: left;
width: 380px;
height: 20px;}

.contact 
{font-size: 5em;
line-height: 0.8em;
text-align: left;
width: 800px;
height: 20px;}

.webseo 
{font-size: 6em;
line-height: 0.8em;
text-align: right;
width: 200px;
height: 60px;
padding-right: 20px;}

.index 
{font-size: 5em;
line-height: 0.8em;
text-align: RIGHT;
width: 300px;
height: 50px;
padding-right: 20px;}

h2
{font-family:  arial, helvetica, sans-serif, times;
color: #808080;
text-align: justify;
line-height: 1.7em;
font-size: 1.7em;
font-weight: strong;
margin-bottom: -1px;}

.voetnoot {font-size: 1em;}

.footer
{clear:left;
clear: right;
width:200px;
height: 10px;
margin-top: 150px;
padding-bottom:100px;
float: right;
color: #808080;
position: relative;
font-size: 0.9em;}

.italic {font-style:italic;}

/*************************************
 +Image placement
 *************************************/

#indeximage
{float:right; clear: left; width: 300px;}
#vertalingenimage{float:right;}
#contactimage{width: 800px; margin-top: 150px;}
#redactieimage{float: right;}
#seoimage{margin-top:40px; margin-bottom: 40px; width: 400px; float:left}
#longcopyimage{float:right; width:500px;}
#shortcopyimage{float:right; margin-bottom: 10px;}
#testimonialsimage{float:right; margin-top: 20px;}


.port{margin-bottom: 100px;}



/*************************************
 +Nav
 *************************************/
#nav
{width:800px; 
height: 20px;
margin-top: -10px;
margin-bottom: 90px; margin-left: 10px;
font-family: arial;
font-size: 1.4em;

}


#nav ul

{list-style-type: none;
width:800px;
padding-left:20px;

}


.nav li{
display:inline; /*no difference in all other browsers but REQUIRED for IE (7)*/
}





#nav a.selected {color: #F7931D; margin-top:-2px}

#nav ul li a
{
float: left;
margin-left:6px;
}


#nav ul li a, a:link, a:visited{
text-decoration:none;
color: #98D7DC;
margin-top:0px;}

#nav li ul li a, a:link, a:visited {color:#376B6F ;
margin-top:0px;
}

#nav ul li a:hover, a:active {
color:#F7931D;
margin-top:-2px;}

#nav li ul li a:hover, a:active {
color:#F7931D;
margin-top:-2px;
}

a, a:visited 
{
line-style: dotted;
color: #98D7DC;}

a:hover, a:active {text-decoration:underline;
color: #F7931D;}