/*======================================================*/
/* CSS Document */
/* Inkopers-café.nl */
/*======================================================*/

html, body{
margin:0px;
padding:0px;
background-color:#202060;
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:#202060;
}
.headertable{
width: 988px;
}

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

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

#menu{
width:988px;
background-color:#202060;
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:#e3ebfe;
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:#e3ebfe;
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;
}

.list_vacaturebank{
padding-left: 8px;
}

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

/*======================================================*/
/* Forum Module*/
/*======================================================*/

.frontlist_forum{
margin-left:6px;
}

/*======================================================*/
/* Profiel Module*/
/*======================================================*/

.profiel{
padding-left:2px;
}

/*======================================================*/
/* Sponsoren Module*/
/*======================================================*/

.list_sponsoren{
margin-left:10px;
}

/*======================================================*/
/* Banners */
/*======================================================*/

#sponsoren{
/*height:290px;*/
margin-bottom:10px;
background-color:#FFFFFF;
}

.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{
}

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

.frontlist_nieuws{
background-color:#202060;
}

.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;
color: #000000;
}

.berichttekst2{
text-align:left;
padding:10px 10px 2px 0px;
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;
}

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

/*======================================================*/
/* Reactie module */
/*======================================================*/

.reactie_tabel{
width: 468px;
}

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

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

/*======================================================*/
/* Link module */
/*======================================================*/

.linkcategorie:hover{
cursor:pointer;
}

.linkvraag h5{
color: #000000;
}

.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:#e3ebfe; 
font-weight:normal;
}

.align-right{
color:#FFFFFF;
}

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

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

.leesmeer_link{
padding-top:4px; 
color:#202060; 
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:center;
}

/*======================================================*/
/* 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:476px;
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 #e3ebfe; 
clear:both;
}

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

/*======================================================*/
/* RSS module */
/*======================================================*/

.rss{
margin-left:10px;
}

/*======================================================*/
/* Wiki module */
/*======================================================*/

.box3_achtergrond{
background-color:#e3ebfe;
}

.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:#202060;
font-size:11px;
background-color:#e3ebfe;
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:#e3ebfe;
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:#202060;
text-decoration:none;
cursor:pointer;
}

#menuactive span,
.menulink:hover span{
background-position:100% -19px;
color:#202060;
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: #202060;
}
#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:#202060;
}

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 #202060;
background-color: #e3ebfe;
cursor: pointer;
}

input {
border: 1px solid #202060;
}

input:focus {
border: 1px solid #202060;
background-color: #e3ebfe;
}

textarea {
border: 1px solid #202060;
}

textarea:focus {
border: 1px solid #202060;
background-color: #e3ebfe;
}

select {
border: 1px solid #202060;
}

select:focus {
border: 1px solid #202060;
background-color: #e3ebfe;
}

/*======================================================*/
/* Datepicker opmaak */
/*======================================================*/

.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background-color: #e3ebfe;
border: 1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
border: 1px solid #e3ebfe;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #e3ebfe;
border: 1px solid #888888;
cursor: pointer;
color: #202060;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: #202060;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: #000000;
font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
color: #4060ff;
font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background: #202060;
font-weight: bold;
padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background: #202060;
font-weight: bold;
}