@media screen, tv {
body, html, ul, ol, li, h1, h2, h3, form {
	margin:0;
	padding:0;
}
img {
	border:0;
}
/*------------------------------------------------------------------*/
/* Default Styles													*/
/*------------------------------------------------------------------*/

body {
	font-family: Arial, Verdana, sans serif;
	font-size: 13px!important;
	color: #403a3c;
	margin: 0px;
	padding: 0px;
}
.inv {
	display: none;
}
.clr {
	clear: both;
}
/*------------------------------------------------------------------*/
/* Layout Styles													*/
/*------------------------------------------------------------------*/


#contentbody {
	width: 960px;
	margin: auto;
}
#header {
	height: 100px;

}
#header .inner {
	position:relative;
	width: 960px;
	height: 100px;
	margin: auto;
	position:relative;
	background: url(../images/homepage/header.jpg) no-repeat;
}
#header h2 {
	position: absolute;
	top:21px;
	left: 18px;
	display: block;
	width: 100px;
	height: 64px;
	text-indent: -2000em;
	background: url(../images/homepage/logo-.jpg) no-repeat;
}

#header h2 a{

display: block;
height: 64px;

}

#header #backtohome, #header #session {
	height:22px;
	position:absolute;
	top:14px;
	background: url(../images/homepage/bg_header.png);
}
#header #backtohome {
	width: 110px;
	left:0;
}
#header #session {
	width: 145px;
	right:0;
	text-align: right;
}
#header #backtohome a, #header #session a {
	display:block;
	color: #079ec9;
	font-size:10px;
	text-decoration:none;
	padding: 5px 7px 15px 7px;
}
#header #session a {
	background: url(../images/homepage/session.gif) no-repeat 113px 1px;
	padding-right: 40px;
}


#header #editbuttonbox {
position: absolute;
right: 5px;
top:0px;
}


