/* Layout Stylesheet */ 

body{
  padding:0;
  margin:0;
  font:11px Verdana, sans-serif;
  line-height: 18px;
  background:#696969; 
  color: #55523F; 
 }	
   
#lh-col{
 position: absolute;
 top: 190px;
 left: 5px;
 width: 102px;
 border: 0px;
 background:#696969; 
 color: #333333;
 padding: 0px;
 height: 380px;
 }
 
#MainTekst{
 position: absolute;
 top: 510px;
 left: 180px;
 width: 640px;
 border: 1px solid #333333;
 background: #c0c0c0;
 color: #333333;
 padding: 0px;
  height: 80px;
  margin:2px;
}
 
#sport{
 position: absolute;
 top: 190px;
 left: 180px;
 width: 160px;
 border: 1px solid #333333;
 background: black;
 color: #333333;
 padding: 0px;
 height: 300px;
 }
 
#club{
 position: absolute;
 top: 190px;
 left: 420px;
 width: 160px;
 border: 1px solid #333333;
 background: black;
 color: #333333;
 padding: 0px;
 height: 300px;
 }
 
#trainer{
 position: absolute;
 top: 190px;
 left: 660px;
 width: 160px;
 border: 1px solid #333333;
 background: black;
 color: #333333;
 padding: 0px;
 height: 300px;
 }

#rh-col{
  position: absolute;
 top: 190px;
 right: 5px;
 left: 900px;
 width: 102px;
 border: 0px ;
 background:#696969; 
 color: #333333;
 padding: 0px;
 height: 380px;
 z-index: 1;
 }       
 
#header{
 height:130px; 
 border:1px solid #000000; 
 width: 824px;
 background:#c0c0c0;
 BACKGROUND: url(../content/hd3.png);
 color: #333333; 
 margin:0;
 margin-left:80px;
  }
  
#menu{
 height:30px; 
 border:1px solid #000000; 
 width: 824px;
 background:#c0c0c0;
 BACKGROUND: url(../content/nav_bg_01.gif);
 color: #333333; 
 margin:0px;
 top:150px;
 margin-left:80px;
  }
  
#main {
 height:400px; 
 left:5px;
 right:5px; 
 width:100%; 
 background:#696969; 
 color: #333333;
 padding: 0px; 
 margin:0px;
 }
   
#footer{
 position: absolute;
 top: 630px;
 height:40px; 
 border:1px solid #000000; 
 width: 824px; 
 background:#c0c0c0;
 color: #333333; 
 margin:0px;
 margin-left:80px;
  }
  
#Sidebar{
 float: left; 
 top: 0px;
 left: 0px;
 width: 160px;
 border: 1px solid #333333;
 background: black;
 color: #333333;
 padding: 0px;
 height: 500px;
 
 }
 

 
 #MainSide{
 position: absolute;
 top: 190px;
 left: 120px;
 width: 720px;
 border: 1px solid #333333;
 background: #c0c0c0;
 color: #333333;
 	
}

#divlijn{
 border: 3px solid #c0c0c0;
 padding-left:162px;
}


div.TokoHeader { 
width: 450px;
background-color:#c0c0c0; 

}
div.TokoArtikel {
text-align: left;
width: 380px;
background-color:#c0c0c0; 
margin: 0px;
float: left;
BORDER-BOTTOM: #333333 1px solid;
}

div.spacer {
clear: both; 
}

A.menu
{
	align=center;
	font-family: Verdana,Arial, Helvetica;
	font-size: 10px;
}
A.menu:link  {
	text-decoration: none;
	color: #333333;
	font-size: 10px;
}
A.menu:visited  {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica;
	color: #333333;
	font-size: 10px;
}
A.menu:hover  {
	text-decoration: none;
	color: #55523F;
	font-size: 10px;
}

/* Sidebar */

#sidebar {
	 float: left; 
	width: 200px;
	margin: 5px;
	color: #787878;
}


#sidebar ul {
	margin: 0px 0x 5px 0px;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 2px;
	border-bottom: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#sidebar li ul {
	margin: 0px 0px 0px 0px;
	padding-bottom: 5px;
	background: none;
}

#sidebar li li {
	line-height: 15px;
	margin: 0px 5px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #D7D7D7;
	background: none;
}

#sidebar li li span {
	display: block;
	margin-top: -10px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	padding: 5px 0px 5px 5px;
	BACKGROUND: url(../content/nav_bg_01.gif);
	letter-spacing: -.5px;
	font-size: 1.4em;
	color: #696969;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 10px 10px 10px;
	text-align: justify;
}

#sidebar a {
	border: none;
	color: #727272;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #8A8A8A;
}

#tooltip1 { position: relative; }
#tooltip1 a span { display: none; color: #FFFFFF; }
#tooltip1 a:hover span { display: block; position: absolute;  background-color: #aaa;  left: 120px; top: -5px; color: #FFFFFF; padding: 2px; }

#tekst {
display: none;
width: 250px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}

#Shopbar {
	 float: left; 
	width: 500px;
	margin: 5px;
	color: #787878;
}

#Shopbar ul {
	margin: 0px 0x 5px 0px;
	padding: 0;
	list-style: none;
}

#Shopbar li {
	margin-bottom: 2px;
	border-bottom: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#Shopbar li ul {
	margin: 0px 0px 0px 0px;
	padding-bottom: 5px;
	background: none;
}

#Shopbar li li {
	line-height: 15px;
	margin: 0px 5px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #D7D7D7;
	background: none;
}

#Shopbar li li span {
	display: block;
	margin-top: -10px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#Shopbar h2 {
	padding: 5px 0px 5px 5px;
	BACKGROUND: url(../content/nav_bg_01.gif);
	letter-spacing: -.5px;
	font-size: 1.4em;
	color: #696969;
}

#Shopbar p {
	margin: 0 0px;
	padding: 0px 10px 10px 10px;
	text-align: justify;
}

#Shopbar a {
	border: none;
	color: #727272;
}

#Shopbar a:hover {
	text-decoration: underline;
	color: #8A8A8A;
}
