/****************************************
*                                       *
*   Site: www.alewijnse.nl              *
*   Author: Van Eldijk Studio's         *
*   Date: 20/05/09                      *
*                                       *
*   Last changed: 29/05/09              *
*   Edited by: Frank Roose              *
*                                       *
****************************************/

@import url("reset.css");
@import url("editor_content.css");

/* @TEMPLATE CSS */

body
{
background: url(../images/bodybg.jpg) repeat-x #fff;
font-size: 62.5%;
font-family: Tahoma, sans-serif;
color: #000;
margin: 0 auto;
text-align: center;
}

#wrap
{
width: 970px;
text-align: left;
margin: 0 auto;
color: #000;
font-family: Tahoma, sans-serif;
}

#top
{
width: 970px;
}

/* MENU */
#menu
{
width: 825px;
float: left;
}

#menu .moduletable-menu
{
float: left;
}

#top .moduletable-menu .menu18 a
{
background: url(../images/menuabg.jpg) top right no-repeat;
}

/* JOOMFISH */
#menu .moduletable.joomfish
{
width: 115px;
float: left;
margin-top: 8px;
margin-left: 9px;
}

#menu .moduletable.joomfish select.jflanguageselection
{
border: 0px;
font-size: 0.9em;
border-bottom: 1px #d5d1c8 solid;
border-right: 1px #d5d1c8 solid;
border-left: 1px #818180 solid;
border-top: 1px #818180 solid;
}

#menu label
{
color: #fff !important;
font-size: 1.1em;
float: left;
padding-right: 5px;
margin-top: 2px;
}

/* ZOEKEN */
#zoeken
{
width: 141px;
float: right;
margin-top: 8px;
}

#zoeken .inputbox
{
border: 0px;
width: 112px;
font-size: 0.9em;
padding-left: 5px;
padding-top: 3px;
}

#zoeken .button
{
font-size: 0.9em;
color: #fff;
border: 0px;
background-color: #ef4136;
margin-left: 3px;
width: 20px;
cursor: pointer;
padding-top: 2px;
}

/* BANNER */
#banner
{
width: 970px;
height:170px;
float: left;
}

#banner .moduletable
{
float: left;
}

#banner .moduletable.logo
{
width: 230px;
}

#banner .moduletable-blank
{
float: left;
width: 520px;

}

/* PATHWAY */
#pathway
{
font-size: 1.1em;
margin-top: 15px;
width: 200px;
float: left;
}

#hier
{
width: 60px;
float: left;
margin-left: 15px;
}

#pathway .pathway
{
color:#7d7d7d;
text-decoration: none;
}

#pathway a:hover
{
text-decoration: underline;
}

/* MAIN */
#main
{
width: 970px;
background: url(../images/main_bg.gif) repeat-y;
clear: both;
}

/* LEFT */
#left
{
width: 230px;
float:left;
}

#left .moduletable h3, #right .moduletable h3
{
font-family: Arial, sans-serif;
font-size: 1.6em;
padding-top: 9px;
padding-bottom: 5px;
color: #fff;
padding-left: 20px;
font-weight: normal;
}

#left .moduletable, #right .moduletable
{
width: 230px;
float: left;
background: url(../images/modulebg.jpg) top left #fdfdfc no-repeat;
padding-bottom: 7px;
}

#left .moduletable ul, #right .moduletable ul
{
padding-left: 19px;
padding-top: 11px;
}

#left .moduletable ul li, #right .moduletable ul li
{
background: url(../images/leftulli.gif) 0px 6px no-repeat;
padding-left: 15px;
padding-bottom: 5px;
}

#left .moduletable ul li a, #right .moduletable ul li a
{
color:#7d7d7d;
text-decoration: none;
font-weight: bold;
padding-bottom: 5px;
font-size: 1.1em;
line-height: 1.7;
}

#left a:hover, #right a:hover
{
color: #000;
text-decoration: none;
}

#left .moduletable ul li:hover, #right .moduletable ul li:hover
{
color: #000;
background: url(../images/hoveractiveli.gif) 0px 6px no-repeat;
}

#left .moduletable ul li a:hover, #right .moduletable ul li a:hover
{
color: #000;
}

#left ul li.active
{
color: #000;
background: url(../images/hoveractiveli.gif) 0px 6px no-repeat;
}

#left ul li.active a
{
color: #000;
}

