/*
Theme Name: Goed ouder worden
Theme URI:
Description: Speciale templates ontwikkeld voor het onderzoeksproject goed ouder worden
Author: Auke van Scheltinga
Author URI: www.linkedin.com/in/aukevanscheltinga
Version: 1.0
*/

/* Defaults */
* { margin : 0; padding : 0; }
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
/* Removes list-style from lists */
ol,ul { list-style : none; }
/* no underlined links by default */
a {text-decoration: none}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
/* Removes border from fieldset and img */
fieldset,img { border : 0; }
/* Left-aligns text in caption and th */
caption,th { text-align : left; }
/* used as a fast fix if you want something to float left */
/* to clear */
div.clearer {clear: both;}
.floatleft{float: left}
 /* firefox fix for left right movement when scrollbar is enabled */
html { min-height: 100%; margin-bottom: 0.01em; }
/* ======================================== */

.hidden, #skip{display: none}
.padding{margin: 2em; padding: 0.2em; width: 140px; border: 1px solid #cccccc;}
/* Default layouts */ 

#header {position: relative}
#header h1.logo { 
position: absolute;
top: 40px;
left: 34px;
}
h1.logo a:hover{text-decoration: none; border-bottom: 0px;}

h1.logo a { 
width: 60px;
height: 50px;
display: block;}

#print {float: right; display: block}

#chgfontsizeoptions a{font-size: 19px; color: black; text-decoration: underline;}
/*

+----------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY    |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+
|                                                 |                                                  |
|   TYPOGRIDPHY IS © COPYRIGHT OF HARRY ROBERTS   |   v 0.1.1                                        |
|   IT IS FREE TO BE USED AND MODIFIED PROVIDED   |   May 2008                                       |
|   THIS TEXT REMAINS INTACT -- CSSWIZARDRY.COM   |   http://csswizardry.com                         |
|                                                 |                                                  |
+-------------------------------------------------+--------------------------------------------------+



COLOUR REFERENCES
BODY BG: #FFF
TOP STRIP: #000
BODY COLOUR: #666
LINKS: #000
-------------------------------------------------------- */


/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/


/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:100%;
	min-height:101%;
}
body{
	font-family : Arial, "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", sans-serif; 
	font-size:62.5%;
	color:#333;
	background: #112f87 url("images/body-back.jpg") repeat-x;
	 /* background: url(images/grid.gif) top center repeat-y  #fff;  Uncomment to display the grid */
	padding:0 1em;
}
#wrapper{
	width:84em;
	padding-left: 20em;
	padding-right: 20em;
	margin:0 auto;
	background: url("images/wrapper-back.jpg") center top no-repeat;
	height: 700px;
}
#header{
	width:94em;
	margin-bottom: 0em;
	padding-top: 0px;
}

div.leftcol{padding-top: 43px}

#content.home h2{font-weight: bold; font-size: 1.8em}

#content.home a.rss{margin-right: 15px; display: block; float: right; clear: right}

#content.home .boilerplate{width: 55em; padding-right: 3em }
#content.home .contact ul{padding-left: 0px}
#content.home .contact ul li{margin-bottom: 0px; list-style-type: none; margin-left: 0px}
#content{padding-top: 0px}
#content.home{background-image: url("images/content-back.gif"); padding-top: 37px; background-color: white; background-repeat:no-repeat; margin-bottom: 0px}

#content .news h3{margin-bottom: 0px}
#content .news span{display: block; margin-bottom: 8px}

#header .generic{margin-bottom: 0em;}
#container {padding-top: 0px;  background-color: white; background-image: url("images/container-back.gif"); background-repeat: no-repeat; padding-left: 1em; padding-right: 1em; width: 82em;margin-bottom: 0px; min-height: 56em}
#searchform{margin-top: 51px; display: block; margin-left: 35px;}
#searchform input{border: 0px; width: 13em; color: #707070; font-style: italic; font-size: 1.2em}

