@import "global.css";

@media screen, projection {
	
	a {color:#333}
	h1 {color:#333;font-size:2em}
	h2 {color:#333;font-size:1.5em}
	h3 {color:#333;font-size:1.3em}
	hr {border:none;height:1px;background-color:#ccc;margin:1em 0}
	abbr {cursor:help;}
	noscript p {color:#c00;}
	table th, table td {line-height:17px;}
	
	/* MAIN */
	#wrap {position:absolute;width:800px;height:500px;left:80px;bottom:0;z-index:100;}
	#main{position:relative;overflow:hidden;height:420px;width:600px;}
	#pages{position:absolute;height:20000em;}

	/* CORNER PORTRET */
	#corner {position:absolute;width:740px;height:500px;right:0;bottom:0;}
	#portret {position:absolute;width:340px;height:500px;right:0;bottom:0;background: url('../img/portret.png') no-repeat scroll 0 0;}
	#bubble {position:absolute;width:500px;height:122px;right:240px;bottom:88px;background: url('../img/bubble.png') no-repeat scroll 0 0;}
	#bubble p {color:#fff;font-size:20px;display:block;padding-top:22px;width:300px;height:100px;margin:0;text-align:center;line-height:100px;text-shadow:0 0 10px #888888;}
	#bubble a {color:#fff;}
	.z-top {z-index:1000;}
	
	/* COPYRIGHT */
	#copyright {position:absolute;left:0;bottom:0;z-index:10000}
	#copyright p {margin:0 0 10px 10px;font-size:10px;}
	
	/* SKINBOX */
	#skinbox {position:absolute;height:12px;top:10px;right:10px;z-index:10000}
	#skinbox .skin {float:left;width:10px;height:10px;margin-left:8px;border:solid 1px #333;cursor:pointer;}
	
	/* SKINS */
	#skinbox .skin1 {background-color:#ad7;}
	#skinbox .skin2 {background-color:#38a;}
	#skinbox .skin3 {background-color:#987;}

	/* MENU */
	#main-navi{float:left;width:132px;padding:0px !important;margin:0px;margin-right:40px;}
	#main-navi li{clear:both;list-style-type:none;cursor:pointer;width:50px;height:60px;margin:0 5px 2px 77px;}
	#main div.navi{margin-left:250px;cursor:pointer;}

	.navi-1 {background: url('../img/buttons.png') -132px 0 no-repeat;}
	.navi-2 {background: url('../img/buttons.png') -132px -60px no-repeat;}
	.navi-3 {background: url('../img/buttons.png') -132px -120px no-repeat;}
	.navi-4 {background: url('../img/buttons.png') -132px -180px no-repeat;}
	.navi-5 {background: url('../img/buttons.png') -132px -240px no-repeat;}
	.navi-6 {background: url('../img/buttons.png') -132px -300px no-repeat;}
	
	/* IE7+ & modern browsers HAX */
	html>body #main-navi li.active{width:60px;height:60px;margin:0 0 2px 72px;}
	html>body #main-navi li.sfhover{width:60px;height:60px;margin:0 0 2px 72px;}
	
	html>body .navi-1.active {background: url('../img/buttons.png') -72px 0 no-repeat;}
	html>body .navi-2.active {background: url('../img/buttons.png') -72px -60px no-repeat;}
	html>body .navi-3.active {background: url('../img/buttons.png') -72px -120px no-repeat;}
	html>body .navi-4.active {background: url('../img/buttons.png') -72px -180px no-repeat;}
	html>body .navi-5.active {background: url('../img/buttons.png') -72px -240px no-repeat;}
	html>body .navi-6.active {background: url('../img/buttons.png') -72px -300px no-repeat;}
	
	html>body .navi-1.sfhover {background: url('../img/buttons.png') -72px 0 no-repeat;}
	html>body .navi-2.sfhover {background: url('../img/buttons.png') -72px -60px no-repeat;}
	html>body .navi-3.sfhover {background: url('../img/buttons.png') -72px -120px no-repeat;}
	html>body .navi-4.sfhover {background: url('../img/buttons.png') -72px -180px no-repeat;}
	html>body .navi-5.sfhover {background: url('../img/buttons.png') -72px -240px no-repeat;}
	html>body .navi-6.sfhover {background: url('../img/buttons.png') -72px -300px no-repeat;}
	
	/*
	.navi-1.sfhover {background: url('../img/buttons.png') 0 0 no-repeat;}
	.navi-2.sfhover {background: url('../img/buttons.png') 0 -60px no-repeat;}
	.navi-3.sfhover {background: url('../img/buttons.png') 0 -120px no-repeat;}
	.navi-4.sfhover {background: url('../img/buttons.png') 0 -180px no-repeat;}
	.navi-5.sfhover {background: url('../img/buttons.png') 0 -240px no-repeat;}
	.navi-6.sfhover {background: url('../img/buttons.png') 0 -300px no-repeat;}
	*/
	
	/* PAGE */
	.page{height:500px;}
	.scrollable{position:relative;overflow:hidden;width:600px;height:500px;}
	.scrollable .items{width:20000em;position:absolute;clear:both;}
	.item{float:left;width:600px;height:500px;}

	.title {font-size:36px;margin:0;height:80px;}
	.title a {text-decoration:none;text-shadow:0px 0px 10px #FFFFFF;}
	
	.no-underline {text-decoration:none;}

	/* CONTENT */
	.page h2 {font-size:18px;}
	.page ul {list-style:none;margin:0;margin-bottom:1em}
	.page th {width:140px;vertical-align:top}
	
	/* IE6 HAX */
	* html #portret {background-image: url('../img/portret.gif');}
	* html #bubble {background-image: url('../img/bubble.gif');}
 
	* html .navi-1 {background-image: url('../img/buttons.gif');}
	* html .navi-2 {background-image: url('../img/buttons.gif');}
	* html .navi-3 {background-image: url('../img/buttons.gif');}
	* html .navi-4 {background-image: url('../img/buttons.gif');}
	* html .navi-5 {background-image: url('../img/buttons.gif');}
	* html .navi-6 {background-image: url('../img/buttons.gif');}
	
	* html .navi-1.active {background-image: url('../img/buttons.gif');}
	* html .navi-2.active {background-image: url('../img/buttons.gif');}
	* html .navi-3.active {background-image: url('../img/buttons.gif');}
	* html .navi-4.active {background-image: url('../img/buttons.gif');}
	* html .navi-5.active {background-image: url('../img/buttons.gif');}
	* html .navi-6.active {background-image: url('../img/buttons.gif');}
	
	* html .navi-1.sfhover {background-image: url('../img/buttons.gif');}
	* html .navi-2.sfhover {background-image: url('../img/buttons.gif');}
	* html .navi-3.sfhover {background-image: url('../img/buttons.gif');}
	* html .navi-4.sfhover {background-image: url('../img/buttons.gif');}
	* html .navi-5.sfhover {background-image: url('../img/buttons.gif');}
	* html .navi-6.sfhover {background-image: url('../img/buttons.gif');}	 
	
}
@media print {

		table th, table td {text-align:left}
}