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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background: transparent url('/images/body.png') repeat-x scroll top left; 
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    min-width: 800px; 
	line-height: 1;
}

a {
	text-decoration: none;
	color: #008cbe;
}

h1 {
	clear: left;
	color: #008cbe;
	font-size: 20px;
	margin-bottom: 5px;
	margin-top:10px;
}

h2 {
	clear: left;
	color: #008cbe;
	font-size: 16px;
	margin-top: 20px;
}

body li { line-height:1.5em; }

/***************************************************
 Header
****************************************************/

#wrpheader {
width:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
}

body.content #wrpheader {
height:210px;
background:url('/images/header.png') no-repeat top center;
}
body.home #wrpheader {
height:380px;
background:url('/images/body-home.png') repeat-x 0 0;
}


    body.home #wrpheader.person-1-bg {
    background:url('/images/body-1.png') repeat-x 0 0;
    }
    body.home #wrpheader.person-2-bg {
    background:url('/images/body-2.png') repeat-x 0 0;
    }
    body.home #wrpheader.person-3-bg {
    background:url('/images/body-3.png') repeat-x 0 0;
    }
    body.home #wrpheader.person-4-bg {
    background:url('/images/body-4.png') repeat-x 0 0;
    }

    #wrpheader .inner {
    display:block;
    position:relative;
    width:960px;
    height:380px;
    margin:0 auto;
    }
    .hidden {
    visibility:hidden;
    display:none;
    }
    
    #person-1 a,
    #person-2 a,
    #person-3 a,
    #person-4 a {
    display:block;
    position:absolute;
    width:210px;
    height:270px;
    z-index:99;
    }
    
    .bgimage,
    #bgimage-all {
    width:1100px;
    height:380px;
    position:absolute;
    top:0px;
    left:-80px;
    }
    
    #bgimage-all {
    background:url('/images/header-home.png') no-repeat;
    }
    
    #person-1 a {
    top:60px;
    left:-40px;
    }
    #person-1 .bgimage {
    background:url('/images/header-home-1.png') no-repeat;
    }
    
    #person-2 a {
    top:60px;
    left:170px;
    }
    #person-2 .bgimage {
    background:url('/images/header-home-2.png') no-repeat;
    }

    #person-3 a {
    top:60px;
    left:380px;
    width:160px;
    }
    #person-3 .bgimage {
    background:url('/images/header-home-3.png') no-repeat;
    }
    
    #person-4 a {
    top:60px;
    left:540px;
    }
    #person-4 .bgimage {
    background:url('/images/header-home-4.png') no-repeat;
    }

a#logo-oxxio {
width:160px;
height:94px;
display:block;
position:absolute;
z-index:99;
right:0;
background:url('/images/logo.png') no-repeat 0 0;
}
body.content a#logo-oxxio {
top:10px;
}
body.home a#logo-oxxio {
top:100px;
}

    a#logo-oxxio span {
    visibility:hidden;
    }

/***************************************************
 Nav
****************************************************/