.headingpanel{height: 100px; padding-top: 8px}
.headingpanel h2{clear:left; line-height: 1em}
.headingpanel .alignleft{float: left}
.headingpanel .alignright{float:right}
/* language unit */
#qtrans_language_chooser{margin-bottom: 0px;}

/* font size unit */
#chgfontsizeoptions{top: 86px; right: 100px; position: absolute;}

#chgfontsizeoptions a{display: block; float: left; width: 36px; height: 32px}
#chgfontsizeoptions a img{display: none}
#chgfontsizeoptions a.bigger{background-image: url("images/biggerfont.png");}

#chgfontsizeoptions a.resetfont{background-image: url("images/resetfont.png");}

#chgfontsizeoptions a.smaller{background-image: url("images/smallerfont.png");}

/*

#chgfontsizeoptions a.smaller{background-position: 0px -32px}
#chgfontsizeoptions a.restore{background-position: 0px -16px}
#chgfontsizeoptions a.bigger{background-position: 0px 0px}
*/

/*NAVIGATION
-------------------------------------------------------- */
#nav{
	font-size:2em;
}
#nav a{
	font-variant:small-caps;
	color:#000;
}
#nav a:hover{
	text-decoration:none;
}
#nav span{
	float:right;
	margin-top:-1.2em;
}
/*FOOTER NAVIGATION
-------------------------------------------------------- */
#footer-nav{
	word-spacing:0.2em;
}
#footer-nav a{
	color:#000;
	font-variant:small-caps;
}
/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic{
	float:left;
	padding-top:0.8em;
	margin-bottom:1.8em;
	
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
	clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* 220px */
.twotwenty{
	width:22em;
	margin-right:1.8em;
}
/* 280px */
.twoeighty{
	width:28em;
	margin-right:1.8em;
}
/* 340px */
.threeforty{
	width:34em;
	margin-right:1.8em;
}
/* 400px */
.fourhun{
	width:40em;
	margin-right:1.8em;
}
/* 460px */
.foursixty{
	width:46em;
	margin-right:1.8em;
}
/* 520px */
.fivetwenty{
	width:52em;
	margin-right:1.8em;
}
/* 580px */
.fiveeighty{
	width:58em;
	margin-right:1.8em;
}
/* 640px */
.sixforty{
	width:64em;
	margin-right:1.8em;
}
/* 700px */
.sevenhun{
	width:70em;
	margin-right:1.8em;
}
/* 760px */
.sevensixty{
	width:76em;
	margin-right:2em;
}
/* 820px */
.eighttwenty{
	width:82em;
}
/* 880px */
.eighteighty{
	width:88em;
	margin-right:1.8em;
}
/* 940px */
.nineforty{
	width:94em;
}
/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
.generic p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
}
/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#000;
	font-size:3em;
	margin-bottom:0.6em;
	font-style:italic;
	line-height:1.2em;
}
small{font-size: 0.9em}
.headingpanel h2{color: white; font-weight: bold; font-size:2.2em }
.headingpanel a{color: #999}
h2{
	color: #0E2770;
	font-size:2.0em;
	margin-bottom:0.9em;
	line-height:0.9em;
}
.post h2{font-size: 1.8em; margin-bottom: 0.3em}
p.postdate{color: #4861a9; font-size: 1.1em; margin-bottom: 0.3em }
h3{
	
	color:#0E2770;
	font-size:1.5em;
	margin-bottom:1.2em;
	line-height:1.2em;
}
h4{
	color:#000;
	font-size:1.2em;
	margin-bottom:1.5em;
	line-height:1.5em;
	font-variant:small-caps;
}
h5{
	color:#000;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
	font-variant:small-caps;
}
h6{
	color:#000;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}
/*LINKS
-------------------------------------------------------- */
p a{
	color:#000;
}
p a:hover{
	text-decoration:none;
}
h1 a{
	color:#000;
}
h1 a:hover{
	text-decoration:none;
}

li a:hover{
	
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p{
	font-size:1.2em!important;
	line-height:1.5em!important;
	margin-bottom:1.5em!important;
	font-style:italic;
	font-weight:bold;
}
blockquote p cite{
	font-style:normal;
}
.generic strong{
	font-variant:small-caps;
}
.generic em{
	font-style:italic;
	font-weight:inherit;
}
.amp{ /* Give those ampersands a right sexy look */
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
abbr{
	border-bottom:1px dotted #666;
	border-color:inherit;
	cursor:help;
}
.clear{
	clear:both;
}
.right-float{ /* Float any item to the right */
	float:right;
	margin-left:2em;
	margin-right:0;
}
.left-float{ /* Float any item to the left */
	float:left;
	margin-right:2em;
	margin-left:0;
}
.code{ /* Styling for and code type items */
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1em;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img{
	font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-right:2em;
	margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-left:2em;
	margin-top:0.3em;
}
/*CONTACT FORM STYLES
-------------------------------------------------------- */
#contact-form{
}
#contact-form label{
	width:10em;
	float:left;
	margin-top:0.6em;
}
#name, #form-email, #location{
	width:42.7em;
	height:20px;
	padding:3px;
	padding-top:5px;
	border:2px solid #666;
	margin-bottom:18px;
	background:#fff !important;
}
#comments{
	width:43.8em;
	height:10em;
	padding:3px;
	border:2px solid #666;
	margin-bottom:18px;
	overflow:auto;
	background:#fff !important;
}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, #form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus{
	border:2px solid #000;
}
/* #submit{
	clear:both;
	padding:5px;
	border:2px solid #666;
	background:#fff !important;
	cursor:pointer;
	margin-left:9em;
}
*/
#reset{
	clear:both;
	padding:3px;
	border:none;
	background:#f00 !important;
	cursor:pointer;
	float:right;
	color:#fff;
	margin-top:-28px;
}
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
ul{
	margin-bottom:1.8em;
	list-style:square inside;
}
ul li{
	font-size:1.2em;
	line-height:1.5em;
}
ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
	font-variant:small-caps;
	list-style:none;
	color:#000;
}
li > ul, li > ol{
	margin-bottom:0;
	margin-left:5em;
}
li > ul li, li > ol li{
	font-size:1em;
}
ol{
	margin-bottom:1.8em;
	list-style:decimal inside;
}
ol li{
	font-size:1.2em;
	line-height:1.5em;
}
div#content ul.ec3_events{padding-left: 0px; margin-left: 0px}
div#content ul.ec3_events ul{margin-left: 0px; padding-left: 0px}
div#content ul.ec3_events li{list-style-type: none; margin-left: 0px;}
div#content ul.ec3_events ul li{list-style-type: none; margin-left: 0px;}
div#content ul.ec3_events li.ec3_list{color: #666}
div#content ul.ec3_events ul li a{font-size: 1.0em !important}
/*-------------------------------------------+
|                                            |
|               MISC. STYLES                 |
|                                            |
+-------------------------------------------*/


