/* Opel WEB SHEET */
/* COPYRIGHT OTYS CORP 2003-2011 */
/* AUTHOR: Ota Hobst */
/* TEMPLATE: aCMSBUSJAB<Home>.HTML */

/****** FIRST BASE,BLOCKLEVELS ******/
body{
background: #121212 URL(../_images/opel_new/body_gradient.jpg) repeat-x 0% 0%;
text-align:center;
margin:0;
color:#666;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

img{
border:0;
}
a {
color: #000;
text-decoration:none;
font-weight: bold;
}
a:hover{
color: #FEBE10 !important;
text-decoration:none !important;
}
td,th,div{
text-align:left;
}
h1{
color: #FEBE10;
font-size: 26px;
text-transform: capitalize;
margin:0;
padding-bottom:0;
}
h2{
font-size: 14px;
font-weight: bold;
color: #5D5D5D;
margin:0;
padding-bottom:5px;
}
h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
input,textarea, select{
color:#000000;
font-size:11px;
background:#FFFFFF;
border:1px solid #ccc;
border-left: 2px solid #aeaeae;
border-top: 2px solid #aeaeae;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
}
li {
list-style-image: url(../_images/opel/teaser3ListDot.gif);
}
textarea{
overflow:auto;
}
hr{
color:#666666;
}
form{
margin:0;
padding:0;
}

/* HOOKS */

.hookOuter {
margin: 0 0 20px 0;
}
.hookHeader {
font-size: 18px;
line-height: 19px;
color: #333333;
margin: 0 0 25px 0;
font-weight: normal;
}
.hookItemContainer {
margin: 0 20px 5px 0;
padding: 0;
}
.hookItemTitle {
padding: 0 0 2px 0;
color: #333;
}
.hookOuter a:hover {
color: #000;
text-decoration: underline;
}
.hookItemTitle a {
color: #333 !important;
text-decoration: none;
font-size: 11px;
line-height: 17px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
}
.hookItemTitle a:hover {
color: #333 !important;
text-decoration: none !important;
border-bottom: 1px #FEBE10 solid;
}
.hookText {
color: #333;
font-size: 10px;
padding: 0 0 15px 0;
}
.hookText a {
color: #000;
font-style: normal;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}

.hookWord {
color: #333;
font-size: 11px
}
.hookItemWord {
height: 20px;
margin-left:15px;
}
.hookItemWord {
font-size: 10px;
color: #707070;
font-style: italic;
}
.hookItemWord label {
float: left;
display: block;
width: 75px;
padding: 2px 0 0 0;
}
.hookItemWord input {
float: left;
width: 120px;
}
.hookItemWord select {
float: left;
width: 124px;
}
#hooksContainer .hookButton input {
background: #f1f1f1;
color: #595959;
border: 0;
-moz-box-shadow: -4px 4px 2px #b2b2b2;
-webkit-box-shadow: -4px 4px 2px #b2b2b2;
box-shadow: -4px 4px 2px #b2b2b2;
border-radius: 3px;
font-size: 11px;
padding: 0 4px 1px 4px;
}

/****** LAYOUT DESIGN ******/

#canvasDiv {
margin: 0 auto;
width: 978px;
padding: 12px 0 0 0;
}
#headerContainer {
}
#logo {
margin: 14px 0 0 0;
}
#hlb2 {
height: 25px;
margin: 20px 0 0 8px;
}
#hlb2 a {
padding: 0 8px 0 8px;
float: left;
display: block;
color:#cfcfcf;
text-decoration: none;
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
border-right: 1px solid #cfcfcf;
}
#hlb2 a:hover {
color: #fff;
}
#hlb2Hider {
float: left;
background: #000000;
margin-left: -2px;
width: 2px;
height: 20px;
}
#logo {
float: right;
}

/* TEASER 1 */

.teaser1Outer {
clear: both;
height: 271px;
overflow: hidden;
}

/* MAIN */

#mainOuter {
background: #fff;
padding: 20px 21px;
}
#mainContainer {
border: 1px solid #ccc;
}

#contentContainer {
float: left;
width: 664px;
padding: 30px 15px 30px 0;
margin: 0 0 0 20px;
}
#contentFrame {
padding: 0 0 12px 0;
}
#contentFrame td, #contentFrame div {
line-height: 17px;
}
#contentFrame h1 {
line-height: 22px;
}
#contentFrame h2 {
line-height: 20px;
font-size:18px;
font-weight: normal;
}

