/*  CSS sliding door button  */


body { background-color: #ffff99; }/*Set background color*/


a.button {
    /* Sliding right image */
    background: transparent url('button/button_right1.png') no-repeat scroll top right; 
display: block;
float: left;
position: left 100px;
height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px; /* pixel sice of text */
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('button/button_left2.png') no-repeat; 
display: block;
line-height: 28px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0 5px 18px;
} 
a.button:hover span{
text-decoration:none; color: #FFff00;;/* none = No underline:  line-through: overline; underline; */
}
/* text on top of the page*/
 h4 {color: red; font-size: 200%; font-style: italic; font-family: Comic Sans MS; font-weight: 900;}

 
 /* CSS menymall */

h1 {font: 150% Verdana, Arial, Helvetica, sans-serif;color: #CCCCCC;}

#meny{
	width: 500px;
	margin: 0px;
	padding: 0;
	list-style-type: none;
	font: 11px Verdana, Helvetica, sans-serif;}

#meny a{
	display: block;
	width: auto;
	height: 25px;
	background: transparent url(button/knapp.gif) no-repeat;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	}
#meny a:link{color: #663333;}
#meny a:visited{color: #663333;}
#meny a:hover{background: transparent url(button/knapp_over.gif) no-repeat;}
#meny a#current{color: #E6CCCC;}

.credits {
	margin-bottom: 80px;
	padding-bottom: 30px;
	border-bottom: solid 1px #ccc;
}