/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Huis De Cuyper
Version:	2.0
Author:		Tom Cryns
-------------------------------------------------------------------*/

body {
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background: #eee;
  margin: 0;
  padding: 0;
}

#container {
  background: #fff;
  padding: 20px;
  border:#999 1px solid;
}

body { 
  text-align: center; 
  min-width: 760px;
}

#container { 
  width: 620px; 
  margin: 0 auto; 
  text-align: left;
  margin-top:2em;
  margin-bottom:2em;
  font-size: small;
  line-height: 1.5em; 
} 


#footer {
  clear: both;
  border:0;
  border-top:#999 1px dotted;
  margin:2em 0 0 0;
  padding:10px 0;
  width:100%;
  font-size:smaller;
  text-align:right;
}


div, h2, h3, h4, h5, h6, p, table, ul, ol, img {
	margin: 0;
	padding: 0;
	text-align: left;
}

h1 {
	margin: 0;
	padding: 0 0;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 160%;
	font-weight: normal;
  letter-spacing:2px;
  line-height: 1.5em;
  color:#b82828;
}

h2 {
	margin: 0;
	padding: 1em 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
	font-size: 140%;
	font-weight: normal;
  letter-spacing:2px;
  color:#333;
}

h3 {
	margin: 0;
	padding: 1em 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
	font-size: 140%;
	font-weight: normal;
  letter-spacing:2px;
  color:#333;
}

h4 {
 margin: 0;
 padding: 1em 1em;
 font-family: "Trebuchet MS", Verdana, sans-serif;
 text-align: left;
 font-size: 100%;
 font-weight: normal;
 letter-spacing:2px;
 background:#f2f2f2;
 color:#333;
}

A:link {
	COLOR: #596D80; text-decoration: underline;
}
A:visited {
	color: #596D80; text-decoration: underline;
}
A:hover {
	color: #596D80; text-decoration: underline;
}
A:active {
	color: #596D80; text-decoration: underline;
}

#content {
 margin:0 0 30px 0;
 padding:0;
 float:left;
}

#container .smalltextbox
{
 width:192px;
 float:left;
 padding:4px;
 
}

#container .textbox
{
 width:384px;
 float:left;
 padding:4px;
}

#container .largetextbox
{
 width:584px;
 float:left;
 padding:4px;
}

#content p
{
 margin:0 0 4px 0;
}

.smalltextbox ul
{
 margin: 0 10px 0 10px;
 padding: 0;
 list-style-type:none;
}


#container img
{
 text-align:center;
 margin:0px 0;
 padding:9px;
 border:#bbb 1px solid;
}




#navbar
{
 float:left;
 width:100%;
 margin:10px 0 30px 0;
 font-size:small;
 color:#fff; 
 background:#b82828 url(../img/overlay.png) repeat scroll 0 0;
}



#navbar UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;  
	MARGIN: 0px; 
	TEXT-TRANSFORM: lowercase; 
	LIST-STYLE-TYPE: none;
}

#navbar LI {
  margin: 0px;
	padding: 0px;
	FLOAT: left;
	TEXT-INDENT: 0px;
	LINE-HEIGHT:     normal;
}

#navbar A {
  margin:0px;
  padding:6px 8px;
	BORDER-RIGHT: #ddd 1px solid; 
	DISPLAY: block; 
	BORDER-LEFT: #666 0px solid; 
	COLOR: #fff; 
	TEXT-DECORATION:none;
}

#home #homenav a,
#contact #contactnav a,
#cv #cvnav a,
#kachel #kachelnav a,
#electro #electronav a,
#service #servicenav a
{
  background:#333 url(../img/overlay.png) repeat scroll 0 0;
  color:#fefefe;
}

#navbar A:hover {
  background:#333 url(../img/overlay.png) repeat scroll 0 0;
  color:#fefefe;
}

.vcard {
  margin:0;
	margin: 0 0 2em 2em;
  padding:10px;
	background:#eee;
  border:#fff 5px solid;
	color: #333;
  line-height:2em;
  width:80%;
  background:url(../img/bgshade.gif) top left repeat-x;
}

.fn {
	padding-top: 2em;
	font-weight: bold;
	font-size: 1.1em;
}


p.email {
	padding-bottom: 2em;
}

.vcard img {
	float: right;
	padding-right: 1em;
	margin-top: -1em;
  border:0;
}

.vcard p {
	margin-left: 1em;
}

/* address, telephone, email */
div.vcard a.url,
div.vcard div.org,
div.vcard div.adr,
div.vcard div.tel,
div.vcard a.email 
{
margin: 0 0 1em 0;
padding: 0 0 0 15px;
line-height: 1.5em;
}


.adres {
	m/argin: 0 0 2em 2em;
	w/idth: 80%;
  background:url(../img/bgshade.gif) top left repeat-x;
}

.adres td,
.adres th, 
.adres caption {
	padding: 3px 10px 3px 3px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.adres th
{
} 

.adres caption {
  color:#fff;
	text-align: left;
}

.imgright
{
 float:right;
}
.imgleft
{
 float:left;
}

.aquote 
{
 margin:10px 0;
 color:#fff;
 background:#8caacc url(../img/barblue.gif) top left repeat-x;
 background:#666 url(../img/overlay.png);
 line-height: 1.5em;
}
.aquote h2
{
	margin: 0 0 10px 0;
	padding: 6px 4px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
  letter-spacing:3px;
  color:#fff;
}


.grijs  
{
    background:#f2f2f2;
}

.etiket 
{
-moz-border-radius:6px 6px 6px 6px;
b/ackground:none repeat scroll 0 0 #EEEEEE;
margin:0 0 15px;
padding:15px;
}