#nav {
position:absolute;
background: transparent url('/images/navbar.png') repeat-x scroll top left;
height: 52px;
width:100%;
}
body.content #nav {
top:117px;
}
body.home #nav {
top:328px;
}

    #nav h2#nav-header {
    display: none;
    }
    #nav ul {
    padding-top:17px;
    position:relative;
    margin:0 auto 0 auto;
    width: 900px;
    }
        #nav li {
        display: inline;
        float: left;
        padding: 0 5px;
        }
        #nav li.first {
        }
        #nav li.active {
        padding: 0;
        }
            #nav li a{	
            color: #fff;	
			background-position: 0 1px !important;
            display: block;
            font-weight: bold;
            font-size: 14px;
            margin-top: 0;
            overflow:hidden;
            }
            #nav li.active a{
            color: #484848;
            float: left;
            }
            #nav .btnHome {
            width:79px;
            height:35px;
            overflow:hidden;
            background: transparent url('/images/nav/nav-home.png') no-repeat 0 1px;
            }
            #nav .btnEnergiekeWerkgever {
            width:170px;
            height:35px;
            overflow:hidden;
            background: transparent url('/images/nav/nav-energieke-werkgever.png') no-repeat 0 1px;
            }
            #nav .btnEnergiekWerken {
            width:142px;
            height:35px;
            overflow:hidden;
            background: transparent url('/images/nav/nav-energiek-werken.png') no-repeat 0 1px;
            }
            #nav .btnVacatures {
            width:96px;
            height:35px;
            overflow:hidden;
            background: transparent url('/images/nav/nav-vacatures.png') no-repeat 0 1px;
            }
            #nav .btnContact {
            width:82px;
            height:35px;
            overflow:hidden;
            background: transparent url('/images/nav/nav-contact.png') no-repeat 0 1px;
            }
            #nav a.organisatie {
            width:90px;
            height:30px;
            background:url('/images/nav/nav-organisatie.png') no-repeat 0 0;
            }
            #nav a.ambities {
            width:90px;
            height:30px;
            background:url('/images/nav/nav-ambities.png') no-repeat 0 0;
            }
            #nav a.werkvelden {
            width:90px;
            height:30px;
            background:url('/images/nav/nav-werkvelden.png') no-repeat 0 0;
            }
            #nav a.oxxio-en-maatschappij {
            width:160px;
            height:30px;
            background:url('/images/nav/nav-oxxio-en-maatschappij.png') no-repeat 0 0;
            }
            #nav a.carriere {
            width:75px;
            height:30px;
            background:url('/images/nav/nav-carriere.png') no-repeat 0 0;
            }
            #nav a.groeien {
            width:68px;
            height:30px;
            background:url('/images/nav/nav-groeien.png') no-repeat 0 0;
            }
            #nav a.arbeidsvoorwaarden {
            width:150px;
            height:30px;
            background:url('/images/nav/nav-arbeidsvoorwaarden.png') no-repeat 0 0;
            }
            #nav a.oxxianen-vertellen {
            width:140px;
            height:30px;
            background:url('/images/nav/nav-oxxianen-vertellen.png') no-repeat 0 0;
            }
            #nav a.stage-en-afstuderen {
            width:150px;
            height:30px;
            background:url('/images/nav/nav-stage-en-afstuderen.png') no-repeat 0 0;
            }
            #nav a.sollicitatieprocedure {
            width:148px;
            height:30px;
            background:url('/images/nav/nav-sollicitatieprocedure.png') no-repeat 0 0;
            }
            #nav a.open-sollicitatie {
            width:122px;
            height:30px;
            background:url('/images/nav/nav-open-sollicitatie.png') no-repeat 0 0;
            }
            #nav a.adres-en-route {
            width:112px;
            height:30px;
            background:url('/images/nav/nav-contact-adresenroute.png') no-repeat 0 0;
            }
            #nav li ul li a:hover,
            #nav li ul li.active a {
            background-position:0 -30px !important;
            }
	
	#nav ul li a:link,
	#nav ul li a:visited,
	#nav ul li a:hover,
	#nav ul li a:active {
	float:left;
	display:block;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	}

	#nav ul li.active a,
	#nav ul li.hover a {
	background-position: left bottom !important;
	color:#484848;
	}
	#nav ul li.active li a,
	#nav ul li.hover li a {
			background-position: 0 3px !important;
	}
    #nav li ul li a:hover,
    #nav li ul li.active a {
    background-position:0 -27px !important;
    }
	
	#nav ul li a:hover {
	color:#018dbf;
	}
	
		#nav ul ul {
		position:absolute;
		top:52px;
		left:-30px;
		display:none;
		border-bottom: solid 1px #d3d3d3;
		width: 960px;
		padding-top:8px;
		}
		#nav ul li.active ul {
		display:block;
		}
		html #nav a:hover ul {
		display:block !important;
		}
		
		#nav ul ul li a {
		color:#484848; /* alle links op dit niveau moeten grijze kleur hebben */
		}
		
#nav li a span {
	visibility: hidden;
}


/***************************************************
 Wrapper
****************************************************/
#wrapper {
	float:left;
	height:auto;
	width:100%;
}

#content-wrapper {
    height:100%;
    margin: 420px auto 0 auto;
    overflow: visible;
    width: 960px;
}

body.content #content-wrapper{
	margin-top: 239px;
}

#content-wrapper .column {	
    /*width:630px;*/
}


#content-wrapper #content-header {
    height: 252px;
    margin-bottom: 20px;
    overflow: visible;
}

#content-wrapper #content-header img {
   
}

/***************************************************
 Main
****************************************************/

#main .w630 {	
    width:630px;
}

#main {
	margin-right: 270px;
	padding-right: 20px;
}

