/* SCREEN CSS by Mieke Witteman */


html {
background: #860200 url(/media/img/bg_repeat.gif) top center repeat-x;
}

body {
font: 13px/20px Georgia, Arial, Helvetica, Tahoma;
background: url(/media/img/bg2.jpg) top center no-repeat;
}

#wrap {
width:940px;
margin: 0 auto;
}

p.logo {
float: left;
margin-top:25px;
background: url(/media/img/logo.png) no-repeat left top;
}

p.logo a {
float: left;
height: 75px;
width: 350px;
display: block; 
text-indent: -9999em;
}


/* ELEMENTS */

.superscript{
font-size: 0.8em;
line-height: 13px;
}

.logos a{
margin: 0px 30px 0px 0px;
}

h2, h3, h4, h5, h6{
padding-bottom: .1em;
margin-bottom: .1em;
margin-top: .1em;
}

h1{
font: 34px Georgia, "Times New Roman", Times, serif;
color: #730605;
font-weight: lighter;
padding-bottom: .3em;
margin-bottom: .5em;
}

h2{
font: 22px Georgia, Helvetica, sans-serif;
color: #6a6a6a;
padding-bottom: .2em;
}

h3{
font:21px 'Calibri', Times, serif;
color:#860200;
font-weight: lighter;
}

h4{
font: 17px Arial, Helvetica, sans-serif;
color: #00a3f6;
}

p{
line-height:25px;
padding-bottom: 10px;
margin-bottom: 10px;
color: #55595c;

}

#content p{
margin-right:10px;
}
a {
color: #960200;
text-decoration: none;
}

a:hover {
color:#630000;
text-decoration: underline;
}


ol li {
padding: 0px 0px 10px 15px;
background:none;
margin-left:30px;
line-height:20px;
color: #55595c;
list-style-image: none;
list-style-type: decimal;
list-style-position: outside;
}

ul li {
list-style: none;
padding: 0;
line-height:20px;
color: #55595c;
}

ul.opsomming{
margin-top:10px;
margin-bottom:10px;
}

ul.opsomming li{

list-style: none;
padding: 1px 0px 1px 20px;
background: url(/media/img/bullet.gif) no-repeat left 7px;
color: #55595c;
}

table{
font: 0.9em Arial, Helvetica;
border: 1px solid #dde1e4;
width: 99%;
}

td,th {
padding: 10px;
text-align:left;
border-bottom: 1px solid #dde1e4;
border-right: 1px solid #dde1e4;
}

table thead th{
color: #1c466a;
background: #e4f4ff;
}

/* NAV */

#topnav{
float:right;
margin-top:40px;
}

#topnav li{
font: 14px Georgia, "Times New Roman", Times, serif;
float: left;
padding: 0 10px;
border-right: 1px solid #ccc;
display:block;
background:none;
}

#topnav a{
color: #828282;
}

#topnav a:hover{
color: #860000;
text-decoration:none;
}

#topnav .huisadvocaten{
margin-top:-10px;
margin-left:10px;
border:0;
}

#topnav .current a {
color: #c20000;

}

#topnav li.last {
border:0;
}


#nav {

z-index: 100;
margin: 0;
width:950px;
font: 14px "Calibri", Arial;
font-weight:bold;
background: url(/media/img/bg_nav2.gif) no-repeat top left;
}

#nav li {
z-index: 100;
float:left;
color:#858585;
background:none;
margin:0;
padding:0;
}

#nav a {
padding:15px 14px 15px 4px;
display: block;
margin:0 0 0 10px;
float:left;
height:29px;
color:#d6d6d6;
text-decoration: none;
}

#nav a:hover {
color:#BF0000;
text-decoration: none;
}

#nav .current a {
color: #6F6F6F;
background: #e5e5e5 url(/media/img/nav_right.gif) no-repeat top right;
}

#nav li.current {
color: #6F6F6F;
background: #e5e5e5 url(/media/img/nav_left.gif) no-repeat top left;
}

#nav li.first {
color: #000;
background: #e5e5e5 url(/media/img/nav_left_first.gif) no-repeat top left;
}

#head:after, #nav:after, #fp:after, #content:after, #slider:after, #visaul.advoc:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.advoc, .conta {*zoom: 1;}

#fp{
padding:10px 20px;
height:435px;
background: #e5e5e5 url(/media/img/bg_foot.gif) no-repeat bottom left;
}

#content{
background: #e5e5e5 url(/media/img/bg_nav2.gif) no-repeat 0 -51px;
padding-right:0;
padding-left:10px;
padding-bottom:10px;
}

.voorwaardenfp {
width:940px;
height:8px;
background:none;
margin-bottom:30px;
text-align: right;
padding:0;
}

.voorwaarden {
width:940px;
height: 8px;
background:url(/media/img/bg_content.gif) no-repeat top left;
margin-bottom:40px;

text-align: right;
padding: 20px 0;
}

.voorwaarden a,.voorwaardenfp a{
color:#ecb3b3;
}




#fpfoot{

height:290px;
background: url(/media/img/bg_foot_bottom.gif) no-repeat bottom left;
margin-bottom:20px;
}

#fpfoot .vacatures{
padding:10px 20px;
width:580px;
background: #e5e5e5; 
height:264px;
float: left;
margin-right: 10px;
}

.contactbutton{
float:right;
margin:0;
padding-right:30px;
margin-top:40px;
}

#fpfoot .adres{
float:left;
padding:10px 20px;
width:270px;
height:264px;
background:#e5e5e5;
}

