html {
	padding: 0;
	margin: 0;
}

BODY
{
text-align : center; 
margin: 0;
padding: 0;
background : #FFF; 
min-width:700px;
} 


h1 {
font: bold 19px 'trebuchet ms', Arial, 'Lucida Sans Unicode', 'Times New Roman', Serif;
color : #EEE; 
letter-spacing : -1px; 
padding-bottom:0;
padding-left:3px;
margin: 0;
}
.left
{
color:#666;
margin: 0;
padding: 0;
text-align:right;
}
.right
{
color:#666;
margin: 0;
padding: 0;
text-align:right;
}

h2 {
margin: 0;
font: normal 18px 'trebuchet ms', Arial, 'Lucida Sans Unicode', 'Times New Roman', Serif;
color : #DDD; 
letter-spacing : 0; 
text-align:left;
padding-left:3px;
}

h3 {
font: normal 16px 'trebuchet ms', Arial, 'Lucida Sans Unicode', 'Times New Roman', Serif;
color : #EEE; 
letter-spacing : 0; 
padding-bottom:0;
margin: 0;
line-height: 25px;
height:35px;
padding-left:4px;
width:326px;
text-align:center;
background-color : transparent;

}

h4
{
font: normal  16px 'trebuchet ms', Arial, 'Lucida Sans Unicode', 'Times New Roman', Serif;
color : #FFF; 
letter-spacing : 0; 
padding-bottom:0;
margin: 0;
line-height: 20px;
padding-left:4px;
}
 
A:link, A:visited {
color : #00CC00; 
text-decoration : none; 
font: normal 12px Helvetica, verdana, 'trebuchet ms',  tahoma, arial, 'Times New Roman',  Serif;
letter-spacing : 0; 
} 
A:active, A:hover { 
color : #FFF; 
text-decoration : none; 
font: normal 12px Helvetica, verdana, 'trebuchet ms',  tahoma, arial, 'Times New Roman',  Serif;
letter-spacing : 0; 
} 

A.b:link, A.b:visited {
display : block; 
font: normal 12px Helvetica, verdana, 'Times New Roman', verdana, Serif;
color : #00CC00; 
background : transparent; 
width : 110px; 
text-align : center; 
height : 20px; 
padding-left:2px;
padding-right:2px;
} 
A.b:active, A.b:hover {
display : block; 
font: normal 12px Helvetica, verdana, 'Times New Roman', verdana, Serif;
color : #222; 
background : #FFF; 
width : 110px; 
text-align : center; 
height : 20px; 
padding-left:2px;
padding-right:2px;
} 

A.c:link, A.c:visited {
color : #00CC00; 
text-decoration : none; 
font: normal 11px verdana, 'Times New Roman', verdana, Serif;
letter-spacing : 0; 
} 
 A.c:active, A.c:hover {
color : #FFF; 
text-decoration : underline; 
font: normal 11px verdana, 'Times New Roman', verdana, Serif;
letter-spacing : 0;
} 


a.info, a.info:visited
{	
display : block; 
font: normal 12px Helvetica, verdana, 'Times New Roman', verdana, Serif;
color : #00CC00; 
background : #000; 
width : 100px; 
text-align : center; 
height : 18px; 
padding-top:2px; 
}  
a.info:hover
{
display : block; 
font: normal 12px Helvetica, verdana, 'Times New Roman', verdana, Serif;
color : #000; 
background : #ECF1EA; 
width : 100px; 
text-align : center; 
height : 18px;
padding-top:2px; 
}
a.info span {display: none}
a.info:hover span 
{ 
	display:block;
    	position:absolute;
	top: 50px;
	left: 40%;
	width: 450;
 	font-family : trebuchet ms, arial, ; 
	color : #777;  
	font-size : 15px; 
	font-weight : bold; 
	letter-spacing :-1;
	text-align: left;
}
a.info img {height: 0; width: 0; border-width: 0;}
a.info:hover img {position: absolute; top: 50%; left: 50%; height: 200px; width: 200px;}



input, select {
color : #333; 
background: #FFF;
border : 1px solid #777; 
font-family : Verdana, Arial, sans-serif; 
font-size : 9px; 
width : 125px; 
} 
textarea {
color : #333; 
background: #FFF;
border : 1px solid #777; 
font-family : Verdana, Arial, sans-serif; 
font-size : 9px; 
width : 300px; 
} 
.button {
color : #333; 
background: #FFF;
border : 1px solid #777; 
font-family : Verdana, Arial, sans-serif; 
font-size : 9px; 
width : 125px; 
} 
.title01 {
color : #555; 
text-decoration : none; 
font-family : arial, verdana; 
font-size : 14px; 
font-weight : bold; 
text-transform:uppercase;
} 
.title02 {
color : #444; 
text-decoration : none; 
font-family : arial, verdana; 
font-size : 13px; 
font-weight : bold; 
} 


.pad {
padding : 4px; 
} 

.witpad {
padding : 8px; 
background:#FFF;
font: normal 11px verdana, arial, 'Times New Roman', verdana, Serif;
color : #222; 
} 
#topcontainer {
position:relative;
top:0;
width:700px;
height:600px;
min-width:700px;
text-align:center;
background-image: 
url("http://www.mediamucho.nl/ss/main.jpg") ;
background-repeat: no-repeat;
background-position:center; 
} 

#menu {
position:relative;
top:59px;
left : 96px;
text-align:center; 
width:700px;
height:20px; 
} 


#maincontainer 
{
position:relative;
top:108px;
left : 0; 
width:700px;
} 

.content01
{
position : absolute; 
top : 0; 
left :10px; 
width:330px;
height:295px;
font: normal 12px Helvetica, verdana, arial, 'Times New Roman', Serif;
color : #FFF; 
text-align:left;
float:left;
padding : 4px; 
} 
.content02
{
position : absolute; 
top : 0; 
left : 360px; 
width:330px;
height:295px;
font: normal 12px Helvetica, verdana, arial, 'Times New Roman', Serif;
color : #FFF; 
text-align:left;
float:left;
padding : 4px; 
} 
.contenttotal
{
position : absolute; 
top : 0; 
left :10px; 
width:672px;
height:287px;
font: normal 12px Helvetica, verdana, arial, 'Times New Roman', Serif;
color : #FFF; 
text-align:left;
float:left;
padding : 4px; 
overflow:scroll;
overflow-x: hidden; 
}
.left
{
text-align:center; 
width:102px;
height:20px;
float:left;
} 
.sleft
{
text-align:center; 
width:110px;
height:20px;
float:left;
} 

.video
{
position : absolute; 
top : 5px; 
left : 5px; 
} 
.menuleft
{
position : absolute; 
top : 0; 
left :10px; 
font: normal 12px Helvetica, verdana,arial, 'Times New Roman', Serif;
color : #000; 
text-align:left;
width:102px;
float:left;
background : #FFF;
} 
 
small
{
color:#FFF;
font: normal 9px verdana, arial, 'Times New Roman', verdana, Serif;
letter-spacing: 0; 
}
hr {background-color: #444; color:#444; height:1px; border:0;}
img {border:0px;}