#waarschuwing {
	border: 1px dashed #e3004f;
	width: 958px;
	font-size:14px;
	margin-top:10px;
}
#waarschuwing .inner {
	margin: auto;
	width: 680px;
	text-align:center;
	background: url(../images/homepage/waarschuwing.gif) no-repeat 0 3px;
	padding: 10px 28px;
}
#waarschuwing a, #breadcrumbs a {
	color: #0090d4;
}
#waarschuwing a:hover, #breadcrumbs a:hover {
	color: #f37124;
}
#breadcrumbs {
	font-weight:bold;
	margin-top:10px;
}
#content {
	margin-top: 24px;
	margin-bottom: 24px;
}
#left_col {
	float:left;
	width: 50%;
}
#right_col_1, #right_col_2 {
	position: relative;
	float:right;
	width: 470px;
	height: 350px;
	border-bottom:2px solid #0FB1E0;
	padding-bottom: 2px;
}
#right_col_1 #mtext {
	position:absolute;
	top: 0;
	left: 44px;
	line-height: 24px;
	padding: 38px 16px 8px 16px;
	background: #f1f1f1;
	height: 304px;
	width: 148px;
	border-right: 2px solid #767676;
	border-left: 2px solid #767676;
	color: #079ec9;
}
#right_col_1 #mtext h2, #right_col_2 #mtext h2 {
	font-size:32px;
	margin: 0 0 10px 0;
	color: #079ec9;
}
#right_col_1 #mtext h2 {
	font-size:24px;
	line-height: 28px;
}
#right_col_1 #mtext #m_links, #right_col_2 #mtext #m_links {
	position:absolute;
	bottom: 18px;
	right:18px;
	width:32px;
	height:32px;
}
#right_col_1 #mtext #m_links .m_linksb, #right_col_2 #mtext #m_links .m_linksb {
	display:block;
	width:100%;
	height:100%;
	text-indent: -2000em;
	background: url(../images/homepage/m_button.gif) no-repeat;
}
#right_col_2 #mtext {
	position:absolute;
	top: 200px;
	left: 0;
	line-height: 24px;
	padding: 20px 16px 8px 16px;
	background: #f1f1f1;
	height: 88px;
	width: 438px;
	border-top: 2px solid #767676;;
	border-bottom: 2px solid #767676;;
	color: #079ec9;
}
#right_col_2 #mtext p {
	width:340px;
}
#right_col_3 {
	float:right;
	width: 470px;
	height: 350px;
}
#right_col_3 #mleft, #right_col_3 #mright {
	height: 350px;
}
#right_col_3 #mleft {
	position: relative;
	float:left;
	width:48%;
}
#right_col_3 #mright {
	position: relative;
	float:right;
	width:48%;
}
#right_col_3 #mtext {
	position:absolute;
	left: 0;
	top: 40px;
	line-height: 20px;
	padding: 14px 10px 8px 10px;
	background: #f1f1f1;
	height: 88px;
	width: 205px;
	border-top: 2px solid #767676;
	border-bottom: 2px solid #767676;
	color: #079ec9;
}
#right_col_3 #mtext h2 {
	font-size:20px;
	margin: 0 0 6px 0;
	color: #079ec9;
}
#right_col_3 #mtext #m_links {
	position:absolute;
	bottom: 12px;
	right:12px;
	width:40px;
	height:40px;
}
#right_col_3 #mtext #m_links .m_linksb {
	display:block;
	width:100%;
	height:100%;
	text-indent: -2000em;
	background: url(../images/homepage/m2_button.gif) no-repeat;
}
#overmethode {
	width: 432px;
	height:162px;
	background: url(../images/homepage/box1.gif) no-repeat;
}
#overmethode p {
	margin: 10px 0 0 0;
	color: #FFFFFF;
}
#leerling ul li, #docent ul li, #leerling_lang ul li, #docent_lang ul li {
	margin: 5px 0 7px 0;
}
#docent #edupoort, #docent_lang #edupoort {
	position:absolute;
	top:40px;
	right: 89px;
}
#leerling {
	background: url(../images/homepage/box2.gif) no-repeat;
}
#leerling_lang {
	background: url(../images/homepage/box2_lang.gif) no-repeat;
}
#leerling, #docent {
	margin-top: 18px;
	float:left;
	width: 187px;
	height:134px;
}
#leerling_lang, #docent_lang {
	float:left;
	width: 191px;
	height:182px;
}
#eerdere_editie1, #eerdere_editie2, #eerdere_editie_meer_dan_2 {
	float:left;
	width: 185px;
	height:82px;
}
#docent {
	position:relative;
	background: url(../images/homepage/box3.gif) no-repeat;
	margin-left: 20px;
}
#docent_lang {
	position:relative;
	background: url(../images/homepage/box3_lang.gif) no-repeat;
	margin-left: 20px;
}
#eerdere_editie2, #eerdere_editie_meer_dan_2 {
	margin-left: 20px;
}
#overmethode {
	padding: 20px 20px 0 18px;
	line-height: 20px;
}
#leerling, #docent, #leerling_lang, #docent_lang {
	padding: 20px 20px 0 18px;
	line-height: 20px;
}
#eerdere_editie1, #eerdere_editie2, #eerdere_editie_meer_dan_2 {
	padding: 20px 20px 0 13px;
	line-height: 20px;
}
#eerdere_editie1 ul, #eerdere_editie2 ul {
	margin-top: 10px;
}
#eerdere_editie2 ul, #eerdere_editie_meer_dan_2 ul {
	margin-top: 24px;
}
.body_links1 {
	background: url(../images/homepage/bullet.gif) no-repeat 1px 3px;
	padding: 0 0 0 12px;
}
#overmethode a, #leerling a, #docent a, #leerling_lang a, #docent_lang a, #eerdere_editie1 a, #eerdere_editie2 a, #eerdere_editie_meer_dan_2 a {
	color: #ffffff;
	text-decoration:none;
}
#eerdere_editie_meer_dan_2 a {
	font-style:italic;
	background-image: none !important;
}
#overmethode a:hover, #leerling a:hover, #docent a:hover, #leerling_lang a:hover, #docent_lang a:hover, #eerdere_editie1 a:hover, #eerdere_editie2 a:hover, #eerdere_editie_meer_dan_2 a:hover {
	color: #ffffff;
}
#overmethode h2, #leerling h2, #docent h2, #leerling_lang h2, #docent_lang h2 {
	text-indent: -2000em;
	line-height:30px;
}
#eerdere_editie1 h3 {
	text-indent: -2000em;
	background: url(../images/homepage/eerdereedities.gif) no-repeat 0 0;
	height:14px;
	width:127px;
}
#eerdere_editie2 h3, #eerdere_editie_meer_dan_2 h3 {
	text-indent: -2000em;
	height:14px;
	width:127px;
}
#left_col_m {
	float:left;
	width: 200px;
}
#right_col_m {
	float:right;
	width: 182px;
}
#center_col_m {
	float:left;
	width: 560px;
	line-height: 18px;
}
#center_col_m p {
	margin-bottom: 18px;
}
#center_col_m h2 {
	font-size:30px;
	line-height: 32px;
	color:black;
	margin-bottom:12px;
}
#center_col_m h3 {
	font-size:16px;
	color: #000000;
	margin-bottom:2px;
	margin-top:12px;
}
.navbox, .navbox1 {
	border-left: 2px solid #E94248;
	border-right: 2px solid #E94248;
	width:162px;
	padding: 0 8px 0 8px;
}
.navbox1 {
	width:178px;
	padding: 0;
}
.topnb {
	width:100%;
	height:10px;
	background: url(../images/homepage/border.gif) no-repeat;
	width:182px;
	overflow: hidden;
}
.bottomnb {
	width:100%;
	height:10px;
	background: url(../images/homepage/border.gif) bottom no-repeat;
	background-position: left -10px;
	width:182px;
	margin-bottom: 18px;
	overflow: hidden;
}
#over h3 {
	margin: 0 0 0 10px;
}
#actieblok h3, #prijs h3, #downloads h3 {
	margin: 0 0 0 1px;
}
#over h3, #actieblok h3, #prijs h3, #downloads h3 {
	color: #000000;
	font-size: 14px;
	padding: 4px 0 0 0;
}
#over ul li {
	background: url(../images/homepage/bullet2.gif) no-repeat 12px 11px;
	border-top: 1px solid #ddd;
	padding: 8px 0 8px 25px;
}
#over ul .first {
	border-top: 1px solid white;
}
#over ul li a {
	display:block;
	color: #E94248;
	text-decoration:none;
	margin: 0 0 0 0;
}
#over ul li a:hover {
	color: #f37124;
}
#over ul li .active {
	font-weight:bold;
}
.actieblok, .prijs, .downloads {
	font-size:11px;
	line-height: 17px;
}
.actieblok a, .prijs a{
	color: #E94248;
}
.prijs a:hover, .downloads a:hover {
	color: #000000;
}
.actieblok a{
	background: url(../images/homepage/button.gif) no-repeat;
	display:block;
	width:160px;
	height:20px;
	margin-top:10px;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.downloads a{
	background: url(../images/homepage/arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 13px;
	color: #E94248;

}
/*------------------------------------------------------------------*/
/* Footer (breedte wordt ingesteld in regel 6 t-m 12)				*/
/*------------------------------------------------------------------*/

#footer {
	height: 50px;
	background-color:#ffffff;
	background-image: url(http://www.thiememeulenhoff.nl/ClusterBranding/ThiemeMeulenhoff/CorpBalk/images/tmbalk-border.gif);
	background-position: top center;
	background-repeat:repeat-x;
	bottom:0;
	width:100%;
	overflow:hidden;
}
div.static {
	position:static !important;
	width: 960px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	background-position: -90px 0;
}
#footer .inner {
	width: 960px;
	margin: auto;
	background-image: url(http://www.thiememeulenhoff.nl/ClusterBranding/ThiemeMeulenhoff/CorpBalk/images/tm1003.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#footer ul {
	width: 480px;
	height: 39px;
	margin: 0 auto;
}
#footer li {
	float: left;
	margin:0 20px;
	height: 39px;
	line-height: 30px;
}
#footer li a {
	text-decoration: none;
	color:#725c64;
	font-size:10px;
}
/*20090810ZK Temp*/
#footer h5#TM-logo {
	display:none;
}
/* ####################################################################################### */
/*
		Boardwalk knoppen
*/
/* ####################################################################################### */

