/*
 Theme Name: QueroJobs
 Theme URI: http://jobs.queromedia.com
 Description: Our QueroMedia Jobs website theme.
 Version: 1.0
 Author: WP Theme: Kim Kennof // Design: Tine Marcelis
 Author URI: http://www.queromediashare.com
 */
/*********************
 Reset
 *********************/
* {
    padding: 0px;
    margin: 0px;
}

div.clear {
    clear: both;
    height: 0px;
}
/*********************
 Layout
 *********************/
body {
    margin: 0px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div#wrapper {
    width: 100%;
    padding: 0px 0px 10px 0px;
    background-image: url(images/achter.jpg);
    /*background-image: url(images/achtergrond_02.jpg);*/
    background-repeat: no-repeat;
    background-position: center top;
}

div#container {
    width: 993px;
    margin: 0px auto;
    text-align: left;
}

div#header {
    height: 250px;
    cursor: default;
}

div#main {
    padding: 0px 50px 0px 0px;
    /*background-image: url(images/banner.jpg);
     background-repeat: no-repeat;
     background-position: right bottom;*/
}

div#sidebar {
    float: left;
    width: 270px;
    height: auto;
    padding: 0px 0px 20px 0px;
    text-align: left;
}

div#content {
    float: right;
    width: 655px;
    text-align: left;
    padding-top: 15px;
    line-height: 16px;
}
/*********************
 Design Notes
 *********************/
#design_notes {
    background-color: #5d5d5d;
    background-image: url(images/design_achter.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0;
    padding: 0;
    text-align: left;
}

#design_notes_bar {
    height: 20px;
    padding: 0 240px 0 0;
    margin: 0;
}

#design_notes_bar a {
    color: #333;
    background-color: transparent;
    text-decoration: none;
}

#design_notes_bar a:hover {
    color: #80BF38;
    background-color: transparent;
    text-decoration: none;
}

#design_notes_inner {
    width: 993px;
    background-color: transparent;
    padding: 8px 12px 0 20px;
    margin: 0 auto;
    font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
    font-size: 11px;
}

#design_notes_inner h3 {
    font-size: 14px;
    color: #fff;
    padding: 0 0 10px 0;
}

#design_notes_inner p {
    color: #eee;
    background-color: transparent;
    padding: 0;
    margin: 0 0 10px 0;
}

#design_notes_inner ul {
    list-style-image: url(images/arrow.gif);
    padding: 0 0 0 18px;
    margin: 8px 0 12px 0;
}

#design_notes_inner li {
    padding: 0;
    margin: 0 0 4px 0;
}

#design_notes_inner a {
    color: #eee;
    background-color: transparent;
    text-decoration: none;
    font-weight: normal;
}

#design_notes_inner a:visited {
    color: #eee;
    background-color: transparent;
    text-decoration: none;
}

#design_notes_inner a:hover {
    color: #ccc;
    text-decoration: none;
    background-color: transparent;
}

#design_container {
    float: left;
    margin: 0px 0px 0px 90px;
    width: 120px;
    height: 150px;
}

#design_container a {
    width: 120px;
    height: 200px;
    display: block;
}

#design_container_logo {
    float: right;
    margin: 90px 150px 0px 0px;
    width: 310px;
    height: 90px;
}

#design_container_logo a {
    width: 310px;
    height: 90px;
    display: block;
}
/*********************
 Sidebar
 *********************/
div#navigatie {
    width: 235px;
    margin: 0 0 0 10px;
    background-color: #F7F7F7;
    background-image: url(images/nav_top.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px 0px 15px 0px;
}

div#sidebar div#navigatie ul {
    text-align: left;
    white-space: normal;
    padding: 0px 0px 0px 20px;
}

div#sidebar div#navigatie ul li {
    color: #9C9D9C;
    list-style-type: none;
    font-size: 17px;
    text-decoration: none;
    font-family: /*Myriad Pro,*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0px 0px 20px;
    background-image: url(images/quero_bullet_12px_2.jpg);
    background-repeat: no-repeat;
    background-position: left 15px;
}

div#sidebar div#navigatie ul li a {
    color: #9C9D9C;
    list-style-type: none;
    font-size: 17px;
    text-decoration: none;
    font-family: /*Myriad Pro, */ Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

