/* HTML tags */
body, h1, h2, h3, form, input, ul, li { margin:0; padding:0;}
body { 
  font-family: verdana; 
  font-size:11px; 
  line-height: 1.5; 
}
h1 { font-size: 18px; color:#015a9c; text-transform:uppercase; }
h2 { font-size: 16px; color:#428aba; width: 198px; }
h1, h2, h3, h4, h5, h6 {font-family: "Century Gothic"; }
img { border:0px; }
a, a:active, a:visited, a:link, a:hover { color: #04599c; text-decoration: none; }
a:hover { text-decoration: underline; }



#container { 
  width: 100%; 
}



/* Styles voor header */
/* ===========================================================================  */

#header { 
  width: 100%; 
  position:relative; 
  height:110px; 
  background: #FFFFFF url(img/header.gif) left; 
}
#header span a { 
  width: 270px; 
  height: 110px; 
  display: block; 
} 
#header ul { 
  list-style: none; 
  position:absolute; 
  left:705px; 
  top:0; 
  margin:0;
}
#header ul li { 
  float: left; 
  margin-right: 4px; 
  padding: 4px 12px 7px 12px; 
  display:block; 
  background: url(img/tab-normal.gif) right no-repeat; 
}
#header ul li.contact { 
  background: url(img/tab-contact.gif) right no-repeat; 
  padding-bottom: 10px; 
} 
#header ul li.flexbanner { 
  background: none; 
  padding: 6px 12px 0px 0px; 
  clear: left;
} 
#header ul li a { 
  color:#fff; 
  font-size: 1.1em;
  font-weight: bold;
}

#container-header-bar { 
  width: 100%; 
  position:relative; 
  background: #FFFFFF url(img/header-bar.gif); 
}
#header-bar { 
  width: 1020px; 
  position:relative; 
  height:35px; 
  background: #FFFFFF url(img/header-bar.gif); 
}




/* Styles voor kolommen */
/* ===========================================================================  */

#container-kolommen { 
  position: relative; 
  clear: both;
  display: block;
}

#linkerkolom { 
  width: 780px;
  position: relative;
  left: 0px;
  top: 0px;
  padding:0px; 
  padding-top:5px; 
  background: #FFFFFF;
}

#rechterkolom { 
  position: absolute;
  left: 783px;
  top: 0px;
  width: 237px; 
  /*background:#015a9c;*/
}






/* Styles voor panels */
/* ===========================================================================  */


.cont_inactive, .cont_active { 
  width:730px; 
}
.cont_inactive { 
  position: absolute; 
  left: 20px;
  top: 0px;
  z-index: 1; 
  clear: both; 
}
.cont_active { 
  position: relative; 
  z-index: 2; 
  clear: both;
  padding-left:35px; 
}

		
#panel_markets.cont_active { 
  top: 90px; 
  padding-bottom: 90px;
}
#panel_products.cont_active { 
  top: 70px;
  padding-bottom: 70px;
}

.cont_inactive .content { 
  height: 330px;
}

.cont_inactive h1 { 
  color:#80accd; 
} 
.cont_inactive span, .cont_active span { 
  position:relative; 
  width: 12px; 
  height:12px; 
  margin-left:8px
}


.panel-inhoud { 
  background: #FFFFFF; 
  border: solid 2px #428aba; 
  border-left-width:3px; 
  border-right-width: 3px; 
}
.cont_inactive .panel-inhoud { 
  border-color: #a0c4dc;
}


.menu {
  width: 724px;
  font-family: "Century Gothic"; 
}
#panel_markets .menu {
  height: 40px;
}
#panel_products .menu { 
  height: 60px;
}
.cont_active .menu { 
  background: #04599c url(img/bg_active.gif) bottom no-repeat; 
}
.cont_inactive .menu {
  background: #81accd url(img/bg_inactive.gif) bottom no-repeat; 
}

.menu ul, ul#tabs_menu { 
  list-style: none; 
  margin:0; 
  padding:0; 
  float: left;
}

		
.menu ul li, ul#tabs_menu li { 
  float: left; 
  margin: 3px 0px 5px 8px; 
  display:block; 
  padding-right: 19px;  
}
		
#panel_products .menu ul li { 
  margin: 2px 12px 0px 8px; 
  padding-right: 25px;  
}

		
.cont_inactive .menu ul li a { 
  color:#ffffff;  
  font-weight: bold; 
  font-size: 11px;
}
.cont_inactive .menu ul li a, .cont_active .menu ul li a { 
  color:#fff; 
  font-weight: normal; 
}
.cont_inactive .menu ul li.active, .cont_active .menu ul li.active { 
  background: url(img/arrow_wit.gif) right 8px no-repeat;
}


#submenutitle { 
  width: 100%;
  height: 26px;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  background: #05a3d5;
  color:#ffffff; 
  font-size: 20px; 
  font-weight: bold;
  text-transform:uppercase; 
  display: block;
}
#submenutitle h1 { 
  margin: 0px;
  padding: 0px;
  padding-bottom: 3px;
  margin-left: 12px;
  color:#ffffff; 
  font-size: 20px; 
  font-weight: bold;
  text-transform:uppercase; 
}
#submenutitle h1 sup { 
  font-size: 0.65em;
  margin: 0px;
  padding: 0px;
  
}		
#content-left, #content-right {
  width: 331px; 
  padding-left: 15px;
  padding-bottom: 10px;
  float: left; 
  display: block;
}

