/* Tobiasschool.nl stylesheet */
/* Main colours:   */

body {
	margin: 0;
	font:75%/1.7 Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#fff url(../images/bodybg7.gif) repeat top center;
	color:#333;
	text-align: center;
}
img { 
	border:0
}
.imgborder {
	border: 1px solid #7bc694;
}

.imgborderright {
	margin: 5px 0 0 10px;
	border: 1px solid #7bc694;
}

.imgfoto {
	margin: 5px 10px 0 0;
	border: 1px solid #7bc694;
}

td {vertical-align: top}
.ch {font-size: 8pt; color: #f70; background-color: #d2e9dc; font-weight: bold}
.c1 {font-size: 8pt; background-color: #eee}
.c2 {font-size: 8pt; background-color: #ddd}
.chr {font-size: 8pt; color: #f70; background-color: #d2e9dc; font-weight: bold; text-align: right}
.c1r {font-size: 8pt; background-color: #eee; text-align: right}
.c2r {font-size: 8pt; background-color: #ddd; text-align: right}
.chc {font-size: 8pt; color: #f70; background-color: #d2e9dc; font-weight: bold; text-align: center}
.c1c {font-size: 8pt; background-color: #eee; text-align: center}
.c2c {font-size: 8pt; background-color: #ddd; text-align: center}

/* Main layout divs */
#wrapper {
	width: 796px;
 	margin: 0 auto 0 auto; 
	text-align: left;
}
#topimg {
	padding: 0px;
	margin: 0 0 10px 0;
}
#content {
	width:580px;
	float: right;
/*	margin: 10px 0 0 0; Same height columns for IE */
	padding: 0 10px 0px 20px;
	border-left: 1px dotted #ddd;	
}
#menushortcontent {
	width:170px;
	float:left;
	margin: 0 0px 0 0px;
	padding: 0 0px;
}

#bottommenu
{	margin-top: 10px;
	border-top: 5px solid #d2e9dc;
}

/* Header styles */
h1, h2 {
	font: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
}
h2 { font-size:12pt;}

/* Hyperlink styles */
a { 
	color: #f70; 
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
}
/* Navigation menu styles */
ul.mainnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
ul.mainnav a {
	padding: 1.0em 0px 1.0em 10px;
	width: 95%;
	display: block;
	text-decoration: none;
	color: #333;
}
ul.mainnav a:hover {
/*	background: #d2e9dc;*/
 	background: url(../images/bg_mainnav.gif) no-repeat 0px 0px;
	color: #f70;
	text-decoration: underline;
}
ul.mainnav a.active {
	padding: 1.0em 0 0em 10px;
	width: 95%;
	display: block;
	text-decoration: none;
	font-weight:bold;
	color: #f70;
}
ul.mainnav a.active:hover {
	background: #fff;
	padding: 1.0em 0 0em 10px;
	width: 95%;
	display: block;
	text-decoration: none;
	font-weight:bold;
	color: #f70;
}
ul.mainsubnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
ul.mainsubnav a {
	padding: 0 0 0 20px;
	width: 90%;
	display: block;
	text-decoration: none;
	color: #f70;
}
ul.mainsubnav a:hover {
	background: #d2e9dc;
	color: #f70;
	text-decoration: underline;
}

/* Navigation menu styles */
ul.subnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
ul.subnav li {
	float:left;
	width: 190px;
	padding:1.0em 0 1.0em 0;
}

ul.subnav a {
	padding:0;
/*	padding: 1.0em 0 1.0em 10px;*/
	width: 170px;
	text-decoration: none;
	color: #f70;
/* 	background: url(../images/logo_sm_o.gif) no-repeat top 20%;*/

}
ul.subnav a:hover {
/* 	background: url(../images/logo_sm_o.gif) no-repeat 2px 10px;*/
	color: #f70;
	text-decoration: underline;
}
/* Helpers */
.clear { 
	clear:both;
}
/* Markup of news, paragraphs etc. */
.small {font-size: 80%}
.photoinfo {
	font-size: 80%; 
	font-weight:bold; 
	text-align:center;
	padding: 0 0 10px 0;
	margin: -5px 0 20px 0;
	border-bottom: 1px solid #ddd;
}
.foto {
	border: 3px solid d2e9dc;
}