/* ======================================= */
/* = Styles for "de verkeersonderneming" = */
/* ======================================= */

body{
  font-size: 62.5%;
  font-family: arial, helvetica, verdana, sans-serif;
  background: url(../images/backgrounds/body.gif) 50% 0 #fff repeat-y;
  color: #333;
}

#header,
#wrapper{
  margin: 0 auto;
  width: 994px;  
}

#header{
  width: 940px;
  padding: 0 27px;
  background: url(../images/backgrounds/wrapper.png) 0 0 repeat-y;
  height: 110px;
  position: absolute;
  top: 0;
  z-index: 1;
}

#wrapper{
  padding: 0 0 0 7px;
}

#body{
  position: relative;
  z-index: 2;  
  margin-top: 110px;
  padding: 0 7px;
  background: url(../images/backgrounds/wrapper.png) 0 0 repeat-y;
}

#footer{
  font-size: 1.1em;
  padding-top: 10px;
  background: none;
  color :#464646;
  line-height: 22px;
  vertical-align: middle;
  background: url(../images/backgrounds/footer.png) 0 0 no-repeat;  
}


/* ========== */
/* = Header = */
/* ========== */

#logo{
  float: left;
}

#language{
  position: absolute;
  left: 20px;
  top: 10px;
  color: #666;
  font-size: 1.1em;
}

#language a{
  color: #666;  
}

#language ul.hnavigation li a,
#language ul.hnavigation li{
  margin-right: 0.3em;
}

#navigation{
  position: absolute;
  right: 0;
  bottom: 5px;
  padding: 0 20px;
}

#navigation .hnavigation{
  float: right;
  padding-top: 17px;
  clear: both;
  font-weight: bold;
  font-size: 1.35em;
}

#navigation ul.hnavigation li.first{
  background: none;
  margin: 0;
  padding: 0;
}

#navigation ul.hnavigation li{
  margin-left: 1em;
  padding-left: 1em;
  background: url(../images/backgrounds/navigation-li.gif) 0 50% no-repeat;
}

#navigation ul.hnavigation a:hover{ 
  color: #999; 
  text-decoration: none;
}

#toplinks{
  float: right;
  top: 10px;
}

#toplinks ul li{
  margin-left: -34px;
  float: left;
}

#toplinks ul li a{
  background: url(../images/backgrounds/toplinks.gif) 0 0 no-repeat;
  padding: 0 0 0 20px;
  height: 20px;
  display: block;
  color: #999;
}

#toplinks ul li a span{
  display: block;
  padding: 2px 40px 5px 0;
  background: url(../images/backgrounds/toplinks.gif) 100% -22px no-repeat;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

#toplinks ul li.last a span{
  padding-right: 20px;
}
#toplinks ul li a:hover,
#toplinks ul li.active a{
  background: url(../images/backgrounds/toplinks.gif) 0 -44px no-repeat;
  color: #fff;
  text-decoration: none;
}

#toplinks ul li a:hover span,
#toplinks ul li.active a span{
  background: url(../images/backgrounds/toplinks.gif) 100% -66px no-repeat;
}

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

#footer a{
  color: #464646;
  text-decoration: none;
}

#footer .copyright{
  float: left;
  background: #fff;
  padding: 0 10px;
  margin-right: 4px;
}

#footer ul.hnavigation{
  float: left;
  background: #fff;  
  padding: 0 10px;
}

#footer ul.hnavigation li,
#footer ul.hnavigation li a{
  margin-right: 0.3em;
}

/* =========== */
/* = Content = */
/* =========== */

#content{
  min-height: 280px;
  padding: 0 16px 20px 16px;
}

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0 none; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
  border: none;  /* overrides extra padding in Firefox */
  margin: 0;
  padding: 0;
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* ========================= */
/* = Horizontal navigation = */
/* ========================= */

ul.hnavigation li,
ul.hnavigation li a{
  float: left;
}

/* ========== */
/* = Search = */
/* ========== */

form.search{
  float: right;
  height: 20px;
  padding: 0 0 0 8px;
  background: url(../images/backgrounds/search.gif) 0 0 no-repeat;
  overflow: hidden;
}

