/*
 * Wrapper 
 */

div.mockup_body
{
	position:relative;
	margin-top: 6px;
	color: #444;
}


div.mockup
{
	position:relative;
	width: 200px;
	float: left;
	color: #444;
	margin-top: 6px;
}

div.mockup_content_dark
{
	position:relative;
	z-index: 5;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	margin-bottom: 0px;
	padding: 8px 12px 8px 12px;	
}


div.mockup_content_light_menu
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	margin-bottom: 0px;
	position:relative;
	z-index: 5;
	color: #444;
	padding: 8px 12px 8px 12px;	
}

div.mockup_content_light
{
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	margin-bottom: 0px;
	position:relative;
	z-index: 5;
	color: #444;
	padding: 8px 12px 8px 12px;	
}

img.leftboxed
{
	width: 47px;
}

#news_items a
{
	background-image: url('../../images/ccs-links/ccs-icon-txtpijl-rechts-trans.png');
	background-repeat: no-repeat;
	position: relative;
	text-decoration: none;
	color: #444;
	display: block;
	margin-top: 5px;
	font: normal normal normal x-small Arial, Helvetica, sans-serif;	
	padding-left: 10px;
	vertical-align: top;
	background-position: 0px 3px;
	border-bottom: 1px #999 dotted;
	padding-bottom: 6px;
}

#news_items small
{    
	font-size: 0.8em;
	color: #777;
}


div.mockup_content_light h1, div.mockup_content_light_menu h1
{
	color: #ff0033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: x-large;
	margin: 0px 0px 0px 0px;
}

div.mockup_content_light h2, div.mockup_content_light_menu h2
{
	color: #ff0033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	margin: 2px 0px 1px 0px;
}

div.mockup_content_light h3, div.mockup_content_light_menu h3
{
	color: #ff0033;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin: 2px 0px 1px 0px;			
}

div.mockup_content_light h6, div.mockup_content_light_menu h6
{
	color: #ff0033;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
}

div.mockup_content_light h4, div.mockup_content_light_menu h4
{
	color: #333333;
	margin: 2px 0px 1px 0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
}

div.mockup_content_light h5, div.mockup_content_light_menu h5
{
	color: #ff0033;
	margin: 5px 0px 0px 0px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
}

div.mockup_content_light strong, div.mockup_content_light_menu b
{	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}


div.mockup p,div.mockup ul, div.mockup ol
{
	font: normal normal normal x-small Arial, Helvetica, sans-serif;	
	color: #444;
}

div.mockup ul
{	
    margin-left:4px;
    padding-left:1em;    
}
div.mockup ol
{	
    margin-left:12px;
    padding-left:1em;    
}