#left .moduletable.contact, #right .moduletable.contact
{
line-height: 2.5;
font-size: 1.1em;
font-family: Tahoma, sans-serif;
}

#left .moduletable.contact h3, #right .moduletable.contact h3
{
line-height: 1;
font-size: 1.5em;
}

#left .moduletable.contact p, #right .moduletable.contact p
{
padding-left: 20px;
padding-top: 10px;
}

#left .moduletable.contact a, #right .moduletable.contact a
{
font-weight: bold;
color: #7d7d7d;
text-decoration: none;
}

#left .moduletable.contact a:hover, #right .moduletable.contact a:hover
{
color: #000;
}

/* VACATURES BUTTON */
#left .moduletable.vacatures
{
background: none;
}

#left .moduletable.vacatures img
{
margin-left: 20px;
}

/* MAINBODY */
#mainbody
{
width: 470px;
float:left;
line-height: 2.2;
font-size: 1.1em;
background: url(../images/mainbodybg.gif) repeat-x;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}

/* STANDAARD CONTENT ITEM */
#mainbody .componentheading
{
font-family: Arial Narrow, Arial, sans-serif;
font-size: 1.5em;
color: #fff;
width: 510px;
padding-top: 7px;
padding-bottom: 10px;
width: 430px;
line-height: 1;
padding-bottom: 15px;
display: block;
font-weight: normal;
}

#mainbody .contentheading, #mainbody a.contentpagetitle
{
font-family: Arial Narrow, Arial, sans-serif;
font-size: 1.5em;
color: #fff;
padding-top: 7px;
padding-bottom: 10px;
line-height: 1;
padding-bottom: 15px;
display: block;
font-weight: normal;
}

#mainbody a.contentpagetitle
{
font-size: 1em;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
}

#mainbody .blog a.contentpagetitle
{
color: #000;
font-weight: bold;
font-size: 0.9em;
padding: 0px;
}

#mainbody h1
{
font-weight: normal;
}

#mainbody h2
{
font-weight: bold;
font-size: 1.5em;

}

#mainbody .contentheading h2
{
color: #000;
font-size: 1.1em;
font-weight: normal;
}

#mainbody h3
{
font-weight: bold;
font-size: 1.4em;
}

#mainbody h4
{
font-weight: bold;
font-size: 1.3em;
}

#mainbody h5
{
color: #fff;
font-weight: bold;
background-color: #ef4136;
padding-left: 5px;
}

#mainbody ul li
{
padding-left: 15px;
background: url(../images/mainbodyulli.gif) 0px 9px no-repeat;
}

#mainbody a
{
color: #000;
font-weight: bold;
text-decoration: none;
}

#mainbody em
{
font-style: italic;
}

#mainbody a:hover
{
text-decoration: underline;
}

strong
{
font-weight: bold;
}

blockquote
{
border: 1px #dddcdc solid;
background: #ededed;
padding: 10px 10px 20px 15px;
color: #636363;
}

/* RIGHT */
#right
{
width: 230px;
float:left;
background: #
}

/* FOOTER */
#footer
{
width: 970px;
float: left;
background: url(../images/footerbg.gif) left top no-repeat;
}

#footer .moduletable.footer
{
width: 510px;
float: right;

padding-bottom: 15px;
padding-top: 38px;
}

#footer .moduletable.footer ul
{
margin-left: 30px;
}

#footer .moduletable ul li
{
float: left;
background: url(../images/footerlibg.gif) top right no-repeat;
height: 20px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}

#footer .moduletable.footer ul li a
{
text-decoration: none;
color: #000;
font-weight: bold;
padding-bottom: 3px;
}

#footer .moduletable.footer ul li a:hover
{
text-decoration: underline;
}

#footer .moduletable.footer ul li.item25
{
background: url(../images/intranet.jpg) top left no-repeat;
padding-left: 28px;
}

#footer .moduletable.footerpicture
{
width: 230px;
float: right;
}

/* PDF PRINT EMAIL ICONS */

td.buttonheading
{
width: 10px;
}

/* XMAP */

.xmap .contentpaneopen div
{
display: none;
}

/* ZOEKEN */

#searchForm
{
padding-top: 30px;
}

/* TOEGEVOEGD DOOR SAM OP 03-07-2009 */
textarea#metadesc,
textarea#metakey {
	width: 400px !important;
	height: 50px !important;
}