.search input.text{
  margin-top: 4px;
  border: none;
  background: #e8e8e8;
  height: 14px;
  line-height: 14px;
}

.search button{
  margin: 0;
  padding: 0;
  border: 0 none;  
  border-left: 1px solid #cfcfcf;
  vertical-align: top;
  background-position: -30px 0;
}

.search button:hover{
  background-position: -30px -80px;
}

/* ============ */
/* = Carousel = */
/* ============ */

#carousel,
.visual{
  position: relative;  
  height: 228px;
  margin-bottom: 12px;
}

#carousel h2{
  color: #fff;
  font-size: 3.5em;
}

#maplink,
.visual .text,
#carousel .menu,
#carousel .content li div.content .text{
  font-size: 1.4em;
  font-weight: bold;
}

#carousel .content li{
  width: 980px;
  height: 228px;
  position: absolute;
}

#carousel .content li div.content,
#carousel .content li img.visual{
  display: block;
  position: absolute;
}

#carousel .content li div.content{
  margin: 0 20px;
  bottom: 40px;
  color: #fff;
  width: 290px;
}

#carousel .content li div.content a.more{
  display: inline;
  color: #ffe301;
  font-size: 1em;
  padding-left: 12px;
  background: url(../images/backgrounds/carousel-a-more.gif) 0px 50% no-repeat;
}

#carousel .menu{
  left: 0;
  bottom: 0;
  width: 980px;
  position: absolute;
  height: 30px;
  line-height: 30px;
  margin: 0 0;  
  background: url(../images/backgrounds/carousel-menu.png) 0 0 repeat;
}

#carousel .menu ul{
  padding: 0 20px;
}

#carousel .menu li,
#carousel .menu li a{
  float: left;
}

#maplink a,
#carousel .menu,
#carousel .menu a{
  color: #fff;
}

#carousel .menu a{
  margin-right: 25px;
  padding-left: 25px;
  background: url(../images/backgrounds/carousel-menu-a.gif) 0 6px no-repeat;
}

#carousel .menu li.current a,
#carousel .menu a:hover,
#maplink a:hover{
  color: #ffe400;
  text-decoration: none;
}

#carousel .menu a { background-position: 0 -25px; }
#carousel .menu a:hover, #carousel .menu li.current a { background-position: 0 7px; }


/* =========== */
/* = Maplink = */
/* =========== */

#maplink {
  display: block;
  z-index: 2;
  right: 16px;
  bottom: 0;
  position: absolute;
  padding-left: 19px;
  height: 228px;
}

#maplink a.map{
  display: block;
  margin-top: 32px;
  height: 166px;
}

#maplink a.map,
#maplink a.bottom{
  padding-left: 25px;
}

#maplink a.bottom{
  line-height:30px;
  display: block;
  background: url(../images/backgrounds/maplink-a.gif) 0 -25px no-repeat;
}
#maplink a.bottom:hover{
  background-position:  0 6px;
}


/* =========== */
/* = Visuals = */
/* =========== */

#body .visual h1{
  color: #fff;
  font-size: 2.4em;
}

.visual .overlay{
  height: 228px;
  width: 407px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: url(../images/backgrounds/visual-content-green.png) 0 0 no-repeat;  
}

.visual .overlay .content{  
  padding: 20px 35px 20px 20px;
  width: 352px;  
  position: absolute;  
  left: 0;
  bottom: 0;
}

#contentcolumn .visual{
  width: 706px;
  margin-right: -206px;
  margin-bottom: 0;
}

#contentcolumn .visual .text{
  font-size: 1.2em;
  font-weight: normal;
}

#contentcolumn .visual .overlay{
  width: 380px;
  left: auto;
  right: 0;
}

#contentcolumn .visual .content{
  right: 0;
  left: auto;
  width: 174px;
  padding: 0 16px;
}

/* top */
#contentcolumn .top .overlay{
  background: url(../images/backgrounds/testimonial-top-purple.png) 0 0 no-repeat;    
}