/*

	"I could eat a knob at night"
		-	Karl Pilkington

*/

ul#nav_supplementary li, ul#support li, ul#features li {
display: inline;}

ul#nav_supplementary {
float: right;
padding-top: 0px;
height: 1px;
text-align: right;
}

ul#nav_supplementary li {
padding-left: 5px;
padding-right: 5px;
}

ul#nav_supplementary li a{font-size: 1em}

/* language switch */
.qtrans_language_chooser{float: right; margin-top: 3px;} 
.qtrans_language_chooser li{list-style-type: none; display: block; float: left; margin-left: 3px}

ul#nav_supplementary li a, ul#nav_supplementary li a:visited {
color : #333;}

ul#nav_supplementary li a:hover , ul#nav_supplementary li a:active {
color : black}

/* main drop down */
ul#nav_main{
/* background: url("images/mainnavback.gif") repeat-x; */
height: 38px;
margin-bottom: 0px;
margin-top: 26px;
}
ul#nav_main li{
float: left}

ul#nav_main li a.active {
color: #EF3E42;
background: white;
}

#nav_main li:hover ul, #nav_main li.sfhover ul {
	left: auto;
}

ul#nav_main li{
margin-right: 4px;
padding-bottom: 0px;
padding-right: 8px;
margin-bottom: 0px;
padding-bottom: 12px;
height: 23px;
list-style-type: none;
}