#content-left {
  padding-right: 15px;
}

#content-right {
}

.content {
  padding-top: 15px;
  display: block;
}

#content-full-width {
  width: 692px;
  padding-left: 15px;
  padding-bottom: 10px;
  float: left;
}

#left-height-thing {
  width: 1px;
  height: 286px;
  float:left;
  display: block;
}


#tabs_menu { 
  display: none;
}
.productenblock {
  padding-top: 12px;
  padding-left: 15px;
}
.product { 
  width: 331px; 
  height: 130px;
  float: left; 
  margin: 5px 10px 5px 5px; 
  padding: 0px; 
}
.product img { 
  float: left; 
}
.product_content { 
  width: 208px; 
  float: right; 
  top:-2px;
}
.product_content h2 {
  border-bottom: 2px solid #04599c;
}


div.workcontent {
  width: 2190px;
}


#work {
  height: 320px;
  width: 100%;
  overflow: hidden;
  background: transparent scroll left top;
}


#work div.productenblock {
  width: 715px;
  height: 320px;
  float: left;
  background: transparent none no-repeat scroll 0%;
}



		a.more,a:visited.more { background: url(img/more.gif) left 3px no-repeat; padding-left:20px; float: right; color: #04599c; }
		
		.inactive { display: none; }
		

		#foto {  background:#015a9c; text-align: center; }
		#nieuws { height: 210px; background: #015a9c url(img/bg_news.gif) center bottom no-repeat; padding: 15px 10px 20px 10px; }
			#nieuws h1 { color: #fff; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; border-bottom: solid 1px #fff; width: 190px; }
			#nieuws_content { margin: 10px; color: #fff; line-height: 1.75em; }
			
		#ipex-logo { padding: 10px 0; text-align: center;}
		
		.prev { padding-left: 30px; background: url(img/prev.gif) left 5px no-repeat; }
		a.prev, a.next { color: #fff; }
		.next {padding-left: 30px; background: url(img/next.gif) left 5px no-repeat;}
		






/* Styles voor footer */
/* ===========================================================================  */

#footer {
  padding-left: 18px;
  width: 990px; 
  clear: both;
  background: #FFFFFF;
}

#footermenu {
  height: 22px;
  clear: both;
  overflow: hidden;
  line-height: 22px;
  color:#015a9c; 
  position: relative;
  z-index: 10; 
}
ul#footermenu  {
  margin: 0px; 
  margin-left: 15px;
  padding: 0px;
  list-style: none;
  text-align: left;
  font-family: "Century Gothic"; 
}
ul#footermenu li {
  margin: 0px; 
  padding: 0px;
  margin-left: 6px;
  margin-right: 6px;
  display: inline;
  text-transform: uppercase;
}

ul#footermenu li.marginphone { 
  margin-left: 33px; 
}






/* Styles voor content */
/* ===========================================================================  */

.csc-header h1 {
  font-size: 16px;
  margin: 0px;
  padding: 0px;

}

p.bodytext {
  margin: 0px;
  margin-top: 5px; 
  margin-bottom: 10px; 
  padding: 0px;

}

.csc-textpic-caption {
  font-size: 10px;
  color: #666666;
}

.content ul {
  margin-left: 20px;
  display: block;
  padding-bottom: 10px;
}







/* CLASSES */
.clear { 
  clear: both; position: relative;
}

#activemenu ul li.ui-tabs-selected{
	background: url(img/arrow_wit.gif) right 7px no-repeat;
}
#activemenu ul li.ui-tabs-selected a {
 	font-weight: bold;
}
.ui-tabs-hide {
	display: none;
}






dl.news-latest-item {
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
}

.news-latest-item dt {
  float: left;

}

.news-latest-item dd {
  margin-left: 81px;
}


/* commented backslash hack for mac-ie5 \*/
/* .news-latest-item dt { clear: both; } */
/* end hack */


.news-latest-gotoarchive {
  margin-top: 7px;
}

.news-list-item p.bodytext {
  margin-bottom: 0px;
}
.news-list-morelink {
  margin-bottom: 20px;
}

.news-single-subheader {
  font-weight: bold;
}






/* Styles voor mailform */
/* ===========================================================================  */

.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
	border: 0;
}
/*
.csc-mailform-field label {
	display: inline;
}
.csc-mailform-radio label {
	display: inline;
}
.csc-mailform-radio legend {
	display: none;
}
*/

label {
  width: 120px;
  padding-left: 10px;
  text-align: right;
}

input, textarea {
  font-size: 11px;
  border: 1px solid #999999;
}

.csc-mailform-field {
  width: 320px; 
  margin-left: 10px;
  overflow: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.csc-mailform-field label {
  float: left;
}

.csc-mailform-field input, .csc-mailform-field textarea {
  font-size: 11px;
  float: none;
  margin-top: 2px;
  margin-left: 10px;
  border: 1px solid #999999;
}
.csc-mailform-submit {
	margin-left: 130px;
}