/* CSS Document Inkopers-cafe */

html, body{
margin:0px;
padding:0px;
background-color:#DE4133;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

/* Grote blokken */
/* Opmaak van alle grote blokken waarin de modules getoond worden */

#container{
margin:0px auto;
width:auto;
}

#centreer{
margin:0px auto;
width:988px;
background:url(../images/bg.jpg);
background-color:#FFFFFF;
}

#header{
width:988px;
height:109px;
background-color:#DE4133;
}
.headertable{
width: 988px;
}

#logo{
width:388px;
height:109px;
float:left;
}

#bannerrotator{
float:right;
height:60px;
}

#bannerrotator #foto_ul{
margin:0px;
padding:0px;
width: 468px;
height: 60px;
list-style-type:none;
}

#bannerrotator #foto_ul li {
width: 468px;
height: 60px;
display: none;
top: 0px;
left: 0px;
position: absolute;
}

#menu{
width:988px;
background-color:#DE4133;
float:left;
padding-bottom:5px;
color:#FFFFFF;
}

#top{
width:988px;
}

#content{
min-height:1050px;
background:url(../images/bg.jpg);
overflow:hidden;
padding-bottom: 5px;
}

#links{
width:134px;
min-height:1050px;
padding:0px 7px 0px 7px;
background-color:#F5E2D4;
float:left;
}

#midden{
width:468px;
padding:0px 11px 0px 11px;
background-color:#FFFFFF;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
}

#rechts{
width:336px;
min-height:900px;
padding:0px 7px 0px 7px;
background-color:#F5E2D4;
float:left;
}

#bottom{
width:988px;
height:14px;
margin: 0px auto;
}

#footer{
margin:0px auto;
width:988px;
color:#FFFFFF;
padding-top:3px;
}

/* Vacatures Module*/

#nieuwstevacatures{
margin-bottom:25px;
}

#vacaturesrechts {
margin-bottom: 7px;
}

.list_vacaturebank{
padding-left: 8px;
}

.vacature{
padding-left: 10px;
width:458px;
}


/* Forum Module*/

.frontlist_forum{
margin-left:6px;
}

/* Profiel Module*/

.profiel{
padding-left:2px;
}

/* Sponsoren Module*/

.list_sponsoren{
margin-left:10px;
}

/* Banners */

#sponsoren{
margin-bottom:10px;
}

.sponsor{
padding:0px 7px 0px 7px;
text-align:center;
background-image:url(../images/sponsor_left_middle.jpg);
background-repeat:repeat-y;
}

.sponsor_left_top{
height:7px;
}

.sponsor_left_bottom{
height:7px; 
vertical-align:top; 
display:block;
}

.banner_left_top{
width:134px;
height:7px;
}

.banner_left_bottom{
width:134px;
height:7px; 
vertical-align:top; 
display:block;
}
#skyscraper{
margin-bottom:7px;
width:134px;
/* background-color: #FFFFFF; */
}

.skyscraper{
text-align:center;
background-image:url(../images/banner_left_middle.jpg);
background-repeat:repeat-y;
}

#rectangle, #rectangle2{
margin-bottom:7px;
}

/* Ingroup */

#ingroup{
margin-bottom:7px;
}

/* Forum module */

#forum{
width:840px;
}

#forumonderwerpen{
margin-bottom:7px;
}

/* Berichten, nieuws, columns, artikelen */

.berichten_list{
width: 468px;
}

.berichten_columns{
}

.berichten_artikelen{
}

.berichten_nieuws{
width: 468px;
}

.frontlist_artikel{
margin-left:6px;
width:325px;
}

.frontlist_nieuws{
background-color:#DE4133;
}

.berichttitel h2{
padding-right:8px;
line-height:26px;
}

.berichtboven{
background-image:url(../images/boven.jpg);
background-repeat:no-repeat;
height:7px;
line-height:7px;
width:468px;
}

.berichtonder{
background-image:url(../images/onder.jpg);
background-repeat:no-repeat;
height:7px;
width:468px;
}

.berichtfotoklein{
text-align:center;
max-width:225px;
padding:0px;
}

.berichtfotogroot{
text-align:center;
max-width:448px;
padding:0px 10px 5px 10px;
}

.berichtfotoklein img{
text-align:center;
max-width:225px;
}

.berichtfotogroot img{
text-align:center;
max-width:448px;
}

.berichttekst{
text-align:left;
padding:2px 10px 2px 10px;
color: #FFFFFF;
}

.berichtlink{
float:right;
padding:18px 10px 0px 0px;
}

.berichtlink2{
float:right;
padding:18px 10px 0px 0px;
}

