img, div { behavior: url(includes/iepngfix.htc) }

/**
 * Standaard waarden
**/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0px;
	text-decoration: none;
}
html {
	background: #f5f3f3 url('../images/htmlbg.gif') repeat-x top left;
	height: 100%;
}
body {
	min-height: 100%;
	_height: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	position: relative;
}

#main
{
	width: 900px;
	height:100%;
	margin: 0px auto;
	margin-top: 0px;
	padding-bottom: 86px;
}

.top_header_img
{ float: left; margin: 0px 0px 0px 0px; }

#header_top_left
{
display: inline;
float: left;
position: relative;
width: 630px;
height: 23px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#header_top_left span
{
color:#FFFFFF;
display: inline;
position: relative;
float:left;
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
font-size:11px;
font-family:Arial;
}

#header_top_right
{
display: inline;
float: left;
position: relative;
width: 200px;
height: 23px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#header_top_right ul
{
display: inline;
float: right;
position: relative;
width: auto;
height:16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#header_top_right ul li
{
display: inline;
float: left;
height:16px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style:none;
}

#header_top_right ul li a
{
color:#FFFFFF;
display:block;
float:left;
font-size:11px;
height:16px;
padding:7px 10px 0px;
text-decoration:none;
outline:none;
}

#header_top_right ul li a:hover
{
background-color:#143159;
}

#header_bottom
{
display: inline;
float: left;
position: relative;
width: 750px;
height: 108px;
margin: 0px 0px 0px 154px;
padding: 0px 0px 0px 0px;
background: url('../images/4freak_header_logo.gif') no-repeat;
}

#left
{
display: inline;
float: left;
position: relative;
width: 210px;
height: auto;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#hoofdmenu
{
display: inline;
float: left;
position: relative;
width: 210px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* Menu Blauw */

#blue_corner_left
{
display: inline;
float: left;
position: relative;
width: 8px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/blue_corner_left.gif') no-repeat;
}

#blue_center
{
display: inline;
float: left;
position: relative;
width: 193px;
height: 27px;
margin: 0px 0px 0px 0px;
padding: 9px 0px 0px 0px;
background: url('../images/blue_center.gif') repeat-x;
}

#blue_center span
{
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0p 0xp;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
font-family:"Verdana";
}

#blue_corner_right
{
display: inline;
float: left;
position: relative;
width: 8px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/blue_corner_right.gif') no-repeat;
}

ul.left_navigatie
{
display: inline;
float: left;
position: relative;
width: 209px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul.left_navigatie li
{
float: left;
width: 179px;
list-style:none;
maring: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul.left_navigatie li a
{
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 30px;
height:21px;
width: 179px;
font-size:11px;
color:#717171;
text-decoration: none;
font-family:"Verdana";
}

ul.left_navigatie li a.left_menu { width: 179px; background: url('../images/hover_left_menu.gif') no-repeat top left; outline:none; }
ul.left_navigatie li a.left_menu:hover { text-decoration:underline; background: url('../images/hover_left_menu.gif') no-repeat bottom left; outline:none; }

#blue_left_footer
{
display: inline;
float: left;
position: relative;
width: 8px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/blue_left_footer.gif') no-repeat;
}

#blue_footer_center
{
display: inline;
float: left;
position: relative;
width: 193px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 9px 0px 0px 0px;
background: url('../images/blue_footer_center.gif') repeat-x;
}

#blue_right_footer
{
display: inline;
float: left;
position: relative;
width: 8px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/blue_footer_right.gif') no-repeat;
}


/* Menu rood */
#bedrijfsgegevens
{
display: inline;
float: left;
position: relative;
width: 210px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#red_corner_left
{
display: inline;
float: left;
position: relative;
width: 8px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/red_corner_left.gif') no-repeat;
}

#red_center
{
display: inline;
float: left;
position: relative;
width: 193px;
height: 27px;
margin: 0px 0px 0px 0px;
padding: 9px 0px 0px 0px;
background: url('../images/red_center.gif') repeat-x;
}

#red_center span
{
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
font-family:"Verdana";
}

#red_corner_right
{
display: inline;
float: left;
position: relative;
width: 8px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/red_corner_right.gif') no-repeat top left;
}

#red_content
{
display: inline;
float: left;
position: relative;
width: 204px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 5px;
background: url('../images/small_container.gif') repeat-y;
}

#red_content p
{
float:left;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 4px;
font-size:10px;
color:#818181;
line-height:15px;
}

#red_content p a
{
font-size:9px;
color:#ca0727;
font-weight:normal;
font-family:"Verdana";
}

#red_content p a:hover
{
text-decoration: underline;
}

#red_footer
{
display: inline;
float: left;
position: relative;
width: 209px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/red_footer.gif') no-repeat;
}

#red_left_footer
{
display: inline;
float: left;
position: relative;
width: 8px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/red_footer_left.gif') no-repeat;
}

#red_footer_center
{
display: inline;
float: left;
position: relative;
width: 193px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 9px 0px 0px 0px;
background: url('../images/red_footer_center.gif') repeat-x;
}

#red_right_footer
{
display: inline;
float: left;
position: relative;
width: 8px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('../images/red_footer_right.gif') no-repeat;
}

#right
{
display: inline;
float: left;
position: relative;
width: 690px;
height: auto;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.box1
{
display: inline;
float: left;
position: relative;
width: 618px;
height: auto;
margin: 0px 0px 0px 6px;
padding: 0px 0px 0px 0px;
}

.grey_corner_left_box1
{
display: inline;
float: left;
position: relative;
width: 9px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='../images/grey_corner_left.png'); 
background: url('../images/grey_corner_left.png') no-repeat;
}

.grey_center_box1
{
display: inline;
float: left;
position: relative;
width: 594px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
background: url('../images/grey_center_top.gif') repeat-x top left;
}

.grey_corner_right_box1
{
display: inline;
float: left;
position: relative;
width: 9px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='../images/grey_corner_right.png'); 
background: url('../images/grey_corner_right.png') no-repeat;
}

.grey_content_under_layer_box1
{
display: inline;
float: left;
position: relative;
width: 610px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #e0dede;
border-right: 1px solid #e0dede;
background: #fff;
}

.grey_content_upper_layer_box1
{
display: inline;
float: left;
position: relative;
width: 606px;
height: auto;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
background: #f4f4f4 url('../images/water_mark.gif') no-repeat 100% 100%;
}

.grey_content_upper_layer_box1w
{
display: inline;
float: left;
position: relative;
width: 606px;
height: auto;
margin: 0px 0px 0px 2px;
padding: 5px 0px 0px 5px;
background: #f4f4f4 url('../images/water_mark.gif') no-repeat 100% 100%;
}

.grey_content_upper_layer_box1 p
{
float:left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 10px;
font-size:11px;
color:#818181;
line-height:15px;
}

.grey_footer_left_box1
{
display: inline;
float: left;
position: relative;
width: 9px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
background: url('../images/grey_footer_left.gif') no-repeat;
}

.grey_footer_center_box1
{
display: inline;
float: left;
position: relative;
width: 594px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
background: url('../images/grey_footer_center.gif') repeat-x;
}

.grey_footer_right_box1
{
display: inline;
float: left;
position: relative;
width: 9px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
background: url('../images/grey_footer_right.gif') no-repeat;
}


/* P style voor Nieuws berichten en Laatste opdrachten / projecten */

p.nieuws
{
width: 190px;
float:left;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 4px;
font-size:11px;
color:#818181;
line-height:15px;
}

p.nieuws a
{
font-size:11px;
color:#ca0727;
outline:none;
text-decoration:underline;
}

p.nieuwshorizontaal
{
width: 600px;
float:left;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 4px;
font-size:11px;
color:#818181;
line-height:15px;
}

p.nieuwshorizontaal a
{
font-size:11px;
color:#ca0727;
outline:none;
text-decoration:underline;
}

p.project
{
width: 190px;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:11px;
color:#818181;
line-height:15px;
}

p.project a
{
font-size:11px;
color:#ca0727;
outline:none;
text-decoration:underline;
}

p.states
{
width: 250px;
float:left;
margin: 0px 0px 0px 40px;
padding: 0px 0px 10px 0px;
font-size:11px;
color:#818181;
line-height:15px;
}

p.states a
{
font-size:11px;
color:#ca0727;
outline:none;
text-decoration:underline;
}

.lijn
{
display: inline;
float: left;
position: relative;
height: 90px;
width: 6px;
margin: 6px 0px 0px 3px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #939393;
}

.lijnhorizontaal
{
display: inline;
float: left;
position: relative;
height: 6px;
width: 600px;
margin: 6px 0px 0px 3px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #939393;
}

.opdracht_img { float: left; width:50px; height:50px; margin: 2px 10px 30px 0px; padding: 0px 0px 0px 0px; border: 3px solid #e1dfe0; }

.box2
{
display: inline;
float: left;
position: relative;
width: 304px;
height: auto;
margin: 0px 0px 0px 6px;
padding: 0px 0px 0px 0px;
}

p.content a
{
font-size:11px;
color:#ca0727;
outline:none;
text-decoration:underline;
}

.grey_corner_left_box2
{
display: inline;
float: left;
position: relative;
width: 9px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='../images/grey_corner_left.png'); 
background: url('../images/grey_corner_left.png') no-repeat;
}

.grey_center_box2
{
display: inline;
float: left;
position: relative;
width: 284px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
background: url('../images/grey_center_top.gif') repeat-x top left;
}

.grey_center_box2_title
{
float:left;
margin: 0px 0px 0px 0px;
padding-top: 10px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
font-family:"Verdana";
}

.grey_corner_right_box2
{
display: inline;
float: left;
position: relative;
width: 9px;
height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='../images/grey_corner_right.png'); 
background: url('../images/grey_corner_right.png') no-repeat;
}

.grey_content_under_layer_box2
{
display: inline;
float: left;
position: relative;
width: 300px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #e0dede;
border-right: 1px solid #e0dede;
background: #fff;
}

.grey_content_upper_layer_box2
{
display: inline;
float: left;
position: relative;
width: 291px;
height: auto;
margin: 0px 0px 0px 2px;
padding: 5px 0px 0px 5px;
background: #f4f4f4 url('../images/water_mark.gif') no-repeat 100% 100%;
}

.grey_content_upper_layer_box2 p
{
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:11px;
color:#818181;
line-height:15px;
}

.grey_footer_left_box2
{
display: inline;
float: left;
position: relative;
width: 9px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
background: url('../images/grey_footer_left.gif') no-repeat;
}

.grey_footer_center_box2
{
display: inline;
float: left;
position: relative;
width: 284px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
background: url('../images/grey_footer_center.gif') repeat-x;
}

.grey_footer_right_box2
{
display: inline;
float: left;
position: relative;
width: 9px;
height: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
background: url('../images/grey_footer_right.gif') no-repeat;
}


#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: url('../images/footer.gif') repeat-x top left;
	height: 86px;
}

div#inner_footer {
	width: 800px;
	margin: 0px auto;
	padding-top: 60px;
	padding-right: 40px;
}
div#inner_footer ul {
	float: right;
	width:450px;
	padding-left: 0px;
}
div#inner_footer ul li {
	float: right;
	padding: 0px 12px 0px 0px;
}
div#inner_footer ul li.first {
	background: none;
	padding-left: 0px;
	color: #ca0727;
}

div#inner_footer ul li.stripe {
	background: none;
	padding-left: 0px;
	width:0px;
	color: #fff;
}
div#inner_footer ul li a {
	color: #ca0727;
}
div#inner_footer ul li a:hover {
	color: #ca0727;
	text-decoration: underline;
}

div#inner_footer p {
	float: left;
	color: #FFFFFF;
}

div#inner_footer span a {
	color: #ca0727;
	outline:none;
}

div#inner_footer span a:hover {
	color: #ca0727;
	text-decoration:underline;
}