#contentcolumn .top .content{
  top: 0;
  bottom: auto;
  padding-top: 15px;
}

/* bottom */
#contentcolumn .bottom .overlay{
  background: url(../images/backgrounds/testimonial-bottom-purple.png) 0 0 no-repeat;    
}

#contentcolumn .bottom .content{
  top: auto;
  bottom: 0;
  padding-bottom: 10px;
}

/* ============ */
/* = Flipover = */
/* ============ */

#flipover {
  display: block;
  z-index: 2;
  left: 312px;
  top: -15px;
  position: absolute;
  background: url(../images/backgrounds/flipover-left.png) 0 0 no-repeat;
  padding-left: 19px;
  font-size: 1.1em;
}

#flipover .wrapper{
  display: block;
  padding: 22px 27px 0 2px;
  background: url(../images/backgrounds/flipover-right.png) 100% 0 no-repeat;
  height: 63px;  
  max-width: 250px;
}

#flipover strong{
  font-size: 1.5em; /* 1.8em (1.8/1.2) */
}

/* =========== */
/* = Teasers = */
/* =========== */

div.teasers{
  background: url(../images/backgrounds/teaser-dd.gif) 0 100% repeat-x;
}

dl.navigation,
dl.teaser{
  width: 242px;
}

dl.navigation dt a,
dl.teaser dt a{
  color: #fff;
}

dl.navigation dt,
dl.teaser dt{
  padding: 4px 10px;
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  background: url(../images/backgrounds/teaser-dt.gif) 0 0 no-repeat;
}

.blue dl.navigation dt, 
dl.teaser.blue dt  { 
  background-position: -500px 0; 
}

.red dl.navigation dt, 
dl.teaser.red dt{ 
  background-position: -1250px 0; 
}

.purple dl.navigation dt, 
dl.teaser.purple dt{ 
  background-position: -1000px 0; 
}

.magenta dl.navigation dt, 
dl.teaser.magenta dt{ 
  background-position: -250px 0; 
}

.teal dl.navigation dt, 
dl.teaser.teal dt  { 
  background-position: 0 0; 
}

.green dl.navigation dt, 
dl.teaser.green dt  { 
  background-position: -750px 0; 
}

dl.teaser dd{
  padding: 5px 10px;
}

dl.teaser dd .section{
  border: none;
  padding: 0;
  margin: 0;
}

/* ============= */
/* = Link list = */
/* ============= */

ul.linklist li{
  margin-bottom: 0.2em;
}

dl.faq dt,
dl.news ul li .title,
span.more,
a.more,
a.listing,
ul.linklist li a{
  display: block;
  padding-left: 12px;
  background: url(../images/backgrounds/more-blue.gif) 1px 2px no-repeat;
}

ul.linklist li.file{
  line-height: 16px;
  vertical-align: middle;  
}

ul.linklist li.file a{
  background-position: 1px 4px;
}

ul.linklist li.file small{
  background-image: url(../images/icons/default.gif);
  background-repeat: no-repeat;
  background-position: 4px 0px;
  line-height: 16px;
  vertical-align: middle;
  display: inline-block;
  padding-left: 24px;  
  font-size: 1em;
}

ul.linklist li.excel      small { background-image: url(../images/icons/excel.gif); }
ul.linklist li.image      small { background-image: url(../images/icons/image.gif); }
ul.linklist li.pdf        small { background-image: url(../images/icons/pdf.gif); }
ul.linklist li.text       small { background-image: url(../images/icons/text.gif); }
ul.linklist li.compressed small { background-image: url(../images/icons/compressed.gif); }
ul.linklist li.word       small { background-image: url(../images/icons/word.gif); }
ul.linklist li.html       small { background-image: url(../images/icons/html.gif); }
ul.linklist li.powerpoint small { background-image: url(../images/icons/powerpoint.gif); }
ul.linklist li.executable small { background-image: url(../images/icons/executable.gif); }
ul.linklist li.audio      small { background-image: url(../images/icons/audio.gif); }
ul.linklist li.video      small { background-image: url(../images/icons/video.gif); }
ul.linklist li.flash      small { background-image: url(../images/icons/flash.gif); }