.berichttitel2{
text-align:left;
padding:0px 0px 0px 0px;/*10*/
color: #000000;
}

.berichttekst2{
text-align:left;
padding:10px 10px 2px 0px;/*10*/
color: #000000;
width:225px;
margin-left: 0px; 
margin-right: 0px;
}

.berichttitel2r{
text-align:left;
padding:0px 0px 0px 8px;/*10*/
color: #000000;
}

.berichtfotokleinr{
text-align:center;
max-width:225px;
padding:0px;
padding-left:8px;
}

.berichttekst2r{
text-align:left;
padding:10px 10px 2px 8px;/*10*/
color: #000000;
width:215px;
margin-left: 0px; 
margin-right: 0px;
}

.berichtlinkr{
float:right;
padding:18px 0px 0px 8px;
}

#artikelen{
margin-bottom:7px;
}

#column{
margin-bottom:7px;
}

.columnnaam{
font-weight:normal;
width:236px;
}

#recensie{
margin-bottom:7px;
}

.paging{
text-align:left;
color:#DE4133;
height:25px;
line-height:25px;
padding-top:5px;
padding-bottom:15px;
}
.paging a{
padding:5px;
color:#DE4133;
text-decoration:none;
}
.paging a:hover{
background-color:#F6E2D4;
color:#DE4133;
text-decoration:none;
font-weight:normal;
}

/* Reactie module */

.reactie_tabel{
width: 468px;
}

.reactie_naam {
background-color: #f5e2d4;
width: 448px;
padding: 5px 10px;
}

.reactie_commentaar {
padding: 10px 10px;
width: 448px;
border:1px solid #f5e2d4;
}

/* Link module */

.linkcategorie:hover{
cursor:pointer;
}

.linkvraag h5{
color: #000000;
}

.linkvraag a {
color: #000000;
}

.link_link {
color: #000000;
}

.link_link:hover {
color: #DE4133;
}

.linkvraag.h5:hover { 
font-weight:bold; 
} 

#inkoop{
margin-bottom:7px;
}

.frontlist_link{
margin-left:6px;
}

#list_link{
padding-left:10px;
padding-right:10px;
}

/* Algemene opmaak */

.berichttitel{
text-align:left;
padding:0px 0px 0px 10px;
color:#FFFFFF;
}

.berichttitel a{
color:#FFFFFF;
}

.tdwitterand{
border-bottom:1px solid #FFFFFF;
}

.spanmeerlink{
color:#f5e2d4; 
font-weight:normal;
}

.align-right{
color:#FFFFFF;
}

.terug_link {
font-weight:normal;
color: #f5e2d4;
}

.meer_link {
color:#f5e2d4; 
font-weight:normal;
}

.leesmeer_link{
padding-top:4px; 
color:#DE4133; 
font-size:10px; 
font-weight:normal; 
font-family: Arial; 
line-height:1em;
}

.kopjes{
height:24px;
font-weight:bold;
color:#FFFFFF;
font-size:11px;
background:url(../images/achtergrond_kop.jpg);
background-repeat:no-repeat;
padding:0px 7px 0px 0px;
}

.kopjes tr td{
padding-left:10px;
}

.kopjes2{
height:24px;
width:468px;
font-family: Arial, Verdana;
font-weight:bold;
color:#FFFFFF;
font-size:11px;
background:url(../images/achtergrond_kop_groot.jpg);
background-repeat:no-repeat;
padding:0px 7px 0px 0px;
}

.kopjes2 tr td{
padding-left:10px;
}

.kopjes3{
height:24px;
width:468px;
font-family: Arial, Verdana;
font-weight:bold;
color:#de4034;
font-size:11px;
background:url(../images/achtergrond_kop3_groot.jpg);
background-repeat:no-repeat;
padding:0px 7px 0px 0px;
}

.kopjes3 tr td{
padding-left:10px;
}

.kopjes-left{
font-weight:bold;
color:#FFFFFF;
font-size:11px;
background:url(../images/achtergrond_kop_left.jpg);
background-repeat:no-repeat;
text-align:left;
}

/* Zoeken module */

.zoekresultaten{
padding-left:10px;
padding-top:10px;
font-size:11px;
}

.zoekresultaten tr td{
padding: 0px;
padding-bottom:3px; 
}

/* Login module */

.wachtwoordvergeten{
padding-left:10px;
padding-top:10px;
font-size:11px;
}

#login{
margin-bottom:7px;
}

.registreren_login{
padding-left:2px;
}

/* Nieuwsbrief module */

#list_nieuwsbrief{
padding-left:10px;
padding-right:10px;
}

#nieuwsbrief{
margin-bottom:7px;
}