/* TEASER3 */ 

.teaser3Outer {
margin-top: 30px;
}
.teaser3Outer .teaserColumn {
float: left;
margin: 0 20px 0 0;
width: 206px;
border: 1px solid #ccc;
padding: 0 0 12px 0;
}
.teaser3Outer .col3 {
margin: 0 -5px 0 0;
}
.teaser3Outer .hookOuter {
margin: 0;
}
.teaser3Outer .hookHeader {
margin: 14px 0 14px 12px;
}
.teaser3Outer .teaserText {
font-size: 10px;
color: #333333;
margin: 14px 12px 14px 12px;
}
.teaser3Outer ul {
margin: 0 0 0 13px;
padding: 0;
}
.teaser3Outer ul li {
list-style-image: URL("http://www.yourit.nl/automo/_images/opel/teaser3ListDot.gif");
margin: 0 0 5px 0;
}
.teaser3Outer .hookText {
padding: 0 10px 5px 12px;
color: #333333;
font-size: 10px;
}
.teaser3Outer .hookWord {
padding: 5px 0 5px 12px;
color: #333333;
font-size: 10px;
}
.teaser3Outer .hookInput {
padding: 0 0 0 12px;
}
.teaser3Outer .hookButton {
padding: 0 0 0 12px;
}

/* NETWORK */

#networkHookScreen{
overflow:hidden;
position:relative;
height:80px;
}
.networkHookRoll{
white-space:nowrap;
position:absolute;
top:0px;
display: table-row;
}
.networkHookRoll a{
height:80px;
line-height:80px;
display: table-cell;
vertical-align: middle;
border:1px solid transparent; /*ie7 hack*/
}
.networkHookRoll img{
border:none;
margin:0px 25px;
vertical-align: middle;
}

#hooksContainer {
background: #e9e8e8;
float: right;
width: 216px;
padding: 34px 0 20px 15px;
/* -moz-box-shadow: -3px 3px 2px #b2b2b2;
-webkit-box-shadow: -3px 3px 2px #b2b2b2;
box-shadow: -3px 3px 2px #b2b2b2; */
}

.hlb3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http://www.yourit.nl/automo/_images/opel/yellowArrow.gif") no-repeat scroll 4px 50% #FFFFFF;
    border-color: #B9BAB8;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    color: #333;
    display: block;
    font-size: 11px;
	font-weight: normal;
    margin: 10px 18px 10px 0;
    padding: 3px 10px 3px 20px;
    text-decoration: none;
}
.hlb3:hover {
color: #000;
text-decoration: underline;
}

.hlb3 a {
}

/* TEASER 2 */

.teaser2Outer {
background: #fff;
width:201px;
border: 1px solid #D7D7D7;
margin: 33px 0 0 0;
    padding: 0;
}
.teaser2Outer .hookHeader {
	font-size:15px;
}

.t2hookHeader {
background: none repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0 0 5px 12px;
}
.teaser2Outer .teaserItemPhoto {
margin: 0 0 10px 0;
}
.teaser2Outer .hookHeader {
margin: 0 0 0 12px;
}

.teaser2Outer .teaserText {
margin: 3px 0 0 12px !important;
}
.teaser2Outer a {
    background: url("http://www.yourit.nl/automo/_images/opel/yellowArrow.gif") no-repeat scroll 4px 50%;
    color: #333333;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 0px 10px 3px 20px;
    text-decoration: none;
}


/* WEBUSER */

.webUserHookInput input {
width: 150px;
}

/* FOOTER */

#footerContainer {
background: #000;
line-height: 46px;
height: 46px;
vertical-align: middle;
padding: 0 0 0 12px;
color: #cfcfcf;
font-weight: normal;
font-size: 10px;
}
#footerContainer a {
color: #cfcfcf;
padding: 0 0 0 14px;
}
#footerContainer a:hover {
color: #fff;
}
#tagline {
line-height: 25px;
vertical-align: middle;
margin: 0 14px 0 0;
}

/* SITE SPECIFIC STYLING */

/* BUTTON */

.teaser3Outer .button {
    /* margin: 10px 0 0 29px; */
	margin-top:10px;
}


.button, .vacancyButton {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http://www.yourit.nl/automo/_images/opel/yellowArrow.gif") no-repeat scroll 4px 50% #FFFFFF;
    border-color: #B9BAB8;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    color: #333333;
    font-size: 11px;
    margin: 10px 0;
    padding: 0 20px;
}