#beheerderbalk {
	background-color:#6c6165;
	border-bottom: 1px solid #ffffff;
	overflow:hidden;
}
#beheerderbalk .inner {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height: 40px;
	overflow:visible;
}
#beheerderbalk #preview {
	display: none;
}
/*# Reset van de reset.css ;-0 #*/
#beheerderbalk #editbuttonbox td {
	vertical-align: top;
}
/*##############################*/

}

/*------------------------------------------------------------------*/
/* other media														*/
/*------------------------------------------------------------------*/

@media print {
body {
	margin: 1cm 1cm 0.5cm 1cm;
	padding: 0px
}
body, td, a {
	font-family: Arial, Verdana, sans serif;
	font-size: 11pt;
	color: #000000;
	background-color: #ffffff;
}
object {
	display: none;
}
}
 @media handheld {
object {
	display: none;
}
}



/* ------------------------------------- computer check ---------------------------  */


#content  #systemcheck-body .boxLinks {

width: 310px;
float: left;
}

#content  #systemcheck-body .right {

width: 250px;
float: left;

} 

#content #systemcheck-body .boxLinks .padding {
margin-top:4px;
padding:8px 12px;
}

#content  #systemcheck-body .right .padding  {
padding: 0px 8px 0px 10px;
}

#content #systemcheck-body .right h4{

margin: 0 0 0 0;

}

#content  #systemcheck-body .boxLinks{
background-image:url(../images/systemcheck/boxRightcontainer-grs.gif);
background-repeat: repeat-y; 
margin-bottom: 10px;
}

#content  #systemcheck-body .boxLinks .rightContainerBoxBottom {
background-image:url(../images/systemcheck/boxRightcontainer-grs.gif);
background-position: left bottom;
}

#content #systemcheck li a{

text-decoration: none;

}

#content #systemcheck li {

display: block;
list-style: none;
line-height: 28px;
margin: 0px;
height: 30px;
padding-left: 10px;
background-repeat: no-repeat;
background-position: 280px 8px;

}



#systemcheck .valid {
 
background-image: url(../images/systemcheck/icon_valid.gif);

}

#systemcheck .invalid {

background-image: url(../images/systemcheck/icon_invalid.gif);

}

#systemcheck .unsure {

background-image: url(../images/systemcheck/icon_unsure.gif);

}



#systemcheck #systemcheck_js , 
#systemcheck #systemcheck_browser,
#systemcheck #systemcheck_cookies, 
#systemcheck #systemcheck_ssl{

background-color:#e2e2e2;

}


.systemcheck_os, .systemcheck_flash, .systemcheck_popups {


}

div.borderpink {
border-bottom:5px solid #0B89CE;
}

div.borderpink img{

margin-left: 1px;

}



/* ------------------------------------- Opmaak content ---------------------------  */


#center_col_m  ul li {
list-style: square;
margin-left: 35px;
padding-left: 5px;
}

#center_col_m  ol li {
list-style:decimal;
margin-left: 40px;
padding-left: 0px;
}


