
body{
	font-size: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode;
	line-height: 1.20em;
	background: #fff url(column1-bg.png) 0 0 repeat-y;
}

*{
	margin: 0;
	padding: 0;
}

:focus{
	outline: 0;
}

a{
	color: #d12838;
	text-decoration: none;
}

a:hover{
	color: #d12838;
	text-decoration: underline;
}

p, blockquote, ul, ol, dl{
	margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6{
	margin-bottom: 1em;
	font-family: 'Didot','Bodoni', 'Times New Roman', serif;
}

header, aside, #footer, nav, article{
	display: block;
}

/* ------------------------ LAYOUT */
#container{
  position: relative;
  margin-right : 1em;
}

#main{
  min-height : 500px;
  font-family: 'Didot', 'Bodoni', 'Times New Roman', serif;
  font-size : 1.1em;

}

#column1 {
	width: 15.35em;
	float: left;
	min-height: 100%;
	top: 0;
	left: 0;
	position: fixed;
}

#column2{
	top: 0;
	margin: 0 0 0 15.5em;
	position: relative;
	background: #fff;
	padding: 0em 0 0 1.65em;
	min-height: 100%;
	min-width: 38.7em;
	top: 0;
	left: 0;
	position: absolute;
	float : right;
}

/* ------------------------ COLUMN1 */

#column1 #bedrijfsnaam{
	height: 4em;
	width: 12em;
	display: block;
	text-align : left;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	line-height: 1.20em;
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
}
#column1 #bedrijfsnaam #naam{
	font-size : 250%;
	margin-top: .5em;
	margin-bottom: 0.3em;
	margin-left : .4em;
	color: rgb(144, 162, 167);
}
#column1 #bedrijfsnaam #bedrijf{
	font-size : 125%;
	color: rgb(144, 162, 167);
}

#column1 ul{
	margin: 0em 3.2em 0 0;
	border-top: 1px solid #fff;
	padding: 2.85em 0 0 0;
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
}

#column1  ul{
	list-style: none;
	text-align: right;
}

#column1  ul li{
	margin: 0 0 0.5em 0;
}

#column1  ul li a{
	text-decoration: none;
	color: #90a2a7;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 0.2em;
}

#column1  ul li a:hover{
	color: #333;
}

/* ------------------------ COLUMN2 */
#column2 #logo{
	height: 8em;
	width: 10em;
	display: block;
	float : right;
	margin: 1em 0 1em 1em;
	margin-right: 0;
	margin-top: 0;
}

#column2 #header{
	margin: 0em 0 2.1em 0;
	position: relative;
	height: 1.5em;
}

#column2 #header h1{
	font-size: 2em;
	font-weight: normal;
	width: 38.2em;
	top: 2em;
	left: 5em;
	position: absolute;
	margin: 0.2em 0 0 2em;
	float: left;
	letter-spacing: 1px;
	font-family: 'Didot', 'Bodoni', 'Times New Roman', serif;
	color : blue;
}


#column2 #content{
	border-top: 1px solid #dee8eb;
	padding: 2.9em 0 0 0;
	margin: 0 0 0 1.6em;
	margin-top : 6em;
	position: relative;
	min-height: 25em;
}

#ad_foto {
  float : right;
  width: 200px;
  height: 175px;
  
}

.cv{
  position : relative;
  margin : .5em;
  width : 800px;
}

.cv_prop{
	float :left;
	margin-left: 10px;
	width : 190px;
}
.cv_blok{
	float : left;
	width : 600px;
}
.cv_blok a{
  font-size : 95%;
}

.cv_opleiding{
	float :left;
	margin-left: 10px;
	margin-top: 10px;
	width : 190px;
}
.cv_studie{
	float : left;
	width : 600px;
	margin-top: 10px;
}

.afstudeerrichting{
	margin-top: 10px;
  font-size : 95%;
}

.cv_tijd_main{
	float :left;
	margin-left: 10px;
	width : 210px;
}
.cv_tijd{
	float :left;
	margin-left: 20px;
	width : 200px;
}
.cv_tijd_val{
	float : left;
	width : 580px;
	font-size : 100%;
}

.cv_werk_fill{
	float : left;
	width : 230px;
}
.cv_werk{
	float : left;
	width : 570px;
	margin-top : .5em;
	font-size : 95%;
}
.cv_werk_keywords{
	float : left;
	width : 570px;
	margin-top : .5em;
	margin-bottom : 1em;
	font-size : 95%;
}
.instituut{
 font-weight : bold;
}
.cursus{
  margin-left : 1em;
  font-size : 95%;
}

.cursus_geen_certificaat{
  margin-left : 2em;
  font-size: 70%;
}
#cursusbeschrijvinglijst {
 margin-left: 40px;
}

.cursus_beschrijving{
  margin-top : 1.5em;
  margin-bottom : .1em;
  font-size: 110%;
}

#clean_foto{
  margin : 1em;
  width : 228px;
  height : 304px;
}
#twin_foto{
  margin : 1em;
  width : 330px;
  height : 261px;
}
.magazijn_foto{
  margin : 1em;
  width : 400px;
  height : 267px;
}
#project_list{
  margin-left : 2em;
}

#project_item{
  padding:1em;  
}

#contact{
  position : relative;
}
.contact_prop{
	float :left;
	margin-left: 0.5em;
	width : 15%;
}
.contact_blok{
	float : left;
	width : 80%;
}

#icp_pompen{
  margin : 1em;
  width: 758px;
  height: 576px;
}

#icp_list{
  margin-left : 2em;
}
#icp_item{
  padding:1em;  
}

.voorwaarden{
  font-size:75%;
}
.voorwaarden_artikel{
  font-size:90%;
  font-weight : bold;
}


#footer {
  margin-top : 1em;
  clear : both;
}
#footer p.copyright{
	border-bottom: 1px solid #dee8eb;
  font-size : 0.6em;
}

#footer p span.dates{
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
	font-weight: normal;
}

#footer p strong{
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
	padding: 0em 0.1em 0em 0.1em;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1.3em;
	font-weight: normal;
	color: #333;
}

#footer p strong a{
	color: #333;
}

#footer p em{
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 0.9em;
}
.full_blok{
  width: 800px;
}

.hobbies_foto {
  float : left;
  width: 425px;
  height: 325px;
  margin : 5px;  
}

.hobbies{
  margin-bottom : 10px;
  margin-top : 15px;
  clear : both;
}

.hp_pictures {
  float : right;
  width: 500px;
  height: 400px;
  margin : 5px;  
}

.item_list{
  margin-left : 2em;
}
.list_item{
  margin-bottom : 5px;
}

.hobbies_foto:hover{
  transform: scale(2,2);

}