#main p {
	line-height: 200%;
	margin-bottom: 10px;
}

#main p.pre-header {
	margin-bottom: 0;
}

#main p a {
	text-decoration: underline;
}

#main p img{
	float: left;
	margin-right: 20px;	
}

#main .main-right {
	float: right;
	width: 350px;
}

#main .main-left {
	width: 305px;
}
#main .main-box {height:250px;}
#main .main-box h2 {margin-top:0px;}
#main .box-footer {background:url('/images/box-footer-left_long.gif') no-repeat scroll left bottom transparent; height:9px; margin-right:9px; margin-top:0;}
#main .box-left {width:329px; float:left;}
#main .box-right {width:300px; float:left; padding-left: 10px;}
#main .box-right img {border:none; float:none; padding-right:5px;}
/***************************************************
 Sidebar
****************************************************/

#sidebar {
    float: right;
    width: 270px;
    
}

body.home #sidebar {
    margin-top: -150px;
    position: relative;
    z-index: 9999;
}

/* sidebar overlays content header */
.overlay-ch {
	display: block;
	left:-40px;
	margin-top:-80px;
	position:relative; 
}

/***************************************************
 Footer
****************************************************/
#footer {
	clear: both;
	background: #fff url('/images/footer-gradient.png') repeat-x scroll center bottom;
}

#footer div.links {
	float: right;
	margin-top: 15px;
}

#footer-bg {
	background: #fff url('/images/footer-bg.png') no-repeat scroll center bottom !important;
	height: 90px;
	margin: 30px auto 0 auto;
	width: 1100px;
}

#footer h3.bekijk-ook,
#footer a {
	color: #fff ;
}

#footer ul {
	list-style: none;
}

#footer ul#menu {
	float: right;
}

#footer ul#menu li{
	float: left;
	margin-right: 20px;
}

#footer div.bekijk-ook {
	clear: both;
}

#footer ul.bekijk-ook li {
	border-right: solid 1px #FFF;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}

#footer ul.bekijk-ook li.last {
	border-right: 0;
}

#footer img {
	float: right;
	margin-right: 90px;
	margin-top: 15px;
}

#footer #ie6-image {
	display: none;
}

#footer h3.bekijk-ook {
	margin-right: 30px;
}

#footer div.bekijk-ook {
	float: right;
	width:347px;
}

#footer h3.bekijk-ook ,
#footer ul.bekijk-ook {
	float: left;
	margin-top: 10px;
}

/***************************************************
 Boxes
****************************************************/
.no-header-box,
.box {
	margin-bottom: 15px;
}

#main .no-header-box {
	margin-bottom: 0px;
}

.no-header-box {
	background: transparent url('/images/box-border-top-l.gif') no-repeat scroll left top;
	padding-top: 5px;
}

.box .box-header{
	background: transparent url('/images/box-header-left.png') no-repeat scroll left top;
	height: 30px;
	padding-left: 10px;
	margin-right: 9px;
}

.box .box-header h3,
.box .box-header span {
	display: block;
	float: left;
}

.box-header span.box-border-r {
	background: transparent url('/images/box-header-right.png') no-repeat scroll left top;
	float: right;
	height: 30px;
	margin-right: -9px;
	width: 9px;
}

.no-header-box span.box-border-r {
	background: transparent url('/images/box-border-top-r.gif') no-repeat scroll right top;
	float: right;
	height: 5px;
	margin-top: -5px;
	width: 9px;
}

.box .box-title {
	color: #008CBE;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	margin: 9px 0 0 0;
}

.box-content {
	background: #FFF;
	border: solid 1px #d1d1d1;
	border-top: 0;
	border-bottom: 0;
	margin-bottom: -1px;
}

div.box-content {
	padding: 10px;	
}

.box ul.box-content {
	border: none;
	margin: -10px;
}

.box ul.box-content li {
	border-top: solid 1px #d2d5d6;
	padding-left: 0px;
	padding-top: 0px;
}

.box ul.box-content li a.odd {
	background-color: #f2f2f2;
}

.box ul.box-content a {
    background-position: 10px 10px;
	padding: 10px 10px 10px 30px;
}

.box-footer {	
	background: transparent url('/images/box-footer-left.gif') no-repeat scroll left bottom;
	height: 9px;
	margin-top: 0px;
	margin-right: 9px;
}

.box .box-footer span {
	display: block;
	float: left;
}