/* =========== */
/* = Sitemap = */
/* =========== */

ul.sitemap ul ul{
  margin-left: 1em;
}

ul.sitemap .column{
  width: 219px;
}

ul.sitemap ul{
  margin-top: 0.2em;
}

#content ul.sitemap li a{
  display: block;
  color: #013888; 
  font-size: 1.4em;
  font-weight: bold;
  background: url(../images/backgrounds/sitemap-a-blue.gif) 1px 5px no-repeat;  
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;  
  border-bottom: 1px solid #cacaca;  
}

#content ul.sitemap ul li a{
  font-weight: bold;
  font-size: 1em;
  background: url(../images/backgrounds/more-blue.gif) 1px 2px no-repeat;
  margin-bottom: 0em;
  padding-bottom: 0em;  
  border-bottom: 0 none;
}

#content ul.sitemap ul.section li ul li a{
  color: #333;  
  font-weight: normal;
  font-size: 1em;  
}

#content ul.sitemap ul.section li ul li ul li a{
  font-size: 0.917em;
}

/* ============= */
/* = More link = */
/* ============= */

a.more{
  background-position: 0 50%;
}

a.listing{
  padding-top: 0.5em;
  display: block;  
  background: url(../images/backgrounds/listing-blue.gif) 0 0.75em no-repeat;  
}

/* =========== */
/* = Columns = */
/* =========== */

.column{
  float: left;
  width: 242px;
  margin-right: 16px;
}

.lastcolumn{
  margin-right: 0;
}

#homecolumn{
  float: right;
  width: 774px;  
  margin-left: -948px;
  margin-right: 174px;
}

#navigationcolumn{
  width: 242px;
  margin-left: 0;
  float:left; 
  position: relative;  
}

#contentcolumn{
  width: 500px;  
  float:right; 
  padding: 0 16px 0 0;
  margin-left: -706px; 
  margin-right: 174px;
  position: relative; 
}

#rightcolumn{
  width: 174px;
  margin: 0;
  margin-right: -16px;
  padding: 0 16px 0 0;
  float:right;   
  position: relative;  
}

.home #rightcolumn{
  padding-top: 0;
}

.level2 #contentcolumn,
.level2 #rightcolumn,
.level3 #contentcolumn,
.level3 #rightcolumn{
  background: url(../images/backgrounds/contentcolumn.gif) 0 0 repeat-x;  
}

.level2 #rightcolumn,
.level3 #rightcolumn{
  padding-top: 12px;
}

.has-visual #rightcolumn{
  margin-top: 228px;
  background: none;  
}

.has-visual #contentcolumn{
  background: none;
}

.no-right #contentcolumn{
  width: 690px;
  margin-right: -16px;  
}

.full-width #contentcolumn{
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: 948px;
  padding-right: 0;
}

#content.full-width,
#content.no-menu{
  background: url(../images/backgrounds/contentcolumn.gif) 0 0 repeat-x;    
}

.no-breadcrumb #contentcolumn{
  padding-top: 30px;
}

/* ============== */
/* = Quickstart = */
/* ============== */

dl.quickstart{
  max-width: 500px;
  background: url(../images/backgrounds/quickstart-top.gif) 0 0 no-repeat;
}

dl.quickstart dt{
  font-family: verdana, sans-serif;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 4px 9px;
  background: url(../images/backgrounds/quickstart-top.gif) 100% -50px no-repeat;  
}

dl.navigation dd,
dl.quickstart dd{
  background: url(../images/backgrounds/quickstart-dd.gif) #fff 100% 0 repeat-y;    
}

dl.navigation dd ul,
dl.quickstart dd ul{
  background: url(../images/backgrounds/quickstart-dd.gif) 0 0 repeat-y;
}

dl.navigation dd ul li,
dl.quickstart li{
  margin: 0 1px;
}

dl.navigation dd ul li a,
dl.quickstart li a{
  background: url(../images/backgrounds/quickstart-li.gif) #fff 0 100% repeat-x;  
  padding: 5px 8px;    
  color: #666;
  display: block;
}

