* { padding: 0; margin: 0; }

body { font-size: small; font-family: Tahoma; }
fieldset { border: 0 }
img { vertical-align: bottom; border: 0; }
ul { list-style-type: none; margin-bottom: 1em; }
p { margin-bottom: 1em; line-height: 1.2em; }
a { color: #000; }
a:hover { text-decoration: none; }
hr { display: none; }
.box { padding: 1em; }
.date { font-weight: bold; color: #EB8000; }
.reset { padding: 0; margin: 0; }
.hr { background: #9b9b9b repeat-x; height: 1px; margin-bottom: 1em; clear: both; }
.clear { clear: both; }
.pdf { float: left; padding-left: 20px; background: #fff url('/images/layout/pdf.png') left bottom no-repeat; }

#mainWrapper
{
    background: #fff url('/images/layout/background.png') 0 0 repeat-x;
    overflow: auto;
}

#footerWrapper
{
    background-color: #9a9a9a;
    overflow: auto;
    margin-top: 1em;
}

#siteWrapper, #footer
{
    width: 956px;
    margin: 0 auto;
    background-color: #fff;
}

/*********** HEADER ***********/
#header
{
    margin-top: 5px;
}

#logo
{
    background:#FFFFFF url(/images/layout/master_sprite.png) no-repeat scroll 0 -125px;
    display:inline;
    float:left;
    height:72px;
    margin:48px 5px 7px 19px;
    overflow:hidden;
    width:200px;
}

#logo a
{
    padding-top: 72px;
    display: block;
}

#mainMenu
{
    clear: left;
    float: left;
    width: 100%;
    background: #383838 url('/images/layout/background.png') bottom left repeat-x;
}

#mainMenu li
{
    float: left;
    margin-left: 20px;
    display: inline;
    width: 104px;
    height: 49px;
    overflow: hidden;
}

#mainMenu a
{
    padding-top: 49px;
    background: transparent url('/images/layout/main_menu.png') no-repeat;
    display: block;
}

#mainMenu #voorbedrijven
{
    width:185px;
}
#mainMenu #voorprbureaus
{
    width:197px;
}

#mainMenu #home a      { background-position: 0 -49px; }
#mainMenu #press a     { background-position: -104px -49px; }
#mainMenu #cases a     { background-position: -208px -49px; }
#mainMenu #companies a { background-position: -312px -49px; }
#mainMenu #voorbedrijven a { background-position: -416px -49px; }
#mainMenu #voorprbureaus a { background-position: -601px -49px; }
#mainMenu #bestellen a { background-position: -798px -49px; }

#mainMenu #home a:hover      { background-position: 0 -98px; }
#mainMenu #press a:hover     { background-position: -104px -98px; }
#mainMenu #cases a:hover     { background-position: -208px -98px; }
#mainMenu #companies a:hover { background-position: -312px -98px; }
#mainMenu #voorbedrijven a:hover { background-position: -416px -98px; }
#mainMenu #voorprbureaus a:hover { background-position: -601px -98px; }
#mainMenu #bestellen a:hover { background-position: -798px -98px; }

#mainMenu #home .current      { background-position: 0 0 !important; }
#mainMenu #press .current     { background-position: -104px 0 !important; }
#mainMenu #cases .current     { background-position: -208px 0 !important; }
#mainMenu #companies .current { background-position: -312px 0 !important; }
#mainMenu #voorbedrijven .current { background-position: -416px 0 !important; }
#mainMenu #voorprbureaus .current { background-position: -601px 0 !important; }
#mainMenu #bestellen .current { background-position: -798px 0 !important; }

#info
{
    float: left;
    display: inline;
    height: 25px;
    margin-left:107px;
}

#subMenu
{
    float: left;
    margin: 8px 0 0 8px;
    display: inline;
}

#subMenu li
{
    float: left;
    display: inline;
    height: 15px;
    overflow: hidden;
    background: #fff url('/images/layout/sub_menu.png') no-repeat;
}

#subMenu a
{
    padding-top: 15px;
    display: block;
}

#subMenu #newsletter { background-position: 0 0;      width: 73px; margin-right: 20px; }
#subMenu #price      { background-position: -93px 0;  width: 43px; margin-right: 26px; }
#subMenu #embed      { background-position: -162px 0; width: 67px; margin-right: 20px; }
#subMenu #contact    { background-position: -262px 0; width: 47px; margin-right: 26px; }
#subMenu #overons        { background-position: -335px 0;   width: 50px; margin-right: 25px; }
#subMenu #rss        { background-position: -410px 0;   width: 14px; margin-right: 30px; }

#searchForm, #searchForm #searchField, #cse-search-box, #cse-search-box #searchField
{
    float: left;
}

#cse-search-box #searchBtn
{
    float: left;
    margin: 2px 0 0 4px;
    display: inline;
    width: 56px;
    height: 21px;
    border: 0;
    cursor: pointer;
    background: transparent url('/images/layout/master_sprite.png') 0 -42px no-repeat;
}

/*********** END HEADER ***********/

/*********** START CONTENT ***********/

#crumblepath, #content
{
    clear: left;
    float: left;
    width: 600px;
}

#crumblepath
{
    width: 100%;
    margin-bottom: 1em;
}

#crumblepath, #crumblepath a
{
    font-size: .8em;
    color: #9c9c9c;
}

#crumblepath #current_path
{
    font-weight: bold;
}

#content
{
    margin-right: 20px;
}


.static ul {
    list-style-type:disc;
    padding-left: 15px;
    margin-bottom: 0;
}

#content h2
{
    background: transparent url('/images/layout/header.png') 0 0 no-repeat;
    font-size: 1.6em;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

#content h2 .right_corner
{
    background: transparent url('/images/layout/header.png') right 0 no-repeat;
    width: 10px;
    height: 40px;
    float: right;
}

#content h3
{
    font-size: 1.1em;
}

#content .introlink
{
    text-decoration: none;
    color: #000;
}

#content .introlink:hover
{
    text-decoration: none;
    color: #000;
}

.more
{
    color: #eb8000;
    display: block;
    text-align: right;
    padding-right: 20px;
    background: transparent url('/images/layout/more_arrow.gif') top right no-repeat;
}

.more_category
{
    float: left;
    clear: left;
    padding-right: 20px;
    margin: 2em;
    font-weight: bold;
    background: transparent url('/images/layout/more_arrow.gif') top right no-repeat;
}

#listbar
{
    float: left;
    width: 146px;
}

#listbar h2
{
    background: transparent url('/images/layout/header.png') 0 -40px no-repeat;
    font-size: 1.1em;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0;
}

#listbar h2 .right_corner
{
    background: transparent url('/images/layout/header.png') right -40px no-repeat;
    width: 10px;
    height: 24px;
    float: right;
}

#listbar .highlight
{
    color: #eb8000;
}

#categoriesList, #companiesList
{
    margin-bottom: 1em;
}

#sidebar
{
    float: left;
    width: 336px;
}

#sidebar h2
{
    background: transparent url('/images/layout/header.png') 0 -40px no-repeat;
    font-size: 1.6em;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

#sidebar h2 .right_corner
{
    background: transparent url('/images/layout/header.png') right -40px no-repeat;
    width: 10px;
    height: 40px;
    float: right;
}

#sidebar .sidebarItems
{
    margin-bottom: 2em;
}

#authorBox
{
    background: #f2f2f2 url('/images/layout/gradient_footer.gif') bottom repeat-x;
}

#authorBox .avatar
{
    float: right;
}

#authorBox a
{
    font-weight: bold;
    color: #eb8000;
}

#embedBox
{
    clear: both;
}

#embedBox span
{
    display: block;
}

.helper
{
    overflow: hidden;
    background: transparent url('/images/layout/master_sprite.png') 0 -82px no-repeat;
    width: 21px;
    height: 21px;
    float: right;
    margin-top: 2px;
}

.helper span
{
    padding-top: 21px;
}

/* center column */
#mainColumn
{
    float: left;
    display: inline;
    margin-left: 20px;
    width: 434px;
}

/* paginator */
.paginator
{
    margin: 0 1em;
    font-size: .85em;
}

.next, .previous
{
    font-weight: bold;
    padding: 0 10px;
    text-decoration: none;
}

.next:hover, .previous:hover
{
    text-decoration: underline;
}

.previous
{
    background: transparent url('/images/layout/left_arrow.png') left no-repeat;
    float: left;
}

.next
{
    background: transparent url('/images/layout/right_arrow.png') right no-repeat;
    float: right;
}

.pagenumbers, .pagenumbers a
{
    color: #9C9C9C;
    font-weight: bold;
}

.pagenumbers
{
    display: block;
    text-align: center;
}

.pagenumbers a
{
    text-decoration: none;
}

.pagenumbers a:hover
{
    text-decoration: underline;
}

.pagenumbers a.current
{
    color: #000;
    text-decoration: underline;
}

/* FOOTER */
#footer
{
    position: relative;
    background-color: #9A9A9A;
    padding: 1em;
    text-align: center;
    font-size: .8em;
    color: #fff;
}

#idglink
{
    position: absolute;
    left: 2em;
    display: block;
    width: 55px;
    height: 19px;
    background: transparent url('/images/layout/master_sprite.png') 0 -63px no-repeat;
    overflow: hidden;
}

#idglink span
{
    display: block;
    padding-top: 19px;
}

#centeredFooterText
{
    float: left;
    width: 100%;
    position: relative;
}

#footerLinks
{
    clear: left;
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
    margin-bottom: 1.5em;
}

#footerLinks li
{
    float: left;
    display: inline;
    padding: 0 .5em;
    background: transparent url('/images/layout/footer_divider.png') right bottom no-repeat;
    position: relative;
    right: 50%;
}

#footerLinks li.last
{
    background: none;
}

#footer dl
{
    clear: left;
    margin-bottom: .5em;
}

#footer dd a, #copyright a
{
    text-decoration: none;
}

#footer dd a:hover, #copyright a:hover
{
    text-decoration: underline;
}

#footer dt, #footer dd, #idgMoreInfo
{
    display: inline;
}

#footer dd{
	border-right:1px solid #bbb;
	padding: 0 3px 0 0;
}

#copyright
{
    margin-bottom: 2em;
}

#copyright .divider
{
    padding: 0 .5em;
    background: transparent url('/images/layout/footer_divider.png') right bottom no-repeat;
}

#footer a
{
    font-weight: bold;
    color: #fff;
}

/* forms */
.inputMedium, .inputLong
{
    border: 1px solid #b7b7b7;
    padding: 4px 5px 5px;
    height: 14px;
    color: #c9c9c9;
    font-weight: bold;
    background: #fff url('/images/layout/input_bg.png') 0 0 no-repeat;
}

.inputMedium { width: 208px; }
.inputLong { width: 262px; font-weight: normal; color: #000; }

.tooltip
{
	border: 1px solid #222222;
	display: none;
	position: absolute;
	background-color: #fff;
	width: 250px;
	padding: 1px;
	font-size: 80%;
}

#companyBox .companyList
{
    float: left;
    display: inline;
    margin: 0;
    width: 300px;
}


#messagent .ERROR { color: #f00; margin: 10px 0 0; }
#messagent h2 { font-size: 1.3em; margin: 0 0 10px 0; padding:0; color: #000; background: transparent;}
#messagent p { margin-bottom: 10px; }
#messagent label { font-weight: bold; display: block; float: left; width: 200px; padding-top: 2px; }
#messagent div.input { margin-bottom: 10px; }
#messagent div.input input { padding: 1px 2px; }
#messagent div.input.checkbox { margin-bottom: 5px; }
#messagent div.input.checkbox input { vertical-align: middle; margin-right: 2px; }
#messagent div.input.checkbox label { font-weight: normal; display: inline; float: none; width: auto; }
#messagent p.explain { color: #ccc; }
#messagent div.submit input { margin-top: 10px; font-weight: bold; padding: 2px 5px; }

#article ul
{
    list-style-type:disc;
    list-style-position:outside;
    padding-left:1em;
}
