.clear { clear: both; }

body {
background-color: #fff;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif, serif;
color: #444;
text-align: center;
}

/* alles omvattende DIV, zorgt o.a voor uitlijnen in midden */
#content {
background: url(bg_bar2.gif) repeat-y 0 0;
width: 960px;
padding: 0;
margin: 0 auto;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width: 9400px;
}

html>body #content {
width: 940px;
}

#bg {
z-index: -10;
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
}
#bg img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-width:50%;
min-height:50%;
}

/* tekstspecificaties van de headers en platte tekst 
=========================================================*/

h2 {
font-size: 18px;
color: #1881ea;
margin-top: 5px;
padding: 0 10px;
}


h3 {
font-size: 13px;
color: #fff;
margin: 0;
padding: 3px 10px;
border-bottom: 1px dashed #999;
border-top: 1px dashed #999;
}

h4{
font-size: 12px;
color: #c00;
margin: 0;
padding: 3px 10px;
background-color: #ccc;
border-bottom: 1px dashed #999;
border-top: 1px dashed #999;
}

p {
font-size: 11px;
line-height: 15px;
padding: 0 10px;
margin-bottom: 1em;
}

.arrows { /*'lees verderpijltjes onder column e.d.*/
color: #c60;
font-size: 15px;
font-weight: bold;
font-family: monospace;
} 

.bigarrows { /*'lees verderpijltjes bij nieuws*/
color: #c60;
font-size: 20px;
font-weight: bold;
font-family: monospace;
} 



strong {
font-size: 1.15em;
}

/* lists */
ul {
margin: .5em 0 1em;
padding: 0;
list-style-type: none;
}

ul li {
background:url("list_client.gif") no-repeat 4px .4em;
margin: 0;
}

/* mouseovers bij navigatie 
=========================================================*/

a:link  { 
color: #039;
font-style: normal;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
text-decoration: none; 
background: transparent;
}

#news a:link {
color: #039;
font-style: normal;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
background: transparent;
}

a:visited {
color: #039;
font-style: normal;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
text-decoration: none;
background: transparent;
}

a:hover {
color: #09f;
border-bottom: 1px dashed;
background: transparent;
}

#news a:hover {
color: #09f;
background: transparent;
}

a:active {
color: #c90;
text-decoration: none;
background: transparent;
}


/* Deel waar logo in staat 
=========================================================*/
#kop {
margin-top: 0;
margin-bottom: 0;
height: 74px;
background-image: url(../images/header.gif);
background-position: center;
background-repeat: no-repeat;
border-left: 1px solid #444;
border-right: 1px solid #444;
position: relative;
}

#kop img {
border: 0;
margin-left: -180px;
}

#kop a:hover {
text-decoration: none; 
border-bottom: 0;
}


/*linkerdeel met corporate info 
=========================================================*/
#corporate {
float: left;
width: 187px;
padding-left: 0px;
padding-right: 0px;
border-left: 1px solid #444;
padding-bottom: 10px;
border-bottom: 1px dashed #999;
voice-family: "\"}\"";
voice-family: inherit;
width: 190px;
}


#corporate h3 {
background-color: #c00;
}

#corporate li {
font-size: 11px;
line-height: 15px;
padding: 0 15px;
}

/*klant log-in
=========================================================*/
#naam, #pass {
margin-left: 10px;
margin-top: 0px;
}


/*middenstuk met nieuws en hoofditems  
=========================================================*/
#news {
float: left;
width: 555px;
padding-left: 0px;
padding-right: 0px;
margin-left: 1px;
display: block;
voice-family: "\"}\"";
voice-family: inherit;
width: 557px;
}

#news h3 {
background-color: #1881ea;
border-top: 1px dashed #999;
}

#news img {
margin: 9px 10px;
border: 1px solid #000;
}

#news em {
font-size: 11px;
line-height: 15px;
padding: 5px 10px 0;
margin-top: 0;
color: #888;
}

#news p {
color: #777;
font-size: 12px;
line-height: 17px;
padding: 0 10px 10px;
border-bottom: 1px dashed #999;
}

.port_arrows a { /*'lees verderpijltjes onder column e.d.*/
float: right;
font-size: 11px;
line-height: 15px;
}
.port_arrows { /*'lees verderpijltjes onder column e.d.*/
float: right;
color: #c60;
padding: 10px 10px 10px;
font-size: 15px;
font-weight: bold;
font-family: monospace;
} 

#swf {
margin: 9px;
border: 1px solid #000;
}

 /*rechterdeel met relevante links en Columns 
=========================================================*/
#related {
text-align: left;
float: right;
width: 187px;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
clear: right;
voice-family: "\"}\"";
voice-family: inherit;
width: 190px;
}

#related h3 {
background-color: #666;
}

#related img {
border: 1px solid #000;
text-align: center;
margin: 4px 3px -10px;
}

/* Portfolio  
=========================================================*/
a#portfolio {
	height: 35px;
	position: relative;
	left: -315px;
	top:-55px;
	margin: 0;
	padding: 5px 30px;
	background: #FDB812;
	color: #FFF;
	font-weight: bold;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
a:hover#portfolio  {
	padding-top: 10px;
	background: #FDB812;
	top:-50px;
}
.port_item {
	width: 535px;
	padding: 0 10px;
	display: block;
}
.port_item h2 {
	padding: 10px 0 0 0 !important;
	font-weight: bold;
}
.port_item p {
	margin: 0 !important;
	padding: 0 !important; 
	font-size: 1.2em;
	border: 0 !important;	
}
.port_item a img{
	margin: 0 0 0 0;
	float: left;
}
.port_item a:hover img{
	border: 2px solid #aaa;
}
.sep {
	width: 515px;
	padding: 0 10px;
	border-bottom: 1px dashed #999;
}



/* Footer  
=========================================================*/
#footer {
border: 0;
margin: 0;
height: 25px;
padding: 5px 0;
text-align: center;
border-left: 1px solid #444;
border-right: 1px solid #444;
background-color: #1881ea;
clear: both;
}

#footer img {
border: 0;
}