dl.quickstart li.last{
  margin: 0;
  padding: 0;
  background: url(../images/backgrounds/quickstart-li-last.gif) #fff 0 100% no-repeat;  
}

dl.quickstart li.last a{
  padding: 5px 9px;
  background: url(../images/backgrounds/quickstart-li-last-a.gif) 100% 100% no-repeat;    
}

dl.navigation li a:hover,
dl.quickstart li a:hover{
  background: url(../images/backgrounds/quickstart-li-hover.gif) #d2d2d2 0 0 repeat-x;  
}

dl.quickstart li.last:hover{
  background: url(../images/backgrounds/quickstart-li-last-hover.gif) #d2d2d2 0 100% no-repeat;  
}

dl.quickstart li.last:hover a{
  background: url(../images/backgrounds/quickstart-li-last-hover-a.gif) 100% 100% no-repeat;    
}

dl.quickstart li:hover a span{
  color: #013888;
}
dl.quickstart li:hover a span.wrapper{
  color: #666;
}

dl.quickstart li a strong{
  font-weight: bold;
  font-size: 1.35em;
}

dl.quickstart li a span.more{
  font-size: 1.1em;
  padding-left: 8px;
}

dl.navigation li a:hover,
dl.quickstart li a:hover{
  text-decoration: none;
}

dl.navigation li li a:hover,
dl.quickstart li li a:hover{
  text-decoration: underline;
}

/* ============== */
/* = Navigation = */
/* ============== */

dl.navigation{
  width: 242px;
}

dl.navigation dt{
  padding: 4px 14px;
}

dl.navigation dd{
  font-weight: bold;
}

dl.navigation dd ul ul,
dl.navigation dd ul li a,
dl.navigation ul li.last a span{
  padding: 5px 14px;
}

dl.navigation dd ul li a{
  color: #333;
  background-image: url(../images/backgrounds/navigation-li-a.gif);
}

dl.navigation ul ul{
  font-weight: normal;
  background: #f0f0f0;
  border-top: 1px solid #fff;
}

dl.navigation ul li.last,
dl.navigation ul ul li{
  margin: 0;
}

dl.navigation ul ul li a,
dl.navigation ul ul li a:hover{
  padding: 0px 0px 0.2em 17px;
  background: transparent;
}

dl.navigation ul ul li a.active{
  background: url(../images/backgrounds/more-blue.gif) 1px 3px no-repeat;  
  font-weight: bold;
}

dl.navigation ul ul li a.active:hover{
  background-position: 1px 3px;
  background-repeat: no-repeat;  
}

dl.navigation ul li.last a{
  padding: 0;
}

dl.navigation ul li.last a span{
  display: block;
  background: url(../images/backgrounds/navigation-li-round.gif) 0 100% no-repeat;
}

dl.navigation ul li.last a:hover{
  background: url(../images/backgrounds/quickstart-li-hover.gif) #d2d2d2 0 0 repeat-x;
}

dl.navigation ul li.last-with-children {
  margin: 0;
}

dl.navigation ul li.last-with-children a{
  margin: 0 1px;
}

dl.navigation li.last-with-children ul{
  background: url(../images/backgrounds/navigation-li-round.gif) #f0f0f0 0 100% no-repeat;
}

/* ============== */
/* = Breadcrumb = */
/* ============== */

p.breadcrumb{
  font-size: 1.1em;
  margin: 8px 0 2em 0;
}

/* ======== */
/* = News = */
/* ======== */

div.news a.listing{
  border-top: 1px dotted #cacaca;  
}

dl.news,
ul.news li,
.news ul li{
  margin-bottom: 1.5em;
}

.news ul li.last{
  padding-bottom: 0.5em;
}

ul.news{
  padding-bottom: 0.5em;
}

ul.news p.intro{
  margin-bottom: 0.2em;
}

ul.news li.last,
dl.news ul li{
  margin-bottom: 0;
}

dl.news ul li a,
dl.news ul li a:hover{
  display: block;
  text-decoration: none;
}

