@charset "utf-8";
/*
*
* Stylesheet for <but.be>
*
* @copyright B.U.T <http://www.but.be>
* @author name <Koen Veestraeten - koenv_at_but.be>
* body: #333333
* orange: #f55f24
* cmosis color: #6c9192

*
*/





/* Reset 
----------------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, images, ins, input, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/* background: transparent; */
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: none;
}

/* General 
----------------------------------------------------------------------------------------------------*/


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	background: #f7f7f6 url(/assets/images/css/bg_page.gif) repeat-x;
	color: #333333;
}

/* typography */
		/* first for IE 6/7/8 */
			/*@font-face {
				font-family: DINWebBold;
				src: url(/assets/css/fonts/DINWeb-Bold.eot);
			}
			@font-face {
				font-family: DINWebMedium;
				src: url(/assets/css/fonts/DINWeb-Medium.eot);
			}*/

			/* then for Mozilla browsers -> Firefox */
			/*@font-face {
				font-family: DINWebBold;
				src: url(/assets/css/fonts/DINWeb-Bold.woff) format('woff');
			}
			@font-face {
				font-family: DINWebMedium;
				src: url(/assets/css/fonts/DINWeb-Medium.woff) format('woff');
			}*/

			/* general style definitions */
			/*h2, h3, h4, h4.info, h4.support, .download { 
				font-family: DINWebBold, Arial, Helvetica, sans-serif;
				font-weight: bold; 
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
				zoom:1;
			}*/
			/*h1 { 
				font-family: DINWebMedium, Arial, Helvetica, sans-serif;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
				zoom:1;
				 
			}*/
			/*@media all and (web-fonts: "truetype") {
			  h1, h2, h3, h5 { 
			    letter-spacing: 0em;
			  }
			}*/

/* heading */

h1 {
	color: #f55f24;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 35px;
	line-height: 1;
}
h2 {
	font-size: 16px;
	color: #6c9192;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 5px;
	
}
h3 {
	font-size: 14px;
	color: #6c9192;
	
	margin-top: 30px;
	margin-bottom: 0px;
	text-transform:uppercase;
}
h4 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 5px;
	text-transform:uppercase;
	color: #f55f24;
	line-height: 1.3;
}
h5 {
	font-weight: bold;
	color: #6c9192;
	margin-bottom: 10px;
}

h4.latest {
	text-transform:uppercase;
	color: #f55f24;
	border-top: 1px solid #ECECEC;
	padding-top: 30px;
}

p{
	margin-bottom: 20px;
	
}

/* links */

a {
	text-decoration: none;
}

a:link, a:visited{
	color: #6c9192;
	border-bottom: 1px solid #bacccc;
}

a:hover {
	color: #6c9192;
	border-bottom: 1px solid #6c9192;
}

a:active, a:focus {
	color: #000000;
	border-bottom: 1px solid #000000;
}
a.no_underlines { 
	border-bottom: none !important;
}

img.mail_icon {
	vertical-align:middle;
	margin-right: 5px;
}

table {
	width: 100%;
	height: 100%;
	margin: 10px 0 50px 0;
	border: 1px solid #eaeaea;
}

th {
	padding: 5px;
	text-align: left;
	background-color: #f7f7f6;
	border-right: 1px solid #eaeaea;
	white-space: nowrap;
	/*border-bottom: 1px solid #000;
	background-image: url(/assets/images/css/th_bg.gif);*/
		
}

tr {
	
}

td {
	font-size: 11px;
	padding: 5px;
	/*background-color: #f7f7f6;*/
	border: 1px solid #eaeaea;
}

#maincontent ul {
	margin-bottom: 20px;
}

#maincontent li {
	padding-left: 17px;
	background-image: url(/assets/images/css/list_style_image.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	margin-bottom: 15px;
}
#maincontent ol {
	list-style-type: decimal;
	padding-left: 30px;
	margin-top: 10px;
	}
#maincontent ol li {
	list-style-position:outside;
	padding-left: 0;
	background: none;
	margin-bottom: 15px;
}

#maincontent table ul {
	margin: 0;
	
	}
#maincontent table li {
	padding-left: 0;
	background-image: none;
	margin-bottom: 0;
}
#maincontent table p {
	margin-bottom: 0;
}


#maincontent ul.pdf_list li{
	padding-left: 23px;
	background-image: url(/assets/images/css/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	margin-bottom: 0;
	white-space: nowrap;
	line-height: 18px;
}


.fullwidth{

	width:100%;
	overflow:hidden;
	clear:both;
}




/* masthead
----------------------------------------------------------------------------------------------------*/
div#mastheadwrap {
	
	height: 134px ;


}
div#masthead {
	width: 950px;
	height: 134px ;
	margin: 0 auto;


}


