/* 
===========================================================================================	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 

	CSS DOCUMENT FOR Mcw Cms SITES

	This is the main css file for the website.
	This file is based on the rendering at least Firefox 3 and Internet Explorer 7.
		
	The purpose of the other files is listed below:
	
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6

	USED COLORS WITHIN APPLICATION:
	Text                 : #4a4a4a;
	MCW green            : #c7db00;
	Internet blue        : #0077d5;
    Multimedia orange    : #f2ab01;
    3D purple            : #aa0f55;
    AV |Film gray        : #949494;
    Music anthracite     : #1d1e1f;

===========================================================================================
*/

.clear { clear:both; }

#tempDivForCrossFade /* Used in TopMenu.js */
{
    width:100%; height:100%;
    background-repeat:repeat-x;
    background-position: left top;
    background-color:Transparent;
    position:absolute; left:0; top:0; z-index:1;
}
#pnlNoProjects { text-align:center; padding-top:160px; font-size:24px; font-weight:bold; color:#999999; }

html, body {
	margin:0; padding:0;
	width:100%; height:101%;
}
body  
{
    background:#ffffff url('/_images/bgcolor_default.gif') repeat-x left top; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#4a4a4a;
}
form
{
    width:100%; height:100%;
    padding:0; border:none;
    background-color:Transparent;
    background-repeat: repeat-x;
    background-position:left top;
}
.content ul { 
	margin:0; padding:0 0 15px 0; list-style:none;
}
.content .hilitebox ul { 
	padding:0 0 0 0;
}
.content .col_3 ul, .content { 
	padding:0 0 40px 0;
}
.content ul li { 
	padding:5px 0 5px 17px; background:Transparent url('../_images/bullet.gif') no-repeat 1px 8px;
}
#page  
{
    background:Transparent url('/_images/shadows.gif') no-repeat center 260px;
    margin:auto;
    width:960px;
    min-height:100%; height:auto !important; height:100%;
}
table tr {
	vertical-align: top;
	text-align: left;	
}
a { color:#000000; text-decoration:underline; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;	
}
a, a:active { outline:none; }
img { border:none; }

.header 
{
    height:140px;
    overflow:hidden;
    position:relative;
}
    .header h1  
    {
        display:block; margin:30px 0 0 25px; padding:0;
        width:280px; height:80px; overflow:hidden; position:relative; z-index:1;
        background:Transparent url('../_images/mcw-logo.png') no-repeat left top;
    }
	.header h1 a
	{ 
	    display:block; width:280px; height:80px;
		overflow:hidden; text-indent:-9999px;
		text-decoration:none;
	}
    .topmenu 
    {
        position:absolute; top:0; left:15px;
        margin:0; padding:0;
        height:52px; width:930px; overflow:hidden;
        background:Transparent url('/_images/bg_topnav.png') repeat-x left top;
    }
    .topmenu ul { margin:0; padding:0 0 0 450px; list-style:none;  }
    .topmenu li { width:80px; height:52px; overflow:hidden; float:left; }
    .topmenu li a { cursor:pointer; display:block; width:80px; height:52px; overflow:hidden; text-decoration:none; text-indent:-9999px; }
    .topmenu li a { background-color:Transparent; background-position:0px -30px; background-repeat:no-repeat; }
    .topmenu li a img { border:none; width:80px; height:52px; }
    .topmenu li.mcw a { background-image:url('../_images/topnav_mcw.png'); }
    .topmenu li.internet a { background-image:url('../_images/topnav_internet.png'); }
    .topmenu li.mm a { background-image:url('../_images/topnav_mm.png'); }
    .topmenu li.dried a { background-image:url('../_images/topnav_dried.png'); }
    .topmenu li.av a { background-image:url('../_images/topnav_av.png'); }
    .topmenu li.music a { background-image:url('../_images/topnav_music.png'); }
    
.swfFloatLeft { float:left; }
	