dl.news ul li a:hover .title{
  text-decoration: underline;
}

dl.news ul li .date{
  float: left;
}

dl.news ul li .title{
  font-weight: bold;
  display: block;
  margin-left: 75px;
}

/* ========== */
/* = Images = */
/* ========== */

div.left.image{
  float: left;
  margin: 0 16px 10px 0; 
}

div.right.image{
  float: right;
  margin: 10px 0 0 16px; 
}

div.image .caption{
  font-style: italic;
}

div.text img.right{
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}

div.text img.left{
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

div.text img.block{
  display: block; 
}

/* ========== */
/* = Button = */
/* ========== */

div.text a.button,
a.button{
  color: #000;  
}

a.button {
  margin: 0;
  cursor: pointer;
  display: inline-block;  
  font-weight: bold;
  padding-left: 12px;
  background: url(../images/backgrounds/a-button.gif) 0 0 no-repeat;
}

a.button span{
  float: left;
  margin: 0;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 0 20px 0 0;
  background: url(../images/backgrounds/a-button.gif) 100% 0 no-repeat;  
}

a.button:hover{
  background-position: 0 -40px;
  text-decoration: none;
}

a.button:hover span{
  background-position: 100% -40px;  
}

/* ======= */
/* = FAQ = */
/* ======= */


dl.faq dt{
  cursor: pointer;
  font-weight: bold;
}

dl.faq dd{
  display: none;
  margin: 0 0 1em 36px;
}

#content dl.faq .active{
  background: none;
  display: block;
}

/* ======== */
/* = Form = */
/* ======== */

.form fieldset{
  border: 0px none;
  padding: 0;
  margin: 0;
}

.form table{
  margin-left: -5px;
  width: 100%;
  border-collapse: collapse;
}

.form table th,
.form table td{
  text-align: left;
  vertical-align: top;
  padding-bottom: 10px;
}

.form table th{
  width: 135px;
}

form.form th label{
  display: block;
  font-weight: normal;
  background: #e5ebf3;
  padding: 2px 5px;
  margin-right: 4px;
}

.form input.text,
.form textarea.text{
  padding: 2px 5px;
  line-height: 16px;
  font-size: 1em;
  font-family: arial, helvetica, verdana, sans-serif;
  border: none;
  background: url(../images/backgrounds/input-text.gif) #eeeeee 0 0 repeat-x;
}

.form input.full,
.form textarea.full{
  width: 355px;
}

label.checkbox{
  display: block;
  margin-left: 1.8em;
  position: relative;
  padding: 0.2em 0;  
}

label.checkbox input{
  position: absolute;
  left: -1.8em;
  vertical-align: top;  
}

label.radio input,
label.checkbox input{
  border: none;
  width: auto;
  vertical-align: middle;
}

label.invalid{
  color: #b4006a;
}

p.error{
  float: left;
  margin-left: -258px;
  border: 1px solid #b4006a;
  color: #b4006a;
  padding: 6px 14px;
  width: 212px;
}

button{
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  background: url(../images/backgrounds/button.gif) 0 0 no-repeat;
}

button span{
  height: 20px;  
	padding: 0 12px;
  line-height: 20px;	
  vertical-align: middle;	
  background: url(../images/backgrounds/button.gif) right -40px no-repeat;
}

button:hover{
  background-position: 0 -80px;
}

button:hover span{
  background-position: right -120px;  
}

/* ============= */
/* = Autoclear = */
/* ============= */

.section:after,
#content:after,
#footer:after,
ul.hnavigation:after,
div.teasers:after{
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0px;
}

/* ================== */
/* = General styles = */
/* ================== */

/* Font sizes */
dl.faq,
p.intro,
dl.navigation dd,
dl.news dd ul,
a.more,
a.listing,
.text,
ul.linklist,
div.image .caption{
  font-size: 1.2em;
}