div#nav_main a, ul#nav_main li a {
font-family: arial, helvetica, sans-serif;
font-size: 13px;
display: block;
color: #f1f1f1;
font-weight: normal;
padding: 9px 13px 8px 13px;
}

ul#nav_main li a:hover{
/* color: white; */
background: none;
}
ul#nav_main li a.active:hover{
color: white;
background: none;
}

/* level two dropdown */
ul#nav_main li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	background: white;
	border: 1px solid #0e2770;
	border-top: none;
	margin-left: 0px;
}
ul#nav_main li ul li{float: none; padding: 2px}
ul#nav_main li ul li {padding: 2px; margin-right: 0px;}
ul#nav_main li ul li a, ul#nav_main li ul li a:visited{
padding: 4px;
color: #666666;
font-size: 11px;
}
ul#nav_main li ul li a:hover{
background: #666666;
/* background: #0e2770; */ 
color: white;}
ul#nav_main li ul li a.active{
background: #d9d9db;
}
ul#nav_main li ul li a.active:hover{
background: #666666;
color: white;
}

ul#nav_main li#about_us{
margin-right: 25px;
}


ul#nav_main li#search{
height: 15px;
margin-left: 0px;
float: right;

}

div#search_input, ul#nav_main li#search_input{
border-left: 1px solid white;
margin-top: 0px;
margin-right: 0px;
float: right;
}
/* div#nav_main is used for complex breadcrumb output from applications */
div#nav_main, div#search_input{padding: 5px; padding-left: 10px;}
div#search_input{height: 20px;  margin-top: 4px; margin-right: 5px; padding: 0px;}
div#nav_main{float: left;}

div#nav_main{color: #f2f2f2}
div#nav_main a{color: #fff}

/* search is included in the main navigation */
div.search{
position: absolute;
right: 5px;
top: 81px;
width: 300px;
}
div.search input[type="text"] {
width: 120px;
height: 17px;
border: 0px;
margin-left:10px;
background : transparent url('/images/search_field_bg.gif') repeat-x center left;
padding:2px;
}

div.search input[type="submit"]{
  background:transparent;
  border:none;
  color:#FFFFFF;
  text-transform:uppercase;
  padding: 0px;
  display: inline;
  font-size: 10px;
}
div#search_input select, li#search_input select{margin-left: 10px; width: 150px; text-transform: none;}
div#search_input select option, li#search_input select option{text-transform: none}

input.search_top_submit:hover{
  color:#000000;
  cursor:pointer;
}

input.search_field_top {
color: #000;
line-height: 17px;
font-size: 11px;}

/* Home page */
/* ================================================ */

body#home #content p#welcome_text{
margin-bottom: 0px;
}

div.newsBar {
padding: 6px;
padding-left: 28px;
background: url("/images/newsBar2.gif") no-repeat;
color: white;
margin-bottom: 10px;
height: 16px;
}
div.newsBar span{font-weight: bold; font-size: 11px;}
div#content div.newsBar a{text-decoration: none; color: #333333; font-size: 11px; background: url("images/arrow_gray.gif") no-repeat center right; padding-right: 10px;}
div#content div.newsBar a:hover{text-decoration: underline; background-image: url("images/arrow_gray_hover.gif")}


/* Standard Teaser */
div#teaser a{
display: block;
margin-bottom: 1px;
height: 140px;
background: none;
border-bottom: 0px;
}
div#teaser a img {display: inline}

