/*
*	{Calamares.tv} Master Stylesheet
*	
*	Author: {Remco Tuerlings}
*			Linking Media B.V.
*
*	Last modified: {27-05-2009}
*
*	INDEX
*	-------------
*	- layout styling
*
*/




#container 
{
    position:relative;
	width:1000px;
	margin: 0 auto;
}

/******************************************************************************** HEADER STYLING ****/



#header_box {
	width:1000px;
}
#header_top {
	width:1000px;
	height: 20px;
	background: url(/img/base/base_header_top.png) no-repeat 0 0;
}
#header_body 
{
    position:relative;
	width:950px;
	height: 50px;
	padding: 20px 0 0 50px;
	background: url(/img/base/base_filler.png) repeat-y 0 0;
}

#toplogo
{
    position:absolute;
    top:-2px;
    left:50px;
    border:0px;
}

#loginform {
	width: 90px;
	float: right;
	display: block;
	margin: -25px 45px 0 0;
}
#loginform label {
	font-size: 13px;
	color: #666666;
	line-height: 16px;
	display: block;
	margin: 0 0 5px 0;
}
#loginform input {
	border: 1px solid #666666;
	color: #666666;
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	padding: 2px 0 0 5px;
	font-size: 10px;
	width: 80px;
	height: 16px;
	line-height: 16px;
}
#submitbutton {
	float: right;
	display: block;
	margin: 0 50px 0 0;	
}
#submitbutton button {
	background: url(/img/base/btn_login.gif) no-repeat 0 0;
	border: none;
	height: 24px;
	width: 51px;
	margin: 3px 0 0 0;
	padding: 0 5px;
	cursor: pointer;
}
#submitbutton button:hover {
	color: #ff7400;
}

/********************************************************************************* MENU STYLING *****/

#header_menu {
	width:955px;
	height: 27px;
	padding: 0 0 0 50px;
	background: url(/img/base/base_header_menu.png) no-repeat 0 0;
	display: block;
}
#header_menu ul {
	list-style: none;
}
#header_menu li {
	float: left;
}
#home, #products, #business_propositions, #references, #partners, #news, #company,
#media_distribution, #video_applications_, #media_management, #company, #why_calamares,
#services, #solutions
{
	overflow: hidden;
	height: 27px;
	display: block;
	text-indent: -200px;
}

#home {	width: 56px; background: url(/img/base/menu/home.png) no-repeat 0 0; }
#home:hover { background: url(/img/base/menu/home.png) no-repeat 0 -54px; }
#home.selected { background: url(/img/base/menu/home.png) no-repeat 0 -27px; }

#products { width: 76px; background: url(/img/base/menu/products.png) no-repeat 0 0; }
#products:hover { background: url(/img/base/menu/products.png) no-repeat 0 -54px; }
#products.selected { background: url(/img/base/menu/products.png) no-repeat 0 -27px; }

#business_propositions {	width: 154px; background: url(/img/base/menu/business_propositions.png) no-repeat 0 0; }
#business_propositions:hover { background: url(/img/base/menu/business_propositions.png) no-repeat 0 -54px; }
#business_propositions.selected { background: url(/img/base/menu/business_propositions.png) no-repeat 0 -27px; }

#references { width: 93px; background: url(/img/base/menu/references.png) no-repeat 0 0; }
#references:hover { background: url(/img/base/menu/references.png) no-repeat 0 -54px; }
#references.selected { background: url(/img/base/menu/references.png) no-repeat 0 -27px; }

#partners { width: 76px; background: url(/img/base/menu/partners.png) no-repeat 0 0; }
#partners:hover { background: url(/img/base/menu/partners.png) no-repeat 0 -54px; }
#partners.selected { background: url(/img/base/menu/partners.png) no-repeat 0 -27px; }

#news { width: 56px; background: url(/img/base/menu/news.png) no-repeat 0 0; }
#news:hover { background: url(/img/base/menu/news.png) no-repeat 0 -54px; }
#news.selected { background: url(/img/base/menu/news.png) no-repeat 0 -27px; }

