﻿/* This css contains different styling (width) for normal- and widepages  */

div.cz_default_content
{
	position:absolute;
	top: 158px;
	left: 0px;
	width: 996px;
	padding: 0px;
	margin: 0px;
}

div.cz_default_content_top
{
	width: 996px;
	height: 12px;
}

div.cz_default_content_center
{
	width: 996px;
	background-position: top left;
	background-repeat: repeat-y;
	overflow: hidden;
}

/* Firefox hack to get full background around the content div (because of floats, it goes wrong in FF) */ 
div.cz_default_content_center:after
{
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}

div.cz_default_content_bottom
{
	width: 996px;
	height: 28px; /* note javascript resize */
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* ---------------------- */

/* Normal */
div.content_panel
{
	float: left;
	padding: 0px 10px 10px 10px;
	width: 700px;
	margin: 0px;
	overflow:hidden;
}

/* Widepage */
div.widepage_content_panel
{
	padding: 10px;
	width: 966px;
	margin: 0px;
	overflow:hidden;
}

/* ---------------------- */

div.breadcrumb_content
{
	position: relative;
	line-height: 18px;
	padding-left: 30px;
	margin: 0px;
	vertical-align: middle;
	background: transparent;
	overflow: hidden;
}

div.breadcrumb_links
{
	line-height: 18px;
	overflow: hidden;
	float: left;
}

div.breadcrumb_links a,
div.breadcrumb_links span
{
	padding: 2px;
}

/* Normal */
div.content_panel div.breadcrumb_content
{
	width: 670px;
	
}

/* Widepage */
div.widepage_content_panel div.breadcrumb_content
{
	width: 936px;
}

/* ---------------------- */

div.actual_content
{
	margin: 0px;
	padding: 0px;
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

/* Normal */
div.content_panel div.actual_content
{
	width: 700px;
}

/* Widepage */
div.widepage_content_panel div.actual_content
{
	width: 966px;
}

/* Firefox hack to get the bottom line under the content div. (because of floats, it goes wrong in FF) */ 
div.actual_content:after
{
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}

div.actual_content div.livecom-button
{
	position:absolute;
	top: 6px;
	left: 530px;
	width: 97px;
	height: 22px;
}

div.widepage_content_panel div.actual_content div.livecom-button
{
	position:absolute;
	top: 6px;
	left: 795px;
	width: 97px;
	height: 22px;
}

div.actual_content div.livecom-button *
{
	position:relative;
	top: 0px;
	left: 0px;
}

div.actual_content div.factsheet div.livecom-button
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto !important; 
	height: auto !important;
}

/* kevin quickfixes */
div#basepage iframe
{
	margin-left: 30px;
	margin-top:  10px;
}

/* willemm quickfixes */
livecombuttons_header
{
	float: right;
	margin-right: 10px;
	text-align: right;
}

#ppmenuWrapper
{
	position: absolute;
	top: 60px;
	left: 966px;
	width: 30px;
	height: 530px;
	overflow: hidden;
	z-index: 999;
}

#ppmenuWrapper:hover
{
	left: 56px;
	width: 940px;
}

#ppmenuWrapper:hover #ppmenu
{
	top: 0px;
	right: 0px;
}

#ppmenuWrapper:hover #ppmenu:hover 
{
	right: 0px;
}

#ppmenu
{
	position: absolute;
	z-index: 999;
	overflow: hidden;
	top: 0px;
	right: -912px;
}

#ppmenu:hover 
{
	
}

#ppmenu iframe
{
	display:none;/*sorry for IE5*/ 
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:942px;/*must have for any big value*/
	height:530px/*must have for any big value*/;
}


#ppmenu_background
{
	width: 942px;
	height: 530px;
}

#ppmenubutton
{
	position: absolute;
	left: 5px;
	top: 191px;
	width: 25px;
	height: 145px;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: hand;
}

#ppmenu_content
{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 913px;
	height: 491px;
	padding-left: 10px; /* gets image out of corner */
}

.ppmenu_item
{
	position: relative;
	float: left;
}

#ppmenu_links
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	/* in menulinktext.xsl this could be overridden with left: 0px; if defined in polaris */
	padding-left: 10px; /* gets text out of corner */
	padding-right: 10px;
	padding-bottom: 5px;
}

#ppmenu_links a
{
	color: #9f0202;
}

#zoeken
{
	padding: 10px 30px 10px 30px;
}

#zoeken #insertbox
{
	float:left;
}

#zoeken div.select
{
	float: left;
}

#zoeken .nietgevonden
{
	
	float: right;
}

#zoeken .results
{
	clear: both;
}

#zoeken span.underline
{
	text-decoration: underline;
}

#zoeken h4
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

#zoeken h5
{
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

#zoeken .line
{
	margin-top: 10px;
	border-top: solid 1px #CCCCCC;
	margin-bottom: 10px;
}