table#branding tr td{ border: none; padding: 0px; width: 33%; background: url("images/teaserBack.gif") no-repeat; height: 177px; vertical-align: top;}
div#content table#branding tr td h2 a{text-decoration: none; color: #EF3E42; background: url("/images/arrow_gray.gif") no-repeat center right; padding-right: 12px;}
div#content table#branding tr td.noback h2 a{text-decoration: none; color: #0e2770;; background: url("/images/arrow_gray.gif") no-repeat center right; padding-right: 12px;}
div#content table#branding tr td h2{border-bottom: 1px solid #cccccc; }

#content table#branding tr.textTeaser td div{padding:5px 20px 5px 8px;}
#content table#branding tr.textTeaser p{font-size: 10px; line-height: 16px}

body#home table tr td{border-bottom: 0px}
body#home #content div.box{padding: 0px;}
body#home #content table#branding tr td.noback{background: none}
body#home #content div.box p{font-size: 11px; line-height: 16px; padding:4px 13px 13px;}
body#home #content div.box h2 {margin: 6px}
body#home #content div.box ul{padding-left: 5px;}



/* Content */
/* ================================================ */
#content ul li,
#content ol li,
#content table tr td, #content p{line-height: 18px; font-size: 13px;}
#content p, #content ul, #content ol{margin-bottom: 15px;}
body#home #content ul li, body#home #content ol li{
font-family: Verdana, "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode";
margin-bottom: 0px;
}

#content p.date{font-weight: bold; font-size: 12px;}

div#content ul li{
margin-bottom: 10px;
list-style-type: square
}

div#content ol li{
margin-bottom: 10px;
}

div#print_button {
float: right;
z-index: 100;
margin-top: 10px;
}

img.img_right,.content img {
margin-left: 10px;
margin-bottom: 10px;
float: right;
}

/*Bold in lijstjes */
div#content ul li strong{
color: #666666;
}

/*Bold in lijstjes */
div#content ol li strong{
color: #666666;
}

.hippo_bg {
background : transparent url('/images/hippo.gif') no-repeat center right;
}

p a.moreinfo {
color: #c41b20;
font-size: 11px;
}



li#search_input form{display: inline}

h2 {font-family: arial, helvetica, sans-serif;}
h2 a, h3 a, h4 a{text-decoration: none;}


strong{font-weight: bold; color: #333}

a, p a{color: #0e2770;}
#content a:hover, #content p a:hover{text-decoration: none}

#content ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 20px;
    }
    
 #content ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 20px;
    }

div#content a{text-decoration: underline}
div#content a:link, div#content a:visited { 
color : #0e2770;
}

img.visual_left {
float: left;
margin-right: 10px;
}

