/* CSS Document */

html, body {
    	margin: 0; padding: 0; background-color:#60b446;
    }
body {
    	text-align: center; background-color: #60b446; 
    }
body, td {
    	font-family: Arial, FreeSans, sans-serif; font-size: 11px;
    }
	
#container {
	margin: 0 auto; width: 900px; height:672px; text-align: left; background: #ffffff; margin-top:20px;
    } 	

#logo {
    	margin: 0; padding: 0px; background-image: url(../img/tutorial/logo.png); height:67px; width:900px;
    }
	
#menu {
    	margin: 0px; padding: 0px; height:42px; width:880px; background-repeat:no-repeat; margin-bottom:20px; margin-right:10px;
    }	
	
#footer {
    	margin-left: 10px; margin-bottom: 0px; padding: 0px; background-image: url(../img/tutorial/footer.png); height:42px; width:880px;
    }		

ul, li { margin: 0; padding: 0; } 

#list {
margin-left: 10px;

}

#list ul
{
list-style-type:none;
margin-bottom: 10px;
}

li .btn_1
{
background-image:url(../img/tutorial/btn_1_both.png);
width:270px;
height:72px;
background-position: 100% 50%;
}

li .btn_2
{
background-image:url(../img/tutorial/btn_2_both.png);
width:270px;
height:72px;
background-position: 100% 50%;
}

li .btn_3
{
background-image:url(../img/tutorial/btn_3_both.png);
width:270px;
height:72px;
background-position: 100% 50%;
}

li .btn_4
{
background-image:url(../img/tutorial/btn_4_both.png);
width:270px;
height:72px;
background-position: 100% 50%;
}

li .btn_5
{
background-image:url(../img/tutorial/btn_5_both.png);
width:270px;
height:72px;
background-position: 100% 50%;
}

li .btn_6
{
background-image:url(../img/tutorial/btn_6_both.png);
width:270px;
height:72px;
background-position: 100% 50%;
}



#list a
{
display:block;
width:270px;
height:72px;
text-decoration:none;
color:white;
margin-bottom: 10px;

}

li a:hover {
background-position: 0% 0%;
}

li {
display: inline;
}

.player {
background-image:url(../img/tutorial/player.png);
background-repeat: no-repeat;
background-color:#ffffff;
width:600px;
height: 482px;
float: right;
padding-right: 10px;
vertical-align:top;
}

.degelijkdesign {
 font-size: 11px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 float:center;
 padding-top:20px;

}

h1 {
    	margin: 0; padding: 10px; font-size: 16px; font-weight:bold; color:#ffffff; 
    }
	
h1 a {
    	margin: 0; padding: 10px; font-size: 16px; font-weight:bold; color:#98d02f; text-decoration:none
    }	
	
h2 {
    	margin: 0; padding: 10px; font-size: 12px; font-weight:bold; color:#00abff;
    }
	
p {
    	margin: 0; padding: 10px; line-height:16px; color: #FFFFFF;
    }