div.mockup_content_light_menu p
{
	color: #444;
	/*color: #808080;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 0px;
}

div.mockup_content_light p
{	
	margin-top:0px;
	margin-bottom:0px;
}

div.mockup_content_light ul, div.mockup_content_light ol
{    
    margin-top:2px;    
}

div.mockup_content_light li
{      
     padding:0;   
     margin-top:0;
     line-height:1.2em;      
}

div.mockup_content_dark li
{      
     padding:0;   
     margin-top:0;
     line-height:1.2em;      
}


div#favourites.mockup a
{
	background-image: url('../../images/ccs-links/ccs-icon-txtpijl-rechts-trans.png');
	background-repeat: no-repeat;
	position: relative;
	text-decoration: none;
	display:block;
	color: #444;	
	margin-top: 5px;
	font: normal normal normal x-small Arial, Helvetica, sans-serif;	
	padding-left: 10px;
	vertical-align: top;
	background-position: 0px 3px;
}


div.mockup_content_light a
{
	background-image: url('../../images/ccs-links/ccs-icon-txtpijl-rechts-trans.png');
	background-repeat: no-repeat;	
	text-decoration: none;
	color: #444;	
	margin-top: 5px;
	font: Arial, Helvetica, sans-serif;	
	padding-left: 10px;
	vertical-align: top;
	background-position: 0px 3px;			
}

div.mockup_content_dark a
{
	background-image: url('../../images/ccs-links/ccs-icon-txtpijl-rechts-trans.png');
	background-repeat:no-repeat;	
    text-decoration:none;
	color: #ffffff;	
	margin-top: 5px;
	font: normal normal normal x-small Arial, Helvetica, sans-serif;
	padding-left: 10px;
	vertical-align:top;
	background-position: 0px 3px;
}

div.mockup_content_dark_menu
{    
	position:relative;
	z-index: 5;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	margin-bottom: 0px;
	padding: 8px 12px 8px 12px;	
}

div.mockup_content_dark_menu h6
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
}

div.mockup_content_dark_menu a
{
	background-image: url('../../images/ccs-links/ccs-icon-txtpijl-rechts-trans.png');
	background-repeat: no-repeat;
	position: relative;
	text-decoration: none;
	color: #ffffff;
	display:block;	
	margin-top: 5px;
	font: normal normal normal x-small Arial, Helvetica, sans-serif;
	padding-left: 10px;
	vertical-align: top;
	background-position: 0px 3px;
}

div.mockup_content_dark p
{     
    color: #ffffff;  
    margin-top:1px;
	margin-bottom:1px;    
}

div.mockup_content_dark ul, div.mockup_content_dark ol
{
    color: #ffffff; 
    margin-top:2px;
}

/*
 * Licht kader 
 */

div.mockup_light_tl{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-LB.png');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_light_tr{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-RB.png');
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_light_bl{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-LO.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_light_br{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-RO.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_light_top{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-TOP.png');
	background-repeat: repeat-x;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_light_bottom{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-ONDER.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_light_background{
/*	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-CENTER.png');
*/	position: absolute;
	background-position: center center;
	background-repeat:no-repeat;
	width: 100%;
	height: 100%;
	z-index: 1;
	float: left;
}

div.mockup_light_border_left{
	position: absolute;
	background-repeat:no-repeat;
	width: 100%;
	height: 100%;
	z-index: 4;
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-CENTER-randen.png');
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
}

div.mockup_light_border_right{
	position: absolute;
	background-repeat:no-repeat;
	width: 100%;
	height: 100%;
	z-index: 4;
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-CENTER-randen.png');
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
}
div.mockup_light_border_top{
	position: absolute;
	background-repeat:no-repeat;
	width: 100%;
	height: 100%;
	z-index: 4;
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-BORDER.png');
	background-repeat: repeat-x;	
	
}
div.mockup_light_border_bottom{
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 4;
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-BORDER.png');
	background-repeat: repeat-x;
	background-position: left bottom;		   
}

/*
 * Donker kader 
 */

div.mockup_dark_tl{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-ZWART-LB.png');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_dark_tr{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-ZWART-RB.png');
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_dark_bl{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-ZWART-LO.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_dark_br{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-ZWART-RO.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_dark_top{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-ZWART-TOP.png');
	background-repeat: repeat-x;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_dark_bottom{
	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-ZWART-ONDER.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	position: absolute;	
	width: 100%;
	height: 100%;
	z-index: 5;
}

div.mockup_dark_background{
/*	background-image:url('../../images/ccs-kader-licht/ccs-kaderrand-wit-CENTER.png');
*/	position: absolute;
	background-position: center center;
	background-repeat:no-repeat;
	width: 100%;
	height: 100%;
	z-index: 1;
	float: left;
}

div.mockup_content_dark img
{
	margin-right: -6px;
	margin-bottom: 6px;
}

div.mockup_content_dark h6
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
}


div.mockup_content_dark h1
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: x-large;
	margin: 0px 0px 0px 0px;
}

div.mockup_content_dark h2
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	margin: 2px 0px 1px 0px;
}

div.mockup_content_dark h3
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	margin: 2px 0px 1px 0px;	
}

div.mockup_content_dark h4
{
	color: #fff;
	margin: 2px 0px 1px 0px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
}


div.mockup_content_dark strong
{	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

div.mockup
{
    background-color:#E5E5E5;
}

div.mockup_content_dark
{
    background-color:#434646;
    height:100%;
        	
}

div.mockup_content_dark_menu
{
    background-color:#434646;
    height:100%;
        	
}

div.mockup_content_light_menu
{
    background-color:#E5E5E5;   
    height:100%;    
}

div.mockup_content_light
{
    background-color:#E5E5E5;   
    height:100%;	
}

div.mockup_light_background
{
    display:none;
}

div.mockup_dark_background
{
    display:none;
}