/* By www.weevers.net */
/* This stylesheet sets advanced styling and layout (positioning, floating etcetera) for high resolution screens. */
/* It will be used by CSS-capable user agents that understand the mediatype "screen". */

html,
body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FDFDFD;
}

/* #wrapper */

#wrapper {
	position: relative;
	width: 1002px;
	height: 100%;
	margin: 0 auto;
	background: white url(../img/faux_columns.gif) repeat-y top;
}

html>body #wrapper {
	height: auto;
	min-height: 100%;
}


/* head */

#header {
 	position: absolute;
	top: 91px;
	left: 266px;
	height: 156px;
	width: 734px;
	background: white url(../img/visual2.jpg) no-repeat;
}

#logo {
	position: relative;
	top: 0;
	left: 0;
	height: 118px;
	background: white url(../img/logo.jpg) no-repeat;
}

#logo a {
	text-decoration: none;
	color: white;
	display: block;
}

#logo #url {
	font-size: 106.25%;
	line-height: 14px;
	text-align: right;
	text-transform: uppercase;
	display: block;
	background: white;
}

#logo #title,
#logo .separator {
	display: none;
}

#naw {
	position: absolute;
	top: 92px;
	left: 0;
	height: 155px;
	width: 266px;
	background: white url(../img/naw.jpg) no-repeat;
}

/* #content */
#naw p{
	margin: 7px 30px 0 15px;
	color: #D4D0DB;
}

#naw a{
	text-decoration: none;
	color: #D4D0DB;
}
#naw a:hover {
	text-decoration: underline;
	color: #D4D0DB;
}
#content {
	position: relative;
	left: 277px;
	width: 502px;
	padding: 163px 0 1em 0;
	/*height: 1855px;*/

}

#contentpanelen {
	position: relative;
	left: 277px;
	width: 502px;
	padding: 163px 0 1em 0;
	height: 647px;

}

#zonnepanelenframe {
    position: absolute;
    left: 0px;
    top: 780px;
    border: none;
    border-color: none;
    z-index: 100000;
}



#content img{
	text-align: center;
}

#content img.left {
	margin: 0 1em 1em 0;
}

#content img.right {
	margin: 0 0 1em 1em;
}



#content td a{
	color: #8772AB;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding:0;
}

#content td a:hover{
	color: #513086;
	text-decoration: underline;
}

#certificates {
	margin: 3em 10px 2em 20px;
}

#building{
	position: absolute;
	top: 270px;
	left: 2px;
	width: 263px;
}

#building p {
	margin: 10px 30px 0 15px;
}

#vestigingen{
	position: absolute;
	top: 272px;
   	right: 1px;
	width: 210px;
}

/* #menu */

#menu {
	position: absolute;
	top: 54px;
	left: 265px;
	width: 735px;
	height: 38px;
}

#menu h2 {
	display: none;
}

#menu div {
	background: url(../img/branding/menu_side_left.gif) no-repeat left;
	padding: 0 0 0 0px;
}

#menu ul,
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul {
	height: 38px;
	padding: 0 0 0 0;
}


#menu li {
	float: left;
	display: block;
	width: 106px;
	height: 38px;
	margin-right: -1px;
}


#menu a {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 106px;
	height: 38px;
}

#menu a:hover {
	color: black;
}

#menu li.selected a {
	color: #FF9600;
}

#menu a span {
	display: none;
}

#menu li#mi_home,
#menu li#mi_home a {
	background-image: url(../img/home_down.jpg);
}

#menu li#mi_home.active,
#menu li#mi_home.active a {
	background-image: url(../img/home_up.jpg);
}

#menu li#mi_bedrijfs,
#menu li#mi_bedrijfs a {
	background-image: url(../img/bedrijfs_down.jpg);
}

#menu li#mi_bedrijfs.active,
#menu li#mi_bedrijfs.active a {
	background-image: url(../img/bedrijfs_up.jpg);
}

#menu li#mi_medewerkers,
#menu li#mi_medewerkers a {
	background-image: url(../img/medewerkers_down.jpg);
}
#menu li#mi_medewerkers.active,
#menu li#mi_medewerkers.active a {
	background-image: url(../img/medewerkers_up.jpg);
}

#menu li#mi_afdelingen,
#menu li#mi_afdelingen a {
	background-image: url(../img/afdelingen_down.jpg);
}

#menu li#mi_afdelingen.active,
#menu li#mi_afdelingen.active a {
	background-image: url(../img/afdelingen_up.jpg);
}

