/*
Theme Name: Topicus NextGen (multicountry)
Theme URI: http://www.topicus.nl/
Description: A custom style made for the Topicus intranet and online websites. Makes heavy use of jQuery. Created for a 1024x768 resolution.
Version: 2.2
Author: Topicus DLF
Author URI: http://www.topicus.nl/
*/

* { margin: 0; padding: 0; }
.ontop { display: none !important !important !important !important; }

body { padding: 0 0px 10px 0px; background: url(images/bg-fullwidth.jpg) repeat-x top left #294761; }
#fullwidth { background: url(images/bg-page.jpg) no-repeat center top; }

h1 { display: none; }
h3 { background: url(images/line-h3.gif) no-repeat bottom center; height: 34px; margin-bottom: 20px; font-family: Georgia; font-size: 18px; color: #294761; text-align: center; }
h3 a { text-decoration: none; color: #294761; }
h4 { font-size: 14px; font-weight: bold; color: #385f80; margin-bottom: 10px; }
p.article-time { text-align: center; font-size: 11px; position: relative; top: -10px; }

p { margin-bottom: 18px; font-family: arial, trebuchet, "trebuchet ms", arial, tahoma, sans-serif; font-size: 13px; color: #373737; line-height: 20px; letter-spacing: 0px; }
a { text-decoration: underline; color: #373737; }
a:hover { color: #cc9900; }
strong { font-weight: bold; color: #262626; }
div.textwidget { line-height: 20px; font-family: arial, tahoma, sans-serif; font-size: 11px; color: #373737; margin-bottom: 20px; }

div.padding { margin: 20px 20px 50px 20px; }
div.padding_small { margin: 10px; }

#wrap { margin: 0 auto; width: 978px; text-align: left; background: url(images/bg-content.gif) repeat-y top right #fff; border-left: 1px solid #969696; border-right: 1px solid #969696; }
#wrap.with-left-bar { background: url(images/bg-content-full.gif) repeat-y top left #fff; }

#main-menu { background: url(images/bg_top_menu.gif) repeat-x; height: 34px; }
#main-menu li { display: inline; float: left; width: 122px; text-align: center; height: 34px; overflow: hidden; font-size: 12px; }
#main-menu li a { display: block; height: 34px; font-weight: bold; color: #959595; text-decoration: none; padding: 7px 0 0 0; font-size: 12px; }
#main-menu li a:hover { background: url(images/menu_hover.gif) no-repeat; color: #fff; }

#main-menu li.current_page_item a { background: url(images/menu_active.gif) no-repeat; color: #fff; }
#main-menu li.current_page_parent a { background: url(images/menu_active.gif) no-repeat; color: #fff; }
#main-menu li.current_page_item { background: #009acd; }

#main-menu li.hiliteme a { background: url(images/menu_active.gif) no-repeat; color: #fff; }
#main-menu li.current_page_item.hiliteme { background: #d1b601; }
#main-menu li.right { float: right; }

.menu_button { margin-right: 6px; }

#head { width: 978px; height: 165px; }
#head div.column-left { float: left; width: 200px; height: 165px; background: url(images/logo_topicus.gif) no-repeat; }
#head div.column-middle { float: left; width: 535px; height: 165px; }
#head div.column-right { float: left; width: 243px; height: 165px; overflow: hidden; background: url(images/bg-column-right.gif) no-repeat; }
#head div.column-right h4 { display: none; }

#head div.column-middle.default { background: url(images/headers/default.jpg) no-repeat #000; }
#head div.column-middle.uiltjes { background: url(images/headers/uiltjes.jpg) no-repeat #000; }
#head div.column-middle.zorg { background: url(images/headers/zorg.jpg) no-repeat #000; }
#head div.column-middle.onderwijs { background: url(images/headers/onderwijs.jpg) no-repeat #000; }
#head div.column-middle.finance { background: url(images/headers/finance.jpg) no-repeat #000; }
#head div.column-middle.gifkikker { background: url(images/headers/gifkikker.jpg) no-repeat #000; }
#head div.column-middle.contact { background: url(images/headers/contact.jpg) no-repeat #000; }
#head div.column-middle.werken { background: url(images/headers/werken.jpg) no-repeat #000; }
#head div.column-middle.dna { background: url(images/headers/dna.jpg) no-repeat #000; }
#head div.column-middle.topiday { background: url(images/headers/topiday.jpg) no-repeat #000; }

#content { min-height: 600px; background: url(images/bg-content-bottom.gif) no-repeat bottom right; height: 100%; }
#content.with-left-bar { background: url(images/bg-content-bottom-full.gif) no-repeat bottom right; }

/* SUBMENU */
div#left-bar { float: left; width: 200px; min-height: 100px; }
#sub-menu { float: left; width: 200px; }
#sub-menu li { border-bottom: 1px solid #616161; font-size: 13px; }
#sub-menu li a { background: url(images/menu-left-off.gif) no-repeat top left; display: block; height: 25px; font-size: 13px; padding: 6px 0 0 10px; text-decoration: none; color: #ffff00; font-weight: bold; }
#sub-menu li a:hover { background: url(images/menu-left-on-02.gif) no-repeat top left; }
#sub-menu li.current_page_item a { background: url(images/menu-left-active-02.gif) no-repeat center right; color: #a9a9a9; }

/* SUBMENU ~ Additional Submenu's */
#sub-menu li ul li { background: none !important; border-top: 1px solid #616161; border-bottom: none; }
#sub-menu li ul li a { position: default; left: 0; background: url(images/sub-sub-menu.gif) no-repeat center left !important; font-size: 12px; color: #fff !important; height: 20px; padding: 5px 0 0 42px !important; }
#sub-menu li ul li a:hover { background: url(images/sub-sub-menu.gif) no-repeat center left #2b2b2b !important; }
#sub-menu li ul li.current_page_item a { background: url(images/sub-menu-left-active-02.gif) no-repeat top left !important; }

#sub-menu li ul { display: none; }

#body { float: left; width: 535px; background:#ffffff url('images/contentbg.png') repeat-x left top}
#body { float: left; width: 535px; background:#ffffff url('images/contentbg.png') repeat-x left top}

#body ul { margin-bottom: 20px; }
#body ul li { font-family: arial, trebuchet, "trebuchet ms", arial, tahoma, sans-serif; font-size: 13px; color: #373737; line-height: 20px; letter-spacing: 0px; margin-left: 30px; list-style-type: circle; }

#sidebar-right { float: left; width: 238px; border-top:1px solid #c8c8c8;}
#sidebar-right div.padding ul { margin-bottom: 20px; }
#sidebar-right div.padding ul li { font-size: 12px; background: url(images/icon-post.gif) no-repeat top left; padding: 1px 0 0 24px; margin-bottom: 5px; }
#sidebar-right div.padding ul li a { color: #555; text-decoration: none; }
#sidebar-right div.padding ul li a:hover { color: #333; text-decoration: underline; }

#footer { margin: 0 auto; width: 980px; height: 50px; background: url(images/bg-footer.gif) no-repeat top left; }
#footer p { background: url(images/bg-footer-shadow.gif) no-repeat top center; font-size: 11px; color: #efefef; padding-top: 15px; text-align: center; }
#footer p.approvals { margin: 0; padding: 0; }
#footer p.approvals a { margin-bottom: 15px; }

.ngg-widget { position: absolute; top: 45px; }
.ngg-widget img { width: 200px; height: 130px; }

#todayWidget { background: #efefef !important; font-weight: bold; }

#events-calendar-list { list-style-type: none; }
#events-calendar-list a:hover { text-decoration: none !important; }

div.ngg-widget { position: relative; margin: 5px 0px 0px 10px; top: 0px; }

#searchform { margin-bottom: 15px; }
#searchform input#s { padding: 4px; width: 120px; }
#searchform input#searchsubmit { padding: 2px; width: 60px; }

p.flags { float: left; clear: both; width: 200px; overflow: hidden; }
p.flags a { width: 100%; border: 9px solid #323232; display: block; float: left; background: url(images/uk.png) no-repeat center left; padding: 0 0 0 30px; color: #787878; text-decoration: none; font-size: 12px; }
p.flags a:hover { border-color: #444; background-color: #444; color: #ffff00; text-decoration: none; }

/* wp styles */
.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }