/* ------------------------
	Pontus Kastberg
	www.punktus.nu
	punktus@punktus.nu
	2009-02-04

	#container
		#pageheader
		#main
			#gallery		
		#menu
			#info
			#footer
-------------------------*/

*	 			{ margin:0; padding:0;}
body 			{ color: #8a8888; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: url(grfx/bg.jpg) no-repeat top right fixed;}
a, a:link, a:visited	{ color: #9a9999; text-decoration:none;}
a:hover		{ text-decoration:underline; }
p 				{ margin: 0 0 10px 0; line-height: 130%;}
img 			{ border:none;}
ul 			{ margin:0; padding:0;}
li 			{ list-style: none;}
h1, h2, h3	{ font-weight: 100; }
h1				{ font-size: 20px; }
h2 			{ margin: 20px 0; font-size:18px;}
h3				{ border-top: 1px solid #e5e5e5; margin: 10px 0; font-size:13px;}
h3:hover 	{ color: #666;}

/* --- ID -------------------------------------------------------------- */
#container		{ margin:50px 0 0 50px;}
	#pageheader { width: 900px; height: 70px; }
	#main 		{ margin-right: 450px;}
		#gallery	{}
	#menu			{ width: 220px; position:fixed; top:140px; right:100px;}
		#info		{ }
		#footer 	{ border-top: 1px solid #222;}
/* ------------------------------------------------------------------------ */

/* --- class -------------------------------------------------------------- */
.kontakt		{ text-align: right;}
.right 		{ float:right; margin-left: 5px;}
.left 		{ float:left;}
#footer li 	{ display:inline;}
#footer, #footer a	{ color: #333;}
.more			{ background:url(grfx/more.gif)	no-repeat 0 50%; padding: 0 0 0 20px;}
.less			{ background:url(grfx/less.gif)	no-repeat 0 50%; padding: 0 0 0 20px;}
.more:hover	{ background:url(grfx/more_hover.gif) no-repeat 0 50%; padding: 0 0 0 20px;}
.less:hover	{ background:url(grfx/less_hover.gif) no-repeat 0 50%; padding: 0 0 0 20px;}

#gallery img	{ background-color: #fff; border: 1px solid #a9a9a9; margin: 0 5px 5px 0; padding: 4px; }
#gallery img:hover	{ border: 1px solid #666;}



/*--- IE6 fix ---------------------------------------------------------------*/
* html 			{ overflow-x:auto; overflow-y:hidden;}
* html #menu	{ position:absolute;}
* html #gallery { overflow-y: scroll; height:600px; 
scrollbar-3dlight-color:#ccc;
scrollbar-arrow-color:#333;
scrollbar-base-color:#fff;
scrollbar-darkshadow-color:#ccc;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;}
