/*
	4 R O   W E B D E S I G N
	4 R O   G R A F I S C H  O N T W E R P

	A.H.G. Fokkerstraat 18k
	9403 AP Assen
	+31 (0)592 - 707414
*/


@import "nav.css";
@import "subnav.css";

@import "content.css";
@import "tables.css";
@import "partners.css";
@import "tooltip.css";
@import "blocks.css";

@import "/php/modules/news/css/style.css";
@import "/php/modules/portfolio/css/style.css";
@import "/php/modules/contact/css/style.css";

.header {background:url(/images/headers/algemeen.jpg);}


html{
	overflow:scroll
	}

body{
	font-size:71%;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	background:url(/images/body.gif) repeat-x top left;
	}
	
body.klein {font-size : 60%;}
body.normal  {font-size : 71%;}
body.groot  {font-size : 82%;} 
body.groter  {font-size : 92%;}

dfn, abbr{background:url(/images/dfn.gif) bottom repeat-x; padding-bottom:1px; border:0; font-style:normal;}
dfn:hover, abbr:hover{color:black; cursor:help;}

.soft{color:#777; font-style:italic;}
	
#main{
	width:770px;
	margin:auto;
	padding-top:40px;
	/* background:url(../images/logo-4ro.gif) no-repeat left top; */
	position:relative;
	}


.clr	{clear:both;}
.skip, .hide{display:none;}

a{
	font-weight:400;
	text-decoration:none;
	color:#f00000;
	}
a:hover{
	text-decoration:underline;
	}	

/*-=-=-=-=-=-=-=-=-=-*/

#header{
	background-repeat:no-repeat;
	background-position:top;
	background-color:#d00;
	height:180px; /*afbeelding*/
	background-color:#d00;
	border:1px solid #999;
	border-bottom:0;
	}
.header .logo span{
    height:230px;
    width:780px;
    display:block;
    background-repeat:no-repeat;
    position:absolute;
    top:0; left:-5px;
    }
.header .logo img{
	margin-left:7px;
	position:absolute;
	top:-150px; left:0;
	}
.header div.logo{
	background:url(/images/logo-4ro-anim.gif) no-repeat;
	display:block;
        position:absolute;
top:1px;
	height:38px; width:121px;
	}

	
/*-=-=-=-=-=-=-=-=-=-*/

#container{
	background:white url(../images/c_bg.gif);
	border-bottom:1px solid #999;
	padding:0; margin:0;
	display:block;
	width:770px; /*63.5em!*/
	}
#container #content{
	float:right;
	width:410px;
	margin-right:180px!important;margin-right:90px; /*FUCK YOU MSIE */
	margin-top:17px;
	margin-bottom:15px;
	overflow:hidden;
	}
/*-=-=-=-=-=-=-=-=-=-*/


#blk-l{
	float:left;
	width:179px;
	overflow:hidden;
	}
#blk-r{
	position:absolute;
	display:block;
	top:220px; right:0;
	width:179px;
	}

/*-=-=-=-=-=-=-=-=-=-*/

#footer{
	color:#777;
	font-family:verdana,sans-serif, tahoma,arial;
	font-size:0.9em;
	text-align:center;
	margin:0px 0px 30px 0px;
	padding-top:4px;
	background:url(/images/footer.jpg) top center no-repeat;
	}
#footer address{
	display:none;
	}


/*=-=-=-=-=-=-=---=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.blauw a{color:#008cdd;}
.blauw #hoofdmenu ul li a:hover{border:1px solid #d4edfb; background:#ebf8ff;}
.blauw #container h1{color:#008cdd;}
.blauw #main{background:url(/images/logo-4ro-blauw.gif) no-repeat left top;}

.color{color:#dd0000;}