* { margin: 0; padding: 0; }


#sub-menu li a {
  
    padding:6px 0 6px 22px !important;
}


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

h1 { display: none; }
h3 { background: url(images/line-h3.gif) no-repeat bottom center; height: 34px; margin-top: 20px; margin-bottom: 20px; font-family: Tahoma; font-size: 18px; color: #696500; text-align: center; }
h3 a { text-decoration: none; color: #696500; }
h4 { font-family: Tahoma; font-size: 16px; font-weight; color: #db9204; margin-bottom: 10px; text-align: center;}
h5 { margin-bottom: 10px; background: url(images/line-h3.gif) no-repeat bottom left; height: 34px; margin-top: 20px; font-family: Tahoma, "trebuchet ms", arial, tahoma, sans-serif; font-size: 10px;}


p.article-time { text-align: center; font-size: 11px; position: relative; top: -10px; }

p { text-align: left; margin-bottom: 18px; font-family: Tahoma, "trebuchet ms", arial, tahoma, sans-serif; font-size: 12px; color: #373737; line-height: 18px; letter-spacing: 1px; }
strong { font-weight: bold; color: #262626; }
div.textwidget { font-family: Tahoma, "trebuchet ms", arial, tahoma, sans-serif; font-size: 11px; color: #373737; margin-bottom: 20px; }

div#sidebar-right a, span.tags a {color: #697580;}

p a {color: #0066FF;}

div.padding { margin: 20px; }

#body .padding ol { list-style-type: decimal; margin-left: 15px; margin-bottom: 15px; }
#body .padding ol li { margin-left: 25px; list-style-type: decimal; font-family: Tahoma, "trebuchet ms", arial, tahoma, sans-serif; font-size: 14px; color: #373737; line-height: 18px; }

#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; }
#main-menu li a { display: block; height: 34px; font-weight: bold; color: #959595; text-decoration: none; padding: 7px 0 0 0; }
#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.page-item-26 a { background: url(images/menu_active.gif) no-repeat; color: #fff; }
#main-menu li.page-item-27 a { background: url(images/menu_active.gif) no-repeat; color: #fff; }

#main-menu li.right { float: right; }

#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; background: url(images/home-photo-lizard.jpg) no-repeat #000; }
#head div.column-right { float: left; width: 243px; height: 165px; background: url(images/bg-column-right.gif) no-repeat; }

#content { 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; }
#sub-menu li a { background: url(images/menu-left-off.gif) no-repeat top left; display: block;  padding: 6px 0 0 14px; 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; }

#body { float: left; width: 535px; }

#body ul { margin-bottom: 20px; }
#body ul li { font-family: Tahoma, "trebuchet ms", arial, tahoma, sans-serif; font-size: 12px; color: #373737; line-height: 18px; letter-spacing: 1px; margin-left: 30px; list-style-type: circle; }
.item ul {margin-top: 10px;}


#sidebar-right { float: left; width: 238px; }
#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 { 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; }


#s { width: 90px; float: left; height:18px; margin-top: -2px;  }


input.text, input.title   { width: 200px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }

input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.2em; }

/* Textareas */
textarea            {  margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }




/* --------------------------------------------------------------
 Twilight: CSS Buttons 2 (alternative)
 USAGE:
<div class="widget-button">
    <button type="submit" class="positive">
        <img src="/images/icons/tick.png" alt=""/> 
        Save
    </button>

    <a href="/password/reset/">
        <img src="/images/icons/textfield_key.png" alt=""/> 
        Change Password
    </a>

    <a href="#" class="negative">
        <img src="/images/icons/cross.png" alt=""/>
        Cancel
    </a>
</div>
 
 Created by Kevin Hale [particletree.com]
 - particletree.com/features/rediscovering-the-button-element
  -------------------------------------------------------------- */
a.widget-button, .button {
	display: block;
	float: left;
	margin: 0 0.583em 0.667em 0;
	padding: 5px 10px 5px 7px; /* Links */
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #f5f5f5;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;;
	
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
}

.button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
}

.button
[ type ] {
	padding: 4px 10px 4px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}

*:first-child + html button
[ type ] {
	padding: 4px 10px 3px 7px; /* IE7 */
}

.button img, a.button img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
	float: none;
}
/* Button colors
 -------------------------------------------------------------- */
/* Standard */
.button:hover, a.button:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

a.button:active {
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}
/* Positive */
body .positive {
	color: #529214;
}

a.positive:hover, button.positive:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}

a.positive:active {
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}
/* Negative */
body .negative {
	color: #d12f19;

}

a.negative:hover, button.negative:hover {
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}

a.negative:active {
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}

table.programma {width:100%;padding:0;margin:0;margin-bottom:1em; }
.programma tr { vertical-align:top; }
.programma td {padding-bottom:1em }