#media_management { width: 144px;	background: url(/img/base/menu/media_management.png) no-repeat 0 0; }
#media_management:hover { background: url(/img/base/menu/media_management.png) no-repeat  0 -54px; }
#media_management.selected { background: url(/img/base/menu/media_management.png) no-repeat 0 -27px; }

#video_applications_ { width: 139px;	background: url(/img/base/menu/video_applications.png) no-repeat 0 0; }
#video_applications_:hover { background: url(/img/base/menu/video_applications.png) no-repeat  0 -54px; }
#video_applications_.selected { background: url(/img/base/menu/video_applications.png) no-repeat 0 -27px; }

#media_distribution { width: 139px;	background: url(/img/base/menu/media_distrubution.png) no-repeat 0 0; }
#media_distribution:hover { background: url(/img/base/menu/media_distrubution.png) no-repeat  0 -54px; }
#media_distribution.selected { background: url(/img/base/menu/media_distrubution.png) no-repeat 0 -27px; }

#company { width: 76px;	background: url(/img/base/menu/contact.png) no-repeat 0 0; }
#company:hover { background: url(/img/base/menu/contact.png) no-repeat  0 -54px; }
#company.selected { background: url(/img/base/menu/contact.png) no-repeat 0 -27px; }

#why_calamares { width: 131px;	background: url(/img/base/menu/why_calamares.png) no-repeat 0 0; }
#why_calamares:hover { background: url(/img/base/menu/why_calamares.png) no-repeat  0 -54px; }
#why_calamares.selected { background: url(/img/base/menu/why_calamares.png) no-repeat 0 -27px; }

#services { width: 76px;	background: url(/img/base/menu/services.png) no-repeat 0 0; }
#services:hover { background: url(/img/base/menu/services.png) no-repeat  0 -54px; }
#services.selected { background: url(/img/base/menu/services.png) no-repeat 0 -27px; }

#solutions { width: 77px;	background: url(/img/base/menu/solutions.png) no-repeat 0 0; }
#solutions:hover { background: url(/img/base/menu/solutions.png) no-repeat  0 -54px; }
#solutions.selected { background: url(/img/base/menu/solutions.png) no-repeat 0 -27px; }