/* Top
----------------------------------------------------------------------------------------------------*/
div#logoholder{

	height: 100px;
	background-color: #FFFFFF;
	position:relative;
}
	img.CMOSIS_logo {
		margin-top: 20px;
		margin-left: 4px;
		float:left
	}





					/* Search box 
					----------------------------------------------------------------------------------------------------*/
					
					form, fieldset {
						padding: 0;
						border: 0;
					}
					
					#searchbox {
						width: 245px;
						height: 29px;
						background: url(/assets/images/css/bg_searchbox.gif) no-repeat top left;
						margin: 0;
						float:right;
						display: inline; /* ie6*/
					}
					
						#searchbox #keywords {
							float: left;
							padding: 0;
							margin: 6px 0 0 29px;
							width: 164px;
							background: none;
							border: none;
							font-size: 11px;
							color: #958f8a;
						}
						
						#searchbox #submit {
							float: right;
							margin: 7px 30px 0 0;
							width: 15px;
							height: 14px;
						}
						
						#searchbox legend {
							display: none;
						}
					
			
			


/* Main navigation 
----------------------------------------------------------------------------------------------------*/

#mainwrap{


	width: 950px;
	padding: 0;
	height: 34px;
	color: #FFF;
	font-weight:bold;
	font-size: 11px;
	text-transform:uppercase;
	position:absolute;
	z-index:100;


}
		#main li {
			list-style-type: none;
			list-style-image: none;
			list-style-position: outside;
			float: left;
			margin-right: 0px;
			height: 34px;
			position:relative;
			z-index: 101;
		}
		
				#main li a{
					background-image:url(/assets/images/css/menu_separator.png);
					background-repeat:no-repeat;
	    			background-position:right;
					color:#FFF;
					display:block;
					padding: 0 20px;
					line-height: 34px;
					border-bottom: none;
				}
				#main li.here a, #main li.parent_here a, #main li.herelast a{
					background-image: url(/assets/images/css/bg_navigation_selected.gif);
					background-repeat:no-repeat;
	    			background-position:right;
					/*background-color: #5c7c7d;*/
					border-bottom: none;
				}
				
				#main li a:hover{
					background-image: url(/assets/images/css/bg_navigation_rollover.gif);
					/*background-color: #5c7c7d;*/
					text-decoration: none;
				}
				
				#main li.here a:hover, #main li.herelast a:hover{
					/*background: url(/assets/images/css/bg_navigation_selected.gif);*/
					/*background-color: #5c7c7d;*/
				}
				
		

			/* Submenu
			----------------------------------------------------------------------------------------------------*/	
	
			#main li:hover ul {
				display:block;
			

			}
			
			#main li ul {
				position: absolute;
				left: 0px;
				top: 33px;
				width: 200px;
				background-color: #9bcbcb;
				z-index: 6000;
				display: none;
				
			}
			
			#main li ul li {
				display: block;
				clear:left;
				height: 25px;
				
			}
			
			#main li ul li a {
				background-image:none;
				width: 160px;
				display: block;
				text-decoration: none;
				color: #333333;
				font-weight: normal;
				line-height: 25px;
			}
			#main li.here ul li a, #main li.parent_here ul li a, #main li.herelast ul li a {
				background-color: #9bcbcb;
				background-image: none;
			
			}
			#main li ul li a:hover, #main ul li.here ul li a:hover {
				background-color: #6c9493;
				background-image: none;
				color:#FFF;
			}
			#main li.parent_here ul li a:hover {
				background-color: #5c7c7d;
				background-image: none;
				font-weight:bold;
				color: #FFF;
			}
			#main li ul li.here a,  #main ul li ul li.here a:hover, #main li ul li.herelast a {
				background-color: #5c7c7d;
				background-image: none;
				font-weight:bold;
				color: #FFF;
				cursor:default;
			}
			#main li ul li ul{
				display:none;
				visibility: hidden;
			}
			#nav ul li ul li{
				display: none;
			}






	
/* Masthead images 
----------------------------------------------------------------------------------------------------*/

.header_image {
	background: no-repeat center;
	height: 130px;
	overflow:hidden;

}

/* Breadcrumb 
----------------------------------------------------------------------------------------------------*/
div#breadcrumb {
	width: 940px;
	height: 32px;
	padding: 0;
	color:#8b7f74;
	font-size:11px;
	margin: 0 auto;
	line-height: 32px;
}




#breadcrumb a {
    height:32px;
	line-height: 32px;
    background-image:url(/assets/images/css/breadcrumb_separator.gif); 
    background-repeat:no-repeat; 
    background-position:right;
	display:inline-block;	
    padding-right: 25px;
	margin-right: 10px;
    text-decoration: none;
    color:#8b7f74;
	border-bottom: none;
}

	#breadcrumb a:visited {
		color: #8b7f74;
	}
	#breadcrumb a:hover {
		color: #f55f24;
	}