a{
  color: #333;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

.section{
  border-bottom: 1px solid #cacaca;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.section.last{
  border:none;
}

.printonly,
.textbrowser{
  display: none;
}

p.intro {
  font-weight: bold;
}

p.intro small{
  font-size: 1em;
  font-weight: normal;
}

div.text p.intro{
  font-size: 1em;
}

dl.faq,
div.text ul,
div.text p{
  margin-bottom: 1em;
}

div.text li{
  background: url(../images/backgrounds/bullet.gif) 1px 2px no-repeat;
  padding-left: 20px;
}

div.text a{
  color: #013888;
}

/* ============ */
/* = Headings = */
/* ============ */


.level2 h2,
dl.news dt,
.level3 h2,
.level1 h2{
  font-weight: bold;
  
  font-size: 1.4em;
  margin-bottom: 0.2em;
}

.level1 #body .news h3{
  font-size: 1.4em;
  margin-bottom: 0;
  color: #666;
}

.level1 #body .news h3 a{
  color: #666;
}

.level2 h1,
.level3 p.title{
  font-weight: bold;
  font-size: 1.8em;
  margin-bottom: 1em;
  color: #999;
}

.level2 ul.news h2{
  font-size: 1.8em;  
  line-height: 1.1;
  margin-bottom: 0.2em;  
}

.level3 h1{
  font-size: 3em;
  line-height: 1.0em;
  margin-bottom: 0.3em;
}

.level3 p.title{
  margin-bottom: 0.5em;
}


/* ========== */
/* = Colors = */
/* ========== */

/* Text */
#content ul.sitemap li.teal a,
.teal dl.news dt,
.level3.teal h2,
.level2.teal h2,
.level3.teal h1,
.level1.teal h2,
.teal h2 a,
.teal dl.navigation a.active,
.teal #navigation ul.hnavigation a.teal,
#navigation ul.hnavigation a.teal:hover{ 
  color: #3399cc; 
}

#content ul.sitemap li.red a,
.red dl.news dt,
.level3.red h2,
.level2.red h2,
.level3.red h1,
.level1.red h2,
.red h2 a,
.red dl.navigation a.active,
.red #navigation ul.hnavigation a.red,
#navigation ul.hnavigation a.red:hover{ 
  color: #c1001f; 
}

#content ul.sitemap li.purple a,
.purple dl.news dt,
.level3.purple h2,
.level2.purple h2,
.level3.purple h1,
.level1.purple h2,
.purple h2 a,
.purple dl.navigation a.active,
.purple #navigation ul.hnavigation a.purple,
#navigation ul.hnavigation a.purple:hover{ 
  color: #6f4b90; 
}

#content ul.sitemap li.magenta a,
.magenta dl.news dt,
.level3.magenta h2,
.level2.magenta h2,
.level3.magenta h1,
.level1.magenta h2,
.magenta h2 a,
.magenta dl.navigation a.active,
.magenta #navigation ul.hnavigation a.magenta,
#navigation ul.hnavigation a.magenta:hover{ 
  color: #b4006a; 
}

#content ul.sitemap li.blue a,
.blue dl.news dt,
.level3.blue h2,
.level2.blue h2,
.level3.blue h1,
.level1.blue h2,
.blue h2 a,
.blue dl.navigation a.active,
.blue #navigation ul.hnavigation a.blue,
#navigation ul.hnavigation a.blue:hover{ 
  color: #013888; 
}

#content ul.sitemap li.green a,
.green dl.news dt,
.level3.green h2,
.level2.green h2,
.level3.green h1,
.level1.green h2,
.green h2 a,
.green dl.navigation a.active,
.green #navigation ul.hnavigation a.green,
#navigation ul.hnavigation a.green:hover{ 
  color: #7db207;
}

.gray #navigation ul.hnavigation a.gray{
  color: #999999;
}

/* Arrows */
#content ul.sitemap li.teal a,
#body a.more.teal,
.teal a.more,
.teal dl.faq dt,
.teal dl.news ul li .title,
.teal ul.linklist a,
.teal dl.navigation ul ul li a.active{
  background-image: url(../images/backgrounds/more-teal.gif);
}

#content ul.sitemap li.red a,
#body a.more.red,
.red a.more,
.red dl.faq dt,
.red dl.news ul li .title,
.red ul.linklist a,
.red dl.navigation ul ul li a.active{
  background-image: url(../images/backgrounds/more-red.gif);
}

