﻿/*CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
/*END CSS reset*/

body {
  background-color: Black;
  text-align: right; 
  color: White; 
  font-family: Calibri, Verdana, Tahoma;
}

h1 {
  font-size: 14pt;
  padding: 0 35px 15px 0;
  }

.small {
  font-size: 9pt;
  
  }

a {
  color:White;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

#dvContent {
  background-image: url(images/foto.png);
  background-repeat: no-repeat;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  height: 280px;
  width: 280px;
  padding: 10px 10px 10px 10px;
  border-width: 1px;
  border-color: rgb(150, 150, 150);
  border-style: solid;
  }

#portfolio {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-top: dashed 1px white;
  padding: 10px 35px 0 0;
  width: 390px;
  background-image: url(images/web.png);
  background-repeat: no-repeat;
  background-position: right 12px;
  }

#adres {
  background-image: url(images/enveloppe.png);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0px 35px 0px 0;
  }  

#communicatie {
  background-image: url(images/communicatie.png);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0px 35px 0px 0;
  }   