/* SCREEN CSS by Mieke Witteman */

body {
font: 13px/20px  "Trebuchet MS", Tahoma, Georgia, Arial, Helvetica;
background: #2c2721;
}

.wrap {
margin: auto;
padding:0;
clear: both;
}

.inner{
clear: both;
width:960px;
margin: 0 auto;

}
.content{
clear: both;
}

.frontpage{
clear: both;
margin:0;
padding:0;
}

#intro{
padding-top: 20px;
height:540px;

background:#2c2721 ;
}

#logotop{
padding-top: 20px;
height:120px;
background:#2d2822;
}

#nav{
border-bottom:5px solid #5e1414;
border-top: 1px solid #ae3b3b;
height:50px;
background:#999a92 url(/media/img/bg_nav.gif) repeat-x left top;
}

#footer{
padding-top:20px;
padding-bottom:20px;
}

address{
float:left;
color:#fff;
font-style: normal;
font: 13px/20px  "Trebuchet MS", Tahoma, Georgia, Arial, Helvetica;
padding-bottom:20px;
}

.slider{
float:left;
}


.payoff{
float:right;
height:367px;
width:330px;
background: url(/media/img/payoff.png) repeat-x left top;
}



.payoff h2{
font:24px Georgia;
color:#fff;
font-weight:bold;
padding-top:25px;
padding-left:50px;
margin-left:0;
}

.payoff ul{
padding-top:25px;
}


.payoff li a:hover{
color:#C22626;

}

.payoff li a{
color:#fff;
font: 16px Georgia;
line-height:30px;
padding:0px 0px 0px 25px;
background: url(/media/img/li_icon.gif) no-repeat left center;
text-decoration:none;
margin-left:50px;
}

#mainnav{

background: url(/media/img/streepje.gif) no-repeat left center;
}

#mainnav li{
float:left;
font: 13px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform: uppercase;
background: url(/media/img/streepje.gif) no-repeat left 15px;
padding: 11px 8px 0px 8px;
}


#mainnav a{
color:#fff;
padding: 5px 20px;
display: block;
text-decoration: none;
}

#mainnav a:hover {
color:#55070e;
text-decoration: none;
background: none
}

#mainnav li.current a {
color:#fff;
background: #7f0b15;
background-image: none;
}

#mainnav li.first{
color:#fff;
background: url(/media/img/streepje.gif) no-repeat left 15px;
}

a{
color:#fff;
text-decoration: underline;
}

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

.logo {
display: block;
width: 960px;
height: 114px;
text-indent: -9999em;
padding-bottom:0;
background: url(/media/img/logo.png) no-repeat center top;
border:0;
}

.text{
float:left;
padding-top:20px;
line-height:25px;
color: #fff;
width:630px;
padding-bottom:50px;
}

.side address{
padding:370px 20px 20px 20px;
border-bottom:6px #0099CC;
float:left;
}

.kantoor .side {
float:right;
background:#413d38 url(/media/img/kantoor.jpg) no-repeat left top;
border-bottom:6px #0099CC;
height: 500px;
width:290px;
}

.advocaten .side {
float:right;
background:#413d38 url(/media/img/advocaten.jpg) no-repeat left top;
border-bottom:6px #0099CC;
height: 500px;
width:290px;
}

.rechtsgebieden .side {
float:right;
background:#413d38 url(/media/img/cto.jpg) no-repeat left top;
border-bottom:6px #0099CC;
height: 500px;
width:290px;
}

.cto .side {
float:right;
background:#413d38 url(/media/img/cto.jpg) no-repeat left top;
border-bottom:6px #0099CC;
height: 500px;
width:290px;
}

.contact .side {
float:right;
background:#413d38 url(/media/img/contact.jpg) no-repeat left top;
border-bottom:6px #0099CC;
height: 500px;
width:290px;
}


.algemene-voorwaarden .side {
float:right;
background:#413d38 url(/media/img/contact.jpg) no-repeat left top;
border-bottom:6px #0099CC;
height: 500px;
width:290px;
}

.voorwaarden{
float:right;
}

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

h1{
font: 34px Georgia, "Times New Roman", Times, serif;
color: #8d887b;
font-weight: lighter;
padding-bottom: .3em;
margin-bottom: .5em;
border-bottom: 1px solid #5f5649;
}

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

h3{
font:18px Arial, Helvetica, sans-serif;
color:#fff;
font-weight: lighter;
}

p{
padding-bottom: 25px;
}

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;
}

.team {
float:left;
padding-top:20px;
padding-right:20px;

}

.teamfoto {
width:610px;
height:300px;
display:block;
border: 2px solid #695c4f;
margin-bottom:10px;
}

.advocaatfoto{
padding-top:15px;
border-bottom:6px solid #5e1414;
float:left;
}


.team a:hover.fotoadvocaat {
display:block;
border: 2px solid #c72727;
background:#fff;
}

.naamadvocaat li {
padding:10px;
margin-right:10px;
float:left;
font: 12px Georgia, Helvetica, sans-serif;
list-style-type: none;

}


.advocaattext{
width:390px;
float:left;
padding:10px 0 0 30px;

}

.text ul{
list-style-position: inside;
list-style-type: disc;
padding-bottom: 25px;
}


/* FORM */

form p {
margin: 0;
border-bottom: 1px solid #ccc;
padding: 5px 0;
background: #f9f9f9;
}

form p.submit {
border: 0;
background: none;
}

form fieldset {
margin-bottom: 20px;
}

form p label {
width: 160px;
display: block;
float: left;
padding: 3px 10px;
}

form p input {
padding: 3px;
width: 200px;
border: 1px solid #ccc;
}

#cont form ul {
padding: 5px;
background: #f9f9f9;
margin: 0;
border-bottom: 1px solid #ccc;
}

#cont form li {
margin: 0;
list-style: none;
}

form li input {
margin-right: 10px;
padding: 0;
}

form h3 {
margin-bottom: 0;
padding-bottom: .5em;
border-bottom: 1px solid #ccc;
}

p.error {
color: red;
font-size: .9em;
padding: 8px 8px 0px 8px;
border: 0;
}

span.error {
color: red;
float: right;
width: 240px;
font-size: .9em;
padding: 2px;
}

.required{
color: red;
}

/* google maps */ 
 
 #map_canvas {
border:1px solid #ccc;
float:left;
height:360px;
width:600px;
margin-bottom:10px;
margin-top:30px;

}

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

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

/* 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;


font-size: .9em;

}

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;
}



.required{
	color: #630000;
}


/* TEXTAREA */

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

textarea {
width: 600px;
margin: 0;
}

table{
color:#fff;
font: 13px/20px  "Trebuchet MS", Tahoma, Georgia, Arial, Helvetica;
width:600px;
}

table td.radiobtn{
text-align:center;
vertical-align: middle;
}

table th, table td, table tr{
padding:8px;
}


table th{
border-top: 1px solid #413D38;
font-weight:normal;
height:40px;
}


table tr{
border-top: 1px solid #413D38;
font-weight:normal;
height:40px;
}

table td.odd{
border-right:1px solid #332d26;
font-size:11px;
background:#413d38;
}

table tr .last{
border:0;
}

table h3{
border:0;
}

table tr .noborder{
border:0;
}

ol li{
padding-bottom:20px;
list-style-position: inside;
list-style-type: decimal;
}

.hidden{
visibility: hidden;
}
em{
color:#ae2323;
}