/* centered wrap  */
div.inner{
	margin: 0 auto;
	width: 940px;
}

/* Content 
----------------------------------------------------------------------------------------------------*/
.maincontentwrap{
	background-color:#FFFFFF;
	padding-top: 40px;
}

		#maincontainer{
			background: url(/assets/images/css/bg_sidebar.gif) no-repeat 619px bottom;	
			min-height: 400px;
		}


		#maincontent{
			width: 570px;
			padding-right: 50px;
			padding-bottom: 40px;
			float:left;	
			display: inline;

		}
		#contact #maincontent{
			width: 590px;
			padding-right: 30px;
		}
		#sidebar{
			width:300px;
			padding-top: 10px;
			padding-left: 20px;
			padding-bottom: 40px;
			margin-left: 620px;
			font-size: 11px;
		}
		#sidebar h2{	
			margin-top: 0;
			margin-bottom: 30px;
		}
		#sidebar ul{
			margin-bottom: 20px;
		}

		.formwrap {
		width: 280px;
		margin-right: 40px;
		float: left;
		
		}
		/* grid */
		.column{
			width:280px;
			margin-right: 40px;
			float:left;
			display: inline;
			
		}
		.alpha{

		}
		.beta{

		}
		.gamma{
			margin-right: 0px;
		}
		/* / grid */
		
		/* News 
		----------------------------------------------------------------------------------------------------*/
		#maincontent ul.newslist li, #maincontent ul.eventlist li {
			padding-left: 0;
			background-image: none;
		}
	
		ul.newslist li, ul.eventlist li {
			width: 100%;
			padding: 20px 0;
			border-bottom: 1px solid #ECECEC;
			margin-bottom: 0;

		}
		ul.newslist h2, ul.eventlist h2{
			font-size: 16px;
			color: #6c9192;
			font-weight: bold;
			padding: 0;
			margin: 0;
		}
		
		ul.newslist h2 a, ul.eventlist h2 a{
			border-bottom: none;
		}
		
		ul.newslist img {
			float: left;
			display:inline;
			background:url(/assets/images/css/thumb_bg.gif) no-repeat 0 0;
		 	padding:6px;
		 	border: none;
		}
		
		ul.newslist li h4{
			margin: 0;
			padding: 0;
		}
		ul.newslist li h2, ul.newslist li p {
			margin-left: 90px;
		}
		ul.newslist p.date {
			margin-bottom: 10px;
		}
		
		.news_image {
			float: right;
			border: 1px solid #ECECEC;
			margin-left: 20px;
			margin-bottom: 10px;
		}
		
		/* Facilities
		----------------------------------------------------------------------------------------------------*/
		.facilities_images {
			margin: 0 auto;
			width: 405px;
		}
		/* Product Details
		----------------------------------------------------------------------------------------------------*/
		#product_detail #sidebar{
			padding-top: 60px;
		
		}
		#product_detail #sidebar, #product_detail ul.shortcuts li{
			font-size: 12px;
		}
		
		/* Publications
		----------------------------------------------------------------------------------------------------*/
		#maincontent h3.collapse {
			border-top: 1px solid #ECECEC;
			padding-top: 20px;
		}
		
		/* Contact
		----------------------------------------------------------------------------------------------------*/
		#contact #sidebar {
			padding-top: 60px;
		
		}
		
		#contact .boxwrap {
			font-size: 11px;
		}
		
		.contact_details{
			margin-bottom: 40px;
		}
		
		.contact_reply {
			padding: 5px;
			border: 1px solid #cbd3d3;
			background-color: #e8efeb;
			color: #6c9192;
			text-align: center;
			font-weight: bold; 
		}
		.contact_info {
			
			overflow: hidden;
			float: left;
			width: 270px;
			display: inline;
		}
		
		
		/* Image positioning
		----------------------------------------------------------------------------------------------------*/
		.align_left {
			float: left;
			margin: 0 20px 10px 0;
		}
		
		.space_bottom {
			margin-bottom: 45px;
		}
		
		/* images */
		 div.images{
		 	width:165px;
		 	float:left;
		 	margin-right: 20px;
		 	}
		 div.images img{
		 	background:url(/assets/images/css/images_bg.gif) no-repeat 0 0;
		 	padding:6px;
		 	border: none;
		 }
		.product_image {
			float: right;
			margin-left: 10px;
		}
		
		.more {
			padding-top: 20px;
			line-height: 1.8;
			font-size:12px;
		}
		a.download{
			display: block;
			width: 207px;
			height: 49px;
			background:url(/assets/images/css/download_bg.gif) no-repeat 0 0;
			padding:20px 20px 15px 80px;
			border-bottom: none;
			margin-left: -3px;
		}
		.flyer{
			display: block;
			font-size: 14px;
			font-weight: bold;	
		}
		