#nieuwsbriefbox{
margin-top:4px;
margin-right:1px;
height:30px;
padding:0px 7px 0px 7px;
text-align:center;
background-image:url(../images/nieuwsbrief_box.jpg);
background-repeat:no-repeat;
}

.input{
margin-top:4px;
border: #FFFFFF 1px solid;
height:18px;
outline:0px;
}

/* Agenda module */

#agenda{
margin-bottom:7px;
}

.list_agenda{
width:468px;
padding-left: 7px;
padding-right: 10px;
}

.listfront_agenda{
margin-left:6px;
width:319px;
}

/* Download module */

#downloads{
margin-bottom:7px;
}

.frontlist_download{
margin-left:6px;
}

/* Help module */
.accordion{
display:none; 
border:1px solid #f5e2d4; 
clear:both;
}

.boxborder{
border:1px solid #f5e2d4;
}

/* RSS module */

.rss{
margin-left:10px;
}

/* Wiki module */

.box3_achtergrond{
background-color:#F5E2D4;
}

.box3_top{
height:12px;
width:468px;
background:url(../images/top_box3.jpg);
background-repeat:no-repeat;
padding:0px 0px 0px 7px;
}

.box3_midden{
height:24px;
width: 468px;
font-weight:bold;
color:#de4133;
font-size:11px;
background-color:#F5E2D4;
background-repeat:no-repeat;
padding:0px 10px 0px 10px;
}

.box3_midden tr td h3{
padding:0px;
}

.box3_bottom{
height:12px;
width:468px;
background:url(../images/bottom_box3.jpg);
background-repeat:no-repeat;
padding:0px 0px 0px 7px;
}

.box3 tr td{
padding-left:10px;
}

#box{
width:445px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.wiki_letterbox{
background-color:#F5E2D4;
font-size:17px;
}

/* Menu */

.menu{
padding:0px 5px 0px 0px;
margin:0px;
list-style-type:none;
font-size:12px;
}

.menu li{
display:inline;
margin:0px;
padding:0px;
text-transform:uppercase;
height:19px;
line-height:19px;
}

.menulink{
float:left;
padding:0px 0px 0px 5px;
background:url(../images/menu_left_double.png) no-repeat left top;
margin:0px;
text-decoration:none;
height:19px;
line-height:19px;
color:#FFFFFF;
}

.menulink span{
float:left;
display:block;
padding:0px 8px 0px 3px;
background:url(../images/menu_right_double.png) no-repeat right top;
text-decoration:none;
height:19px;
line-height:19px;
color:#FFFFFF;
}

#menuactive a,
.menulink:hover{
background-position:0% -19px;
color:#DE4133;
text-decoration:none;
cursor:pointer;
}

#menuactive span,
.menulink:hover span{
background-position:100% -19px;
color:#DE4133;
text-decoration:none;
cursor:pointer;
}

#rss{
float:right;
}

#rsstable tr td{
padding-left:7px;
}

/* Losse HTML Attributen opmaak */
/* Dit zijn attributen zoals img, a, h1, enz. */

img{
border:0px;
color:#000000;
}

img.align-right{
float:right;
}

img.align-left{
float:left;
}

a{
color:#000000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

#footer table tr td a{
color:#FFFFFF;
}

#midden a{
color: #DE4133;
}
#midden a:hover{
color: #000000;
}

#midden .berichttitel h2 a{
color: #FFFFFF;
padding-right: 4px;
}

#midden #accordion div h3 a{
color: #000000;
}
#midden #accordion div h3 a:hover{
color: #000000;
}

h1, h2{
font-size:20px;
margin: 0px;
padding: 0px;
padding-bottom:12px;
padding-top: 6px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

h2:hover{
color:#000000;
}

#box h1, #box h2, #box h3, #box h4, #box h5, #box h6{
font-weight:bold;
color:#de4133;
}