.visual 
{
    width:930px;
    height:400px;
    background:#ffffff;
    margin:0 15px;
    border-top:solid 1px #ffffff;
    position:relative;
    
}
    .elementscontainer 
    {
        width:910px; height:380px;
        margin:9px 10px 0 10px; 
        position:relative;
        overflow:hidden;
    }
    #elements 
    {
        position:relative; width:1820px; height:380px;
    }
		
	#pnlProject1 { background:cccccc; }
	#pnlProject2 { background:999999; }
	
    .visual_element 
    {
        width:910px; height:380px; overflow:hidden; background:#cccccc;
        float:left; position:relative;
    }
	.homeVisual {
		width:910px; height:380px; overflow:hidden;	
	}
    ul.home_element 
    {
    	position:absolute; left:0; top:0; z-index:100;
		margin:0; padding:0; list-style:none;
    	width:911px; height:380px; overflow:hidden; 
    	/*background:#cccccc url('../_images/home_element_dummy.jpg');*/
    }
    .home_element li 
    { 
		float:left;
		width:182px; height:380px; overflow:hidden;	
    }
    .home_element li.dried, .home_element li.dried a
    { 
		width:183px;
    }
    .home_element li a
    { 
		float:left;
		width:182px; height:380px; overflow:hidden;	
    }
    .home_element li a 
    {
    	display:block;
    	width:182px; height:160px; overflow:hidden;
    	padding:10px 0 0 0;
    	text-align:center;
    	color:#4a4a4a;
    	font-size:16px; font-weight:bold;
    	text-indent:-9999px;
    	background-position:left -54px;
    	background-color:Transparent;
    	background-repeat:no-repeat;
    }
	.home_element li.internet a {
		background-image:url('../_images/home-buttons-internet.png');
	}
	.home_element li.mm a {
		background-image:url('../_images/home-buttons-multimedia.png');
	}
	.home_element li.dried a {
		background-image:url('../_images/home-buttons-3d.png');
	}
	.home_element li.av a {
		background-image:url('../_images/home-buttons-av.png');
	}
	.home_element li.music a {
		background-image:url('../_images/home-buttons-sound.png');
	}
    
    
    
    .visual_content { 
    	/* filter:alpha(opacity=85); opacity:0.85;  */
    	background:Transparent url('../_images/diags.png') no-repeat left bottom;
		position:absolute; width:240px; height:440px; overflow:hidden; right:0; top:0; z-index:1; 
	}
	
	.visual_content_flash { 
		position:absolute; width:670; height:380px; overflow:hidden; left:0px; top:0px; z-index:1; 
	}
		.visual_content_flash img {
			cursor:pointer;
		}
    
    .visual_content_col1 { }
		.visual_title  { width:180px; font-weight:bold; margin:0; font-size:17px; padding:15px 40px 10px 20px; }
		.cufon-ready .visual_title { font-size:20px; }
		.visual_intro { line-height:18px; width:205px; font-weight:normal; margin:0; padding:10px 15px 10px 20px; }
		/*.visual_intro a { display:block; margin:10px 0 0 0; padding:0 0 0 12px; background:Transparent url('../_images/href-arrow-ouline.gif') no-repeat left center }*/
		.visual_intro a { display:block; margin:15px 0 0 0; padding:0; }		
		
		.visual_content_col1 p { font-size:11px; color:#666666; }
    
    .visual_content_col2 { display:none; }
    
    .visual .arrow_left, .visual .arrow_right { position:absolute; top:184px; width:30px; height:30px; overflow:hidden; }
    .visual .arrow_left a, .visual .arrow_right a { display:block; text-decoration:none; text-indent:-9999px; width:100%; height:100%; }
    .visual .arrow_left { left:-20px; }
        .visual .arrow_left a { background:Transparent url('../_images/arrow_left.gif') no-repeat left top; }
    .visual .arrow_right { right:-20px; }
        .visual .arrow_right a { background:Transparent url('../_images/arrow_right.gif') no-repeat left top; }
    .visual .curve { /*display:none;*/ position:absolute; left:0; bottom:11px; width:930px; height:10px; overflow:hidden; background:Transparent url('../_images/curve.png') no-repeat left top; z-index: 100; }
    
    #projecttimer { 
		position:absolute; left:10px; top:9px; width:0px; height:3px; background:#000; z-index:999;  border-right:solid 2px #fff;
    }
    
    
    .content p { line-height:18px; }
    .content { background:#ffffff; margin:0 15px; padding:10px 0; }
        .container_3_cols:after 
        {
            content: ".";
            clear: both;
            height: 0;
            visibility: hidden;
            display: block;
        }
        .container_3_cols 
        {
            margin-top:2px;
            height: 1%;
            background:Transparent url('../_images/col_3.gif') repeat-y center top;
        }
        .container_3_cols .col_1, .container_3_cols .col_2, .container_3_cols .col_3 { float:left; width:305px; min-height:178px; height:auto !important; height:178px; padding:0 !important; }
        .container_3_cols .col_1 { margin:0 20px 0 10px !important; }
        .container_3_cols .col_2 { margin:0 20px 0 20px !important; }
        .container_3_cols .col_3 { margin:0 0 0 20px !important; width:220px; }
		.container_3_cols .col_1.editableArea { margin:0 19px 0 9px !important; }
		.container_3_cols .col_2.editableArea { margin:0 19px 0 19px !important; }
		.container_3_cols .col_3.editableArea { margin:0 0 0 19px !important; }
        
        .container_2_cols:after 
        {
            content: ".";
            clear: both;
            height: 0;
            visibility: hidden;
            display: block;
        }
        .container_2_cols 
        {
            border-top:solid 15px #ffffff;
            height: 1%;
            background:Transparent url('../_images/col_2.gif') repeat-y center top;
        }
        
        /*.col_1, .col_2, .col_3, .col_1_plus_2_double { background:#ccc; }*/
        
        .container_2_cols .col_1, .container_2_cols .col_2, .container_2_cols .col_3 { float:left; width:305px; padding:0 !important; min-height:566px; height:auto !important; height:566px; }
        .container_2_cols .col_1_plus_2_double { float:left; width:630px; min-height:566px; height:auto !important; height:566px; }
        .container_2_cols .col_1_plus_2_double { margin:0 25px 0 25px !important; padding:0 !important; }
        .container_2_cols .col_1 { margin:0 10px 0 25px !important; }
        .container_2_cols .col_2 { margin:0 25px 0 10px !important; }
        .container_2_cols .col_3 { margin:0 0 0 25px !important; }
        .container_2_cols .col_3 { width:200px; overflow:hidden; }
			.content .col_3 { font-size:11px; color:#666666; }
        .container_2_cols .col_1.editableArea { margin:0 9px 0 24px !important; }
		.container_2_cols .col_2.editableArea { margin:0 24px 0 9px !important; }
		.container_2_cols .col_3.editableArea { margin:0 0 0 24px !important; }
		.container_2_cols .col_1_plus_2_double.editableArea { margin:0 24px 0 24px !important; }
        
    .footer 
    {
        width:960px; height:90px; border-bottom:solid 40px #ffffff;
        background:Transparent url('../_images/footer.gif') no-repeat left top;
        position:relative; font-size:11px; color:#bbbbbb;
        font-variant:small-caps; text-transform:lowercase;
    }
    .footer a { text-decoration:none; color:#999999; }
    .footer ul { list-style:none; margin:0; padding:0; position:absolute; }
    .footer ul li { float:left; padding:0 12px; }
    
    .footer ul.links 
    {
        left:8px; top:64px;
    }
    .footer ul.legal
    {
        left:203px; top:71px;
    }
    .footer ul.share 
    {
        left:700px; top:64px;
    }
    
    .footer ul.share li { padding:0 10px; }
    .footer ul.share li a { display:block; height:30px; text-decoration:none; overflow:hidden; text-indent:-9999px; line-height:26px; }
    .footer ul.share li.ico_youtube a 
    {
        width:42px;
        background:Transparent url('../_images/ico_youtube.gif') no-repeat center center;
    }
    .footer ul.share li.ico_linkedin a 
    {
        width:50px;
        background:Transparent url('../_images/ico_linkedin.gif') no-repeat center center;
    }
    .footer ul.share li.ico_flickr a 
    {
        width:40px;
        background:Transparent url('../_images/ico_flickr.gif') no-repeat center center;
    }
    .footer ul.share li.ico_twitter a 
    {
        width:30px;
        background:Transparent url('../_images/ico_twitter.gif') no-repeat center center;
    }
    .footer ul.share li.ico_rss a 
    {
        width:16px; padding:0 0 0 1px;
        background:Transparent url('../_images/ico_rss.gif') no-repeat center center;
    }
    
    .footer ul.links li { padding:0 8px; }
    .footer ul.links li.ico_mcw-cms { padding:0 0 0 12px; }
    .footer ul.links li a { display:block; height:30px; color:#999; text-decoration:none; overflow:hidden; text-indent:-9999px; }
    .footer ul.links li.ico_mcw-cms a 
    {
        text-indent:30px; line-height:26px;
        width:auto;
        background:Transparent url('../_images/ico_mcw-cms.gif') no-repeat left center;
    }
    
    
/* NEWS LIST */

.newsItem {
	background:#ffffff url('../_images/divider2.gif') no-repeat center bottom;
	padding-bottom:38px;
	position:relative;
}
.newsItem .itemLeft {
	float:left;
	width:302px; height:192px;
	padding:0 18px 0 0;
}
.newsItem .itemLeft a {
	text-decoration:none; outline:none;
	border:solid 0px #999999;
	display:block;
	width:300px; height:190px; overflow:hidden;
	padding:0 0 8px 0;
	background:#ffffff url('../_images/bgnewspic.gif') no-repeat left bottom
}
.newsItem .itemLeft a span {
	/* 
	display:block;
	width:298px; height:188px; overflow:hidden;
	border:solid 0px #a29fa0;
	background-color:#999999;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('../_images/load.gif');
	*/
}
.newsItem .itemLeft a img {
	display:block;
	width:290px; height:180px;
	border:solid 1px #cccccc !important;
	padding:4px;
}
.newsItem .itemRight {
	float:left;
	width:310px; height:191px;
}
.newsItem .itemRight a {
	text-decoration:none; border:none; outline:none;
}
/*.newsItem p a {
	display:block;
	width:80px; height:18px; overflow:hidden; text-indent:-9999px;
	background-image:url('../_images/meer.png');
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#999999 !important;
	margin:20px 0 0 0;
	outline:none;
}*/
.newsItem p a {
	background-color:#ffffff !important;
	text-decoration:none !important;
}
.newsItem span { /* TAGS */
	display:block; padding:1px 0 1px 0; width:40px;
	height:21px;
	overflow:hidden;
	background-color:Transparent;
	background-image:none;
	position:absolute;
	left:5px; top:5px;
	text-transform:lowercase;
	cursor:pointer;
}
.newsItem span b {
	font-variant:small-caps;
	display:inline-block;
	color:#cccccc;
	margin:0 3px 0 0;
	width:25px;
	/*height:21px;*/
	padding:0 0 0 0;
	background:Transparent url('../_images/tag.png') no-repeat scroll left 1px;
}
div.newsItem span a {
	background:none !important;
	background-color:transparent !important;
	line-height:normal;
}
p.date { /* date */
	font-size:11px; color:#999999; margin-bottom:8px;
	text-transform:lowercase; font-variant:small-caps;
}

/* END NEWS LIST */
    

/* NEWS DETAIL */
div#EaT6Col1Plus2Double {
	display:inline;
}
/* END NEWS DETAIL */

/* MCW EDITOR DECLARTIONS */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 10px;
}
p {
	margin-top: 0;
	margin-bottom: 20px;
}
table p, table h1, table h2, table h3, table h4, table h5, table h6 {
	margin:0; padding:0;	
}
h1, h2, h3, h4, h5, h6 {
	text-transform:lowercase;
	font-variant:small-caps;
}
h1 {
	font-size:32px;
}
h2 {
	font-size:25px;
	margin-bottom:20px;
}
h3 {
	font-size:17px;
}
h4 {
	font-size:15px;
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
}
	.cufon-ready h2 {
		font-size:28px;
	}
	.cufon-ready h3 {
		font-size:20px;
	}
	.cufon-ready h4 {
		font-size:18px;
	}
	.cufon-ready h5 {
		font-size:16px;
	}
.page .col_3 h3 {
	font-size:19px;
	width:190px; height:185px; overflow:hidden;
	text-align:right;
	padding:5px 10px 0 0;
	margin-bottom:30px;
	background-color:#999999;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-image:url('../_images/m_title.png');
	color:#ffffff;
	text-transform:lowercase;
	font-variant:small-caps;
}
.cufon-ready .page .col_3 h3 {
	font-size:22px;
}
.page .col_3 h3 a {
	display:block;
	width:100%; height:100%;
	text-align:right;
	color:#ffffff;
}
.col_3 h4 {
	/*padding:0 0 0 14px;
	background:Transparent url('../_images/m_dot.png') no-repeat left 7px;*/
	padding:0 0 0 0;
	background:none;
}
.homepage .editableList {
	margin: 0 !important;
    border: none !important;
}

.borderBottom { 
	padding-bottom:40px; margin:0; 
	background:Transparent url('../_images/divider2.gif') no-repeat center bottom;
}

.hilitebox {
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	padding:17px 20px 17px 20px;
	margin:0 0 25px 0;
	background-color:#ffffff;
	background-image:url('../_images/gradient.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.pVariant1 {
	font-size:14px; line-height:24px !important;
}

img.normalBorder { float:none; border:solid 1px #cccccc !important; padding:4px; }
img.normalNoBorder { float:none; border:none; }
img.leftBorder { float:left; border:solid 1px #cccccc !important; margin:6px 20px 5px 0; padding:4px; }
img.leftNoBorder { float:left; border:none; margin:6px 20px 5px 0; }
img.rightBorder { float:right; border:solid 1px #cccccc !important; margin:6px 0 5px 20px; padding:4px; }
img.rightNoBorder { float:right; border:none; margin:6px 0 5px 20px; }

.homepage img.leftBorder { margin:4px 10px 5px 0; padding:3px; }

table.matrix {
	width:100%;
	border:solid 1px #cccccc;
}
	table.matrix td {
		padding:5px;
		border:solid 1px #cccccc;	
		vertical-align:middle;
		background:#ffffff url('../_images/matrix.jpg') no-repeat ;eft top;
	}

/* END MCW EDITOR DECLARTIONS */


/* 2 CONTENT COLS */

.contentColLeft, .contentColRight { width:300px; }
.contentColLeft { float:left; }
.contentColRight { float:right; }

/*.contentColLeft img, .contentColRight img {
	width:280px;
	border:solid 1px #cecece !important;
	padding:9px;	
}


/* END 2 CONTENT COLS */



/* ListItems paging navigation */
.pagingContainer ul {
	margin:0; padding:0; list-style:none;
}
.pagingContainer ul li {
	background:none;
	margin:0; padding:0;
}
.pagingContainer a#el_lbNext {
	float:left;
}
.pagingContainer a#el_lbPrev {
	float:right;
}