@charset "utf-8";
/* CSS Document (c) Jan Keuter 26-dec-2007 */
/* General */
* {padding:0; margin:0;}
body {background:#fbf9ea;	font-family:Verdana, Arial, Helvetica, sans-serif; color:#543019; font-size: 14px; line-height: 140%; }
p.success { color:#00CC00 }
p.error { color:#FF0000 }
/* Page header */
#pageHeader { top: 50px; left: 85px; position: fixed; height:85px; width:185px; background-image:url(assets/images/jankeuter.png); background-repeat:no-repeat; text-indent : -9999px; }
/* Navigation list */
#nav { top: 140px; left:85px; position:fixed; width: 180px; }
#nav h3 {	width: 180px;	height: 38px; background:url(assets/images/menu_head_navigatie.png) no-repeat;	text-indent : -9999px; }
#nav ul { width: 180px;	padding : 0 20px 20px 20px; background : url(assets/images/menu_bottom.png) no-repeat 0 100%; }
#nav li { font-size:12px;	line-height: 20px; list-style-type: none;	background : url(assets/images/menu_dot.png) no-repeat 2px 50%;	
						margin : 0 45px 0 2px; padding : .2em 0 .2em 20px;	border-bottom : 1px solid #c898ae; }
#nav li a { text-decoration:none; display : block; color:#663300 }
#nav li:hover { background : #d2be97 url(assets/images/menu_dot.png) no-repeat 2px 50%; }
/* Links list */ 
#links { top: 310px; left:85px; position:fixed; width: 180px; }
#links h3 {	width: 180px;	height: 38px; background:url(assets/images/menu_head_portfolio.png) no-repeat;	text-indent : -9999px; }
#links ul { width: 180px;	padding : 0 20px 20px 20px; background : url(assets/images/menu_bottom.png) no-repeat 0 100%; }
#links li { font-size:12px;	line-height: 20px; list-style-type: none;	background : url(assets/images/menu_dot.png) no-repeat 2px 50%;	
						margin : 0 45px 0 2px; padding : .2em 0 .2em 20px;	border-bottom : 1px solid #c898ae; }
#links li a { text-decoration:none; display : block; color:#663300 }
#links li:hover { background : #d2be97 url(assets/images/menu_dot.png) no-repeat 2px 50%; }
/* Text */
#mainText { top:140px; left:300px; position:absolute; width:30%; }
#mainText h1 { padding: 5px; font-size:18px; font-weight:bold; }
#mainText p { background-image:url(assets/images/background_transp.png); background-repeat:repeat; }
#mainText button {border-color:#543019; color:#543019; background-color:#fbf9ea;}
#mainText button:hover {border-color: #fbf9ea; color:#fbf9ea; background-color:#543019; }
acronym { font-style:italic; }
/* Border */
#borderBottom {background-image: url(assets/images/border_bottom.png);	background-repeat: repeat-x; position: fixed; bottom: 0; left: 100%;	width: 100%; height: 25px;	margin-left: -100%; 	}
#borderTop {top: 0;	left: 100%; position: fixed;	width: 100%;	height: 30px;	margin-left: -100%;  background-image: url(assets/images/border_top.png);	background-repeat: repeat-x; }
#borderLeft {top: 0;	left: 0; position: fixed; width: 39px; height: 100%; 	background-image: url(assets/images/border_left.png);	background-repeat: repeat-y; }
#borderRight {top: 0;	right: 0; position: fixed;	width: 36px;	height: 100%;	 background-image: url(assets/images/border_right.png);	background-repeat: repeat-y; }
/*Pictures*/
#picLeft {bottom: 20px; left:30px; position:fixed; height: 1100px; width: 31px;  background-image:url(assets/images/sidepic_left.jpg); background-repeat:no-repeat; }  
#picRight {bottom: 20px; right:30px; position:fixed; height: 1100px; width: 405px;  background-image:url(assets/images/sidepic_right.jpg); background-repeat:no-repeat; }