/*Main site container*/
html {
	overflow-y			: scroll;
}

.body-class{
	background			: #ccc;
	margin				: 0px;
	padding				: 0px
}

.clear{
	clear				: both;
	height				: 0px;
	line-height			: 0px;
	font-size			: 0px;
	padding				: 0px;
	margin				: 0px
}

.hide {
	display				: none
}


.show {
	display				: block
}

.left{
	float				: left
}

.right{
	float				: left
}

a {
	color				: #999;
}

/*Main page container*/

.page-container{
	background			: #fff;
    width				: 960px;
    height				: auto;
    left				: 50%;
    margin-left			: -480px;
    position			: absolute
}

/*Top container holding logo and teaser text*/

.banner-top {
	background			: #666;
    width				: 960px;
	height				: 40px;
	padding-top			: 10px;
}

.banner-top .logo{
	background			: #666 url(../img/magmagpro-logo.png) no-repeat;
	height				: 29px;
	width				: 230px;
	float				: left;
	margin-left			: 20px;
}

.banner-top .teaser_text {
	font				: 12px Verdana,Arial,Helvetica,sans-serif;
	color				: #fff;
	padding-top			: 10px;

}

/*Promo container holds large visual, promo tekst and menu*/

.promocontainer {
	background			: #fff url(../img/promocontainer_background.png);
	height				: 288px;
	width				: 960px;
	xborder				: 1px solid #AAA
}
	/* Promo content */
.promocontainer .promo_content {
	height				: 255px;
}

.promocontainer .promo_image {
	float				: left;
	height				: 200px;
	width				: 430px;
	margin-left			: 40px;
	margin-top			: 40px;
}

.promocontainer .promo_text,
.body_container .body_text {
	margin				: 40px 10px 0px;
	width				: 422px;
	color				: #333;
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 12px;
	float				: left;
}

.body_container .body_text {
	margin				: 0;
	float				: left;
}
.body_container .body_text.small_box {
	width				: 250px;
	height				: 50px;
	border				: 1px solid #AAA;
	padding				: 10px;
	margin				: 10px;
}
.body_container .body_text.one_column {
	width				: 880px;
}

.promocontainer .promo_text .title_header,
.body_container .body_text .title_header {
	font-weight			: bold;
}

.body_container .body_text .title_header {
	margin-bottom		: 12px;
}

.promotext_container ul{
	padding-left		: 14px
}


	/* Promo menu */
.promocontainer .promo_menu {
	height				: 33px;
	border-top			: 1px solid #ccc;
}

.promocontainer .promo_menu .menu_holder {
	width				: 500px;
	height				: 33px;
	margin				: 0 auto;
}

ul.list-menu {
	margin				: 0 auto;
	list-style-type		: none;
	font-family			: verdana, arial, sanf-serif;
	font-size			: 11px;
	color				: #666;
}

ul.list-menu li {
	float				: left;
	margin				: 10px 0 0;
}

ul.list-menu a {
	display				: block;
	float				: left;
	margin				: 4px 0 0 0;
	text-decoration		: none;
}

ul.list-menu a {
	margin				: 0 12px;
}

ul.list-menu a:link,
ul.list-menu a:active,
ul.list-menu a:visited{
	color				: #999;
}

ul.list-menu a:hover ,
ul.list-menu a.activemenu{
	color				: #999;
	text-decoration		: underline;
}
/*
#push-menu {
	margin-left			: 300px;
}
*/

.promoimage.cases {
	margin				: 20px 40px 0px 0px;
}



/*Main body container holds all page content*/
/* text is same as in promo box, look over there :) */

.body_container{
	width				: 960px;
	height				: auto;
	background			: #ccc url("../img/bodycontainer_background-pixel.png") repeat;
	/*border: 1px solid green;*/
}

.body_container .body_text ul{
	margin-left			: 14px;
	padding-left		: 0px
}

.body_container .body_text span.orange{
	color				: #F5822A;
}

.imagecontainer {
	margin-top			: 20px;
}


/*Images 24 bit PNG*/
.content-image {
	width    			: 200px;
	height   			: 135px;
}

a.menu {
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 12px;
	font-weight			: bold;
	color				: white;
	text-decoration		: none;
}

.menu-item {
	float				: right;
	margin-right		: 10px;
	margin-left			: 10px;
	margin-top			: 5px;
}


.titel_copy{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 12px;
	font-weight			: bold;
	color				: #F5822A;
}

