html, body {margin:0; padding:0;}
	body {background:#62952f url(/images/screen/body.png) center repeat-y; color:#dae3b3; font-family:'Trebuchet MS','Geneva CE',lucida,sans-serif; font-size:90%;}
	
	h1, h2, h3, h4, h5, h6 {color:#fff; font-weight:normal; font-family: Georgia, 'New York CE', utopia, serif;}
	
	a {color:#CBE46A;}
	a:visited {color:#bcce6a;}
	a:hover {color:#fff;}
	
	em, strong {color:#bcce6a;}
	
	div#page {width:735px; margin:0 auto; padding-top:15px;}
	
	div#header {height:205px; background:#fff url(/images/screen/header-bg.png) bottom repeat-x;}
	div#header div#header-inside {width:735px; height:205px; margin:0 auto; position:relative;}
	div#header h1 {color:#487419; position:absolute; top:115px; left:0;}
	div#header div#header-img {height:120px; position:relative; top:83px; left:0; background: url(/images/screen/header.png) top left no-repeat;}
	div#header div#header-img a {display:block; width:290px; height:120px; position:absolute; top:0; left:0; cursor:pointer;}
	
	
	div#nav {width:156px; padding:10px; background:url(/images/screen/nav-bg.png) top no-repeat; float:left;}
	div#nav h3 {margin:0.3em 0 5px 0; font-size:110%; padding-left:20px; background:url(/images/screen/leaf.gif) left center no-repeat;}
	div#nav ul {margin:5px 0 25px 0; padding:0;}
	div#nav ul li {margin:3px 0; padding:0; list-style:none;} 
	
	div#content {width:505px; padding:10px 20px; margin-bottom:15px; background:url(/images/screen/content-bg.png) center repeat-y; float:right;}
	div#content h2 {margin-top:0.3em;}
	div#content p {line-height:130%; text-align:justify;}
	div#content li {line-height:130%;}
	
	div#footer {clear:both; margin:0 0 0 190px; background:url(/images/screen/footer.png) top no-repeat; _height:1px;}
	div#footer p {margin:0; padding:10px; font-size:85%; text-align:center; color:#A9C66F;}
	
	.invisible {display:none;}
	
	img.illustration {float:right; margin: 0 0 10px 10px; border:1px solid #bcce6a;}
	
	div#loga {position:absolute; top:15px; left:0; height:60px; color:#000; font-size:80%; width:100%;}
	div#loga div {width:540px; margin:0 auto;}
	div#loga p {width:220px;}
	div#loga img, div#loga p {margin:0 10px; float:left;}
	
	a#fotogalerie, a#e-learning {display:block; width:103px; height:26px; margin:8px 0; position:relative; font-size:90%; overflow:hidden; text-decoration:none;}
	a#fotogalerie span, a#e-learning span {display:block; width:103px; height:26px; position:absolute; top:0; left:0; cursor:pointer;}
	a#fotogalerie span {background:url(/images/screen/fotogalerie1.png);}
	a#fotogalerie:hover span {background:url(/images/screen/fotogalerie2.png);}
	a#e-learning span {background:url(/images/screen/e-learning1.png);}
	a#e-learning:hover span {background:url(/images/screen/e-learning2.png);}