#menu li#mi_ftp,
#menu li#mi_ftp a {
	background-image: url(../img/ftp_down.jpg);
}

#menu li#mi_ftp.active,
#menu li#mi_ftp.active a {
	background-image: url(../img/ftp_up.jpg);
}

#menu li#mi_route,
#menu li#mi_route a {
	background-image: url(../img/route_down.jpg);
}

#menu li#mi_route.active,
#menu li#mi_route.active a {
	background-image: url(../img/route_up.jpg);
}

#menu li#mi_reactie,
#menu li#mi_reactie a {
	background-image: url(../img/reactie_down.jpg);
	
}

#menu li#mi_reactie.active,
#menu li#mi_reactie.active a {
	background-image: url(../img/reactie_up.jpg);
}

#menu ul li ul li,
#menu ul li ul li a {
	float: none;
	background: #EDEDEB url(../img/submenu_bg.gif) !important;
	height: auto;
	line-height: 24px;
	color: black;
}

#menu ul li ul li a:hover {
	background-color: #513086 !important;
	color: white;
}

#menu ul li ul {
	display: none;
	border-bottom: 1px solid #575757;
	height: auto;
}

#menu ul li:hover ul,
#menu ul li.hover ul {
	display: block;
}

/* hovers */

#menu li#mi_home a:hover {
	background-image: url(../img/home_up.jpg);
}

#menu li#mi_bedrijfs a:hover {
	background-image: url(../img/bedrijfs_up.jpg);
}

#menu li#mi_medewerkers a:hover {
	background-image: url(../img/medewerkers_up.jpg);
}

#menu li#mi_afdelingen a:hover {
	background-image: url(../img/afdelingen_up.jpg);
}

#menu li#mi_ftp a:hover {
	background-image: url(../img/ftp_up.jpg);
}

#menu li#mi_route a:hover {
	background-image: url(../img/route_up.jpg);
}

#menu li#mi_reactie a:hover {
	background-image: url(../img/reactie_up.jpg);
}

/* #secondarymenu */

#secondarymenu {
	z-index: 1000;
	position: absolute;
	top: 247px;
	left: 0;
	width: 1000px;
	height: 22px;
	background: #CDCDCD;
}
#secondarymenu a{
	font-size: 90%;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	line-height: 21px;
	display: block;
}
#secondarymenu ul,
#secondarymenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#secondarymenu ul {
	padding: 0 0 0 0;
}

#secondarymenu li {
	float: left;
	display: block;
}

#mi_weevers a{
	width: 264px;
	height: 21px;
	background: #CDCDCD;
	border-right: 1px solid white;
}
#mi_producten a{
	width: 175px;
	height: 21px;
	color: #513086;
	background: #D4D0DA;
}
#mi_producten a:hover{
	color: white;
	background: #513086;
}

#mi_weekbladen a{
	width: 175px;
	height: 21px;
	color: #513086;
	background: #CCC6D4;
}
#mi_weekbladen a:hover{
	color: white;
	background: #513086;
}

#mi_pdf a{
	width: 175px;
	height: 21px;
	color: #513086;
	background: #C4BDCF;

}
#mi_pdf a:hover{
	color: white;
	background: #513086;
}
#mi_vestigingen a{
	width: 210px;
	height: 21px;
	color: #513086;
	background: #B3A9C4;
}

/* classes */

.skipto {
	display: none;
}

/* #news */

#news ul,
#news ul li {
	margin: 0;
	padding: 0;
	list-style: none;
    padding: 0 .5em .5em .5em;
}
#news{
	font-size: 85%;
	float: right;
	width: 225px;
	background: #ECE9F0;
	margin: .5em 0 1em 1.33em;
}
#news h2{
	font: normal 180%/2em Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid white;
	margin-bottom: 1em;
	color: white;
	background: #513086;
    padding-left: .5em;
    margin-bottom: 5px;
}
#news h3 {
	font-style: normal;
}

#news a.more {
	color: blue;
}

#news ul li .image {
	float: right;
}





.polaroid {
     padding: 9px 9px 55px 9px;
     border: 1px solid #C4BDCF;
     background: #FDFDFD;
     text-align: center;

}
.polaroidtext {
    position: relative;
    top: -50px;
	text-align: center;
	margin-bottom: -45px;
}

.polaroid img{
	border: none;
	margin: 0;
	padding: 0;
}

.polaroidtext a{
	color: #8772AB;
	font-weight: bold;
	text-decoration: none;
}

.polaroidtext a:hover{
	color: #513086;
	text-decoration: underline;
}