.box-footer span.box-border-l,
.box-footer span.box-border-r {
	float: left;
	height: 9px;
	margin-top: 0px;
	width: 9px;
}

.box-footer span.box-border-r {
	background: transparent url('/images/box-footer-right.gif') no-repeat scroll left bottom;
	float: right;
	margin-right: -9px;
}

.box ul {
	list-style: none;
}
.box img.medewerker {float:left; padding-right:5px;}
.box img.medewerker, .box img.quote {
	vertical-align: top;
}

.box ul.listcontent,
#vacdetail ul
{
    list-style-type:none;
    margin-left:0px;
}

.box ul.listcontent li,
#vacdetail ul li
{ 
	padding:0px 0px 0px 13px !important;
	background-image:url('/images/dot_orange.png');
	background-repeat: no-repeat;
	background-position: 0px 5px; 
}

.box h3.intro {
	color: #484848;
	margin-bottom: 10px;
}

/***************************************************
 Forms
****************************************************/

fieldset#solliciteren ul li {
	margin-bottom: 5px;
}

fieldset#vacature-details label,
fieldset#solliciteren label {
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
	width: 120px;
}
fieldset#vacature-details ul li
{
    
	padding: 20px 0px 0px 0px !important;
	margin-left:0px !important;	
}
/*fieldset#vacature-details .view-value
{
    border:solid 1px red;
    float:left;
}*/
fieldset#solliciteren .info {
	margin-left: 120px;
	vertical-align: top;
}

fieldset#solliciteren input.field,
fieldset#solliciteren textarea.field {
	border: 0;
	vertical-align: top;
	width: 261px;
}

fieldset#solliciteren textarea.field {
	background: transparent url('/images/form-textarea.gif') no-repeat scroll left bottom;
	height: 61px;
	margin: 0;
	padding: 5px;
	overflow: auto;
}

fieldset#solliciteren input.field {
	background: transparent url('/images/form-input.gif') no-repeat scroll left top;
	display: inline-block;
	height: 20px;
	padding: 5px 5px 0 5px;
	width: 251px;
}

fieldset#solliciteren .fileinput input {
	width: 350px;
}

fieldset#solliciteren span.input-corner-r {
	background-image: url('/images/form-input-corner-r.gif');
	display: inline-block;
	height: 25px;
	margin-left: -5px;
	width: 5px;
}

fieldset#solliciteren span.textarea-corner-r {
	background: transparent url('/images/form-textarea-corner-r.gif') no-repeat scroll left bottom;
	display: inline-block;
	height: 71px;
	margin-left: -15px;
	width: 5px;
}

fieldset#solliciteren input#versturen {
	margin-left: 270px;
}

fieldset#solliciteren .comment {
	clear: both;
	color: #008cbe;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-left: 395px;
}

fieldset#solliciteren .info {
	color: #7f7f7f;
	font-weight: bold;
}

input#versturen {
	border: 0;
	color: #ededed;
	font-size: 0;
	height: 25px;
	padding-top: 10px;
	width: 118px;	
}

/***************************************************
 Misc
****************************************************/

.bulleted {
	background: transparent url('/images/btn_arrow_right_type1.png') no-repeat scroll center left; 
	color: #292929;
	display: block;
	font-weight: bold;
	padding: 6px 0 0 20px;
	min-height: 16px;
}
.bulleted:hover {background: transparent url('/images/btn_arrow_right_type1_over.png') no-repeat scroll center left; }
ul#vacatures,
ul#news {
	list-style: none;
}

ul#vacatures li,
ul#news li {
	margin-bottom: 	10px;
}

ul#vacatures .bulleted {
	color: #484848;
	font-size: 13px;
	font-weight: bold;
	height: auto;
	margin-bottom: 0;
	background-position:0px 6px;
}

a.more-videos {
	margin: 10px 0 5px 195px;
}

img.linkedin-logo,
a.linkedin {
	display: inline;
}

a.linkedin {
    padding-top: 1px;
}

a.rss {
	background: transparent url('/images/rss.png') no-repeat scroll top left; 
	display: block;
	color:#292929;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	padding: 4px 0 0 25px;	
}

img.linkedin-logo {
	margin-right: 13px;
	margin-left: 5px;
	vertical-align:middle;
}

span.prev,
span.next {	
	display: block;
	font-weight: bold;	
}

