File: D:/HostingSpaces/RClaassen/stay-on-track.nl/wwwroot/style/vacature.css
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color: #333333;
text-align: center;
color: #000000;
font-size: 9pt;
}
#container {
background-color: #FFFFFF;
margin-top: 30px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
width: 950px;
text-align: left;
}
#header {
width: 100%;
height: 86px;
}
#logo {
margin-left: 50px;
width: 209px;
height: 86px;
float: left;
}
#links,
#social-media {
width: 641px;
float: left;
text-align: right;
margin-left: 4px;
font-weight: bold;
}
#social-media {
height: 30px;
padding-top: 10px;
font-size: 20px;
}
.social-media {
width: 30px;
height: 30px;
}
.social-media-small {
width: 16px;
height: 16px;
}
#links {
margin-top: 33px;
height: 14px;
font-size: 12px;
}
#horizontaal_buffer {
width: 100%;
height: 9px;
background-color: #FFFFFF;
font-size: 1px;
}
#horizontaal_balk {
width: 100%;
height: 11px;
background-color: #000000;
background-image: url('/images/horizontaal_buffer.jpg');
background-repeat: repeat-x;
font-size: 1px;
}
#images_balk {
width: 100%;
height: 178px;
background-repeat: repeat-x;
}
#tekst_container {
width: 100%;
background-repeat: repeat-x;
overflow: hidden;
background-image: url('/images/main_bg.png');
background-repeat: repeat-y;
}
#balk_links_1 {
width: 46px;
height: 100%;
background-color: #000000;
float: left;
}
#balk_links_2 {
width: 4px;
height: 100%;
background-color: #000000;
float: left;
background-image: url('/images/verticale_balk.jpg');
background-repeat: no-repeat;
}
#balk_links_3 {
width: 209px;
height: 100%;
float: left;
background-color: #534d4d;
}
#hoofd_tekst_venster {
width: 621px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
padding: 10px;
float: right;
margin-right: 46px;
}
#contactformulier {
padding: 5px;
text-align: center;
}
#naam,
#telefoonnummer,
#email,
#opmerking,
#captcha,
#motivatie {
margin-bottom: 15px;
width: 55%;
margin: 0px;
margin-left: auto;
margin-right: auto;
}
#onderste_balk {
width: 100%;
height: 25px;
background-color: #000000;
}
#balk_rechts {
width: 46px;
height: 100%;
background-color: #000000;
float: left;
}
#tekst_drieluik {
width: 200px;
margin-left: 3px;
margin-right: 3px;
float: left;
}
#tekst_venster_links {
width: 188px;
margin-left: 51px;
background-color: #A9A6A6;
float: left;
padding: 10px;
}
#tekst_venster {
width: 580px;
margin-left: 30px;
}
#tekst_rood,
.text_rood {
color: #B3071B;
font-weight: bold;
}
a {
color: #000000;
}
a:active {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #B3071B;
text-decoration: none;
}
.rode_balk {
background-image: url('/images/rode_balk.gif');
background-repeat: repeat-x;
}
.tekst_rood {
color: #B3071B;
}
.header_tekst {
font-size: 18pt;
margin-bottom: 10px;
}
.tekst_groot_wit {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
padding-left: 30px;
font-style: italic;
line-height: 18px;
}
.tekst_groot_wit a {
color: #FFFFFF;
}
.tekst_groot_wit a:hover {
color: #FFFFFF;
}
.tekst_groot_wit a:visited {
color: #FFFFFF;
}
.error {
background-color: #FFCCCC;
}
.bottomwhiteline {
border-bottom: solid 2px #FFFFFF;
}
#lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
opacity: 0.97;
text-align: center;
display: none;
overflow-y: scroll;
}
#lightbox p {
margin: 0px;
margin-left: auto;
margin-right: auto;
width: 500px;
color: #333;
margin-top: 90px;
font-size: 16px;
font-weight: bold;
background-color: #CCCCCC;
border-bottom: solid 1px #999999;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 3px 5px 0 rgba(153, 153, 153, 1);
}
#contentlightbox {
overflow: hidden;
width: 500px;
margin: 0px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
background-color: #CCCCCC;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: 0 3px 5px 0 rgba(153, 153, 153, 1);
}
#user_logged_in {
text-align:right;
}
#addLink,
.button,
#solli_submit {
width: 160px;
height: 20px;
margin-bottom: 15px;
border: 0 none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding-top:5px;
text-align:center;
box-shadow: 0 3px 5px 0 rgba(153, 153, 153, 1);
background: #aaa;
background: -moz-linear-gradient(top, #eee 0%, #aaa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#aaa));
background: -webkit-linear-gradient(top, #eee 0%,#aaa 100%);
background: -o-linear-gradient(top, #eee 0%,#aaa 100%);
background: -ms-linear-gradient(top, #eee 0%,#aaa 100%);
background: linear-gradient(to bottom, #eee 0%,#aaa 100%);
}
table {
font-size: 11px;
border: none;
border-spacing: 0px;
}
th {
background: #aaa;
background: -moz-linear-gradient(top, #eee 0%, #aaa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#aaa));
background: -webkit-linear-gradient(top, #eee 0%,#aaa 100%);
background: -o-linear-gradient(top, #eee 0%,#aaa 100%);
background: -ms-linear-gradient(top, #eee 0%,#aaa 100%);
background: linear-gradient(to bottom, #eee 0%,#aaa 100%);
}
td, th {
border-bottom: solid 1px #aaa;
padding:4px;
}
tr:hover {
background: #eee;
}
.icon {
width: 16px;
height: 16px;
background: url('/images/icons/icon_sprite.jpg');
overflow: hidden;
display: inline-block;
margin-right:5px;
}
.icon.show {
background-position: 17px 179px;
}
.icon.edit {
background-position: 34px 143px;
}
.icon.delete {
background-position: 34px 107px;
}
.icon.add {
background-position: -108px 126px;
}
#locatiekiezer{
width:400px;
height:300px;
}
#locatie_row {
display: none;
}
#vacatures {
margin-top: 20px;
display: block;
border: dotted 1px #eee;
box-shadow: 0 3px 5px 0 rgba(153, 153, 153, 1);
padding: 10px;
}
#vacatures #logo_vacature {
width: 110px;
height: 110px;
display: block;
float:left;
}
#vacatures #vacature {
margin-left: 120px;
display: block;
}
#vacatures h3 {
margin-bottom: 0.3em;
}
#vacatures a,
#vacatures a:hover,
#vacatures a:active {
color: #000000;
text-decoration: none;
}
.fileUpload {
position: relative;
overflow: hidden;
margin: 10px;
}
.fileUpload input.upload {
position: absolute;
top: 18px;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
#upload_cv {
margin-left:auto;
margin-right:auto;
display:block;
font-weight:normal !important;
}
.tweeluik {
width: 45%;
padding: 0.9rem;
float:left;
}
#tekst_venster_links ul {
margin:0;
padding-left:10px;
}
#tekst_venster_links ul li {
margin-bottom:5px;
}