/*
Theme Name: Amandis
Theme URI: http://wax.be
Author: WAX
Author URI: http://wax.be
Description: 
Version: 1.0
License: /
License URI: /
Tags: /
Text Domain: Amandis
*/
/*****************************************************/
/*** Predefined definitions / Clearfix / CSS Reset ***/
/*****************************************************/

/* Clearfix
   http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Predfined declaration of website styles */
html { background: url(images/bg-rptr-paper.jpg) left top repeat; }
body { font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#000; background: url(images/bg-rptr-blue.png) left top repeat-x; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'DinEngSchrift';  text-transform: uppercase; }

h1 { font-size:20px; }
h2 { font-size:20px; color:#0d5086; padding: 3px 0 5px 0; }
h3 { font-size:18px; }
h4 { font-size:14px; color:#0d5086; }
h5 { font-size:13px; }
h6 { font-size:13px; }

.hidden { display: none; }

p { padding-bottom:15px; }
em { font-style: normal; }

/* Comment this rule if you want to see the outline of anchor elements. Tip: Make outline visible for page content anchors. */
a { color: #155086; outline:none; }

blockquote { margin-bottom: 10px; font-style: italic; border-bottom: 1px solid #DDE3E6; }
blockquote p { padding-bottom: 10px; }
.lFloat { float:left; }
.rFloat { float:right; }

.center { position:relative; margin:0 auto; width:990px; }

ul { margin:0 0 15px 25px; list-style:square; }
ol { margin:0 0 15px 25px; list-style:decimal; }

@font-face {
    font-family: 'DinBold';
    src: url('fonts/din-bold-webfont.eot');
    src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont.woff') format('woff'),
         url('fonts/din-bold-webfont.ttf') format('truetype'),
         url('fonts/din-bold-webfont.svg#HelveticaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DinLight';
    src: url('fonts/din-regular-webfont.eot');
    src: url('fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular-webfont.woff') format('woff'),
         url('fonts/din-regular-webfont.ttf') format('truetype'),
         url('fonts/din-regular-webfont.svg#HelveticaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DinEngSchrift';
    src: url('fonts/dinengschrift-regular-webfont.eot');
    src: url('fonts/dinengschrift-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinengschrift-regular-webfont.woff') format('woff'),
         url('fonts/dinengschrift-regular-webfont.ttf') format('truetype'),
         url('fonts/dinengschrift-regular-webfont.svg#HelveticaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*********************************/
/*** Start project styles here ***/
/*********************************/

#wrapper { padding:0 0 15px; width:990px; min-height: 800px; background: #fff; -webkit-box-shadow: #ccc 0 2px 10px; -moz-box-shadow: #ccc 0 2px 10px; box-shadow: #ccc 0 2px 10px; }

header { overflow: hidden; position: relative; height: 158px; padding:10px 15px 0 15px; background: url(images/bg-header.jpg) left top no-repeat; font-family: 'DinLight'; }
header.home { height: 444px; }
header #logo { margin-bottom:75px; width: 150px; }
header #logo a { text-indent: -9999px; background: url(images/logo.png) left top no-repeat; width: 271px; height: 98px; display: block; }
header #industry { position: absolute; right: 0; top: 85px; font-size:15px; color: #0d5086; text-transform: uppercase; }
header #industry a { color: #0d5086; text-decoration: none; }
header #industry h1 { height: 30px; margin-left: 4px; display: none; line-height: 23px; font-family: 'DinEngSchrift'; text-align:right; padding-right:15px; }
header #industry ul { margin: 0; list-style: none; }
header #industry li { background: url(images/industry-nav-rptr.gif) right top repeat-y; display: block; float: left; }
header #industry li a { padding:16px 16px 0; height: 24px; display: block; float: left; line-height: 11px; }
header #general { position: absolute; left: 15px; top: 128px; height: 40px; color: #fff; text-transform: uppercase; font-size: 15px; background: #0d5086; width: 960px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
header #general ul { margin: 0; list-style: none; }
header #general li { border-right:1px solid #577484; display: block; float: left; }
header #general li a { padding:16px 15px 0; color: #fff; text-decoration: none; height: 24px; line-height: 12px; display: block; float: left; }
header #slideshow { position: absolute; bottom: 0; left: 15px; padding: 0; width: 960px; height: 270px; overflow: hidden; }
header #bannerframe { overflow: hidden; position: absolute; top: 0; left: 0; height: 270px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
header #slideshow article { overflow: hidden; position: relative; width: 960px; height: 270px; }
/*header #slideshow article h1 { position: absolute; left: 0; bottom: 0; width: 960px; height: 35px; margin: 0; font-size:19px; font-family: 'DinEngSchrift'; line-height: 37px; text-transform: uppercase; background: #25aae1; background: rgba(37, 170, 225, 0.7); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 99;}
header #slideshow article h1 a { display: block; color: #fff; text-decoration: none; width: 700px; padding-left: 35px; display: block; background: url(images/banner_arrow.gif) 14px 15px no-repeat;  }
*/
header #slideshow img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#ft-title-bannerframe {opacity:100 !important; position: absolute; left: 0; bottom: 0; width: 960px; height: 35px; margin: 0; font-size:19px; font-family: 'DinEngSchrift'; line-height: 37px; text-transform: uppercase; background: #25aae1 !important; background: rgba(13, 80, 134, 0.7) !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 99;}
#ft-title-bannerframe a { display: block; color: #fff; text-decoration: none; width: 925px; padding-left: 35px; display: block; background: url(images/banner_arrow.gif) 14px 15px no-repeat;  }

div.social{
	margin-left:291px;
}
.tweet-icon {
    background-image: url("http://www.webyte.be/sites/all/themes/websupport/images/social/twitter.png");
    background-position: 0 0;
    float: left;
    height: 26px;
    margin-left: 10px;
    width: 26px;
}
.tweet-icon:hover {
    background-image: url("http://www.webyte.be/sites/all/themes/websupport/images/social/twitter.png");
    background-position: 0 -26px;
    height: 26px;
    width: 26px;
}
.facebook-icon {
    background-image: url("http://www.webyte.be/sites/all/themes/websupport/images/social/facial.png");
    background-position: 0 0;
    float: left;
    height: 26px;
    margin-left: 10px;
    width: 26px;
}
.facebook-icon:hover {
    background-image: url("http://www.webyte.be/sites/all/themes/websupport/images/social/facial.png");
    background-position: 0 -26px;
    height: 26px;
    width: 26px;
}
.linkedin-icon {
    background-image: url("http://www.webyte.be/sites/all/themes/websupport/images/social/in.png");
    background-position: 0 0;
    float: left;
    height: 26px;
    margin-left: 10px;
    width: 26px;
}
.linkedin-icon:hover {
    background-image: url("http://www.webyte.be/sites/all/themes/websupport/images/social/in.png");
    background-position: 0 -26px;
    height: 26px;
    width: 26px;
}
#label{
	position:absolute;
	top:0px;
	right:150px;
	background:transparent url("http://www.webyte.be/sites/all/themes/websupport/images/belme.gif") no-repeat 50% 50%;
	width:180px;
	height:34px;
	line-height:33px;
	z-index:999;
	text-align:center;
	padding:5px;
	text-transform:uppercase;
	font-size:12px;
}
#label a{color:#FFF; text-decoration:none;}

section { padding: 15px; font-family: 'DinLight'; font-size: 15px; line-height: 1.4; }
.col { overflow: hidden; float:left; }
.col_left { width: 280px;}
.col_right { width: 666px; margin-left: 14px; }
.col_right_full { width: 960px; margin-left: 0; }
.col .article-title { position: relative; overflow:hidden; color: #fff; height: 36px; line-height: 38px; text-indent: 13px; text-transform: uppercase; font-family: 'DinEngSchrift'; text-shadow: 1px 1px 2px #1b7da6; filter: dropshadow(color=#1b7da6, offx=1, offy=1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #567586; /* Old browsers */
background: -moz-linear-gradient(left,  #567586 0%, #a4c2d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#567586), color-stop(100%,#a4c2d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #567586 0%,#a4c2d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #567586 0%,#a4c2d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #567586 0%,#a4c2d1 100%); /* IE10+ */
background: linear-gradient(to right,  #567586 0%,#a4c2d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#567586', endColorstr='#a4c2d1',GradientType=1 ); /* IE6-9 */
}
.col .article-content { padding: 13px; color: #666; background: url(images/col_bg.gif) 0 0 repeat-x; }
.col .extra-content { padding: 0 13px; color: #666; }

/* home */

#homebox1 .article-content { padding-top: 10px; }
.joblist {overflow: hidden; margin: 0; }
.joblist li { display: block; border-bottom: 1px solid #dde3e6; }
.joblist li a { display: block; text-decoration: none; padding: 13px 0 10px 0;}
.joblist li.last { border: none; }
.joblist li span { display: block; text-transform: uppercase; color: #0d5086;}

#homebox3 .article-content { padding-top: 0; }
.selectlist {overflow: hidden; margin: 0; }
.selectlist li { display: block; padding-left: 35px; border-bottom: 1px solid #dde3e6; background: url(images/selectlist_bg.gif) 0 13px no-repeat; }
.selectlist li a { display: block; text-decoration: none; text-transform: uppercase; color: #0d5086; padding: 15px 0 15px 0;}
.selectlist li.last { border: none; }

.home .col_left { width: 280px; margin-right: 15px; }
.home .col_right { width: 280px; margin-left: 15px; }
.home .col_center {width: 370px; }

/* jobs */
.widget_CxJobs {padding-top: 0 !important;}
.widget_CxJobs ul {overflow: hidden; margin: 0; }
.widget_CxJobs ul li { display: block; border-bottom: 1px solid #dde3e6; height: 60px; }
.widget_CxJobs ul li a { display: block; text-decoration: none; text-transform: uppercase; color: #0d5086; padding: 13px 0 10px 0;}
.widget_CxJobs ul li.last { border: none; }
.widget_CxJobs .widgettitle {display: none; }

.cx_detailDiv h2.cx_h2 {font-weight: normal !important;}

.cx_detailDiv .cx_button, .cx_detailDiv .cx_button_disabled { padding: 7px 10px 5px 10px !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; background-color:#0d5086 !important; border-color:#0d5086 !important; border-style:solid !important; cursor: pointer !important; color: #fff !important; text-transform: uppercase !important; text-decoration: none !important; margin-top: 10px !important;}

.cx_detailDiv .cx_button_disabled{background-color:#d4d0c8 !important; border-color: #d4d0c8 !important; cursor:default !important;color: #aaa !important}

/* view */

.sub-menu {overflow: hidden; margin: 0; }
.sub-menu li { display: block; padding-left: 35px; border-bottom: 1px solid #dde3e6; background: url(images/selectlist_bg.gif) 0 13px no-repeat; }
.sub-menu li a { display: block; text-decoration: none; text-transform: uppercase; color: #0d5086; padding: 15px 0 15px 0;}

.industrialmenu {overflow: hidden; margin: 0; }
.industrialmenu li { display: block; padding-left: 35px; border-bottom: 1px solid #dde3e6; background: url(images/selectlist_bg.gif) 0 13px no-repeat; }
.industrialmenu li a { display: block; text-decoration: none; text-transform: uppercase; color: #0d5086; padding: 15px 0 15px 0;}

.newslist {overflow: hidden; margin: 0; }
.newslist li { display: block; padding-left: 35px; border-bottom: 1px solid #dde3e6; background: url(images/selectlist_bg.gif) 0 13px no-repeat; }
.newslist li a { display: block; text-decoration: none; text-transform: uppercase; color: #0d5086; padding: 15px 0 15px 0;}

/* teaser (news ...) */

.teaserlist {overflow: hidden; list-style: none; margin: 0;}
.teaserlist li {display: block; overflow: hidden; margin-bottom: 20px;}
.teaserlist a {text-decoration: none; }
.teaser-image {display:inline-block; overflow:hidden; width: 208px; height: 137px; float:left; margin-right: 15px; padding: 1px; border: 1px solid #dde3e6;}
.teaser-image img {display: block;}
.teaser-title { display: block; float: left; width: 413px; font-size:20px; font-weight: normal; font-family: 'DinEngSchrift';  text-transform: uppercase; color:#0d5086; padding: 0 0 5px 0; }
.teaser-date {font-weight: bold; margin-right: 5px;}
.teaser-more {display: block; float: left; height: 32px; background: url(images/readmore_bg.gif) 0 0 repeat-x; width: 413px; margin-top: 15px; font-size:20px; font-weight: normal; font-family: 'DinEngSchrift';  text-transform: uppercase; color:#0d5086; line-height: 34px; padding: 0 0 5px 0; }
.teaser-more span {display: block; float: left; width: 20px; height: 32px; background: url(images/readmore_arrow.gif) 5px 13px no-repeat; }

/* teaser (jobs ...) */

.teaserjob-title { width: 630px;}
.teaserjob-more {width: 640px; text-align: right;}
.teaserjob-more span {float: right;}
.teaserjob-excerpt p {padding-bottom: 0;}
.job-content {margin-top: 20px;}

/* Job form */
#job-form form { padding-top: 20px; }
#job-form div.wpcf7-response-output { margin: 0; }
#job-form .row { padding-bottom: 5px; }
#job-form label { font-weight: bold; font-size: 13px; }
#job-form input, #job-form textarea { padding: 8px 12px; border: 1px solid #aaa; width: 280px; }
#job-form textarea { width: 380px; }
#job-form input:focus { border-color: #666; }
#job-form .CV input { padding: 0; border: 0 none; }
#job-form .button { padding-top: 20px; }
#job-form .button input { padding: 10px 14px; cursor: pointer; color: #fff; font-size: 14px; width: auto; background: #0d5086; border: 0 none; }

/* footer */

footer { display:block; clear: both; color: #fff; font-size:13px; text-transform: uppercase; }
footer .space { margin:0 15px; background: #0d5086; }
footer a { color: #fff; text-decoration: none; }
footer span { padding:5px 15px; display: block; float:left; width: 260px;}
footer nav { display: block; float: right; width: 500px; }
footer nav li { display: block; float: right; }
footer nav li a { padding:5px 15px; border-left:1px solid #577484; display: block; float: left; }
footer nav li a.first { border-left: 0; }
footer ul{ margin: 0;}
.menu-footer-container { overflow:hidden; float: right;}