span.next {
	background: transparent url('/images/round-arrow-right.png') no-repeat scroll center right; 
	float: right;
	padding: 5px 20px 0 0;	
}

span.prev {
	background: transparent url('/images/round-arrow-left.png') no-repeat scroll center left;
	float: left;
	padding: 5px 0 0 20px; 
}

span.prev-top {
	margin-bottom: 20px;
}

.people-list img {
	height: 260px;
	margin-top: 6px;
}

.people-list .person {
	float: left;
	height: 270px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 192px;
}

.people-list div.metadata {
	float: left;
}

.people-list div.metadata-border-r {
	background: transparent url('/images/metadata-border-r.png') no-repeat scroll top left;
	float: right;
	height: 80px;
	margin-right: 3px;
	width: 11px;
}

.people-list ul.metadata {
	background: transparent url('/images/metadata-border-l.png') no-repeat scroll top left;
	color: #FFF;
	float: left;
	height: 66px;
	list-style: none;
	margin-left: 3px;
	padding: 7px 10px;
	position: relative;
}

.people-list .metadata .name,
.people-list .metadata .age {	
	font-weight: bold;
}

.people-list .column1,
.people-list .column2,
.people-list .column3,
.people-list .column4,
.people-list .column5 {
	float: left;
}

.people-list .column1 a{
	background: transparent url('/images/people-list-1.png') no-repeat scroll top left;
	width: 203px;
	overflow:hidden;
}
.people-list .column2 a{
	background: transparent url('/images/people-list-2.png') no-repeat scroll top left;
	width: 192px;
	overflow:hidden;
}
.people-list .column3 a{
	background: transparent url('/images/people-list-3.png') no-repeat scroll top left;
	width: 176px;
	overflow:hidden;
}
.people-list .column4 a{
	background: transparent url('/images/people-list-4.png') no-repeat scroll top left;
	width: 188px;
	overflow:hidden;
}
.people-list .column5 a{
	background: transparent url('/images/people-list-5.png') no-repeat scroll top left;
	width: 175px;
	overflow:hidden;
}

.people-list .column1 a:hover {
	background-image: url('/images/people-list-1-hover.png');
}

.people-list .column2 a:hover {
	background-image: url('/images/people-list-2-hover.png');
}

.people-list .column3 a:hover {
	background-image: url('/images/people-list-3-hover.png');
}

.people-list .column4 a:hover {
	background-image: url('/images/people-list-4-hover.png');
}

.people-list .column5 a:hover {
	background-image: url('/images/people-list-5-hover.png');
}

.people-list div.metadata {
	margin-top: 190px;
}

.people-list .column1 div.metadata {
	margin-left: -203px;
	width: 203px;
}

.people-list .column2 div.metadata {
	margin-left: -192px;
	width: 192px;
}

.people-list .column3 div.metadata {
	margin-left: -176px;
	width: 176px;
}

.people-list .column4 div.metadata {
	margin-left: -188px;
	width: 188px;
}

.people-list .column5 div.metadata {
	margin-left: -176px;
	width: 175px;
}

.people-list .column1 ul.metadata {
	width: 166px;
}

.people-list .column2 ul.metadata {
	width: 155px;
}

.people-list .column3 ul.metadata {
	width: 139px;
}

.people-list .column4 ul.metadata {
	width: 151px;
}

.people-list .column5 ul.metadata {
	width: 138px;
}
/***************************************************
news 
****************************************************/
#news-list h3 {
	font-weight: bold;
	margin-bottom: 5px;
}

#news-list p {
	margin-bottom: 5px;
}

#news-list .news-footer {
	display:block;
	margin: 10px -13px 0 -13px;
	border-top: solid 1px #d1d1d1;
	padding: 10px 0 0 80px;
}

#news-list .ui-tabs .ui-tabs-nav li a {
	padding: 0;
}

/***************************************************
oxxianen vertelen
****************************************************/

.oxxianen { 
width:937px;
margin-bottom:20px;
margin-top:10px;
overflow:hidden;
}
.oxxianen a {
display:block;
height:267px;
margin:0;
padding:0;
overflow:hidden;
float:left;
}
.oxxianen a span {
/*visibility:hidden;*/
}
.oxxianen .josselien,
.oxxianen .frank {
width:203px;
}
.oxxianen .jasper,
.oxxianen .minas,
.oxxianen .benigna {
width:192px;
}
.oxxianen .sander ,
.oxxianen .marco {
width:176px;
}
.oxxianen .karin ,
.oxxianen .soraya {
width:188px;
}
.oxxianen .stephanie ,
.oxxianen .kees-jan {
width:177px;
}
.oxxianen a.josselien {
background:url('/images/oxxianen/josselien.png') no-repeat 0 0;
}
    .oxxianen a.josselien:hover {
    background:url('/images/oxxianen/josselien_hover.png') no-repeat 0 0;
    }
