/*
* Algemeen website CSS bestand voor Spiros-grieksebeelden.nl
*
* Versie: 16-05-2010
* Auteur: Tim de Hoog - Hcom
*/

html, body {
	background: #666666;
	background-color: #666666;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#website{
	margin:0px auto;	
	width:1000px;
	background: #666666 url(http://www.spiros-grieksebeelden.nl/afbeeldingen/achtergrond.gif) repeat-y 50% 0;

}
#header{
	width:1000px;
	height:160px;
	background-color:#FFFFFF;
}
#header_menu{
	width:1000px;
	height:27px;
	margin:0px;
	padding:0px;
	background-color:#0099CC;
	color:#FFFFFF;
	font-size:14px;
}
#content_links{
	width:200px;
	float:left;
	background-color:#0066CC;
	border-left:#0099CC 4px solid;		
	border-right:#0099CC 4px solid;	
	color:#FFFFFF;
	bottom:0px;
	margin:0px;
}

#content_rechts{
	float:right;
	width:782px;
	padding:5px;
	background-color:#FFFFFF;
	color:#000000;
}
#zoeken{
	padding:2px;
	margin-bottom:10px;
}
#footer{
	clear:both;
	height:18px;
	padding:3px;
	background-color:#0099CC;
	color:#FFFFFF;
	text-align:center;
}
#footer p{
	margin:0px;
	font-size:13px;	
}

#voorpagina_bloklinks{
	width:350px;
	background-color:#0099CC;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	font-size:16px;
	color:#FFFFFF;
	float:left;
	margin-left:10px;
}
#voorpagina_blokrechts{
	width:350px;
	background-color:#0099CC;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	font-size:16px;
	color:#FFFFFF;
	float:left;
	margin-left:40px;
}
#voorpagina_blokinhoud{
	width:340px; 
	height:135px;
	background-color:#0066CC;
	padding:5px;
	font-size:12px;
}

/** Hyperlink opmaak */
a:link {
	color:#0099CC;
	text-decoration:underline;
	font-weight:bold;
}
a:visited {
	color:#0099CC;
	text-decoration:underline;
	font-weight:bold;		
}
a:hover {
	color:#0099CC;
	text-decoration:none;
}
a:active {
	color:#0099CC;
	text-decoration:underline;	
}
a.normaal:link {
	text-decoration:underline;
}
a.normaal:visited {
	text-decoration:underline;
	font-weight:bold;		
}
a.normaal:hover {
	text-decoration:none;
}
a.normaal:active {
	text-decoration:underline;	
}
a.wit:link {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
a.wit:visited {
	color:#FFFFFF;
	text-decoration:underline;	
	font-weight:bold;	
}
a.wit:hover {
	color:#FFFFFF;
	text-decoration:none;
}
a.wit:active {
	color:#FFFFFF;
	text-decoration:underline;	
}

/** Lettertype opmaak */
h3{
	color:#0066CC;
	margin:0px;
	padding:0px;
	padding-bottom:4px;
	font-size:18px;
}
h4{
	font-size:15px;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}
h4.blauw{
	font-size:15px;
	color:#0066CC;
	margin:0px;
	padding:0px;	
}

/** Navigatie van het hoofdmenu */
#primairenavigatie {
	height:25px;
	border-bottom:#0099CC 4px solid;		
}

#primairenavigatie ul {
	position:relative;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li.primairenavigatie_knop {
	float: left;
	margin: 0 0 0 0px;
	height: 25px;
	width:160px;
	background-color: #0099CC;
	color:#FFFFFF;
}
li.primairenavigatie_klik {
	float: left;
	margin: 0 0 0 0px;
	height: 25px;
	width:160px;
	background-color:#FFFFFF;	
}
li.primairenavigatie_tussen {
	float: left;
	margin: 0 0 0 0px;
	height: 25px;
	width:8px;
	background-color:#0099CC;
}

#primairenavigatie li a {
	height: 21px;
	width:160px;
	padding-top:4px;
	float: left;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size:13px;
	color:#FFFFFF;	
}
#primairenavigatie li a:hover {
	background-color: #FFFFFF;
	height: 21px;
	width:160px;
	padding-top:4px;
	float: left;
	text-decoration:underline;
	text-align: center;
	font-weight: bold;
	color:#0099CC;
}
#primairenavigatie li.primairenavigatie_klik a {
	background-color: #FFFFFF;
	height: 21px;
	width:160px;
	padding-top:4px;
	float: left;
	text-decoration:underline;
	text-align: center;
	font-weight: bold;
	color:#0099CC;
}

/** Categorieën menu */
#categorieen{
	width:198px;
}

ul#categorieen_menu{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

ul#categorieen_menu li {
   float: left;      
}

ul#categorieen_menu li a {
   display: block;
   width: 198px;
   height:15px;
   padding:3px;
   margin:0px;
   text-decoration:none;
   border-bottom:#0099CC 1px solid;
   color:#FFFFFF;
   font-size:14px;
}
ul#categorieen_menu li.klik a {
   display: block;
   width: 198px;
   height:15px;
   padding:3px;
   margin:0px;
   text-decoration:none;
   border-bottom:#0099CC 1px solid;
   background-color:#0099CC;   
   color:#FFFFFF;
   font-size:14px;
}
ul#categorieen_menu li a:hover {
   display: block;
   width: 198px;
   height:15px;   
   padding:3px;
   text-decoration:none;      
   background-color:#0099CC;
   border-bottom:#0099CC 1px solid;
   color:#FFFFFF;   
   font-size:14px;
   
}