.roundedButtonLeft{
display:inline-block;
padding-left:3px;
background:url(../_images/opel_new/buttLeft.png) no-repeat 0% 50%;
}
.roundedButtonRight{
display:inline-block;
padding-right:3px;
background:url(../_images/opel_new/buttRight.png) no-repeat 100% 50%;
}
.buttonContainer input {
margin-right:0px;
}

.mafSubHeader {
padding-top: 15px;
}
.mafFi textarea {
width: 285px;
}

.category {
padding: 2px 4px;
margin: 0 0 10px 0;
background: #464646;
color: #fff;
}
.itemContainer {
padding: 4px;
margin: 0 0 10px 0;
border: 1px solid #ccc;
}
.itemTitle {
border-bottom: 1px solid #ccc;
padding: 0 0 4px 0;
margin: 0 0 4px 0;
}
.itemTitle a {
color: #666;
text-decoration: none;
}
.itemWord {
padding: 0 0 4px 0;
}
.itemDescription {
padding: 0;
margin: 0;
}

.contentMultiColLeftContainer{
float:left;
width:45%;
}
.contentMultiColRightContainer{
float:right;
width:45%;
}

/* MENU */

.menulist, .menulist  ul {
margin: 0;
padding: 0;
list-style: none;
}
.menulist {
margin: 28px 0 0 16px;
position:relative;
z-index:100;
}
.menulist ul {
background: #0b0c0d URL(../_images/opel_new/submenu_background.png) repeat-x 0% 0%;
display: none;
position: absolute;
top: 1.0em; 
margin-top: 16px;
left: -5px;
width: auto;
padding: 6px 0;
}
.menulist ul ul {
left: 150px;
z-index: 90;
position: absolute;
}
.menulist li {
float: left;
display: block;
position: relative;
}
.menulist ul li {
float: none;
margin: 0;
}
.menulist a {
display: block;
color: #fff;
text-decoration: none;
margin: 0 30px 0 0;
font-size: 18px;
font-weight: bold;
height: 28px;
}
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus, .menulist a.highlighted {
color: #febe10;
}
.menulist a .subind {
display: none;
}
.menulist ul a .subind {
display: block;
float: right;
}
.menulist ul li a {
font-size: 11px;
padding: 0 20px;
margin: 0;
float: none;
font-weight: normal;
line-height: 25px;
height: auto;
}
.menulist ul li a:hover, .menulist ul li a.highlighted:hover, .menulist ul li a:focus, .menulist ul li a.highlighted {
background: #878b8e;
color: #fff;
}
*:first-child+html .menulist ul li {
float: left;
width: 100%;
}
* html .menulist ul li {
float: left;
height: 1%;
}
* html .menulist ul a {
height: 1%;
}
.menulist li:hover>ul {
display: block;
}

.jslOuter {
padding-left:3px;
}

.jslFunctionName {
background:url("http://www.yourit.nl/automo/_images/opel_new/function.png") no-repeat scroll 0 70% transparent;
font-family:Verdana,Arial,Helvetica,sans-serif !important;
padding-lefT: 25px;
margin-left:-10px;
}

.jslTitle {
padding-left:17px;
background:url("http://www.yourit.nl/automo/_images/opel/yellowArrow.gif") no-repeat scroll 0 50% transparent;
color: #333;
}

.addthis_toolbox {
floaT:right;
padding-right:15px;
}

.addthis_toolbox.addthis_default_style span {
margin: 15px 4px;
}

.addthis_default_style .at300b, .addthis_default_style .at300m {
padding: 0 !important;
}
.at300bs {
background: #121212 URL(../_images/opel_new/share.png) no-repeat !important;
height:18px;
}

.rssHookbutton, .rssHookbutton {
floaT:right;
color: #CFCFCF !important;
border: 0 !important;
font-weight:bold;
background: URL(../_images/opel_new/rss.png) no-repeat !important;
margin-top: 14px;
height:18px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
.rssHookbutton:hover {
color: #FEBE10 !important
}

.text, .intro {
font-size: 11px;
}
.formInput input {
    width: 278px;
    padding: 5px 5px;
}

.custOuter .formInput input {
width:392px;
}
.custOuter .formInput textarea {
width:400px;
}
.custOuter .formInput select {
width:405px;
}
.custOuter .formInput .magicSelectParent input {
width: 375px;
}
.wSpImgCImg img {
	width: 150px !important;
}