/* 
    Document   : style_screen
    Created on : 6-sep-2009, 13:21:33
    Author     : Pieter van Andel
    Description: Stylesheet factif.nl
*/

body {
font-family: tahoma, sans-serif;
background-color:#FFF;
background-image:url(../images/bg.png);
background-repeat:repeat-x;
font-size: 80%; /* Resets 1em to 12px 1em equals 16px;*/
color:#223F52;
padding:0;
margin:0;
text-align: center;
line-height:180%;
background-position:0px 280px;
}

h1 {
font-size:36px;
font-weight: bold;
padding:0px;
margin: 10px 0 5px 0;
color: #DB0202;
letter-spacing: -1px;
}

h2 {
font-size: 18px;
padding:0px;
margin: 10px 0 5px 0;
color:#2A4C5E;
}

.kwart_content h2{
font-size: 16px;
margin:0;
}

h3, h4, h5, h7, h8, h9 {
font-size:14px;
padding:0;
margin: 0;
color:#457E9D;
}

h6{
font-size: 36px;
margin: 0;
padding: 0;
}

a{
color: #DB0202;
outline:none;
}

img.button, a img{border:none}

a:hover {
color: #457E9D;
}

a img{
border-bottom:none;
}


.buttonlink a {
border: none;
}

p {
padding:0px;
margin: 0 0 10px 0;
}

/*ALGEMENE LAYOUT*/

/*de wrapper bepaalt de buitengrenzen van de site*/
#wrapper {
position: relative;
width: 980px;
margin: 0 auto;
text-align: left;
border:none;
overflow:auto;
background-image:url(../images/bgw.jpg);
background-position:0 44px;
background-repeat:repeat-y;
background-color:#FFFFFF;
}

/*box om de rijen uit elkaar te houden*/
.row {
position:relative;
float:left;
width:100%;
margin:0;
padding:0;
border:none;
}

.nav {
height:64px;
width:980px;
background-image:url("../images/bgw-nav.png");
}

.footer {
height: 30px;
font-size: 90%;
line-height: 30px;
width: 938px;
padding: 10px 20px;
margin-top: 20px;
background-color: #E7EBF0;
border-left: 1px solid #DADFE2;
border-right: 1px solid #DADFE2;
border-bottom: 1px solid #DADFE2;
}

.col {
position:relative;
float:left;
margin:0;
padding:0;
border:none;
width:100%;
}

#nav {
padding:0;
margin:0 0 0 240px;
list-style-type:none;
float:left;
}

#nav li {
float:left;
width:auto;
}

#nav a {
text-decoration:none;
color:#FFFFFF;
text-align:center;
font-size:14px;
line-height:17px;
display:block;
width:140px;
height:35px;
padding:15px 5px 5px 5px;
}

#nav a:hover , #nav a.selected{
color: #2A4C5E;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav li ul li a {
	display: block;
	width: 150px;
	color: #2A4C5E;
	float: left;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding:0 5px 0 35px;
	margin:0;
	border-bottom:none;
background-image:url("../images/nav2_nm.gif");
background-repeat:no-repeat;    
}
#nav li ul li a:hover {
background-image:url("../images/nav2_hv.gif");
}

#nav li ul li { /* all list items */
	float: left;
	width: 180px; /* width needed or else Opera goes nuts */
	padding:5px;
	height:32px;
	
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FFFFFF;
	width: 382px;
	border-left: 1px solid #DADFE2;
	border-right: 1px solid #DADFE2;
	border-bottom: 1px solid #DADFE2;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:100000;
background-image:url("../images/ulbg.gif");
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.search {
width:220px;
height:49px;
padding-top:5px;
margin-left:40px;
}

.search form {
padding:0px;
margin:0px;
}

.search_input {
width:172px;
height:18px;
background-image:url(../images/zoek_input.jpg);
border:none;
margin:0px;
padding:10px;
position:relative;
float:left;
line-height:18px;
color: #2A4C5E;
font-family: tahoma, sans-serif;
}

.search img {
position:relative;
float:left;
}

a.t1 {
background-image:url(../images/t1-nm.jpg);
margin-right:5px;
border: none;
}