.article_component{
	float				: left;
	width				: 422px;
	xheight				: 300px;
	margin-top			: 40px;
	margin-left			: 40px;
	margin-bottom		: 30px;
	text-align			: justify;
	xborder				: 1px solid blue;
}

.article_component.one_column {
	width				: 880px;
	margin-top			: 20px;
	margin-bottom		: 20px;
}

.article-topper{
	background			: #333333 url(../img/article-topper.gif);
	float				: left;
	width				: 200px;
	height				: auto;
	margin-top			: 25px;
	margin-left			: 40px;
	margin-bottom		: 25px;
	/*border: 1px solid blue;*/
}

.article-component_2cl{
	float				: left;
	width				: 540px;
	height				: auto;
	margin-top			: 25px;
	margin-left			: 40px;
	margin-bottom		: 25px;
}

.cases-poppup{
	float				: left;
	width				: 540px;
	height				: 300px;
	background-color	: #333333;
	padding				: 10px 10px 10px 10px;
	margin-top			: 25px;
	margin-bottom		: 25px;
	border				: 4px solid #666666;
}

.orangeline{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 12px;
	text-align			: center;
	color				: #999999;
}


.footer_text {
/*	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
*/
	font				: bold 10px Verdana,Arial,Helvetica,sans-serif;
	text-align			: center;
	color				: white;
}
.footer_text a:link,
.footer_text a:visited,
.footer_text a:hover,
.footer_text a:active {
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
	text-align			: center;
	text-decoration		: none;
	color				: white;
}

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

.menufooter_holder{
	background-color	: #F60;
	margin-top			: 0;
	border-bottom		: 1px solid #fff;
}

.article-images-left{
	float				: left;
}

.article-images-left .img-cases-container{
	width				: 200px;
	height				: 135px
}

.article-images-left .img-cases-container.avc_img{
	background			: url(../img/cases/avc-logo.png);
}
.article-images-left .img-cases-container.shell_img{
	background			: url(../img/cases/shell-logo.png);
}
.article-images-left .img-cases-container.nuon_img{
	background			: url(../img/cases/nuon-logo.png);
}
.article-images-left .img-cases-container.pietboon_img{
	background			: url(../img/cases/pietboon-logo.png);
}
.article-images-left .img-cases-container.cna_img{
	background			: url(../img/cases/cna-logo.png);
}
.article-images-left .img-cases-container.magmagpro_img{
	background			: url(../img/cases/magmagpro-logo.png);
}
.article-images-left .img-cases-container.velthuis_img{
	background			: url(../img/cases/velthuis-logo.png);
}
.article-images-left .img-cases-container.huizenenzo_img{
	background			: url(../img/cases/huizenenzo-logo.png);
}


.article-images-right{
	float				: right;
}

.cases-text-left {
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 12px;
	text-align			: left;
	margin-bottom		: 25px;
	margin-left			: 240px;
	color				: #000
}

.cases-text-right {
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 12px;
	text-align			: right;
	margin-bottom		: 25px;
	margin-right		: 240px;
	color				: white
}



/*Test voor uitklappende Q&A*/

#QAs {
	display				: block;
	background-color	: transparent;
	margin-left			: 10px;
	margin-right		: 10px;
	padding				: 5px
}

#QAs A.invisible {
	text-decoration		: none;
	color				: #000000
}

#QAs .qOpen {
	font-weight			: bold! important;
	background-image	: url(/images/quo.gif);
	background-repeat	: no-repeat;
	padding-left		: 25px;
	cursor				: pointer
}

#QAs .qClosed {
	font-weight			: normal;
	background-image	: url(/images/quo.gif);
	background-repeat	: no-repeat;
	padding-left		: 25px;
	padding-bottom		: 1em;
	cursor				: pointer
}

#QAs .answer {
	font-weight			: normal
}


/*Popupfilter en Popup*/
.casePopup{
	position			: absolute;
	margin-left			: -250px;
	left				: 50%;
	top					: 40px;
	z-index				: 2000;
}

.casePopup a div.sluiten{
	background			: url(../img/closex.png);
	width				: 20px;
	height				: 20px;
}

.casePopup .sluit_container{
	position			: absolute;
	right				: -10px;
	top					: 10px;
	z-index				: 2001
}

#popupFilter-old {
	background			: #000;
	bottom				: 0;
	left				: 0;
	position			: absolute;
	right				: 0;
	top					: 0;
	z-index				: 1000;
}

#popupFilter {
	background			: #000;
	bottom				: 0;
	left				: 0;
	moz-opacity			: 70%;
	opacity				: 0.70;
	position			: absolute;
	right				: 0;
	top					: 0;

}