.oxxianen a.frank {
background:url('/images/oxxianen/frank.png') no-repeat 0 0;
}
    .oxxianen a.frank:hover {
    background:url('/images/oxxianen/frank_hover.png') no-repeat 0 0;
    }
.oxxianen a.minas {
background:url('/images/oxxianen/minas.png') no-repeat 0 0;
}
    .oxxianen a.minas:hover {
    background:url('/images/oxxianen/minas_hover.png') no-repeat 0 0;
    }

.oxxianen a.jasper {
background:url('/images/oxxianen/jasper.png') no-repeat 0 0;
}
    .oxxianen a.jasper:hover {
    background:url('/images/oxxianen/jasper_hover.png') no-repeat 0 0;
    }
.oxxianen a.benigna {
background:url('/images/oxxianen/benigna.png') no-repeat 0 0;
}
    .oxxianen a.benigna:hover {
    background:url('/images/oxxianen/benigna_hover.png') no-repeat 0 0;
    }
.oxxianen a.sander {
background:url('/images/oxxianen/sander.png') no-repeat 0 0;
}
    .oxxianen a.sander:hover {
    background:url('/images/oxxianen/sander_hover.png') no-repeat 0 0;
    }
.oxxianen a.marco {
background:url('/images/oxxianen/marco.png') no-repeat 0 0;
}
    .oxxianen a.marco:hover {
    background:url('/images/oxxianen/marco_hover.png') no-repeat 0 0;
    }
.oxxianen a.karin {
background:url('/images/oxxianen/jasper_panhuis.png') no-repeat 0 0;
}
    .oxxianen a.karin:hover {
    background:url('/images/oxxianen/jasper_panhuis_hover.png') no-repeat 0 0;
    }
.oxxianen a.soraya {
background:url('/images/oxxianen/soraya.png') no-repeat 0 0;
}
    .oxxianen a.soraya:hover {
    background:url('/images/oxxianen/soraya_hover.png') no-repeat 0 0;
    }
.oxxianen a.stephanie {
background:url('/images/oxxianen/stephanie.png') no-repeat 0 0;
}
    .oxxianen a.stephanie:hover {
    background:url('/images/oxxianen/stephanie_hover.png') no-repeat 0 0;
    }
.oxxianen a.kees-jan {
background:url('/images/oxxianen/kees-jan.png') no-repeat 0 0;
}        
    .oxxianen a.kees-jan:hover {
    background:url('/images/oxxianen/kees-jan_hover.png') no-repeat 0 0;
    }        

.oxxianen-vertellen {
	height: 251px;
	overflow: hidden !important;
	position: relative;
	margin-bottom:40px;
}

.oxxianen-vertellen-Blue {
	background: transparent url('/images/oxxianen-header-blue.png') no-repeat scroll top left;
}

.oxxianen-vertellen-Red {
	background: transparent url('/images/oxxianen-header-red.png') no-repeat scroll top left;
}

.oxxianen-vertellen-Purple {
	background: transparent url('/images/oxxianen-header-purple.png') no-repeat scroll top left;
}

.oxxianen-vertellen-Green {
	background: transparent url('/images/oxxianen-header-green.png') no-repeat scroll top left;
}

.oxxianen-vertellen #quote {
	margin-left: 60px;
	padding-top: 50px;
	width: 350px;
}

.oxxianen-vertellen #quote span{
	clear: both;
	display: block;
}

.oxxianen-vertellen #quote span.main-quote {
	color: #fff;
	font-size: 25px;
}

 .oxxianen-vertellen #quote span.sub-quote {
	color: #fff;
	font-size: 14px;
}

.oxxianen-vertellen img {
	margin-top: -100px;
	margin-left: 470px;
}

.oxxianen-vertellen ul#metadata li {
	clear: both;
}

.oxxianen-vertellen ul#metadata {
	float: left;
	list-style: none;
	position: absolute;
	right: 30px;
	top: 30px;
	width:220px;
}