div#sidebar div#navigatie ul li a:hover {
    color: #80BF38;
    list-style-type: none;
    font-size: 17px;
    text-decoration: none;
    font-family: /* Myriad Pro,*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div#sidebar div#navigatie ul li ul {
    text-align: left;
    white-space: normal;
    padding: 0px 0px 0px 20px;
    word-spacing: -2px;
}

div#sidebar div#navigatie ul li ul li {
    color: #9C9D9C;
    list-style-type: none;
    font-size: 12px;
    text-decoration: none;
    padding: 3px 0px 0px 0px;
    background-image: none;
}

div#sidebar div#navigatie ul li ul li a {
    color: #9C9D9C;
    list-style-type: none;
    font-size: 12px;
    text-decoration: none;
}

div#sidebar div#navigatie ul li ul li a:hover {
    color: #80BF38;
    list-style-type: none;
    font-size: 12px;
    text-decoration: none;
}

div#sidebar div#languageselector {
    background-color: #F7F7F7;
    width: 215px;
    margin: 0 0 0 10px;
    padding: 0 0 0 20px;
    border-top: 1px solid #EEE;
}

div#sidebar div#languageselector a {
    color: #9C9D9C;
    list-style-type: none;
    font-size: 14px;
    text-decoration: none;
    font-family: /*Myriad Pro, */ Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div#sidebar div#languageselector a:hover {
    color: #80BF38;
    list-style-type: none;
    font-size: 14px;
    text-decoration: none;
    font-family: /* Myriad Pro,*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div#sidebar div#logo {
    background-image: url(images/QueroMedia_small.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 130px;
    height: 60px;
}

div#sidebar div#adres_container {
    width: 266px;
    height: 190px;
    background-image: url(images/adreskaart.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

div#sidebar div#adres {
    float: left;
    margin: 10px 0 0 40px;
    font-family: /* Myriad Pro,*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #9C9D9C;
    text-decoration: none;
    text-align: left;
}

div#sidebar div#gegevens {
    float: left;
    margin: 10px 0 0 40px;
    font-family: /* Myriad Pro,*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #9C9D9C;
    text-decoration: none;
    text-align: left;
}

div#sidebar div#gegevens a {
    font-family: /*Myriad Pro,*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #9C9D9C;
    text-decoration: none;
}

div#sidebar div#gegevens a:hover {
    font-family: /* Myriad Pro,*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #80BF38;
    text-decoration: none;
}
/*********************
 Typo
 *********************/
p.print {
    float: right;
}

p.print img {
    border: none;
}

.fleft {
    float: left;
    margin: 0px 10px 10px 0px;
}

.fright {
    float: right;
    margin: 0px 0px 10px 10px;
}
.alignleft {
	float: left;	
}

.alignright {
	float: right;
}

div#content div.subnavigation {
	border-bottom: 1px solid #DEDEDE;
	margin: 0px 0px 10px 0px;
}

div#content div.vacature-info {
}

div#content div.vacature-info ul.job-list {
    list-style: none;
    padding: 0px;
}

div#content div.vacature-info ul.job-list li {
    border-top: 1px solid #80BF38;
    /*border-bottom: 1px solid #80BF38;*/
    background-color: #F7F7F7;
    padding: 5px;
    margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
}

div#content div.vacature-info ul.job-list li h2 {
    padding: 0px 0px 10px 0px;
    font-family: Verdana;
    font-size: 14px;
    color: #80BF38;
}

div#content div.vacature-info ul.job-list li span.vacature-excerpt {
    display: block;
    padding: 0px 0px 0px 0px;
}

div#content div.vacature-info ul.job-list li span.vacature-sublinks {
    display: block;
    border-top: 1px solid #D7D7D7;
}

div#content {
    font-family: Verdana;
    font-size: 11px;
    line-height: 18px;
}

div#content h1 {
    padding: 0px 0px 10px 0px;
    font-family: arial black;
    font-weight: normal;
    font-size: 17px;
    color: #9C9D9C;
}
/*div#content h2 {
 padding: 3px 0px 10px 5px;
 font-family: Verdana;
 font-size: 15px;
 color: #80BF38;
 }*/
div#content h3 {
    padding: 3px 0px 5px 5px;
    font-family: Verdana;
    font-size: 13px;
    color: #80BF38;
}

div#content h3 a {
    padding: 3px 0px 0px 5px;
    font-family: Verdana;
    font-size: 13px;
    color: #80BF38;
    text-decoration: none;
}

div#content h3 a:hover {
    padding: 3px 0px 0px 5px;
    font-family: Verdana;
    font-size: 13px;
    color: #333333;
    text-decoration: none;
}

div#content p.linklove {
    display: none;
}

div#content p.link_edit_page {
    padding: 20px 0px 0px 0px;
}

div#content p.link_edit_page a {
    padding: 4px;
    border: 1px solid #DEDEDE;
    text-decoration: none;
}

div#content p.link_edit_page a:hover {
    padding: 4px;
    background-color: #F7F7F7;
    border: 1px solid #333;
    text-decoration: none;
}

div#design_notes p, div#content p {
    padding: 0px 0px 10px 0px;
    line-height: 20px;
}

div#content div.row {
    width: 616px;
    margin: 0px auto;
}

div#content a {
    font-family: Verdana;
    color: #80BF38;
    text-decoration: none;
}

div#content a:hover {
    font-family: Verdana;
    color: #80BF38;
    text-decoration: underline;
}
/*********************
 Blog Typo
 *********************/
div#content div.post h1 {
    padding: 0px 0px 20px 0px;
    font-weight: normal;
    font-size: 17px;
    /*color: #9C9D9C;*/
    color: #80BF38;
}

div#content div.post img.button {
	border: none;
	margin: 10px;
}

div#content div.post img {
    border:1px solid #DEDEDE;
	margin: 10px;
}