/* tables in body text */
table.bodyTable {margin-top: 15px;}
table.bodyTable tbody tr td{padding: 5px; border-bottom: 1px #cccccc solid;}
table.bodyTable tbody tr.a td{background: #fafafa; border-right: 1px solid white}
table.bodyTable tbody tr.b td{background: #f5f5f5; border-right: 1px solid white}
table.bodyTable tbody tr th{background: #239dd9; color: white; background: url("images/tableheadback.gif"); padding: 5px; border-bottom: 1px solid white; border-right: 1px solid white}

/* default item listing */
.index{width: 100%}
.index tr.indexitem td, .index .indexitem{
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 10px;
padding-top: 10px;
}

.index .indexitem .indexitemtext p{
margin-bottom: 0px;
text-align: justify;
}
.index .indexitem .indexitemtext{padding-left: 14px;}

#content .index tr td p{margin-bottom: 0px; font-size: 11px; line-height: 17px;}
#content .index tr td h3 a{font-size: 16px; font-family: arial; text-decoration: none;}

#content .index tr td a{text-decoration: none; }
#content .index tr td a.external{text-decoration: none; background: url("/images/arrow_gray.gif") no-repeat center right; padding-right: 10px;}
#content .index tr td a.external:hover{text-decoration: underline}
#content .red h3, #content .red a{color: #EF3E42;}
#content .blue h3, #content .blue a{color: #0e2770}
#content .black h3, #content .black a{color: #333333}

.index tr td span.date{font-weight: bold; color: #666666; font-size: 10px;}
.index tr td span.description{display: block; color: #666666; font-size: 12px; margin-top: 5px;}

td.indexitem{padding-left: 0px;}

.index .indeximage{width: 40px; text-align: center; vertical-align: middle}

/* Table styles */
/* ================================================ */

#content table.pricelistlicenses table tr td {font-size: 11px; vertical-align: top}
#content table.pricelistlicenses tr td{vertical-align: top; padding: 5px;}
#content table.pricelistlicenses table tr td{border: 1px solid #f2f2f2; padding: 2px;}
#content table.pricelistlicenses td.tableHead{font-size: 18px; color: #c41b20;} 
 
    table.paging tr td{
    border-bottom: none;
     }
    table tr td{
    border-bottom: 1px dotted #666;
    }
    table.paging {
    width: 100%;
      background: #f2f2f2;
      
      }
    table.paging tr td{padding: 8px;}
    table.paging tr td.paging{text-align: left;}
    
    td.paging_prev {
  text-align :left; width: 150px;  font-size: 13px; font-weight: bold;
    }
    
    td.paging_next{
    text-align: right; font-size: 13px; font-weight: bold;
    width: 150px;
    }
    div#content table.paging tr td.paging{text-align: center;}
    div#content table.paging tr td.paging a{
 
  text-decoration: none;
    color: #0e2770;
    }
 
    div#content table.paging tr td.paging a.previous, div#content table.paging tr td.paging a.next{
    background: #dcecf4;
    text-decoration: none;
    color: white;
    }
   div#content table.paging tr td.paging a.previous:hover, div#content table.paging tr td.paging a.next:hover{
    background: #225379;
    }
    table{margin-bottom: 15px;}
    
    td.paging {
    text-align: center;
    }
    
    td.paging a{
    margin-right: 10px;
    font-size: 11px;
    font-weight: bold
    }
    
   
/* Forms */
/* ================================================ */
    
    div#form_message {
    padding: 20px;
    border: 1px solid #999;
    margin-top: 10px;
    margin-bottom: 20px;
    }
    
    input, textarea, select {
    margin: 0;
    padding: 1px;
    font-size: 100%;
    font-family: inherit;
    }
    
    select { padding: 0; }
    
    div.form_box { 
    border: 1px solid #999;
    background-color: #f7f7f7;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
    label {
    line-height: 20px;
    width: 120px;
    vertical-align: top;
    clear:left; 
    display:block; 
    float:left;
    text-align:right; 
    padding-right:10px;
    }
    
    form.contact_form input {
    line-height: 20px;
    height: 20px;
    margin-bottom: 3px;
    width: 150px;
    vertical-align: top;
    display:block; 
    float:left;
    border: 1px solid #999;
    }
    
    form br {
    clear: left;
    line-height: 20px;}
    
    form.contact_form input.checkbox {
    width: 14px;
    height: 14px;
    vertical-align: top;
    line-height: 20px;
    border: none;}
    
    form.contact_form textarea {
    line-height: 14px;
    width: 300px;
    vertical-align: top;
    clear:right; 
    display:block; 
    float:left;
    border: 1px solid #999;
    margin-bottom: 3px;
    }
    
    
    form.contact_form label.width280 {
    line-height: 20px;
    width: 280px;
    vertical-align: top;
    clear:left; 
    display:block; 
    float:left;
    }
    
    form.contact_form select {
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    clear:right; 
    display:block; 
    float:left;
    border: 1px solid #999;
    margin-bottom: 3px;
    }
    
    form.contact_form option {
    height: 20px;
    line-height: 20px;
    }
    
    form.contact_form span {
    font-weight: bold;
    font-style: normal;
    color: #f00;
    }
    
    form.contact_form input.but_submit {
    float: right;
    margin-right: 0px;
    color: #0e2770;}
    
    form.contact_form button.but_submit {
    float: right;
    margin-top: 10px;
    color: #000;}
    
    div#form_message {
font-size: 15px;
color: #e6151a;
font-weight: bold;
}


/* Right navigation */
/* ================================================ */
div.box ul.linklist li{margin-bottom: 5px; margin-left: 5px; margin-top: 5px;}
div.box ul.linklist li a{font-size: 11px; text-decoration: none; color: #666666}
div.box ul.linklist li a:hover{color: #0e2770; text-decoration: underline}
div.box h2{
text-transform: uppercase; 
font-size: 14px;
font-weight: bold;
margin-top: 5px;
color: #EF3E42;
border-bottom: 1px solid #cccccc;
margin-bottom: 0px;
padding: 0px;
margin: 21px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 5px;
}
div.box h2 a{color: #EF3E42; background: url("/images/arrow_gray.gif") no-repeat center right; padding-right: 12px;}

div.box{background: url("/images/boxBack.gif") no-repeat; margin-bottom: 15px;}
div.box div{background: url("/images/boxBackBottom.gif") no-repeat bottom left; padding-top: 0px; padding: 0px 15px 15px 15px}

#content table.boxlist td{padding: 15px 5px 15px 5px}
#content table.boxlist td h3{background: red}
#content table.boxlist td span.date{background: red}
#content table.boxlist td span.description{background: red}


#right p{font-size: 1em;}

#right ul.boxitems li h3, #content ul.boxitems h3{color: #0e2770; font-size: 16px; line-height: 18px; margin-bottom: 0px; font-weight: normal}
#right ul.boxitems li, #content ul.boxitems li{line-height: 16px; list-style-type: none}
#right ul.boxitems li a, #content ul.boxitems li a{padding: 6px; display: block; text-decoration: none;}
#right ul.boxitems li a span.date, #content ul.boxitems li a span.date{font-weight: bold; font-size: 10px; color: #666666; display: block; margin-bottom: 3px;}
#right ul.boxitems li a span.description, #content ul.boxitems li a span.description {font-size: 11px; color: #666666; font-weight: normal;}
#right ul.boxitems li a:hover, #content ul.boxitems li a:hover{background: #E7F2FA;}

/* disable boxes on homepage */
body#home #content div.box h2, body#home #content div.box div, body#home #content div.box{ background-color: white; background-image: none;}


/* Icons */
/* ================================================ */
ul.bigButtons{margin-bottom: 15px}
ul.bigButtons li{background: url("/images/button.gif") no-repeat top left; font-size: 14px; color: white; margin-bottom: 15px; font-weight: bold; font-family: arial, helvetica, sans-serif}
ul.bigButtons li a{display: block; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; color: white; text-transform: uppercase}

/*
ul.bigButtons li a.icoDownloadBig{color: #3f3f3f; display: block; background: url("/images/icoButtonDownload.gif") no-repeat left bottom;}
ul.bigButtons li a.icoLoginBig{color: #3f3f3f; display: block; background: url("/images/icoButtonLogin.gif") no-repeat left bottom;}
ul.bigButtons li a.icoScreenshotBig{color: #3f3f3f; display: block; background: url("/images/icoButtonScreenshot.gif") no-repeat left bottom;}

ul.bigButtons li a.icoDownloadBig{color: white; display: block; background: url("/images/downloadButton.gif") no-repeat left center;}
ul.bigButtons li a.icoLoginBig{color: white; display: block; background: url("/images/newslettersignupButton.gif") no-repeat left center;}
ul.bigButtons li a.icoScreenshotBig{color: white; display: block; background: url("/images/screenshotButton.gif") no-repeat left center;}
*/


ul.icons li h3{}
ul.trainings-16 li h3{background: url("images/training-16.png") no-repeat}
ul.events-16 li h3{background: url("images/events-16.png") no-repeat}
ul.events-32 li h3{background: url("images/events-32.png") no-repeat}
ul.trainings-32 li h3{background: url("images/trainings-32.png") no-repeat}

a.filedownload{display: block; padding: 20px; background-repeat: no-repeat; background-position: left center; padding-left: 45px;}
a.pdf-32 {background-image: url("images/pdf-32.png");}


/* Leftnavigation/
/* ================================================ */
div#navLevel2 li{margin-bottom: 3px}

div#navLevel2 li a{
color: #8c8c8c;
display: block;
padding: 2px;
font-size: 11px;
}

div#navLevel2 ul li a.active {
color: #EF3E42
}

body div#navLevel2 ul li a.active ul li a.active{color: blue}

div#navLevel2 ul li ul{margin-left: 15px;}

#leftnav{margin-left: 20px; margin-top: 46px}
#leftnav h5{margin-bottom: 15px; color: #333333; font-size: 12px; border-bottom: 1px dotted #666666; padding-bottom: 5px;}
#leftnav ul{margin-left: 5px; margin-bottom: 5px; list-style-position: inside; margin-bottom: 10px; list-style-type: none}
#leftnav ul li{margin-bottom: 4px; color: #CECECE; font-weight: bold}
#leftnav ul li a{color: #0e2770}
#leftnav ul li.expanded ul{margin-left: 12px;}
#leftnav ul li ul{margin-top: 5px;}
#leftnav ul li.expanded strong, #leftnav ul li.none strong{font-weight: normal; color: #1f5177}
#leftnav ul li.expanded ul li{margin-left: 5px;}
#leftnav ul li.collapsed a {}
#leftnav p { margin: 0 0 1em 0; }

/* Footer /
/* ================================================ */

div#footer {
text-align: left;
color: white; 
background: url("images/footerback.gif") no-repeat;
width: 84em;
}

div#footer span{color: #EF3E42}

div#footer p{margin-left: 90px; margin-top: 0px; text-align: right;}

div#address{
float: left}


div#address ul{
list-style: none;
}

div#address ul li {
float: left;
width: 125px;
text-align: left;
}


div#address ul li.last {
text-align: right;
}
div#copyright{float: right; width: 350px; padding-right: 9px;}
div#copyright p{text-align: right; margin-bottom: 0px}