/*Icons*/
h2.info, h4.info{
	background: url(/assets/images/css/icon_info.png) no-repeat 0px 2px;
	padding-left: 30px;
}	
h4.news, h2.news{
	background: url(/assets/images/css/icon_news.png) no-repeat 0px 2px;
	padding-left: 30px;
}	
h2.support, h4.support{
	background: url(/assets/images/css/icon_support.png) no-repeat 0px 2px;
	padding-left: 30px;
}
h5.other{
	background: url(/assets/images/css/icon_other.png) no-repeat;
	padding-left: 25px;
	margin: 20px 0 20px 0;
}

/*shortcuts */
ul.shortcuts li{
	padding: 0;
	border-bottom: 1px solid #e0e0de;
	color: #333;
	font-size: 14px;

}


ul.shortcuts li a{
	color: #333;
	border-bottom: none;
}	
ul.shortcuts li a:hover{
	color: #f55f24;
}
	ul.newscomponent li{
		font-size: 11px;
		padding: 5px 0;
	}	

/* Box */
.boxwrap {
	width: 302px;
	margin: 0 0 30px -3px;
	font-size: 12px;
}

.boxhead {
	display: block;
	padding: 25px 15px 2px 20px;
	width: 267px;
	background: url(/assets/images/css/box_head.png) no-repeat left top;
}

.boxfoot {

	background: url(/assets/images/css/box_footer.png) no-repeat left bottom;
	display: block;
	height: 25px;
}

.boxwrap h3 {
	margin-top: 0;
	margin-bottom: 5px;
}

em, .boxwrap em {
	color: #6c9192;
	font-style: normal;
}

/* Pagination 
----------------------------------------------------------------------------------------------------*/

#maincontent ul.pagination li {
	float: left;
	margin-right: 10px;
	background-image: none;
	padding-left: 0;
}


/* Subcontent 
----------------------------------------------------------------------------------------------------*/
.subcontentwrap{
	background: url(/assets/images/css/bg_subcontent.gif) repeat-x;

}
		#subcontainer{
			background: url(/assets/images/css/bg_subcontainer.gif) no-repeat;

		}	

/* / subcontent */


.summary{
	font-size: 14px;
	color: #000;

}
.date {
	color:#699292;
	font-size: 11px;
	margin-bottom: 0;
}
.event_date{
	color:#f55f24;
	font-size: 12px;
	margin-bottom: 0;
}

/* Footer 
----------------------------------------------------------------------------------------------------*/
#footer {
	width: 940px;
	height: 30px;
	font-size: 11px;
	margin: 55px auto 30px auto;
	padding: 10px 0;
	border-top: 1px solid #dededd;
	color: #999999;
	clear:both;
	background:	transparent;
}

#footer.purge_height {
	margin-top: 0px;
	border-top: none;
}

#footer a {
	color: #999999;
	border-bottom:none;
}
#footer a:visited {
	color: #999999;
	border-bottom:none;
}
#footer a:hover {
	color: #333;
	border-bottom: 1px solid #333;
}
#footer a:active {
	color: #000;
	border-bottom: 1px solid #000;
}

#footer p {
	float: left;
	width: 200px;
}

#footer_links{
	float: right;
	display: inline;
}

	#footer_links span {
		padding: 0 5px;
	}
	
	
	.address, .phone {
		margin-right: 50px;
	
	}
	.email {
		/*margin-right: 110px;*/
	}
	
/* Forms 
----------------------------------------------------------------------------------------------------*/
a.button {
    background: transparent url(/assets/images/css/btn_right.gif) no-repeat scroll top right;
    color: #E3ECCC;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 20px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	float:right;
}
a.button:visited {
	color: #E3ECCC;
 	text-decoration: none;
}
a.button:hover {
	color: #FFF;
 	text-decoration: none;
}

a.button span {
    background: transparent url(/assets/images/css/btn_left.gif) no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 18px;
} 
a.mail{
	/*image added by jquery*/
}
form#businessunit_selector{
	background: url(/assets/images/css/worldmap.gif) no-repeat 0px 20px;
	width:260px;
}
	#businessunit_selector p{
		margin-bottom: 45px;
	}
	
label {
	display:block;
	font-size: 11px;
	margin-bottom:3px;
}

select{
	margin-bottom: 20px;
	width:260px;
	background: transparent;
	background: url(/assets/images/css/bg_select.png) ;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}