@charset "UTF-8";

/*	---------------------------------------------------------------------------
	kITweb - main.css
---------------------------------------------------------------------------- */


/*	-- Style sheet TOC --------------------------------------------------------
	^1 GLOBAL CONSTANTS
	^2 BROWSER DEFAULT RESET
	^3 GLOBAL CLASSES
	^4 TOP LEVEL REGIONS STYLES
	^5 HOME PAGE SPECIFICS
	^6 SUB PAGES SPECIFICS
	   ^6.1 ERVARING
	   ^6.2 CV
---------------------------------------------------------------------------- */


/*	^1 GLOBAL CONSTANTS -------------------------------------------------------
---------------------------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFF99;
	font-size: 100%;
}
/* ------------------------------------------------------------------------- */


/*	^2 BROWSER DEFAULT RESET --------------------------------------------------
---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, li {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: #000079;
	text-decoration: none;
}
a:hover, a:active {
	color: #00F;
	border-bottom: 1px solid #00F;
}
input[type="checkbox"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
select:hover{
	cursor:pointer;
}
/* ------------------------------------------------------------------------- */


/*	^3 GLOBAL CLASSES ---------------------------------------------------------
---------------------------------------------------------------------------- */
#container {
	position: absolute;
	top: 0px;
	min-height: 100%;
	width: 100%;
}
#wrapper {
	position: relative;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
}
/* ------------------------------------------------------------------------- */


/*	^4 TOP LEVEL REGIONS STYLES -----------------------------------------------
---------------------------------------------------------------------------- */
#search {
	margin-bottom: -25px;
	height: 25px;
	color: #FFFF99;
}

/*  -- header -------------------------------------------------------------- */
#header {
	float: right;
	width: 825px;
	text-align: center;
	font-family: "Arial Unicode MS";
	font-size: 60px;
	font-weight: bold;
	color: #1570A6;
}
#header hr {
	margin-top: 0px;
	margin-bottom: 20px;
}
/*  -- mainNav ------------------------------------------------------------- */
#mainNav {
	position:absolute;
	top: 175px;
	margin-top: 10px;
	width: 150px;
}
#mainNav a {
	float: left;
	padding-top: 10px;
	width: 150px;
	height: 35px;
	background-image: url(../_images/button.png);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 15px;
}
#mainNav a:hover,
#mainNav a:active {
	background: url(../_images/button_hov.gif);
	border-bottom: none;
	cursor: pointer;
}
#mainNav a.cur,
#mainNav a.cur:hover,
#mainNav a.cur:active {
	background: url(../_images/button_cur.png);
	text-indent: 0px;
	cursor: default;
}

/*  -- mainContent --------------------------------------------------------- */
#mainContent {
	float: right;
	margin-left:150px;
	padding: 25px;
	padding-top: 0px;
	width: 800px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#mainContent h1 {
	color: #56567F;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#mainContent h2 {
	font-size: large;
	color: #56567F;
}
/*  -- footer / copyright -------------------------------------------------- */
#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 19px;
	padding-top: 17px;
	background-color: #F4F4F4;
    background-image: linear-gradient(#FFFF99,#F4F4F4 50%);
	text-align: left;
	text-indent: 7px;
}
/* ------------------------------------------------------------------------- */


/*	^5 HOME PAGE SPECIFICS ----------------------------------------------------
---------------------------------------------------------------------------- */
#mainContent.home {
	padding-left: 50px;
	padding-right: 0px;
	width: 800px;
	height: 100%;
}
#pas {
	float: left;
	height: 128px;
	width: 128px;
	border: 10px solid #F4F4F4;
	background-image: url(../_images/pasfoto.jpg);
}
#summ {
	margin-left: 25px;
	float: left;
}
td.timeline {
	vertical-align: top;
	color: #666;
	font-weight: bold;
}

/*	^6 SUB PAGES SPECIFICS ----------------------------------------------------
---------------------------------------------------------------------------- */

/*	^6.1 ERVARING -------------------------------------------------------------
---------------------------------------------------------------------------- */
#mainContent.exp div{
	float: left;
	padding: 15px;
	width:795px;
	margin-bottom:5px;
	background-color: #F4F4F4;
}
#mainContent.exp img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#mainContent.exp span {
	clear: left;
	overflow: hidden;
}
#mainContent.exp h1 {
	font-size: 1.5em;
}
#mainContent.exp p {
	clear: left;
	padding-top: 10px;
	font-size: 90%;
}

/*	^6.2 CV -------------------------------------------------------------------
---------------------------------------------------------------------------- */
#mainContent.cv iframe{
	float: left;
	width: 825px;
}