#fpfoot .vacatures p{
line-height:20px;
font-size: 14px;
clear:left;
}

#fpfoot .adres h2{

line-height:32px;
font-size: 22px;
}

#fpfoot .vacatures p, #fpfoot .vacatures h2{

float:left;

}


/* FORM */

form {
font: 100% arial;
}

form div {
padding: .5em 0;
border-bottom: 1px solid #efefef;
}

/* GENERAL ELEMENTS */

fieldset {
border: 1px solid ccc;
margin-bottom: 1.5em;
}

legend {
font-size: 1.5em;
margin-bottom:20px;
}

label {
float: left;
width: 220px;
}

/* FORM ELEMENTS */

form{
margin-top:10px;
font: 13px Georgia, Times, serif;
color: #55595c;
}

input, select, textarea {
margin-left: 0px;
width: 15em;
padding: .3em;
font-size: .9em;
margin-left: 6em;
}

select {
width: 16em;
}

.checkbox span, .radio span {
display: block;
font-size: .9em;
margin-bottom: .2em;
margin-left: 25em;
}

.checkbox input, .radio input {
margin: 0 .5em 0 0;
width: auto;
}

.checkboxlong span{
float:left;
margin-left:0px;
}

.checkboxlong .keuze {
float:left;
margin-left:0px;
}

.checkboxlong input{
width:20px;
}

.checkboxlong{
height:35px;
clear:both;
}

#date_day{
	width:48px;
	margin-right: 0px;
}
#date_month{
	width:90px;
	margin-left:0px;
}
#date_year{
	width:60px;
	margin-left:0px;
}

form h3,form h2{
padding-top:10px;
padding-bottom:10px;
}

.required{
	color: #630000;
}

.error{
font-size:12px;
margin-left: 70px;
color: #ff0000;
}


/* TEXTAREA */

.textarea label {
float: none;
display: block;
}

textarea {
width: 40em;
margin: 0;
}

/* ACCORDION */

#accordion p{
font: 13px georgia;
line-height:20px;
}

#accordion li{
font: 13px georgia;
line-height:20px;
list-style: square;
}


#accordion h3{
font: 15px 'Calibri',Arial;
font-weight:bold;
}

#accordion2 p{
font: 13px georgia;
line-height:20px;
}

#accordion2 li{
font: 13px georgia;
line-height:20px;
list-style: square;
}


#accordion2 h3{
font: 15px 'Calibri',Arial;
font-weight:bold;
}

#accordion3 p{
font: 13px georgia;
line-height:20px;
}

#accordion3 li{
font: 13px georgia;
line-height:20px;
list-style: square;
}


#accordion3 h3{
font: 15px 'Calibri',Arial;
font-weight:bold;
}

.advocaten li {
float:left;
margin-right:15px;
margin-bottom:20px;
width: 160px;
height:220px;
}

.advocaten strong {display: block;margin: 10px 0 0 0; display:block;}


.advocaten img{
padding:5px;
background:#fff;
border: 1px solid #d5d5d5;
}

.profiel{
float:left;
width:400px;
}

.foto{
height:301px;
float:left;
padding:6px;
margin-right:30px;
background:#fff;
border: 1px solid #d5d5d5;
}

#team{
float:right;
margin-right:20px;
padding-bottom:30px;
}

#team li{
padding:4px;
border-bottom:1px solid #ccc;
}

.visualleft{

padding:0px 20px 20px 0px;
margin:0;
}


img.visualright{
float:right;
padding:4px;
border:1px solid #BFBFBF;

margin:0px 0px 10px 20px;
background:#fff;
}

img.visualleft{
float:left;
padding:4px;
border:1px solid #BFBFBF;
margin:0px 20px 10px 0px;
background:#fff;
}

#visual {
padding: 20px 280px 20px 20px;
margin-top: -10px;
position: relative;
*position: static;
_position: relative;
z-index: 300;
}

.advoc{
background: none;
}

.bedri{
background: url(/media/img/bedrijfsprofiel.jpg) top right no-repeat;
}

.recht{
background: url(/media/img/rechtsgebieden2.jpg) top right no-repeat;
}
.klach{
background: url(/media/img/advocaten.jpg) top right no-repeat;
}

.tarie{
background: url(/media/img/tarieven.jpg) top right no-repeat;
}

.conta{
background: url(/media/img/contactdoorkijk.jpg) top right no-repeat;
}

.vacat{
background: url(/media/img/vacatures2.jpg) top right no-repeat;
}

.jurid{
background: url(/media/img/juridische-links.jpg) top right no-repeat;
}

.jurid2{
background: url(/media/img/pagevisual-weblog.jpg) top right no-repeat;
}

.keurm{
background: url(/media/img/keurmerk-visual.jpg) top right no-repeat;
}


#content .cto,
#content .advoc {
padding:20px;
}

/* google maps */ 
 
 #map_canvas {
border:1px solid #ccc;
float:left;
height:280px;
width:550px;
margin-bottom:10px;

}

.googlemap{
float:left;
margin-bottom:20px;
_margin-left:20px;
}

.googlemap p a{
float:left;
padding:0;
margin-left:-35px;
}
 */

.slider{
float:left;
padding:0;
margin:0;
}
#container{
	min-height:430px;
	-height: 430px;
}

/* Vcard-icon */
a.vcard {
	width:32px;
	height:32px;
	display:block;
	background:url(/media/img/vcard-icon.jpg) left top no-repeat;
	text-indent:-999999px;
	margin:0 0 -32px 368px;
	position:relative;
	z-index:1000;
}