/*----------------------------------------------------------------------------- 
Adank & Klostermann Advocaten Screen Stylesheet 

version:   1.0 
date:      06/10/2008 
author:    Freek Hol Design (i.o.v. Leeman Automatisering BV)
email:     freek [at] freekhol.nl 

-----------------------------------------------------------------------------*/

/* Color index 
-----------------------------------------------------------------------------
#bdff68 (light green)
#91d040 (intermediate green)
#56831b (dark green)
#264300 (über dark green)
#6840d0 (light purple)
#700e83 (dark purple)


/* Import other stylesheets 
-----------------------------------------------------------------------------*/ 
@import url("reset.css");


/* Styles for layout
-----------------------------------------------------------------------------*/
.clear {clear:both;}
.right {float: right;}
.left {float: left;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}


/* Set up the document
-----------------------------------------------------------------------------*/
body {background:#fff url(../images/bg_body_repeat.jpg) repeat-x 0 0; color:#243210; font-family:"Trebuchet MS", Verdana, sans-serif; text-align:center;}  

#wrapper {background:url(../images/bg_footer_repeat.jpg) repeat-x bottom left;} 

#content {margin:0 auto; text-align:left; padding-top:164px; width:955px;}

#inner {background:url(../images/bg_nav_repeat.gif) repeat-y 17px 0;}

#nav {float:left; margin-left:17px; min-height:480px; width:233px;} 

#mainContent {float:right; line-height:18px; margin:80px 0 50px 0; width:617px;}

#footer {background:url(../images/bg-footer.jpg) no-repeat 0 0; clear:both; color:#e0ffb9; font-family:Arial, sans-serif; font-size:11px; height:99px;} 

body#home #content {background: url(../images/bg_content_home.jpg) no-repeat 0 0;}
body#advocaten #content {background: url(../images/bg_content_advocaten.jpg) no-repeat 0 0;}
body#rechtsgebieden #content {background: url(../images/bg_content_rechtsgebieden.jpg) no-repeat 0 0;}
body#tarieven #content {background: url(../images/bg_content_tarieven.jpg) no-repeat 0 0;}
body#tarieven-alt #content {background: url(../images/bg_content_tarieven_2.jpg) no-repeat 0 0;}
body#contact #content {background: url(../images/bg_content_contact.jpg) no-repeat 0 0;}
body#contact-alt #content {background: url(../images/bg_content_contact_2.jpg) no-repeat 0 0;}


/* Styling font
-----------------------------------------------------------------------------*/
h1 {border-left: 25px solid #bdff68; color:#56831b; font-family:"Trebuchet MS", Arial, sans-serif; font-size:20px; font-weight:normal; margin-bottom:40px; padding-left:6px;}      
h2 {color:#56831b; font-family:Arial, sans-serif; font-size:14px; letter-spacing:1px; }
     
#mainContent p {margin-bottom:14px; text-align:justify;}
#mainContent p strong {color:#264300;}


/* Styling links
-----------------------------------------------------------------------------*/ 
a, 
a:visited {color:#700e83;}
a:hover {color:#b840d0; text-decoration:none;}


/* Navigation 
-----------------------------------------------------------------------------*/ 
/*main menu*/
#nav ul {margin: 80px 9px 0 8px;}
#nav ul li {display:block; padding:7px 0;}
#nav ul li a,
#nav ul li a:visited {color:#56831b; display:block; font-size: 16px; padding:5px 30px; text-decoration:none;}
#nav ul li a:hover {color:#264300;}
#nav ul li a.sub {background:url(../images/menu-arrow.gif) no-repeat 198px center;}
#nav ul li a.sub:hover {background:url(../images/menu-arrow-hover.gif) no-repeat 196px center;}

#nav ul li.active {background:#dfffb4;}
#nav ul li.active a,
#nav ul li.active a:visited {background:#fff; color:#264300;}
#nav ul li.active a.sub {background:#fff url(../images/menu-arrow-down.gif) no-repeat 196px center;}


/*submenu*/
#nav ul li.active ul {margin:10px 0 5px 40px;}
#nav ul li ul li {padding:0;}
#nav ul li.active ul li a,
#nav ul li.active ul li a:visited {background:#dfffb4; color:#56831b; font-size:12px; padding:5px 10px 5px 0;}
#nav ul li.active ul li a:hover {color:#700e83;}
#nav ul li.active ul li.active a {color:#264300; font-style:italic; font-weight:bold;}


/* Footer 
-----------------------------------------------------------------------------*/ 
#footer p {font-size:11px; margin-left:336px; padding:54px 0 4px 0;}
#footer a,
#footer a:visited {color:#e0ffb9; font-size:11px; text-decoration:underline;}
#footer a:hover {text-decoration:none;}



/* Custom Rules 
-----------------------------------------------------------------------------*/

#mainContent ul {list-style:disc; list-style-position:inside; margin-bottom:14px;}
#mainContent img {border:1px solid #91d040; padding:5px;}
#mainContent img.right {margin:0 0 0 20px;}
#mainContent h1 span {color:#91d040; font-family:Verdana; font-size:20px;}
#mainContent dl {margin-right: 10px;}
#mainContent dt {font-weight:bold; display:block;}
#mainContent dd {margin-bottom:14px;}
#mainContent p.print {float:right; margin:0; padding:6px 0;}
#mainContent p.print a {background:url(../images/printer.png) no-repeat 5px 6px; border:1px solid #91d040; color:#56831b; font-size:11px; padding:5px 5px 5px 27px; text-decoration:none;}
#mainContent p.print a:hover {background:#bdff68 url(../images/printer.png) no-repeat 5px 6px; color:#264300;}

#submit {border:1px solid #91d040; color:#56831b; margin-top:5px; padding:3px;}
#submit:hover {background:#bdff68; color:#264300;}

/*contactform*/
th {background:#dfffb4; border-top:2px solid #fff; border-bottom:2px solid #fff; color:#56831b; padding:4px 4px 4px 12px; vertical-align:top; width:110px;}
td {padding:0 4px; vertical-align:top;}
label {display:block;}
select {border:1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding:4px; width:210px;}
input[type="text"] {width: 200px;}
input#pc {width: 70px;}
textarea {width: 450px; height: 120px;}
input[type="text"], 
textarea {border:1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding:4px;}
input:focus, 
textarea:focus {background: #ffc;}
.req {color:#f00; font-size:90%;}
#form_errors {color:#f00; display:none;}
#form_thanks {background: #CCFFCC; border: 2px solid #339933; color: #006600; display:none; font-weight: bold; font-style:italic; margin-bottom: 12px; padding: 10px; text-align: center;}