a.t2 {
margin-right:5px;
background-image:url(../images/t2-nm.jpg);
border: none;
}

a.t3 {
background-image:url(../images/t3-nm.jpg);
border: none;
}

a.t1:hover, a.selected {
background-image:url(../images/t1-hv.jpg);
}

a.t2:hover, a.selected{
background-image:url(../images/t2-hv.jpg);
}

a.t3:hover, a.selected{
background-image:url(../images/t3-hv.jpg);
}

.logo {
position: absolute;
left: 20px;
top: 10px;
width: 125px;
height: 40px; 
color: #FFFFFF;
display: block;
line-height: 150%;
}

.logo a{
border: none;
color: #FFFFFF;
}

#logo{
position: absolute;
top: 0;
left: 0;
width: 145px;
height: 50px;
z-index: 100000;
}

#logo a{
border-bottom: none;
}

.text_content {
position:relative;
float:left;
border-top: none;
border-bottom: none;
overflow:hidden;
margin-right:20px;
margin-top:10px;
}

.banner_content {
position:relative;
float:left;
border-top: none;
border-bottom: none;
overflow:hidden;
margin-right:20px;
}
.banner_content a{
text-decoration:none;
}

.more_content {
position:relative;
float:left;
border-top: none;
border-bottom: none;
overflow:hidden;
margin-right:20px;
margin-top:10px;
padding:5px;
background-image:url(../images/kopl3.jpg);
background-repeat:no-repeat;
width:210px;
}

.block {
position:relative;
float:left;
border-bottom: none;
margin-right:20px;
width:100%
}

.block_content {
position:relative;
float:left;
border-left: 1px solid #D7DDE1;
border-right: 1px solid #D7DDE1;
border-top: none;
border-bottom: none;
overflow:hidden;
padding:0px 10px;/*background-color:#F0F0F0;*/
}

.block_top {
position:relative;
float:left;
height:15px;
width:100%;
}

.block_bottom {
position:relative;
float:left;
height:15px;
width:100%;
}

/* definities voor blok over de hele breedte */
.heel {
width:940px;
}

.heel_top {
background-image:url(../images/1-1-top.jpg);
}

.heel_content {
width:928px;
padding:0 5px;
}

.heel_bottom {
background-image:url(../images/1-1-bottom.jpg);
}

/* einde definities voor blok over de hele breedte */

/* definities voor blok over driekwart breedte */
.driekwart {
width:700px;
}

.driekwart_top {
background-image:url(../images/3-4-top.jpg);
}

/*.driekwart_content {
width:678px;
background-image:url(../images/3-4-middle.jpg);
}*/

.driekwart_content {
width:688px;
padding: 0 5px;
background-image:url(../images/3-4-middle.jpg);
}

.driekwart_bottom {
background-image:url(../images/3-4-bottom.jpg);
}

/* einde definities voor blok over driekwart breedte */

/* definities voor blok over de halve breedte */
.half, .half_zonder {
width:460px;
}

.half_top {
background-image:url(../images/2-4-top.jpg);
}

.half_content {
width:438px;
}
.half_zonder_content
{
   width:440px;
   border-left: none;
    border-right: none;
}

.half_bottom {
background-image:url(../images/2-4-bottom.jpg);
}

.half_blank {
padding: 15px 0 15px 0;
width: 438px;
height: 200px;
}

/* einde definities voor blok over de halve breedte */

/* definities voor blok over een kwart breedte */
.kwart {
width:220px;
}

.kwart_top {
background-image:url(../images/1-4-top.jpg);
}

.kwart_content {
width:198px;
background-image: url(../images/1-4-middle.jpg);
}

.kwart_bottom {
background-image:url(../images/1-4-bottom.jpg);
}

/* einde definities voor blok over kwart breedte */

.single {
height:200px;
}

.single2{height:250px}

.content {
padding-left:20px;
}

.toprow {
margin-top:10px;
}

.lastcol {
margin-right:0px;
}

#toggleText {
position:absolute;
left:240px;
top:54px;
height:100px;
width:300px;
background-color:#FFFFFF;
border-top:none;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