#content ul.sitemap li.purple a,
#body a.more.purple,
.purple a.more,
.purple dl.faq dt,
.purple dl.news ul li .title,
.purple ul.linklist a,
.purple dl.navigation ul ul li a.active{
  background-image: url(../images/backgrounds/more-purple.gif);
}

#content ul.sitemap li.magenta a,
#body a.more.magenta,
.magenta a.more,
.magenta dl.faq dt,
.magenta dl.news ul li .title,
.magenta ul.linklist a,
.magenta dl.navigation ul ul li a.active{
  background-image: url(../images/backgrounds/more-magenta.gif);
}

#content ul.sitemap li.blue a,
#body a.more.blue,
.blue a.more,
.blue dl.faq dt,
.blue dl.news ul li .title,
.blue ul.linklist a,
.blue dl.navigation ul ul li a.active{
  background-image: url(../images/backgrounds/more-blue.gif);
}

#content ul.sitemap li.green a,
#body a.more.green,
.green a.more,
.green dl.faq dt,
.green dl.news ul li .title,
.green ul.linklist a,
.green dl.navigation ul ul li a.active{
  background-image: url(../images/backgrounds/more-green.gif);
}

.teal a.listing{
  background-image: url(../images/backgrounds/listing-teal.gif);
}

.red a.listing{
  background-image: url(../images/backgrounds/listing-red.gif);
}

.purple a.listing{
  background-image: url(../images/backgrounds/listing-purple.gif);
}

.magenta a.listing{
  background-image: url(../images/backgrounds/listing-magenta.gif);
}

.blue a.listing{
  background-image: url(../images/backgrounds/listing-blue.gif);
}

.green a.listing{
  background-image: url(../images/backgrounds/listing-green.gif);
}

/* Visual overlays */
.teal .visual .overlay{
  background-image: url(../images/backgrounds/visual-content-teal.png);  
}

.red .visual .overlay{
  background-image: url(../images/backgrounds/visual-content-red.png);  
}

.purple .visual .overlay{
  background-image: url(../images/backgrounds/visual-content-purple.png);  
}

.magenta .visual .overlay{
  background-image: url(../images/backgrounds/visual-content-magenta.png);  
}

.blue .visual .overlay{
  background-image: url(../images/backgrounds/visual-content-blue.png);  
}

.green .visual .overlay{
  background-image: url(../images/backgrounds/visual-content-green.png);  
}

.teal #contentcolumn .bottom .overlay{
  background-image: url(../images/backgrounds/testimonial-bottom-teal.png);
}

.red #contentcolumn .bottom .overlay{
  background-image: url(../images/backgrounds/testimonial-bottom-red.png);
}

.purple #contentcolumn .bottom .overlay{
  background-image: url(../images/backgrounds/testimonial-bottom-purple.png);
}

.magenta #contentcolumn .bottom .overlay{
  background-image: url(../images/backgrounds/testimonial-bottom-magenta.png);
}

.blue #contentcolumn .bottom .overlay{
  background-image: url(../images/backgrounds/testimonial-bottom-blue.png);
}

.green #contentcolumn .bottom .overlay{
  background-image: url(../images/backgrounds/testimonial-bottom-green.png);
}

.teal #contentcolumn .top .overlay{
  background-image: url(../images/backgrounds/testimonial-top-teal.png);
}

.red #contentcolumn .top .overlay{
  background-image: url(../images/backgrounds/testimonial-top-red.png);
}

.purple #contentcolumn .top .overlay{
  background-image: url(../images/backgrounds/testimonial-top-purple.png);
}

.magenta #contentcolumn .top .overlay{
  background-image: url(../images/backgrounds/testimonial-top-magenta.png);
}

.blue #contentcolumn .top .overlay{
  background-image: url(../images/backgrounds/testimonial-top-blue.png);
}

.green #contentcolumn .top .overlay{
  background-image: url(../images/backgrounds/testimonial-top-green.png);
}