/* - - - - - - - - - - - - - - - - - - - - -
Title: Joets
Author: Clicksite, http://www.clicksite.nl
URL: /css/screen.css
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:28px 0px 0px 0px; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#6b6a6a; background:url(../images/bg.gif) #313643 top left repeat-x}
a {color:#4a5ea3; text-decoration:underline;}
a:hover {color:#4a5ea3; text-decoration:underline;}
img {border:none;}
.clear {clear:both;}


div#headcontainer {width:820px; margin: 0 auto;}

div#headcontainer div#sidebar {width:160px; float:left;}
div#headcontainer div#sidebar .logo {margin: 30px 0px 0px 10px;}
div#headcontainer div#sidebar ul#nav {width:160px; margin: 50px 0px 0px 0px;}
div#headcontainer div#sidebar ul#nav li {background:url(../images/li_bg.gif) no-repeat bottom left; list-style-type: none;  color:#b2b2b2;}
div#headcontainer div#sidebar ul#nav li a {color:#b2b2b2; text-decoration: none; height: 26px; padding: 10px 0px 0px 20px; display: block;}
div#headcontainer div#sidebar ul#nav li a:hover {background:url(../images/li_hover.gif) no-repeat top left; color:#fff; text-decoration: none; height: 26px; padding: 10px 0px 0px 20px; display: block;}
div#headcontainer div#sidebar ul#nav li a.active {background:url(../images/li_hover.gif) no-repeat top left; color:#fff; text-decoration: none; height: 26px; padding: 10px 0px 0px 20px; display: block;}


div#headcontainer div#language {background:url(../images/container_top.gif) no-repeat bottom left; width:117px; height:30px; float: left; padding: 8px 0px 0px 540px; margin: 0px 0px 0px 0px;}
div#headcontainer div#language ul#flags li {list-style-type: none; float: left; margin: 2px 0px 0px 8px;}
div#headcontainer div#language p {color:#929292; float: left; margin: 0px 5px 0px 0px;}

div#headcontainer div#content {width:657px; background-color: #fff; float: left; padding: 10px 0px 0px 0px;}
div#headcontainer div#content h1 {color:#4a5ea3; font-family:"Times New Roman",Georgia, sans-Serif, Arial; font-weight: normal; font-size:24px; padding: 0px 0px 15px 30px; text-transform: uppercase;}
div#headcontainer div#content h2 {color:#4a5ea3; font-family:"Times New Roman",Georgia, sans-Serif, Arial; font-weight: normal; font-size:14px; padding: 0px 0px 0px 0px; text-transform: uppercase;}
div#headcontainer div#content h3 {color:#4a5ea3; font-family:"Times New Roman",Georgia, sans-Serif, Arial; font-weight: normal; font-size:12px; padding: 0px 0px 0px 0px; text-transform: uppercase;}
div#headcontainer div#content p.sub {color:#000; font-size:12px; line-height:18px; padding: 0px 20px 20px 30px;}
div#headcontainer div#content p {padding: 0px 0px 20px 0px; line-height: 16px;}
div#headcontainer div#content span.voetnoot {font-style: italic; font-size:10px;}
div#headcontainer div#content ul.numblist {margin: 0px 0px 20px 0px;}
div#headcontainer div#content ul.numblist li {list-style-type: disc; margin: 0px 0px 5px 15px; line-height:16px;}


div#headcontainer div#content ul.blocklist {margin: 0px 0px 20px 0px;}
div#headcontainer div#content ul.blocklist li {list-style-type: disc; margin: 0px 0px 5px 15px; line-height:16px;}

div#headcontainer div#content div#contentfull {margin-left:30px; padding-right:30px;}
div#headcontainer div#content div#colleft {width:290px; float:left; margin: 0px 0px 0px 30px; display: inline;}
div#headcontainer div#content div#collright {width:290px; float:left; margin: 0px 0px 0px 30px; display: inline;}

div#headcontainer div#content div#people {width:657px; float:left; background:url(../images/people_bg.gif) no-repeat top left #4a5ea3; padding: 25px 0px 10px 0px;}
div#headcontainer div#content div#people h2 {color:#fff; font-family:"Times New Roman",Georgia, sans-Serif, Arial; font-weight: normal; font-size:14px; padding: 0px 0px 10px 30px; text-transform: uppercase;}

div#headcontainer div#content div#ondernemerleft {width:300px; height: 126px; float:left; margin: 0px 0px 0px 30px; padding: 10px 0px 0px 0px; background:url(../images/people_divider.gif) no-repeat top right;}
div#headcontainer div#content div#ondernemerleft .pic {border: 2px solid #fff; float: left; margin: 0px 13px 0px 0px;}
div#headcontainer div#content div#ondernemerleft h4 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight: normal; font-size:11px; margin: 3px 0px 15px 0px;}
div#headcontainer div#content div#ondernemerleft p {color:#c7cde1; padding:0px 0px 5px 0px; font-size:10px;}
div#headcontainer div#content div#ondernemerleft a {color:#c7cde1; text-decoration: underline; font-size:10px;}
div#headcontainer div#content div#ondernemerleft p.bottom {margin:15px 0px 0px 0px; float: left;}
div#headcontainer div#content div#ondernemerleft img.linkedin {float: left; margin: 12px 0px 0px 20px;}

div#headcontainer div#content div#ondernemerright {width:300px; float:left; height: 126px; margin: 0px 0px 0px 20px; padding: 10px 0px 0px 0px; }
div#headcontainer div#content div#ondernemerright .pic {border: 2px solid #fff; float: left; margin: 0px 13px 0px 0px;}
div#headcontainer div#content div#ondernemerright h4 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight: normal; font-size:11px; margin: 3px 0px 15px 0px;}
div#headcontainer div#content div#ondernemerright p {color:#c7cde1; padding:0px 0px 5px 0px; font-size:10px;}
div#headcontainer div#content div#ondernemerright a {color:#c7cde1; text-decoration: underline; font-size:10px;}
div#headcontainer div#content div#ondernemerright p.bottom {margin:15px 0px 0px 0px;}

/* form */
.input {width:240px; padding:4px 0px 4px 10px; background-color:#f1f2f8; border:1px solid #4a5ea3; margin:0;}
.textarea {width:250px;	height:100px; padding:2px 2px 2px 2px; background-color:#f1f2f8; border:1px solid #4a5ea3;	margin-bottom:15px;}
.submit {width:140px; height:25px; padding:2px;	background-color:#4a5ea3; color:#fff; float:left; margin:0px 0px 30px 0px;}


/* footer */
div#footerpurple {width:657px;background:url(../images/container_purple_bottom.gif) no-repeat top right; margin: 0; padding: 10px 0px 0px 160px; float: left;}
div#footerpurple p a {color:#b2b2b2; text-decoration: underline; font-size:10px;}
div#footerpurple p.copy {width:490px; float:left; color:#b2b2b2; margin: 0; padding: 10px 0px 20px 30px; float:left;}
div#footerpurple p.clicksite {width:130px; float:left; padding: 10px 0px 0px 0px;}

div#footer {width:657px;background:url(../images/container_bottom.gif) no-repeat top right; margin: 0; padding: 10px 0px 0px 160px; float: left;}
div#footer p a {color:#b2b2b2; text-decoration: underline; font-size:10px;}
div#footer p.copy {width:490px; float:left; color:#b2b2b2; margin: 0; padding: 10px 0px 20px 30px; float:left;}
div#footer p.clicksite {width:130px; float:left; padding: 10px 0px 0px 0px;}