/*
	Cascading Style Sheet
	Portfolio
	Peter Huys
	Versie 2.3 GENERAL
	(C) 2008
*/

/* ----- TAGS ----- */
* {
	margin:0px;
	padding:0px;
}

a, a:active, a:link, a:visited {
	font-weight:bold;
	text-decoration:none;
}

body {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:10pt;
}

td {
	vertical-align:top;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:10pt;
}

th  {
	text-align:left;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:10pt;
}

h1 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12pt;
	margin-left:-10px;
	padding-bottom:5px;
	padding-top:10px;
}

td h1 {
	margin-left:0px;
}

h2 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10pt;
	margin-left:-5px;
	margin-top:5px;
	display:inline;
	padding-bottom:5px;
	padding-top:5px;
}

h5 {
	font-size:8pt;
	font-weight:normal;
	display:inline;
	margin-left:5px;
}

p {
	margin-bottom:10px;
}

ul {
	margin-left:15px;
}

/* ----- CONTAINER ----- */


/* ----- MENU ----- */

#Menu {
	background-color:#FFF;
	position:absolute;
	width:190px;
	top:120px;
	line-height:1.5em;
}

#MiddleMenu {
	padding-bottom:1px;
	padding-left:20px;
	padding-right:10px;
	padding-top:2px;
}

#MiddleMenu a {
	/*width:130px;*/
}

#MiddleMenu ul {
	margin-left:5px;
	list-style-type:none;
	list-style-image:none;
}

#Icons {
	text-align:center;
	padding:5px;
	padding-bottom:0px;
}

#Icons img  {
	border:0px none #000;
}


#Icons ul {
	margin-left:-5px;
}

#Icons ul li {
	display:inline;
}

#Icons ul li img {
	border:0px none #000;
}

#Badges {
	margin-left:20px;
	background-color:#FFF;
	margin-right:20px;
	text-align:center;
}

#Badges img {
	border:0px none #000;
}
	
/* ----- LAYOUT ----- */

#Container {
	width:770px;
	position:absolute;
	left:50%;
	margin-left:-385px;
}

.Inhoud {
	background-color:#FFF;
	background-repeat:repeat-y;
	position:absolute;
	width:580px;
	left:190px;
	top:120px;
}

#Titel {
	display:block;
	margin-left:-15px;
	margin-left:5px;
	position:absolute;
	top:20px;
	height:35px;
}

#Main {
	padding-bottom:1px;
	padding-left:30px;
	padding-top:35px;
	width:520px;
}

#Footer {
	font-size:8pt;
	text-align:center;
	position:absolute;
	padding-top:10px;
	width:100%;
}

/* ----- CURRICULUM VITAE ----- */

.TopIcon {
	border:0px none #000;
	position:absolute;
	right:50px;
}


/* ----- ADMIN AREA ----- */
/*
#AdminMenu {
	border:1px dotted #000;
	width:520px;
}

#AdminMenu tr td {
	text-align:center;
}

#AdminMenu a img {
	border:0px none #000;
}

.AdminFrame {
	border:1px dotted #000;
	width:520px;
}

.AdminFrame h2 {
	margin-left:5px;
}

.AdminFrame table {
	width:100%;
}

.AdminFrame .IconCell {
	width:16px;
}

.AdminFrame .IconCell img {
	border:0px none #000;
}

.ToolTip {
	background-color:#FF6;
	width:450px;
	padding:5px;
	margin-bottom:10px;
	position:absolute;
	display:none;
	z-index:999;
	border:1px dotted #000;
}

.ToolTip td, .ToolTip th {
	vertical-align:top;
}

#Computer input {
	width:200px;
}
*/		
/* ----- PROFIEL ----- */

.Box {
	background-color:#FF6;
	width:320px;
	padding:5px;
	margin-bottom:10px;
	text-align:center;
	position:relative;
	left:105px;
	border:1px dotted #000;
}

.Indicator {
	background-image:url(../images/indicator.jpg);
	background-repeat:no-repeat;
}

.IndicatorWhite {
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-image:url(../images/indicator_white.jpg);
	border-right:1px solid #000;
	height:15px;
	
	text-align:right;
	font-size:8pt;
	padding-top:0px;
}

/* ----- CLASSES ----- */

.Kolom {
	width:220px;
}

.Comment {
	border-bottom:1px dotted #000;
}

.Indent {
	margin-left:10px;
}

/* ----- INFO ----- */

.Color {
	margin-top:5px;
	margin-bottom:5px;
}

.Color span {
	margin-left:50px;
	border:1px solid #000;
}


/* ----- SHOWCASE ----- */

.Item div {
	margin-left:50px;
	margin-top:5px;
	margin-bottom:10px;
	height:3em;
}

.Thumb {
	border:1px solid #900;
	position:absolute;
	margin-top:5px;
	height:40px;
	width:40px;
}

.ShowcaseThumb {
	border:1px solid #900;
	margin-top:5px;
	height:40px;
	width:40px;
}

.LinkIcon {
	position:relative;
	top:4px;
}

/* ----- FOTO'S ----- */

.Foto {
	height:75px;
	width:75px;
	border-color:#900;
}

/* ----- LINKS ----- */

.Links {
	padding-left:10px;
}