.oxxianen-vertellen ul#metadata span,
.oxxianen-vertellen ul#metadata label {
	color: #fff;
}

.oxxianen-vertellen ul#metadata span.name,
.oxxianen-vertellen ul#metadata span.age {
	display: block;
	float: left;
	font-size: 16px;
	margin-bottom: 10px;
}

.oxxianen-vertellen ul#metadata label {
	display: block;
	float: left;
	width: 60px !important;
	padding-top:4px;
	padding-bottom: 10px;
}

.oxxianen-vertellen ul#metadata span.name {
	display: block;
	float: left;
	padding-right: 10px;
}

.oxxianen-vertellen .details-img {
	display: inline;
}

body.content #main {
	margin-right: 300px;
	min-height:150px;
}

#main ul.listcontent {
    list-style-type:none;
    margin-left:0px;
}

#main ul.listcontent li {
    padding: 0px 0px 10px 13px !important;
	background-image:url('/images/dot_orange.png');
	background-repeat: no-repeat;
	background-position: 0px 5px; 
}

.indicators div {
	background: transparent url('/images/news-pager-inactive.gif') no-repeat scroll top left;
	float: left;
	height: 10px;
	margin-right: 5px;
	width: 10px;
}

.indicators div.active {
	background: transparent url('/images/news-pager-active.gif') no-repeat scroll top left;
}

a.pCarouselPrev,
a.pCarouselNext,
.indicators {
	float: left;
}

.indicators {
	margin-top:3px;
}

a.pCarouselPrev {
	margin-left: 10px;
}

a.pCarouselNext,
.indicators {
	margin-left: 30px;
}

.controls {
	border-top:1px solid #D1D1D1;
    float:left;
    height:100px;
    margin-left:-8px;
    padding-top:15px;
}

.news h3 {
	font-weight: bold;
	margin-bottom: 5px;
}

.news h3,
.news p
 {
	margin-left: 0px;
}

.news .bulleted {
	margin-top: 10px;
	margin-left: 0px;
	background-position: 0px 6px;
}

.box-content .contact2 {
	margin-top:40px;
}

.marginTop20 {
margin-top:20px;
}
.marginTop10 {
margin-top:10px;
}
.clearboth {
clear:both;
}




#feedback {
clear:both;
margin:10px 0 0 125px;
padding:10px;
background-color:#e6980e;
color:White;
width:264px;
}
    #feedback ul {
    margin:10px 0;
    }
    #feedback ul li {
    margin-left:15px;
    list-style-type:square;
    }
    
/*social media*/
h3.mtwitter, h3.mlinkedin, h3.myoutube {
background-image:url("/images/social_icons_small.gif");
background-repeat:no-repeat;
padding-bottom:1px;
padding-left:24px;
padding-top:2px;
line-height:19px;
font-weight:bold;
}
h3.mtwitter a, h3.mlinkedin a, h3.myoutube a {text-decoration:none;}
h3.mtwitter { background-position:left top;} 
h3.mlinkedin { background-position:left center;} 
h3.myoutube { background-position:left bottom;}
.linkedintekst {font-weight:normal; line-height:18px !important; vertical-align:top; float:left;}
/*news rss*/
.jcarousel-skin-oxxio .jcarousel-item-horizontal {
margin-bottom:10px;
}
.jcarousel-skin-oxxio .jcarousel-item {
height:180px;
}
.jcarousel-skin-oxxio .jcarousel-clip-horizontal {
height:230px;
}
span.persoon 
{
    color:#fff;
    font-weight:bold;
    font-size:12px; 
    margin-top: 191px;
    width: 180px;
    display: block;
    padding-left: 10px;
    }
img.floatleft {float:left; padding-right:10px; padding-top:5px;}
.tweetitem, .newsitem {border-bottom: solid 1px #D1D1D1; line-height: 200%;}
.tweet-box h2{margin-top:0px; margin-bottom:10px;}

.tweetbox {height:100%;}
.boxopen, .boxopennews {background:url("/images/btn_panel_plus.png") no-repeat top left; height:36px; width: 37px; margin-left: -27px; cursor:pointer;}
.boxclose, .boxclosenews {background:url("/images/btn_panel_minus.png") no-repeat  top left; height:36px; width: 37px; margin-left: -27px;  cursor:pointer;}
.newsbox {height:100%;}

p.quote, p.contact {line-height: 15px;}