@charset "utf-8";

/***********************************************************
 * File: ruiter.css
 * Project: Ruiter Architecten 
 *
 * Copyright: (c) 2008 Hippo Software. All rights reserved
 *            <http://www.hipposoftware.nl>
 *
 * Author: Bert Bulder <mailto:bertb@hipposoftware.nl>
 *         Brouwersgracht 48, 1013 GX Amsterdam, 020-6255344
 *
***********************************************************************/
body  { 
	color: #000; 
	font: 11px/18px Arial, Helvetica, sans-serif; 
	background-color: #5b5550; 
	text-align: center;
	margin: 0;
}	
p {
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}
sub, sup {
	font: 9px/9px Arial, Helvetica, sans-serif; 
}
td {
	font: 11px/18px Arial, Helvetica, sans-serif; 
}
H1, H2, H3, H4, H5 {
	color: #444;
	font: 13px/18px Arial, Helvetica, sans-serif;
	margin: 0px;
	font-style:normal;
	font-weight:bold;
} 
H1 {
	font: 13px/19px Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

H2 {
	font: 13px/18px Arial, Helvetica, sans-serif;
}
H3 {
	font: 14px/19px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 6px;
}
H5  {
	color:#469f29;
	font-style:normal;
	font: 11px/18px Arial, Helvetica, sans-serif; 
	font-weight: normal;
	margin:0;
	padding:0;
	padding-bottom: 6px;
}
	
#wrapper {
	background:#fff url(../images/web2_0.gif) left top no-repeat;
	border: #fff 0px solid;
	padding: 0px; 
	margin: 0px auto; 
	width: 970px;
	text-align: left;
	height: 610px;
	margin-top:20px;
}
#links {
	width: 510px;	
	height: 610px;
	float: left;
}
#home {
	width: 85px;
	padding-left: 25px;
	padding-top: 280px;
	height: 20px;	
	float: left;
	cursor: pointer;
}
#home a {
	text-decoration: none;
	color:#666;
}
#home a:hover {
	text-decoration: none;
	color:#45a12a;
}
#rechts {
	width: 388px;	
	height: 610px;	
	float: left;	
}
#menu {
	width: 388px;
	height: 220px;
	clear:both;
}
#hoofdmenu {
	padding-top:30px;
	width: 183px;
	float:left;
	font: 14px/16px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	letter-spacing: -1px;
	font-weight:normal;	
}
#hoofdmenu a, #submenu a, #innernav a  {
	color:#666;
	text-decoration:none;
}
#hoofdmenu a:hover, #hoofdmenu a.selected, #submenu a:hover, #submenu a.selected, #innernav a:hover, #innernav a.selected  {
	color: #45A12A;
}
#submenu {
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding-top:30px;
	width: 200px;	
	float:left;	
}
#innernav {
	font: 12px/16px Arial, Helvetica, sans-serif;
	clear:both;
	width: 100px;	
	height: 20px;
	font-variant:small-caps;
	letter-spacing: -1px;
	font-weight:normal;		
}
.selected {
	color: #45A12A;
}
#tekst {
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding-top:0px;
	width: 345px;	
	height: 315px;
	overflow:hidden;
	float:left;		
}
#tekst a {
	color:#469f29;
	font: 11px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#tekst a:hover {
	text-decoration:underline;
}
#footer {
	float:left;	
	clear: both;
	margin-top: 20px;
	height: 25px;
	width: 325px;
	cursor:pointer;
}
ul {
 	border-top-width: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	margin-left: 13px;
	padding-top: 0px; 
	text-align: left; 
	border-right-width: 0px;
}
ul li {
    padding-right: 0px; 
	list-style: url(../images/li.gif) outside disc;
	padding-left: 0px; 
	margin: 0px; 
	padding-top: 0px;
}
.ondermarge {
	margin-bottom: 11px;	
}
.groen {
	color:#469f29;
}
.grijs {
	color:#707173;
}
#tekst a.underl {
	color:#707173;
	text-decoration:underline;
}
#tekst a.underl:hover {
	color:#469f29;
	text-decoration:underline;
}