/* CSS DOCUMENT FOR PRO CAMJO - ALGEMEEN */
/* Copyright: Saskia Cloosterman WebDingen webdesign 2009 */
/* URL: http://www.webdingen.com */

{
padding: 0;
margin: 0;
border: 0;
}
body, html {
font-family: Arial, Tahoma, sans-serif;
font-size:10px;
color:#333;

background-color:; 
	text-align: center;
}
h1, h2, h3, h4, h5 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
padding: padding-left: 20px;
padding-top: 0;
}
h2 {
font-size: 1.4em;
padding-left: 20px;
margin-top: 0;
}
h3 {
font-size: 1.3em;
padding-left: 20px;
}

.clear { clear: both; }

#main {
width: 960px;
margin: 20px auto; 
}
#header{
height: 100px;
background: url(../img/subtitle.gif) top right no-repeat;
}
#menu_top {
height: 40px;
text-align:left;
text-indent:46px;
word-spacing:28px;
letter-spacing:1px;
}
#menu_top a{text-decoration:none; color:#333; font-size:14px; font-weight:bold;}
#menu_top a:hover{text-decoration:none; color:#335599;}

#contentwrapper{
float: left;
width: 100%;
}
#content {
margin: 0 360px 0 200px;
font-size:13px;
line-height:150%;
color:#222;
text-align:justify;
padding: 0 20px 20px 20px;
}
#content_home {
margin: 0 0 0 200px;
font-size:13px;
line-height:150%;
color:#222;
text-align:justify;
padding: 0 0 20px 20px;
}
#content_klanten {
margin: 0 50px 0 50px;
}
#content_sitemap {
margin: 0 0 0 50px;
}
#content_sitemap_box {position:relative; top:20px; left:0; width:910px; height:auto; text-align:left; line-height:150%;}
#content_sitemap_box li { list-style:none; text-indent:10px; }
#content_sitemap_box a {color:#333; font-size:13px;}

#col1{position:relative; top:0; float:left; width:125px; height:auto; padding:0 10px 0 10px;}
#col2{position:relative; top:0; float:left; width:125px; height:auto; padding:0 10px 0 10px;}
#col3{position:relative; top:0; float:left; width:125px; height:auto; padding:0 10px 0 10px;}
#col4{position:relative; top:0; float:left; width:125px; height:auto; padding:0 10px 0 10px;}
#col5{position:relative; top:0; float:left; width:125px; height:auto; padding:0 10px 0 10px;}
#col6{position:relative; top:0; float:left; width:70px; height:auto; padding:0 10px 0 10px;}
#col7{position:relative; top:0; float:left; width:80px; height:auto; padding:0 0 0 10px;}

#content_professionals {
margin: 0 0 0 200px;
font-size:13px;
line-height:150%;
color:#222;
text-align:justify;
padding: 0 20px 20px 20px;
}
.thumbnail{
position: relative;
z-index: 0;
margin:15px 15px 15px 0;
}


.thumbnail:hover{
background-color: #ccc;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1500px;
visibility: hidden;
text-decoration: none;
color:#333;
font-size:12px;
padding:5px;
background-color: #ccc;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -40px;
left: 20px; /*position where enlarged image should offset horizontally */

}


#left{
float: left;
width: 140px; 
margin-left: -910px; 
min-height:200px;
height:auto !important;
height:200px;
padding-bottom:20px;
}
*html #left {height:200px;} /*IE6 fix*/

#right {
float: left;
width: 320px; 
margin-left: -350px; 
min-height:200px;
height:auto !important;
height:200px;
padding:10px;
}
*html #right {height:200px;} /*IE6 fix*/

#right a{color:#0033ff; text-decoration:none;}
#right a:hover{color:#0033ff; text-decoration:underline;}

#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
#bottom {
margin: 0 0 0 200px;
padding: 0 20px 20px 20px;	
}

#footer{
clear: left;
width: 100%;
height:30px;
font-size:11px;
color:#777;
padding-top:5px;
text-align:right;
}
#footer a{ color:#888; text-decoration:none; font-weight: normal;}
#footer a:hover{text-decoration:underline; }

/* EINDE */