@charset "utf-8";
/*
	S C O P E 
	============================================
	4ro Internetdiensten en grafische vormgeving
	A.H.G. Fokkerstraat 18k
	9403 AP Assen
	+31 (0)592 707414
	http://www.4ro.nl
*/


html{
	margin:0;
	padding:0;
	}
body{
	margin:0;
	padding:0;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:71%;
	background:#ddd;
	}
#main{
	width:976px;
	background:white;
	border:1px solid #ccc;
	position:relative;
	margin:10px auto;
	}
#logo img{display:none;}
#logo{
	background:url(../images/logo_screen.gif) no-repeat;
	width:143px;
	height:50px;
	display:block;	
	position:absolute;
	top:36px;
	left:36px;
	}
#top{
	background:#e2007a;
	list-style:none;
	margin:0; padding:23px 0 0 370px;
	height:85px;
	}
#top li{
	display:inline;

	}
#top li a{
	display:block;
	height:67px; width:67px;
	float:left;
	text-align:center;
	margin-right:8px;
	}
#top li a.portfolio{
	margin-left:60px;
	}
#top li a span{display:none;}
	
#top li a.ervaren		{background:url(../images/ervaren.gif) no-repeat;}
#top li a.persoonlijk	{background:url(../images/persoonlijk.gif) no-repeat;}	
#top li a.transparant	{background:url(../images/transparant.gif) no-repeat;}	
#top li a.snel			{background:url(../images/snel.gif) no-repeat;}	
#top li a.portfolio		{background:url(../images/portfolio.gif) no-repeat;}	
#top li a.contact		{background:url(../images/contact.gif) no-repeat;}	

#top li a:hover			{background-position:bottom;}
#top li a.selected			{background-position:bottom;}

#image{
	height:212px;
	background-color:#d1d4d6;
	}

#content{
	color:#a0a5a9;
	/*min-height:170px;*/
	margin:20px 340px 25px 250px;
	line-height:175%;
	font-size:101%;
	}
#content span{
	color:#e2007a;
	}
#content a{
	color:#e2007a;
	}
#content *:hover{
	color:#444;
	}
#footer{
	border-top:1px solid #e2007a;
	margin:2px 37px 0 37px;
	padding:12px 0 30px 0;
	clear:both;
	}
#footer *{
	color:#333;
	text-decoration:none;
	}	
#footer .left{
	width:200px;
	float:left;
	}
#footer .right{
	float:right;
	}
.clear{clear:both;}	

#image h1{position:absolute; top:-500px;}

.clients{ margin:0 -300px 0 -210px;}

#map{width:976px; height:212px;position:absolute; top:108px; left:0;}
.googlemap_gegevens{font-size:90%; line-height:90%;}

#dynamic{height:212px; margin:auto; background-position: top center;}

#contactform label{
    display:block;
    float:left;
    width:80px;
    cursor:pointer;
}

#contactform input.text{
    border:1px solid #ddd;
    font-size:100%;
    width:200px;
    padding:3px;
    margin:2px!important;    margin:1px;
    color:#777;
}
#contactform input.text:focus,
#contactform textarea:focus{
    color:black;
    border:1px solid #e2007a;
background:#fffcfd;
}
#contactform textarea{
    font-size:100%;
    font-family:verdana, Arial, Helvetica, sans-serif;
    border:1px solid #ddd;
    color:#777;
width:201px;
padding:3px;
margin-left:1px!important; margin-left:0;
overflow:auto;
}
#contactform .title{border:0; font-size:100%; padding:3px 0;}

#contactform .submit{border:0;font-size:100%; background:transparent; color:#e2007a; position:relative; left:80px; margin:2px 3px; border:1px solid #ddd;}
#contactform .submit:hover{border:1px solid #e2007a; background:#fffcfd; }
#contactform .warning{color:#e2007a; margin:0; padding:0; text-align:right; width:291px;}

/* flash test */


object.flash1{
	display:block;
	position:absolute;
	top:223px;
	height:310px;
	width:266px;
	}

object.flash2{
	display:block;
	position:absolute;
	top:100px;
	height:212px;
	width:300px;
	}
	
#realisatie, #realisatie *{ font-weight:normal; font-size:9px; color:#bbb; text-align:center; text-decoration:none;}