/*------css document Edupact------------*/


html,body {
margin:0;
padding:0
}

body {
line-height:14px;
}


#mainframe {
margin:0 auto;
width:900px;
padding:0;
overflow:hidden;
}


#topbar {
height:40px;
width:900px;
float:left;
margin-top:14px;
}


.header {
background-image:url(../images/edupact/header_01.jpg);
width:900px;
height:180px;
margin:0 auto;
padding:0;
float:left;
position:relative;
display:block;
}


#logo {
display:block;
float:left;
}

/********************contentframe + columns*************************/

#contentframe {
width:900px;
margin-top:30px;
float:left;
}

#left-column, #center-column, #right-column {
float:left;
display:inline;
overflow:hidden;
margin:0;
padding:0;
}

/*-----left-column---*/
#left-column {
width:365px;
}

/*-----center-column---*/
#center-column {
width:318px;
}

#center-column .wrapper {
float:left;
background:#f0f0f0;
padding:0;
margin:0;
overflow:hidden;
}

#center-column img {
padding-right:20px;
}

#center-column p {
color:#404040;
}

.graybox {
float:left;
display:block;
position:relative;
background:#f0f0f0;
margin-bottom:15px;
padding:15px;
width:288px;
overflow:hidden;
}

.graybox-wide {
float:left;
display:block;
position:relative;
background:#f0f0f0;
margin-bottom:15px;
padding:0px;
width:318px;
overflow:hidden;
}

.graybox-wide .wrapper {
float:left;
background:#f0f0f0;
padding:0;
width:298px;
margin:0;
/*background:url(../images/edupact/bg_wrapper_center.gif) top left repeat-y;
background-color:#f0f0f0;*/
overflow:hidden;
}

/*-----right-column---*/
#right-column {
width:217px;
}

#right-column .wrapper {
padding:15px 15px 4px 25px;
margin:0px 0px 0px 0px;
}

/******************wrapper + min-heights***************************/
.wrapper {
padding:0px 25px 35px 0px;
}

.min-height {
float:left;
width:1px;
height:110px;
}


/*---menu---*/

ul#mainmenu {
list-style:none;
margin:0;
padding:45px 420px 0px 0px;
width:100px;
float:right;
}

ul#mainmenu li {
list-style:none;
float:right;
margin-bottom:0px;
}

ul#mainmenu li a {
list-style:none;
display:block;
width:100px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size:11px;
margin:0;
padding:0px 0px 1px 0px;
}

ul#mainmenu li a:hover {
text-decoration:underline;
color:#fff;
}

ul#mainmenu li a.active {
color:#fff;
text-decoration:underline;
}

ul#mainmenu li ul {
list-style:none;
margin:0;
padding:0;
width:100px;
display:block;
position:absolute;
top:45px;
left:539px;
height:120px;
}

ul#mainmenu li ul li {
list-style:none;
margin:0;
padding:0;
float:right;
}

ul#mainmenu li ul li a {
list-style:none;
display:block;
width:100px;
color:#fff;
text-decoration:none;
font-size:11px;
margin:0;
padding:0px 0px 1px 0px;
}

ul#mainmenu li ul li a:hover {
text-decoration:underline;
border:0;
}

ul#mainmenu li ul li a.sub-active {
text-decoration:underline;
font-size:11px;
color:#fff;
}

/********************typography general*************************/

h1, h2, h3, h4, p, ul {
margin:0;
padding:0;
}

h1 {
color:#535353;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height: 20px;
font-weight:bold;
margin:0px 0px 15px 0px;
padding:0;
}

h2 {
color:#1a9d9e;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height: 20px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0;
}

.gray {
color:#535353;
}

h3 {
color:#706666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 20px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0;
}

#right-column h2 {
color:#1a9d9e;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height: 20px;
font-weight:bold;
margin:0px 0px 10px 25px;
padding:0;
}

#right-column h3 {
color:#5c5c5c;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:bold;
margin:0;
padding:0;
}

#center-column h3 {
padding-top:15px;
font-size:15px;
color:#767676;
font-weight:bold;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#535353;
margin:0;
line-height:14px;
}

a {
color:#1a9d9e; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

a.readmore {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#1a9d9e;
margin:0;
padding:0px 11px 0px 0px;
position:relative;
text-decoration:none;
background:url(../images/edupact/arrow_green.gif) 5px right no-repeat;
}

a.readmore:hover {
text-decoration:underline;
}

.wrapper ul {
margin:0;
padding:0;
list-style:none;
float:left;
}

.wrapper ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#1a9d9e;
margin:0;
padding:0px 11px 0px 0px;
position:relative;
text-decoration:none;
background:url(../images/edupact/arrow_green.gif) 5px right no-repeat;
}

.wrapper ul li a:hover {
text-decoration:underline;
}


/*---footer---*/


div.colofon {
background-color:none;
font-size:11px;
width:900px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
padding:0;
position:relative;
}

div.colofon p {
color:#c8c8c8;
margin:0;
padding:6px 0px 0px 0px;
}

div.colofon a {
color:#c8c8c8;
text-decoration:none;
font-size:11px;
margin:0;
padding:0;
}

div.colofon a:hover {
color:#1a9d9e;
text-decoration:underline;
}


div.topright {
background-color:none;
font-size:11px;
width:500px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
padding:0;
position:relative;
float:right;
}

div.topright p {
color:#acacac;
margin:0;
padding:16px 0px 0px 0px;
}

div.topright a {
color:#acacac;
text-decoration:none;
font-size:11px;
margin:0;
padding:0;
}

div.topright a:hover {
color:#1a9d9e;
text-decoration:underline;
}

div.topright span {
margin:0px 5px 0px 5px;
}

a img {
border:0px;
}


.wrapper p a img {
display:block;
border:2px solid red;
position:relative;

}



/*----------styles om cms regel buttons weer te geven in Internet Explorer-------*/
div.wrapper div {
float:right;
height:10px;
width:auto;
display:block;
margin:0;
padding:0;
z-index:200001;
}

div.wrapper div img {
z-index:200001;
position:relative;
height:10px;
width:10px;
}