/***************************************************************************************************/

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border-top: 1px solid #999999;
	min-width:150px;	
	z-index:99;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #d3d4d4;
		color: #212121;
		font: 11px arial}

    #sddm div a.active
	{	background: #ff7400;
		color: #ffffff}
	#sddm div a:hover
	{	background: #ff7400;
		color: #ffffff
	}


/**************************************************************************** FLASHBOX STYLING *****/


#flash_box 
{
    position:absolute;
    top: 30px;
    left:20px;
    width:958px;
    height:270px;

	/*width:979px;
	padding: 10px 0 10px 21px;
	background: url(/img/base/base_filler.png) repeat-y 0 0;
*/
}

/******************************************************************************** SUBMENU STYLING **/

.submenu {
	list-style: none;
	width: 250px;
	
}
.submenu li {
	display: block;
	float: left;
	clear: both;	
	padding:0px;	
}
.submenu li a {
	display: block;
	width: 230px;
	padding: 0 0 0 20px;
	background: url(/img/base/bg_submenu.png) no-repeat 0 0;
	font-size: 12px;
	color: #212121;
	height: 20px;
	line-height: 20px;
}
.submenu li a:hover {
	background: url(/img/base/bg_submenu.png) no-repeat 0 -20px;
	color: #ffffff;
}
.submenu li a.selected {
	background: url(/img/base/bg_submenu.png) no-repeat 0 -20px;
	color: #ffffff;
}
/*
#collumn_3_yb .submenu {
	list-style: none;
	width: 250px;	
}
#collumn_3_yb .submenu li {
	display: block;
	float: left;
	clear: both;	
	padding:0px;	
}
 #collumn_3_yb .submenu li a {
	display: block;
	width: 245px;
	padding: 0 0 0 5px;
	background: url(/img/base/links_base_submenu_basic.gif) no-repeat 0 0;
	font-size: 12px;
	color: #212121;
	height: 20px;
	line-height: 20px;
}
#collumn_3_yb .submenu li a:hover {
	background: url(/img/base/links_base_submenu_hover.gif) no-repeat 0 0;
	color: #ffffff;
}
#collumn_3_yb .submenu li a.selected {
	background: url(/img/base/links_base_submenu_hover.gif) no-repeat 0 0;
	color: #ffffff;
}
*/
.submenu_alt {
	list-style: none;
	width: 250px;
}
.submenu_alt li {
	display: block;
	float: left;
	clear: both;
}
li.alt  a {
	display: block;
	width: 230px;
	padding: 0 0 0 20px;
	background: url(/img/base/bg_submenu.png) no-repeat 0 0;
	font-size: 12px;
	color: #212121;
	height: 20px;
	line-height: 20px;
}
li.alt a:hover {
	background: url(/img/base/bg_submenu.png) no-repeat 0 -20px;
	color: #ffffff;
}
li.alt a.selected {
	background: url(/img/base/bg_submenu.png) no-repeat 0 -40px;
	color: #ffffff;
}

.submenu2 {
	list-style: none;
	width: 250px;
}
.submenu2 li 
{
    background:transparent;
	display: block;
	float: left;
	clear: both;
	background:none;
}
.submenu2 li a {
	display: block;
	width: 230px;
	padding: 0 0 0 30px;
	font-size: 12px;
	color: #212121;
	height: 16px;
	line-height: 16px;	
	background: url(/img/base/bg_subsubmenu.png) no-repeat 0 0;
}

.submenu2 li a:hover {
	color: #ff7400;
	background: url(/img/base/bg_subsubmenu.png) no-repeat 0 -16px;
}
.submenu2 li a.selected {
	color: #ff7400;
	background: url(/img/base/bg_subsubmenu.png) no-repeat 0 -16px;
}


/******************************************************************************** CONTENT STYLING **/

#content_box {
	width:925px;
	min-height:250px;
	padding: 20px 40px 0 50px;
	background:  url(/img/base/base_filler.png) repeat-y 0 0;
		
}
#collumn_1 {
	width: 285px;
	float: left;
	margin: 0 25px 0 0;
}
#collumn_2 {
	width: 320px;
	padding: 0 25px 0 0;
	float: left;	
}
#collumn_1 a, #collumn_2 a, #collumn_3 a,
collumn_1_yb a, #collumn_2_yb a, #collumn_3_yb a {
	font-size: 12px;
}
#collumn_3 {
	width: 225px;
	float: left;
	margin: 0 0 0 25px ;	
}

#collumn_1_yb {
	width: 256px;
	float: left;
	margin: 0 0 0 22px;
}
#collumn_2_yb {
	width: 251px;
	padding: 0 0 0 14px;
	float: left;
}

#collumn_3_yb {
	width: 250px;
	padding: 0;
	float: left;
}

#collumn_4_yb {	
	padding: 0;
	margin-right:15px;
	float: right;
}

#content_box .title {
	font-size: 18px;
	font-family: "Arial Narrow";
	font-weight: bold;
	color: #F97D0D;
	display: block;
}
#content_box .date{
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	display: block;
}
#content_box p {
	/*text-align: justify;*/
	font-size: 12px;
}
#content_box ol {
	font-size: 12px;
	list-style-position:inside;
}
#content_box li {
	/*text-align: justify;*/
	margin: 5px 0 0 0;
	color: #ff7400;
}


#collumn_1 li, #collumn_2 li, #collumn_3 li,
#collumn_1_yb li, #collumn_2_yb li
{
    font-size:12px;
    padding-left:0px;
    margin-left:15px;
}

.client_boxes {
	width: 227px;
	margin: 20px 0 0 0;	
}
.client_box 
{
    height:77px;
	padding: 1px;
	background: url(/img/base/bck_sub_banner.png) no-repeat top;
	cursor:pointer;	
	
}
.client_box:hover 
{
    background: url(/img/base/bck_sub_banner.png) no-repeat bottom;
}

