body{
	margin: 0;
	padding: 0;
	font-family: Bernard, sans-serif;
	font-size: small;
	background: #FCF9F4;
}


/* layout structure */

#container{
	min-width: 500px;
	max-width: 1400px;
	height:95px;
	background: url(../img/header-bg4.gif) repeat-x;
}


/* header */
#header{
	border-bottom: 1px solid #fff;
	left: 10px;
}

#header h1{
	margin:0; 
	padding:0;
	font-family: Lucida Grande, sans-serif;
	font-size: 150%;
	letter-spacing: 1px;
	color: #0D0652;
	text-align:left;

}

#pictureline { background: #fff url(../img/pictureline.jpg) repeat-x; height: 8em }

/* message */

#message{
	margin:0;
	padding:5px;
	font-size:70%;
	color:#0D0652;
	xbackground:#97B08F 
	xbackground:#fff url(../img/message-bg.gif) repeat-x top left;
	border-bottom: 1px solid #fff;
}

#message strong{
	color:#0D0652;
}


/* navigation */

#nav { 
background: #9CD45B url(../img/nav-bg.gif) repeat-x bottom left; 
list-style: none; 
margin: 0; padding: 10px 0 0 0px; 
width: 100%; 
float: left }

#nav li { font-size: 90%; margin: 0; padding: 0; float: left }

#nav li.home{
	margin-left: 50px;
	padding:0px;
}

#nav a{
	float: left;
	display: block;
	margin: 0 2px 0 0;
	padding: 4px 20px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #5a5a5a;
	background: #fff url(../img/off-bg.gif) repeat-x top left;
}

* html #nav li.home{
	margin-left: 37px;
}

* html #nav a{
	margin: 0 1px -1px 0;
}

#nav a:hover, #selected a{
	color: #5a5a5a;
	padding: 4px 20px;
	border-bottom: 1px solid #fff;
	background: #FCF9F4  repeat-x top left;
}


#content { 
color: #333; 
font-size: 95%; 
line-height: 1.5em; 
width: 74%; 
float: left; 
border-right: 1px solid #5a5a5a 

}



/* Content */


#content h1{
	color: #171B4F;
	font-size: 130%;
	padding-top:20px;
	border-bottom: 1px dotted #5a5a5a;	
}

#content p.paragraaf{
	clear: left;
	padding:10px 0 0 0;

}

#content p.strong{
	color: #0D0652;
	font-size: 110%;
}

#content ol{
	padding-left:20px;
}

#content table td{
	border:1px solid #eee;
	
	
}
#content a{
	color:#0D0652;
}

#content a:hover{
	color:#B0ACDA;
}

#api{
	height:20px;
	width:110px;

}


/* sidebar */

#sidebar{
	float: right;
	width: 25%;
	margin-bottom: 25px;
}

.gutter{
	padding: 25px;
}

.gutter-left{
	padding-left:75px;
	padding-right:50px;
	padding-top:5px;
}

#banner{
	margin:0 auto 0 auto;
	width:159px;
	text-align:center;
	background:#FCF9F4 url(../img/banner-top.gif) no-repeat 0 0;
	color:white;

}

#banner a{
	color:white;
	text-decoration:none;
}

#banner a:hover{
	color:white;
	text-decoration:underline;

}

#banner p{
	color:red;
	font-size:12px;
	font-weight:bold;
	padding:20px;
	margin:0;
}

#banner p.green { color: white; background: #33550E url(../img/banner-top4.gif); padding: 10px }

#banner p.green a{
	color:white;
	text-decoration:none;
}

#banner p.green a:hover{
	color:white;
	text-decoration:underline;
}

#banner p.foto{
	background:#05306A url(../img/picture7.gif) no-repeat;
	padding:0;
	height:192px;

}

#banner p.foto2{
	background:#05306A url(../img/picture2.gif) no-repeat;
	padding:0;
	height:192px;


}

#banner p.last{
	background:#05306A url(../img/banner-bottom.gif) no-repeat bottom left;
}



/* footer */

#footer{
	color:white;
	clear: both;
	background: url(../img/footer-bg.gif) repeat-x top left;
	border-top: 1px solid #5a5a5a;
	height:2em;
}

#footer a{
	color:white;
	text-decoration:none;
}

#footer a:hover{
	color:white;
	text-decoration:underline;

}

#footer p{
	margin:0;
	padding:5px;
	font-size:70%;
	color:#FFF
}