h3{
font-size:14px;
margin: 0px;
padding: 0px;
padding-bottom:7px;
padding-top: 3px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

h4, h5{
font-size:12px;
margin: 0px;
padding: 0px;
padding-bottom:5px;
padding-top: 3px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.button {
border: 1px solid #DE4133;
background-color: #F5D2B9;
cursor: pointer;
}

input {
border: 1px solid #DE4133;
}

input:focus {
border: 1px solid #DE4133;
background-color: #F5D2B9;
}

textarea {
border: 1px solid #DE4133;
}

textarea:focus {
border: 1px solid #DE4133;
background-color: #F5D2B9;
}

select {
border: 1px solid #DE4133;
}

select:focus {
border: 1px solid #DE4133;
background-color: #F5D2B9;
}

/* Formulier opmaak */

#organisatieform input[type=text], #vacatureform input[type=text],
#organisatieform input[type=password], #vacatureform input[type=password],
#organisatieform textarea, #vacatureform textarea
{
	width:200px;
}

#organisatieform label.error, #vacatureform label.error {
  padding: 5px;
  margin-top:10px;
  font-weight: bold;
  display:block;
  width:190px;
  border:1px solid #DE4133;
  background-color:#DE4133;
  color: #FFFFFF;
}

#organisatieform label.checked , #vacatureform label.checked{
  padding: 0px;
  margin-top:0px;
  font-weight: bold;
  display:block;
  width:200px;
  border:0px;
  background-color:none;
  color: #DE4133;
}
#profiel label.error, #profiel_extra label.error, #profiel_extra2 label.error
{
  padding: 5px;
  margin-top:10px;
  font-weight: bold;
  display:block;
  width:250px;
  border:1px solid #DE4133;
  background-color:#DE4133;
  color: #FFFFFF;
}

#profiel .drop label.error, #profiel_extra2 .drop label.error
{
  font-weight: bold;
  position:absolute;
  width:250px;
  background-color:#DE4133;
  color: #FFFFFF;
  margin-top:-25px;
}
#profiel_extra .drop label.error
{
  font-weight: bold;
  position:absolute;
  width:250px;
  background-color:#DE4133;
  color: #FFFFFF;
  margin-top:-40px;
}
#profiel_extra .drop2 label.error
{
  font-weight: bold;
  position:absolute;
  width:250px;
  background-color:#DE4133;
  color: #FFFFFF;
  margin-top:70px;
}

#profiel .drop select.error
{margin-bottom:35px;}
#profiel_extra .drop input.error
{margin-bottom:45px;}
#profiel .drop input.error, #profiel_extra2 .drop input.error 
{margin-bottom:35px;}

#profiel label.checked, #profiel_extra label.checked, #profiel_extra2 label.checked
{
  padding: 0px;
  margin-top:0px;
  font-weight: bold;
  display:block;
  width:260px;
  border:0px;
  background-color:none;
  color: #DE4133;
}
#profiel_extra fieldset
{
border:none;
}
.zoekenprofiel tr td
{
text-align:left;
width:70px;
}

/* Vote opmaak */

.rating_wrapper *{
margin:0;
border:0;
padding:0;
}
.rating_wrapper {
overflow:hidden; 
height:16px;
}
.sp_rating{
width:280px;
font-size:11px;
display:block;
}
.rating{
float:left; 
padding-right:4px;
}
.base{
background:url(../images/ratings.gif) 0 0 no-repeat; 
width:85px; 
height:100%; 
float:left; 
padding-right:4px; 
overflow:hidden;
}
.average{
height: 16px;
background:url(../images/ratings.gif) 0 -16px no-repeat; 
text-indent:-9999px;
}
.votes{
float:left; 
padding-right:4px;
}
.score{ 
/*background:url(../images/ratings.gif) 0 0 no-repeat; */
width:85px; 
height:100%; 
float:left; 
position:relative;
}
.score a{
display:block; 
height:100%; 
float:left; 
text-indent:-9999px; 
position:absolute; 
overflow:hidden; 
line-height:1em;
}
.score1 {
width:20%; 
z-index:55;
}
.score2 {
width:40%; 
z-index:54;
}
.score3 {
width:60%; 
z-index:53;
}
.score4 {
width:80%; 
z-index:52;
}
.score5 {
width:100%; 
z-index:51;
}
.score a:hover{ 
background:url(../images/ratings.gif) bottom right no-repeat;
}
.status {
height:16px;
width:100px; 
overflow:hidden; 
position:relative;
}	
.score_this{
height:100%; 
overflow:hidden;
}
.score_this a{
color:#f37800;
}


/* Datepicker opmaak */

.dpDiv {
}
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background-color: #F5E2D4;
border: 1px solid #AAAAAA;
}
.dpTR {
}
.dpTitleTR {
}
.dpDayTR {
}
.dpTodayButtonTR {
}
.dpTD {
border: 1px solid #ece9d8;
}
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}
.dpTDHover {
background-color: #F5E2D4;
border: 1px solid #888888;
cursor: pointer;
color: #DE4133;
}
.dpTitleTD {
}
.dpButtonTD {
}
.dpTodayButtonTD {
}
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: #DE4133;
}
.dpTitleText {
font-size: 12px;
color: #000000;
font-weight: bold;
}
.dpDayHighlight {
color: #4060ff;
font-weight: bold;
}
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background: #DE4133;
font-weight: bold;
padding: 0px;
}
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background: #DE4133;
font-weight: bold;
}