.client_box img {
	margin: 0;
	padding: 0 0 5px 0;
	float: left;
	display: block;		
}
.client_box a {
	display: block;
	font-size: 11px;
	color: #ff7400;
}
.client_box a:hover {
	color: #212121;
}
.client_title 
{    
	color: #646464;
	font-size: 14px;
	text-align: left;
	width:140px; 
}
.client_logo_box {
	width:70px;	
	padding:0;
	margin:0;
	display: block;
	overflow: hidden;
	float: left;	
}
.client_info_box {
	width:145px;
	font-size:11px;	
	display: block;
	overflow: hidden;
	float: left;	
	padding-left:5px;		
}

.file_download_box {
	width: 230px;
	height: 43px;
	background: url(/img/base/base_file_box.gif) no-repeat 0 0;
	padding: 20px 20px 0 0;
	float: left;
	display: block;
	margin: 50px 0 0 0;
}
.file_link{
	display: block;
	font-size: 12px;
	float: right;
	clear: both;
}
.file_title {
	display: block;
	color: #666666;
	float: right;
	font-size: 12px;
	clear: both;
}



/**************************************************************************** CONTACT FORM STYLING */

#contactform label {
	font-size: 12px;
	width: 90px;
	height: 20px;
	display: block;
	float: left;
	line-height: 20px;
	text-align: left;
	padding: 0;
}
#contactform input {
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 180px;
	display: block;
	float: left;
	border: 1px solid #757575;
	margin: 0 0 5px 0;
}
#contactform textarea {
	font-size: 12px;
	width: 180px;
	display: block;
	float: left;
	border: 1px solid #757575;
	margin: 0 0 5px 0
}
#contactform input#submit {
	background: url(/img/base/btn_submit.gif) no-repeat 0 0;
	border: none;
	height: 21px;
	width: 51px;
	margin: 0px 40px 0 0;
	padding: 0 5px;
	cursor: pointer;
	float: right;
}
#contactform input#submit:hover {
	color: #ff7400;
}


/********************************************************************************** FOOTER STYLING */

#footer_box {
	width:1000px;
}
#footer_body {
	width: 1000px;
	height:20px;
	background: url(/img/base/base_filler.png) repeat-y 0 0;
}

#footer_body div{
    float:right;
    margin-right:30px;
}

#footer_bottom {
	width:1000px;
	height: 30px;
	background: url(/img/base/base_footer_bottom.png) no-repeat 0 0;
}
#footer_sitemap {
	width: 1000px;
	display: block;
	font-size: 10px;
	padding: 0 0 0 50px;
	color: #4a4a4a;
}
#footer_sitemap ul{
	list-style: none;
	width: 150px;
	margin: 0 6px 0 0;
	display: block;
	float: left;
}
#footer_sitemap ul .footer_title {
	font-weight:bold;
	font-size:11px;
	color:#222;
}
#footer_sitemap ul li a {
	color: #333333;
}
#footer_sitemap ul li a:hover {
	text-decoration: underline;
}
#footer_copy {
	width: 300px;
	font-size: 10px;
	float: left;
	display: block;
	margin-left:50px;
}
#footer_copy a {
	color: #333333;
}
#footer_copy a:hover {
	text-decoration: underline;
}

/** news **/

a.newslink
{
    position:relative;    
    font-size: 11px;    
    text-decoration:none;
    display:block;
    height:73px;
    width:285px;
    background: url('/img/base/bck_menu_item.png') no-repeat top left;
    float:left;
    margin-right:5px;
    margin-bottom:10px;
    padding-top:5px;
}


a.newslink:hover
{
    color:#ff7400;
    background: url('/img/base/bck_menu_item.png') no-repeat bottom left;    
}
a.newslink img
{
border:0;
margin-top:-4px;
}

.nwsimg
{    
    float:left;
    margin:1px 3px 1px 0;
}

.nwssum 
{
    color:black;
}

.nwsdate 
{
    font-size:10px;
    color:#6d6d6d;
}