/* Default style TM Samengevat     */
/* auteur: ICATT Interactive Media */
/* versie 1.2 datum 12-01-2007     */

/* body, html styles */
body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000;
	background: #fff;
	background: url(../images/bodybg_home.gif) repeat-y;
	background-position: bottom center;
}

/* containers */
#SAContainer {
	width: 995px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(../images/bodybg_home.gif) repeat-y;
}

#SAHead {
	width: 100%;
	height: 139px;
	background: #fff url(../images/headerlogo.jpg) no-repeat;
}

.logoclick {
	height: 139px;
	width: 560px;
	display: block;
	float: left;
}

#examenbundel {
	width: 100%;
	height: 200px;
	background: #fff url(../images/examenbundel.jpg) no-repeat;
	background-color: #c0cc00;;
}

.examenbundelclick {
	height: 200px;
	width: 200px;
	display: block;
	float: left;
}

#Headerfoto {
	height: 139px;
	width: 410px;
	float: right;
	background: url(../images/headerfoto.jpg) no-repeat;
}

#Headerfotobottom {
	float: right;
	height: 71px;
	width: 204px;
	background: url(../images/headerfotobottom.jpg) no-repeat;
}

#MainContainer {
	width: 100%;

	overflow: hidden;
}

#SAMenu {
	height: 71px;
	width: 790px;
	background-color: #e41243;
}

#SALeftMenu {
	width: 195px;
	background: url(../images/bg_homeleftmenu.gif) repeat-y;
	height: 100%;
	float:  left;
	overflow: hidden;
}

#SAContent {
	margin: 0px;
	width: 593px;
	height: auto;
	float: left;
	background: url(../images/contentbg_home.gif) no-repeat;
}

#content {
	width: 530px;
	height: auto;
	margin: 20px;
	float: left;
	top: 0px;
	left: 0px;
}

#contentheight {
	height: 538px;
	width: 1px;
	float: right;
}

#SAMetaMenu {
	float: right;
	width: 205px;
	background: #c0cc00;
	margin-top: -71px;
	_margin-top: -71px !important;

}

#logoholder {
	position: absolute;
	bottom: 0px;
	right: 20px;	
}
#tmlogo {
	width: 160px;
	height: 35px;
	background: url(../images/tm_logo.jpg) no-repeat;
	position: relative;
	bottom: 0px;
	margin-left: 15px;
}
#tmlogo a {
	display: block;
	height: 100%;
	width: 100%;
}

#clearer {
	clear: both;
}

/* - */

/* UL Menu's */
ul#leftmenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#leftmenu li {
	height: 70px;
	width: 196px;
	background: #c0cc00;
}

ul#leftmenu li.oneven {
	background: #fff;	
	color: #000 !important;
}

ul#leftmenu li.oneven a:link,
ul#leftmenu li.oneven a:active,
ul#leftmenu li.oneven a:visited {
	color: #000;

}

ul#leftmenu li a:link,
ul#leftmenu li a:active,
ul#leftmenu li a:visited {
	font-family: Arial, Helvetica;
	display: block;
	text-decoration: none;
	width: 176px;
	height: 40px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0px 0px 20px;
}

ul#leftmenu li a:hover {
	background: #000;
	color: #fff !important;
}

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;	
}

ul#menu li {
	float: left;
	height: 71px;
	width: 196px
}
ul#menu li.itemvmbo { background: url(../images/button_vmbo.gif) no-repeat; }
ul#menu li.itemhavo { background: url(../images/button_havo.gif) no-repeat; }
ul#menu li.itemvwo { background: url(../images/button_vwo.gif) no-repeat; }

ul#menu li a {
	display: block;
	height: 71px;
	width: 196px
}

ul#menu li.itemvmbo a:hover { background: url(../images/button_vmbo_over.gif) no-repeat; }
ul#menu li.itemhavo a:hover { background: url(../images/button_havo_over.gif) no-repeat; }
ul#menu li.itemvwo a:hover { background: url(../images/button_vwo_over.gif) no-repeat; }

ul#metamenutop {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 140px;
	background: #fff;
}
ul#metamenutop li {
	display: block;
	width: 206px;
	height: 35px;
	margin: 0px;
	padding: 0px !important;
	margin-bottom: -3px;
	_display: inline;
}

ul#metamenutop li a:link,
ul#metamenutop li a:active,
ul#metamenutop li a:visited
{
	display: block;
	width: 206px;
	height: 35px;	
	padding: 0px !important;
	margin: 0px !important;
}


ul#metamenutop li.home { background: #c0cc00 url(../images/button_meta_home.gif) no-repeat;}
ul#metamenutop li.bestellen { background: #fff url(../images/button_meta_bestellen.gif) no-repeat;}
ul#metamenutop li.contact { background: #c0cc00 url(../images/button_meta_contact.gif) no-repeat;}
ul#metamenutop li.docenten { background: #c0cc00 url(../images/button_meta_docenten.gif) no-repeat;}
ul#metamenutop li.home a:hover{ background: #c0cc00 url(../images/button_meta_home_over.gif) no-repeat;}
ul#metamenutop li.bestellen a:hover{ background: #fff url(../images/button_meta_bestellen_over.gif) no-repeat;}
ul#metamenutop li.contact a:hover{ background: #c0cc00 url(../images/button_meta_contact_over.gif) no-repeat;}
ul#metamenutop li.docenten a:hover{ background: #c0cc00 url(../images/button_meta_docenten_over.gif) no-repeat;}

ul#metamenubottom {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 35px;	
}
ul#metamenubottom li {
	width: 206px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	_display: inline;
}
ul#metamenubottom li a:link,
ul#metamenubottom li a:active,
ul#metamenubottom li a:visited
{
	display: block;
	width: 186px;
	height: 27px;
	padding: 8px 0px 0px 20px;
	color: #fff;
	font-family: Arial, Helvetica;
	font-size: 16px;
	text-decoration: none !important;	
}
ul#metamenubottom li a:hover {
	color: #c0cc00;
	background: #fff;
}

/* - */

/* classes */

.inv {
	display: none;
}

/* - */

/* tekst styles */

p, blockquote, td {
	
}

a:link, a:visited, a:active {
	color: #e41243;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* - */

#SAMenu img {
	margin: 0px;
	float: right;
	margin-left: -14px; /* 3px corrected... */
}