﻿/* DRAKA COMTEQ CSS STYLESHEET DOCUMENT
Copyright 2006 Draka Holding N.V. - WWW.DRAKA.COM
Design by Voormedia - WWW.VOORMEDIA.COM
All Rights Reserved. */


/* NEW DIVISION LINKS */
div.divisions { margin: 10px 0 0 0; height: 26px; font-size: 8.5pt; }
div.divisions ul { float: right; } 
div.divisions li { float: left; background: url(/*VIPURL*/"../Images/draka_comteq/link-divider.gif") repeat-y 100% 4px;; list-style-type:none; padding-left:0; padding-right:1px; padding-top:2px; padding-bottom:3px }
div.divisions span { padding: 0;  }
div.divisions span a { margin: 0; background-image: url(/*VIPURL*/"../Images/draka_comteq/link-square.gif"); background-repeat: no-repeat; background-position: 6px 4px; padding-left:20px; padding-right:8px; padding-top:2px; padding-bottom:2px}
div.divisions span a:hover { background-image: url(/*VIPURL*/"../Images/draka_comteq/link-square-over.gif"); }

/* NEW ICONBAR FOR CONTACT SEARCH SITEMAP */
div.iconbar { float: right; padding-top: 6px; padding-bottom: 4px; height: 28px; }
div.iconbar span.caption { display: inline; padding: 7px 8px 0 2px; }
div.iconbar img { vertical-align: top; }
div.iconbar span.caption a { padding: 0 2px; font-size: 8pt; color: #00287b; text-decoration: none; }
div.iconbar span.caption a:hover { color: #fff; background-color: #528f5c; }
div.path { height: auto; margin-left: 22px; }
div.path ul { line-height: 12pt;  }
div.path li { white-space: nowrap; }
div.path li.home { margin-left: -4px; }
div.pathimage { position: absolute; margin: 6px 0 0 8px;}


/* COMTEQ NAVIGATION BAR */
div.comteqnavigation {  
  background-image: url(/*VIPURL*/"../Images/draka_comteq/navigation-visual-comteq.gif");
}

/* Cableteq NAVIGATION BAR */
div.cablenavigation {
  background-image: url(/*VIPURL*/"../Images/draka_cableteq/navigation-visual-cableteq.gif");
}


/* COMTEQ SIDEBAR */
div.contactlinks { margin: 0 0 16px 0; }
div.contactlinks div { background-image: url(/*VIPURL*/"../Images/draka_comteq/contact/contact-link.gif"); background-repeat: no-repeat; background-position: 0 2px; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 }
div.contactlinks a { color: #00287b; text-decoration: none; padding: 0 2px; }
div.contactlinks a:hover { color: #fff; background-color: #528f5c; }


/* COMTEQ HOME */
div.homecolumns  { background-color: #eef1f7; padding: 0 0 0 12px;  }
div.homecolumns2 { background-color: #eef1f7;  padding: 0 0 0 12px;  } /* this style can be discarded */
div.homecolumns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.homecolumns { display: inline-block;}
/* Hide from IE-mac \*/
* html div.homecolumns { height: 1%; }
div.homecolumns { display: block; }
/* End hide from IE-mac */

div.homecolumns div.block { width: 230px; margin-right: 10px;  }
/* Hide from Mac IE \*/
* html div.homecolumns div.block { width: 245px; }
/* end hide Mac IE */

/* COMTEQ NEWSITEMS */
xdiv.newsitem h2 { padding: 0 0 1px 0;  }
xdiv.newsitem img {  border: 1px solid #27003c; margin-top: 3px; }
xdiv.newsitem small { color: #528f5c; width:100% }
xdiv.newsitem div.imagetext { margin-left: 10px; width:100%; line-height: 130%; padding: 0 0 2px 0; }
xdiv.newsitem span.link_news { margin-bottom: 8px; background-image: url(/*VIPURL*/"http://staging.voormedia.nl/draka/drakacomteq/htmlv0/images/all/global/link-arrow.gif"); background-repeat: no-repeat; background-position: 0 4px; padding-left:15px; padding-right:0; padding-top:1px; padding-bottom:0 }
xdiv.newsitem span.link_news a, span.newslink a:visited { color: #00287b; text-decoration: none; padding: 0; }
xdiv.newsitem span.link_news a:hover { color: #528f5c; background-color: #fff; text-decoration: underline; }
xdiv.newsitem span.link_more { padding-top: 0; background-position: 0 4px; }

div.newsitem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.newsitem { display: inline-block; padding: 0 0 4px 0;}
/* Hide from IE-mac \*/
* html div.newsitem { height: 1%; }
div.newsitem { display: block; }
/* End hide from IE-mac */
div.newsitem h2 { padding: 0 0 1px 0;  }
div.newsitem img {  border: 0; margin-top: 3px; }
div.newsitem small { color: #528f5c; width:100%; }
div.newsitem p.smaller {  margin-left:100px; }
div.newsitem div.imagetext { margin-left: 100px; line-height: 90%; }
div.newsitem span.link_news { margin-bottom: 8px; background-image: url(/*VIPURL*/"../Images/global/link-arrow.gif"); background-repeat: no-repeat; background-position: 0 4px; padding-left:15px; padding-right:0; padding-top:1px; padding-bottom:0 }
div.newsitem span.link_news a, span.newslink a:visited { color: #00287b; text-decoration: none; padding: 0; }
div.newsitem span.link_news a:hover { color: #528f5c; background-color: #fff; text-decoration: underline; }
div.newsitem span.link_more { padding-top: 0; background-position: 0 4px; }

/* LIST ITEMS */
div.document_CMS ul.list,
div.document ul.list { margin: 0 0 0 4px; list-style: none; }
div.document_CMS ul.list li,
div.document ul.list li { background-image: url(/*VIPURL*/"../Images/draka_comteq/bullet-squares.gif"); background-repeat: no-repeat; background-position: 0 6px; padding-left:15px; padding-right:30px; padding-top:0; padding-bottom:0 }



/* BROWSER COMPATIBILITY CSS STYLES */

/* Anything after this line is unsupported and therefore hidden from older browsers like ie5 */
i{content:"\"/*"}



/* comteq style*/

#bodylayout * a:link,
#bodylayout * a:visited,
#bodylayout * a:active {
	color: #00287b;
	text-decoration: underline;
	padding: 0 1px;
}
#bodylayout * a:hover {
	background-color: #528F5C;
	color: #fff;
}

#bodylayout * ul {
	list-style: disc;
}


 div.isx_left {
	float: left;
	width: 350px;
	margin-right: 10px;
}

div.isx_left_small{

	float: right;
	width: 160px;
	

}

div.isx_right {
	float: left;
	width: 160px;
}
div.isx_largebox_left {
	width: 350px !important;
	font-size: 11px;
	color: #5d5a6d;
}
div.isx_largebox_left_top {
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	background: url(/*VIPURL*/"../Images/draka_comteq/boxlarge.png") no-repeat top;
}
div.isx_largebox_left table tr td{
	font-size: 11px;
	
}
div.isx_largebox_left_bottom {
	height: 20px;
	background: url(/*VIPURL*/"../Images/draka_comteq/boxlarge.png") no-repeat bottom;
}
div.isx_largebox_left_content h4 {
	margin: 0 0 5px;
	font-size: 12px;
}

div.isx_largebox_left_content img {
border:0;
}
div.isx_largebox_left_bottom h2 {
	color: #fff;
	font-size: 11px;
	margin: 0 0 0 5px;
	padding: 3px 0 0;
	height: 17px;
	float: left;
}
div.isx_largebox_left_bottom em {
	color: #fff;
	font-size: 11px;
	margin: 0 5px 0 0;
	padding: 4px 0 0;
	height: 16px;
	display: block;
	float: right;
	font-style: italic;
}
div.isx_largebox_left div.isx_largebox_left_content {
	margin: 0;
	padding: 2px;
	border-right: 1px solid #133a89;
	border-left: 1px solid #133a89;
	min-width: 344px;
	width: auto !important; 
	width: 350px;
	background-position: bottom;
	background-repeat: no-repeat;
}
div.isx_merdiumbox_left {
	width: 350px;
	height: 100px;
	background: url(/*VIPURL*/"../Images/draka_comteq/boxmedium.png") no-repeat;
	margin-bottom: 7px;
	font-size: 11px;
	color: #5d5a6d;
}
div.isx_merdiumbox_left h2 {
	color: #fff;
	font-size: 11px;
	padding: 0;
	margin: 0 0 0 5px;
	line-height: 19px;
	height: 20px;
	float: left;
}
div.isx_merdiumbox_left em {
	color: #fff;
	font-size: 11px;
	padding-top: 3px;
	margin-right: 5px;
	float: right;
	font-style: italic;
}
div.isx_merdiumbox_left_content {
	clear: both;
	font-size: 11px;
}
div.isx_merdiumbox_left div.isx_merdiumbox_left_content img {
	width: 140px;
	height: 75px;
	margin: 0 2px;
	float: left;
}
div.isx_merdiumbox_left div.isx_merdiumbox_left_content p {
	margin: 0 4px;
}
div.fixed_min_height {
	min-height: 367px;
	height: auto !important; 
	height: 367px;
}
div.isx_smallbox_right {
	width: 160px;
	height: 100px;
	overflow: hidden;
	background: url(/*VIPURL*/"../Images/draka_comteq/boxsmall.png") no-repeat;
	font-size: 11px;
	margin-bottom: 10px !important;
	color: #5d5a6d;
}
div.isx_smallbox_right h3 {
	color: #fff;
	font-size: 11px;
	padding: 0;
	height: 20px !important;
	line-height: 19px !important;
	margin: 0 0 0 5px;
}
div.isx_smallbox_right img {
	margin: 0 2px;
}
div.isx_smallbox_right p {
	margin: 0 2px !important;
	padding: 0 2px !important;
}
div.isx_text_right {
 	min-height: 68px;
	height: auto !important; 
	height: 68px;
	padding: 0 2px;
	color: #5d5a6d;
}
div.isx_text_right h4 {
	margin: 0 0 5px;
	font-size: 12px;
}
div.isx_text_right p {
	font-size: 11px;
}
div.isx_text_right img{
border:0;
}
div.isx_smallbox_left {
	width: 160px;
	height: 100px;
	overflow: hidden;
	background: url(/*VIPURL*/"../Images/draka_comteq/boxsmall.png") no-repeat;
	font-size: 11px;
	margin-bottom: 10px !important;
	color: #5d5a6d;
	margin-left: 10px;
}
div.isx_smallbox_left h3 {
	color: #fff;
	font-size: 11px;
	padding: 0;
	height: 20px !important;
	line-height: 19px !important;
	margin: 0 0 0 5px;
}
div.isx_smallbox_left img {

	margin: 0 2px;
}
div.isx_smallbox_left p {
	margin: 0 2px !important;
	padding: 0 2px !important;
}
div.isx_text_left {
 	min-height: 68px;
	height: auto !important; 
	height: 68px;
	padding: 0 2px;
	color: #5d5a6d;
	margin-left: 10px;
}
div.isx_text_left h4 {
	margin: 0 0 5px;
	font-size: 12px;
}
div.isx_text_left p {
	font-size: 11px;
}