div#content p.postmetadata {
    font-size: 11px;
    border-top: 1px solid #DEDEDE;
	background-color: #F1F1F1;
    padding: 10px;
    margin: 0px 0px 10px 0px;
}

div#content h3#comments {
    padding: 3px 0px 10px 5px;
    font-family: Verdana;
    font-size: 13px;
    color: #5E5E5E;
    border-top: 1px solid #DEDEDE;
}

div#content ul {
    padding: 0px 0px 20px 20px;
    list-style: square;
}

div#content ol.commentlist {
    padding: 0px 0px 0px 20px;
    list-style: none;
}

div#content ol.commentlist li {
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 10px 0px;
}

div#content ol.commentlist li.alt {
    background-color: #F1F1F1;
}

div#content ol.commentlist li cite {
    font-weight: bolder;
}

div#content h3#respond {
    padding: 3px 0px 10px 5px;
    font-family: Verdana;
    font-size: 13px;
    color: #5E5E5E;
    border-top: 1px solid #DEDEDE;
}

div#content textarea#comment {
    width: 90%;
    border: 1px solid #CCC;
    background-color: #FEFEFE;
    padding: 10px;
    font-family: Verdana;
    font-size: 11px;
}

div#content input#submit {
    border: 1px solid #CCC;
    color: #80BF38;
    background-color: #F1F1F1;
    padding: 10px;
    font-family: Verdana;
    font-size: 11px;
}
/*********************
 BIG BLOCKS
 *********************/
div#content div.textblock {
    margin: 0 auto;
    width: 616px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-align: left;
}

div#content div.textblock div.textblock_top {
    width: 606px;
    height: 40px;
    padding: 5px 0px 0px 10px;
    background-image: url(images/topcontainer.jpg);
    background-repeat: no-repeat;
}

div#content div.textblock h1.titelspace {
    display: inline;
    height: 20px;
    background-color: #FFFFFF;
    padding: 0px 15px 0px 13px;
    text-align: left;
}

div#content div.textblock div.textblock_middle {
    padding: 10px 25px 0px 15px;
    width: 576px;
    background-image: url(images/middlecontainer.jpg);
    background-repeat: repeat-y;
}

div#content div.textblock div.textblock_middle img {
    border:1px solid #DEDEDE;
	margin: 10px;
}

div#content div.textblock div.textblock_bottom {
    width: 616px;
    height: 42px;
    background-image: url(images/bottomcontainer.jpg);
    background-repeat: no-repeat;
}
/*********************
 SMALL BLOCKS
 *********************/
div#content div.textblock_mini_left {
    float: left;
    width: 295px;
    height: 200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-align: left;
}

div#content div.textblock_mini_right {
    float: right;
    width: 295px;
    height: 200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-align: left;
}

div#content div.textblock_mini_top {
    width: 285px;
    height: 30px;
    padding: 5px 0px 0px 10px;
    background-image: url(images/topcontainer_small.jpg);
    background-repeat: no-repeat;
}

div#content div.textblock_mini_left h1.titelspace, div#content div.textblock_mini_right h1.titelspace {
    display: inline;
    height: 20px;
    text-align: left;
    background-color: #FFFFFF;
    padding: 0px 13px 0px 15px;
    margin: 0px 0px 0px 10px;
}

div#content div.textblock_mini_middle {
    padding: 10px 25px 0px 10px;
    width: 260px;
    height: auto;
    background-image: url(images/middlecontainer_small.jpg);
    background-repeat: repeat-y;
}

div#content div.textblock_mini_middle img {
	margin: 5px;
	border: 1px solid #DEDEDE;
}

div#content div.textblock_mini_middle .date {
    border-top: 1px dotted #DEDEDE;
    text-align: right;
    color: #999999;
    font-weight: normal;
    font-size: 10px;
}

div#content div.textblock_mini_bottom {
    width: 295px;
    height: 42px;
    background-image: url(images/bottomcontainer_small.jpg);
    background-repeat: no-repeat;
}

#solform {
	width: 100%;
}
div.info {
	
}
div.success {
	color: #006600;
	background-color: #B9FFB9;
	border: 1px solid #006600;
	padding: 10px 5px 10px 5px;
	margin: 2px 0px 2px 0px;
}
div.error {
	color: #FF0000;
	background-color: #FFE6E6;
	border: 1px solid #FF0000;
	padding: 10px 5px 10px 5px;
	margin: 2px 0px 2px 0px;
}
#solform p {
	border-top: 1px dotted #CCC;
	padding: 10px 0px 5px 0px;
}
#solform label {
	width: 250px;
	color: #80BF38;
	font-weight: bold;
}
#solform span.extra {
	color: #333;
	font-weight: normal;
}
#solform label.error {
	color: #FF0000;
	font-weight: normal;
	border-bottom: 1px dotted #FF0000;
}
#solform label.error, #solform input.submit {
	margin-left: 253px;
}
#solform input.submit {
	background-color: #F0F0F0;
	border: 1px solid #CCC;
	color: #333;
}
#solform input,
#solform select,
#solform textarea {
	border: 1px solid #CCC;
	padding: 3px;
	margin: 5px 0px 0px 0px;
}