table.content{border: 1px solid #FF0000}

p.breadcrumb{
font-size: 90%;
color: #457E9D;
margin: 5px 0 10px 0;
padding: 0;
}
.breadcrumb a{
    border:none;
}
.breadcrumb img{
    margin-left:5px;
}
#chapeau{
position: absolute;
top: 150px;
left: 40px;
z-index: 1000;
padding: 10px;
line-height: 9px;
}

#chapeau h2{
font-size:48px;
font-weight: bold;
padding: 0;
color: #FFFFFF;
margin: 0;
}

#chapeau h3{
font-size: 24px;
margin: 0 0 0 2px;
padding: 0;
color: #FFFFFF;
font-weight: normal;
}

.action_resultaat{
position:relative;
float:left;
width:220px;
height:53px;
margin:0;
padding:0;
background-image: url(/website2/images/action_contactinfo.png);
}

.action_resultaat a{display:block;width:100%;height:100%;border:0;outline:none}

/*modal dialog box*/
 .modalDialog_transparentDivs{
    filter:alpha(opacity=40);    /* Transparency */
    opacity:0.4;    /* Transparency */
    background-color:#AAA;
    z-index:1;
    position:absolute; /* Always needed    */
}
.modalDialog_contentDiv{
    border:1px solid #000;
    padding:30px 2px;
    z-index:100;/* Always needed    */
    position:absolute;    /* Always needed    */
    background-color:#FFF;    /* White background color for the message */
    background-image: url(../images/menubalk.jpg);
    background-repeat: repeat-x;
}
.modalDialog_contentDiv_shadow{
    z-index:90;/* Always needed    - to make it appear below the message */
    position:absolute;    /* Always needed    */
    background-color:#555;
    filter:alpha(opacity=30);    /* Transparency */
    opacity:0.3;    /* Transparency */
}
/*end modal dialog box*/

.rss a, .buzz a, .linkedin a, .tweeter a, .facebook a{
width:32px;
height:32px;
float:left;
position:relative;
display:block;
margin: 20px 5px 0 0;
border-bottom: none;
background-image:url(../images/sociallinks_hv.jpg);
}

.rss a{
background-position:90px 0px;
}

.buzz a{
background-position: 0px 96px;
}

.linkedin a{
background-position:0px 0px;
}

.tweeter a{
background-position:0px 128px;
}

.facebook a{
background-position:0px 32px;
}

.rss a:hover, .buzz a:hover, .linkedin a:hover, .tweeter a:hover, .facebook a:hover{
background-image: url(../images/sociallinks.jpg);
}

.input_txt, .input_txtarea, .input_button{
border: 1px solid #D6D9E0;
font-family: tahoma, sans-serif;
font-size: 12px;
color: #223F52;
width:190px;
}
.input_txt{

height:18px;
}
.input_txtarea{
height:60px;
}

.blog
{
	background-image:url("../images/blog.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
	
	}
	
	#blogresponseform{
		display:none;
		border:1px solid #EFEFEF;
		padding:5px;
		margin:0px 5px;
		
		}
	.blog_inputtxt{
		border:1px solid #CCCCCC;
		width:300px;
		height:20px;}
	.blog_txtarea{
		border:1px solid #CCCCCC;
		width:296px;
		height:120px;}
	.blog_submit{
		border:1px solid #FF0000;
		width:100px;
		height:24px;
		float:right:
		
		}
		blog_item
		{
		
			}
	
	
.date{color:#457E9D;margin-bottom:0px}

.datebox{
position:relative;
float:left;
width:50px;
margin: 5px 10px 5px 0;
height:auto;
border:1px solid #457E9D;
background-color: #457E9D;
}

.day, .month, .time{position:inherit;float:inherit;width:46px;padding:2px;text-align:center}

.day{
height:16px;
line-height:16px;
font-size:20px;
overflow:hidden;
color:#457E9D;
background-color: #FFF;
}

.month{
height:14px;
line-height:14px;
font-size:13px;
color:#FFF;
}

.time{
width:418+16+12
6px;
height:12px;
line-height:12px;
font-size:10px;
background-color: #FFF;
color:#457E9D;
}

.btn-close {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/closebox.png) no-repeat scroll left top;
border:medium none;
height:30px;
position:absolute;
right:-15px;
top:-15px;
width:30px;
}