/*
==============================================
Layout Style Sheet (for version 5 browsers and above)
version:  1.0
site:     Helenkeller stichting (helenkeller)
author:   Peter Ruijter (www.bedrijvenweb.nl)
date:     december 3th, 2007
=================================================
*/

/*= GLOBAL STYLES
======================================================*/
* {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; /* don't edit */
	color: #004188;
}
html {
	font-size: 62.5%; /* don't edit */
}
body {
	font-size: 1.4em;  /* edit here the global size for em, 1em = 10px */
}

h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
hr { 
	border-bottom: 1px solid #000000; 
	height: 1px; 
	margin-bottom: 20px;
	margin-top: 20px;
}
p {
	margin:0px;
	margin-bottom: 12px;
}

.clear-both {
	clear:both
}
.hidden {
	display:none;
}

#header,
#content,
#footer{
	border-right: 1px solid #000;
	border-left: 1px solid #000;
} 
#footer{
	border-bottom: 1px solid #000;
}

/*= HEADER
======================================================*/
#header {
	position: relative;
	left: 0px;
	top: 0px;
	height: 7.7em;
	border-bottom: #000000 solid 1px;
}
/*
#header #logo {
	width: 14em;
	border: 1px solid #000;
	float:left;
}
#header #logo img{
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 25px;
	border:none;
}*/
#header #logo img {
	/*	display: none;*/
}
#header #logo {
	float:left;
	margin-top: 20px;
	margin-left: 12px;	
	/*background-image: url(../images/layout/logo_helenkeller.gif);
	background-repeat: no-repeat;*/
	height: 5.6em;
	width: 12em;
	cursor: pointer;	
}
#header #address {
	width:40em;
	padding-top: 50px;
	float:right;
	color:#000000;
}
#header #address-left {
	float:left;
	margin-right: 10px;
}
#header #address-right {
	float:left;
}
#header, #content, #footer {
	margin: 0 auto;
	width: 55em;
}

/*= LEFTSIDE 
======================================================*/
#left-side {
	width:12em;
	float: left;
}

#left-side #dvlogo {
	margin: 0 auto;
	margin-top: 20px;
	width: 70px;
	height: 70px;
}
/*= RIGHTSIDE 
======================================================*/
#right-side {
	width: 40.5em;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
}

#right-side ul,
#right-side OL {
	margin-left: 20px;
	margin-bottom: 12px;
}
#right-side li {
	margin-left: 10px;
}
/*= FOOTER
======================================================*/
#footer {
	text-align: center;
	padding-top: 20px;
}

/*= FONTSIZE BUTTONS
======================================================*/
#size-btn {
	padding: 5px 0 5px 0;
	margin: 0 0 0 2px;	
	line-height: 2.2em;
}
#size-btn ul {
	list-style-type: none;
	height: 2.5em;
	left: 0.3em;
	position:relative;
}
#size-btn li {
	display:inline;
}
#size-btn li span {
	color: #000;
	background-color: #FFFFFF;
	text-decoration: none;
	border: solid 1px #000;
	padding: 0 0.22em 0 0.22em;
	float:left;
	margin-right:3px;
	cursor:pointer;
}
.niv-1	{
	font-size: 2.0em;
}
.niv-2	{
	font-size: 1.8em;
}
.niv-3	{
	font-size: 1.6em;
}
.niv-4	{
	font-size: 1.4em;
}
.niv-5	{
	font-size: 1.2em;
}

/*= COLOR BUTTONS
======================================================*/
#color-btn {
	padding: 5px 0 5px 0;
	margin: 0 0 0 2px;	
	line-height: 25px;
}
#color-btn ul {
	list-style-type: none;
}
#color-btn li {
	height:2.5em;
	margin-left: 10px;
}
#color-btn li span {
	text-decoration: none;
	width:9em;
	cursor:pointer;
	padding:0.3em;
	line-height: 1.2em;
	display: block;
	text-align:center;
}
#color-btn li.yellow span {
	color: #000;
	background-color: #FFFF99;
	border: solid 1px #000;
}
#color-btn li.blue span {
	color: #FFFFFF;
	background-color: #0000FF;
	border: solid 1px #000;
}
#color-btn li.black span {
	color: #FFFFFF;
	background-color: #000000;
	border: solid 1px #000;
}

#color-btn li.normal span {
	color: #004188;
	background-color: #f1e0a6;
	border: solid 1px #004188;
}
/*= MENULIST
======================================================*/
/*  menu_box, level 1, normal state (NO) */
div#menubox {
/*	width: 22%;*/
	margin: 0px;
	padding:0px;
}
div#menubox a {
	color: navy;
	text-decoration: none;
}
div#menubox a:hover {
	text-decoration: underline;
}
div#menubox ul#sub-level1 {
	list-style-type: none;
}
div#menubox ul#sub-level1 li {
	background: url('../images/layout/menu_no.gif') no-repeat  4px 4px;	
	font-weight:bold;
	padding-left: 24px;
}
div#menubox ul#sub-level1 li a {
	line-height: 1.8em;
}
div#menubox ul#sub-level1 li.act {
	text-decoration: underline;
	background: url('../images/layout/menu_act.gif') no-repeat 4px 4px;
}
div#menubox ul#sub-level2 {
	list-style-type:disc;
	list-style-position:outside;
	left:16px;
	position:static;
}
div#menubox ul#sub-level2 li {
	background: none;
	padding-left: 0;
}
div#menubox ul#sub-level2 li a {
	font-weight:normal;	
	line-height: 1.4em;
}
div#menubox ul#sub-level2 li.act {
	font-weight:bold;
}
div#menubox ul#sub-level3 {
	list-style-type: square;
	list-style-position:outside;	
	padding-left:14px;
}
div#menubox ul#sub-level3 li {
	background: none;	
	padding-left: 0;
}
div#menubox ul#sub-level3 li a {
	width: 140px;
	line-height: 1.2em;
}
div#menubox ul#sub-level3 li.act {
	font-weight:bold;
}

/*= SIDEBOX 
======================================================*/

div#xsnazzy,
div#ysnazzy,
div#zsnazzy {
	background: transparent; 
	margin-top:1em;
	margin-left:0.3em;
}

.xtop, .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
}
	
.xb1, .xb2, .xb3, .xb4 {
	display:block; 
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}

.xb2, .xb3, .xb4 {
	background:#f1e0a6; 
	border-left:1px solid #f1e0a6; 
	border-right:1px solid #f1e0a6;
}
.xb1 {
	margin:0 5px; 
	background:#f1e0a6;
}
.xb2 {
	margin:0 3px; 
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px; margin:0 1px;
}

.xboxcontent {
	display:block; 
	background:#f1e0a6; 
	border:0 solid #f1e0a6; 
	border-width:0 1px;
}

/*= TT_NEWS
======================================================*/
DIV.news-latest-morelink A, 
DIV.news-list-morelink A
{
	text-decoration: none;
	background-image: url("../images/layout/link_light_blue.gif");
	background-repeat: no-repeat;
	background-position: 72px center;
	padding-right: 17px;
	margin:0;
}

DIV.news-single-item H3 
{
	font-size: 14px;
}
.news-list-date {
	font-style:italic;
}
.tx-ttnews-browsebox-SCell a {
	font-weight:bold;
	text-decoration: none;
	color: #000;
}

/*= FOTOBOEK
======================================================*/
.tx-gooffotoboek-pi1 img{
	border: none;
}