@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3D3937;
	line-height:1.5;
	background: #fff;
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */

}

#wrapper {
	width:912px;
	height:684px;
	margin-top:50px;
	padding:0;
	margin-left:auto;
	margin-right:auto; /* de automatische marges (d.m.v. auto), in combinatie met een breedte, centreren de pagina */
	border: 1px solid #ccc; /*#999999;*/
	text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
	background-image:url(image/mondo_bckgrnd.jpg);
}

.mf {
	background: #FFFFFF url(image/mondo_bckgrnd_mf.jpg) center top no-repeat;
	background-position:0px -685px;
}
.fm {
	background: #FFFFFF url(image/mondo_bckgrnd_fm.jpg) center top no-repeat;
	background-position:0px -1370px;
}
.mg {
	background: #FFFFFF url(image/mondo_bckgrnd_mg.jpg) center top no-repeat;
	background-position:0px 0px;
}
/* Navigatie-menu */

/* navigatie-menu nieuw */

.navwrap {
width:912px;
min-height:114px;
height:auto !important;
max-height:114px;
height:114px;
}

*html .navwrap {
  height:114px;
}

.nav {
width:912px;
padding:0;
position:relative;
z-index:500;
}

*html .nav {
display:inline
}


.nav .table {
margin:20px 0px 0px 0px;
display:table; 
}

.nav .select, .nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
vertical-align:middle;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
width:114px;
float:left; 
padding-top:10px;
text-decoration:none; 
font-size:13px;
text-align:center;
white-space:nowrap;
color:#6daa24;
line-height:1.2;
}

.nav .current a {
display:block; 
width:114px;
float:left;
padding-top:10px;
text-decoration:none; 
font-size:13px;
text-align:center;
white-space:nowrap;
color:#dc0067;
line-height:1.2;
}

/*.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
} */

.nav .select a:hover, 
.nav .select li:hover a {
cursor:pointer; 
color:#666; /*#dc0067;*/
}

/*.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
cursor:pointer;
} */

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
}

/*.nav .select :hover .select_sub, */
.nav .current .show {
display:block; 
position:absolute;
width:600px; 
top:85px;
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 2px 0 2px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#6daa24;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#666; /*#dc0067;*/ 
}

.nav .current .show .sub li.sub_show a {
color:#dc0067; 
}

#content {
  width:718px;
  min-height:430px;
  height: auto !important;
  height:430px;
  max-height:430px;
	float:left;
  font-size:12px;
	padding: 10px 40px 10px 40px;
	line-height:1.4;
}

*html #content {
  height:430px;
}

h1, h1 strong, h2 {
  font-size:14px;
  font-weight:bold;
  color:#dc0067;
  margin-bottom:5px;
}

p {
margin-top:5px;
margin-bottom:12px;
}

#mag_img {
width: 340px;
float:left;
}

#con_mag {
width: 375px;
float:left;
}
 
.img_wrapper {
background: url(image/drop_bckgrnd2.gif) no-repeat bottom right;
clear:right;
float:left;
}

#wie_left {
margin-top:15px;
margin-right:10px;
clear:right;
float:left;
}

.img_wrapper img {
margin: -12px 12px 12px -12px;
}

.img_wie {
background: url(image/drop_bckgrnd2.gif) no-repeat bottom right;
}

.img_wie img {
margin: -8px 8px 8px -8px;
}

#content ul, #con_mag ul {
font-size:12px;
/*font-weight:bold;*/
margin-left:0;
padding-left:0;
list-style:none;
/*margin-top:3px;*/
margin-bottom:3px;
}

#content ul{
/*color:#6daa24;*/
}
#content ul, #con_mag ul {
/*color:#dc0067;*/
}

#content li, .magazine li, #con_mag li {
background: url(image/bullet01.gif) no-repeat 0px 5px;
padding-left:10px;
}

#content a {
color:#dc0067;
}

#content a:hover {
color:#6daa24;
}


.home {
background: url(image/logo_home.gif) no-repeat top right;
overflow:hidden;
}

.feedback {
background: url(image/logo_magazine.gif) no-repeat bottom right;
overflow:hidden;
}

/*.magazine img, #mag_img img {
margin-right: 15px;
}*/

.groen {
font-size:12px;
font-weight:bold;
color:#6daa24;
}

.paars {
font-size:12px;
font-weight:bold;
color:#dc0067;
}