div#footer ul#nav_info li {
padding-left: 5px;
padding-right: 8px;
background : transparent url('/images/nav_info_divider_blue.gif') no-repeat center right;
text-transform: capitalize;
list-style-type: none;
float: right;
}

div#footer ul#nav_info {
margin-top: 2px;
}

div#footer ul#nav_info li.first {
background : none;
padding-right: 0px;}

div.hidden{
    padding-left:100px;
    display:none;
}


div#content ul#nav_info li a{
color: #0e2770;
text-decoration: none;
}
div#content ul#nav_info li a:hover{color: #0e2770}


p.dateR {
float:right ;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/* default HST documents tag classes */
.hst-list {
    width: 100%
}

.hst-list .hst-document {
    border-bottom: 1px dotted #666;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.hst-list .hst-document .hst-document-date, 
.hst-list .hst-document .hst-document-link,
.hst-list .hst-document .hst-document-text {
    margin-bottom: 0px;
    text-align: justify;
}
#content p.hst-document-date{font-size: 11px; margin-bottom: 5px}


.hst-list .hst-document .hst-document-link {
    display: inline
}

div#hst-sitemap ul {
    margin: 0px;
    padding: 0px 10px;
    width: 100%;
}
    
div#hst-sitemap ul li {
    margin: 0px;
    list-style-type: none;
}

div#hst-sitemap ul.level0 li  {
    padding: 0px;
}

div#hst-sitemap ul.level0 li.documents  {
    margin-top: 20px;
}

div#hst-sitemap ul.level1 li  {
    padding-left: 15px;
}

div#hst-sitemap ul.level1 li.documents  {
    margin-top: 0px;
}