﻿/* ==================================== styles ====================================*/

html
{
  font-size: 100%;
}

body
{
  font: normal 72% Arial, sans-serif;
  color: #000;
  background-color: #FFF;
  line-height: 160%;  
  margin: 0px; 
  text-align: center;
  width: 100%;
  height: 100%;
}

h1
{
  color: #900;
  background-color: #FFF; 
  font-size: 160%;
  margin: 0px;
  line-height: 130%;
}

h2, h3, h4, h5, h6 
{ 
  margin: auto auto 0px auto;
  width: 100%; 
}

h2 
{
  color: #900;
  background-color: #FFF;
  font-size: 130%; 
}

h1 a, h2 a
{ 
  color: #900;
  background-color: #FFF;
  text-decoration: underline;
}

h1 a:hover, h2 a:hover
{ 
  color: #C00;
  background-color: #FFF;
  text-decoration: underline;
}

h3, h4, h5, h6
{
  color: #666;
  background-color: #FFF;
}

h3
{
  font-size: 115%;
}

h4 
{
  font-size: 100%;
}

h5 
{
  font-size: 95%;
}

h6 
{
  font-size: 80%;
}

h3 a, h4 a, h5 a, h6 a
{
  color: #666;
  background-color: #FFF;
  text-decoration: underline;
}

h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  color: #999;
  background-color: #FFF;
  text-decoration: underline;
}

p 
{
  margin: 0px 0px 15px 0px;
}

a
{
  color: #666;
  background-color: #FFF;
  text-decoration: underline;
}

a:hover
{
  color: #999;
  background-color: #FFF;
  text-decoration: underline;
}

img, a img
{
  border: none;
}

hr
{
  height: 1px;
  color: #F1F1F1;
  background-color: #F1F1F1; 
  border: solid #F1F1F1 0px;
}

em
{
  font-style: italic;
}

strong
{
  font-weight: bold;
}

ul 
{
  list-style: square outside url("../images/bullet.png");
}

ul ul 
{
  list-style: square outside url("../images/bullet2.png");
}

ol 
{ 
  list-style: decimal outside;
}

ol ol 
{ 
  list-style: lower-roman outside;
}

table  
{
  font-size: 100%;
}

td  
{
  vertical-align: top;
}

th
{
  color: #FFF;
  background-color: #900;
  text-align: left;
}

caption
{
  color: #999;
  background-color: #FFF;
  text-align: left;
  font-weight: bold;
}

legend
{
  color: #999;
  background-color: #FFF;
  padding: 5px;
}

fieldset
{
  color: #666;
  background-color: #FFF;
  padding: 5px 10px;
  border: solid #edeced 1px;
  margin-bottom: 5px;
  width: auto;
}

pre, code, tt, samp
{
  font: normal 100% "Courier New", Mono, Serif;
  padding: 2px 5px;
  color: #666;
  background-color: #F1F1F1;
}

form
{
  margin: 0px;
  padding: 0px;
}

label
{
  color: #666;
  background-color: #FFF;
}

del 
{
  text-decoration: line-through;
}

ins 
{
  text-decoration: underline;
}

abbr 
{
  border-bottom: 1px dotted #999;
}

address 
{
  font-style: normal;
}

cite
{
  font-style: italic;
}

blockquote 
{
  font-style: normal;
}

dfn
{
  font-style: italic;
}

dl
{
  margin: 10px; 
}

dt
{
  font-weight: bold;
}

dd
{
  font-style: normal;
}

/* ============================ skip ===================================*/

div#skipcontent
{
  display: none;
}

/* =============================== fixed header =================================*/

div#header
{
  position: absolute;
  right: 50%;
  top: 0px;
  margin-right: -498px;    
  width: 995px;
  height: 70px;
  overflow: hidden; 
}

div#header img, div#header a img
{     
  border: none;
}

div#header div#logo
{     
  position: absolute;
  top: 0px; 
  left: 0px;
  width: 245px;
  height: 70px;
}

div#header div#campaign 
{  
  position: absolute;
  top: 0px; 
  right: 0px;
  width: 245px;
  height: 70px;
}

/* ===================================== body lay-out ================================ */

div#body  
{ 
  position: relative; 
  top: 0px; 
    left: 0px;  
  margin: 0px auto;
  text-align: left;
  width: 995px;
  height: auto;
  clear: both;
}

div#layout
{ 
  width: 995px;
}

/* =========================== content =========================== */

div#content
{ 
  position: static; 
  top: 0px; 
  left: 0px; 
  width: 995px;
  height: auto;
  overflow: hidden;
  padding-top: 93px;
}

body#contentpage div#content
{
  position: relative; 
  top: 0px; 
  left: 0px;
  overflow: visible;
}

/* ============================= selection site navigation ============================*/

div#selection
{
  position: absolute;
  top: 70px;
  left: 0px; 
  width: 995px;   
  height: 23px;
}

/* =========================== site navigation ==============================*/

div#sitenavigation
{
  position: relative;
  top: 0px;
  left: 0px; 
  width: 744px;
  height: 23px;
  float: left;
  z-index: 4;
  border-bottom: #9C0 solid 1px;
}

div#sitenavigation ul
{
  float: left;
  width: auto;
  height: 100%;
  display: inline;
  margin: 0px;
  padding: 0px;
}

div#sitenavigation ul li
{
  float: left;
  font: bold 11px Arial, sans-serif;
  color: #FFF;
  background-color: #9C0;
  list-style: none outside none;
  margin: 0px 1px 0px 0px;
  padding: 0px;
  white-space: nowrap;
  width: 145px;
  height: 23px;
}

div#sitenavigation ul li#homebutton
{
  width: 34px;
  height: 23px;
}

div#sitenavigation ul li#homebutton a
{
  color: #FFF;
  background: #9C0 url("../images/bg_home.png") no-repeat 50% 100%;
  text-decoration: none;
}

div#sitenavigation ul li#homebutton a.active
{
  color: #FFF;
  background: #9C0 url("../images/bg_home_ac.png") no-repeat 50% 100%;
  text-decoration: none;
}

div#sitenavigation ul li#homebutton a:hover, div#sitenavigation ul li#homebutton a.active:hover
{
  color: #FFF;
  background: #9C0 url("../images/bg_home_dn.png") no-repeat 50% 100%;
  text-decoration: none;
}

div#sitenavigation ul li:first-line
{
  float: left;
  list-style: none outside none;
  margin: 0px 1px 0px 0px;
  padding: 0px;
  white-space: nowrap;
  width: 45px;
  height: 23px;
}

div#sitenavigation ul li a, div#sitenavigation ul li a:visited
{
  font: bold 11px Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;  
  text-align: center;
  display: block;
  width: 100%;
  height: 24px;
  line-height: 220%;
  color: #FFF;
  background: #9C0 url("../images/bg_nav.png") no-repeat 50% 100%;
}

div#sitenavigation ul li a:hover
{
  color: #FFF;
  background: #9C0 url("../images/bg_nav_dn.png") no-repeat 50% 100%;
  text-decoration: none;
}

div#sitenavigation ul li a.active, div#sitenavigation ul li a.active:visited
{
  color: #FFF;
  background: #000 url("../images/bg_nav_ac.png") no-repeat 50% 100%;
  text-decoration: none;
}

div#sitenavigation ul li a.active:hover
{
  color: #FFF;
  background: #000 url("../images/bg_nav_ac_dn.png") no-repeat 50% 100%;
  text-decoration: none;
}

/* ========================== 2nd level site navigation ============================*/

div#sitenavigation ul ul
{
  float: none;
  top: 0px;
  position: relative;
  width: 145px;
  height: auto;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  color: #000;
  background: transparent url("../images/bg_dropmenu.png") no-repeat 50% 100%;
  display: none;
}

div#sitenavigation ul li:hover ul 
{ 
  display: block; 
}

div#sitenavigation ul ul li
{
  float: none;
  list-style: none outside none;
  font: normal 11px Arial, sans-serif;
  color: #000;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

div#sitenavigation ul ul li a, div#sitenavigation ul ul li a:visited
{
  font: normal 11px Arial, sans-serif;
  text-decoration: none;
  text-transform: none;  
  text-align: left;
  display: block;
  width: 123px;
  height: auto;
  line-height: 220%;
  color: #000;
  background: transparent none;
  padding: 0px 10px;
  margin: 0px 1px;
}

div#sitenavigation ul ul li a:hover, div#sitenavigation ul ul li a.active, div#sitenavigation ul ul li a.active:hover
{
  color: #000;
  background: #E8E8E8 none;
  text-decoration: none;
}

/* =============================== rss button =================================*/

div#rss
{ 
  position: absolute;
  right: 0px;
  top: 0px;
  /*width: 20px;*/
  align: left;
  height: 20px;
}

/* ========= custom classes in content ========*/

.date, .branche
{
  color: #888;
  background-color: #FFF;
  font: normal 90% Arial, sans-serif;
  clear: right;
  display: block;
  margin-top: 0px;
  margin-bottom: auto;
  line-height: 120%;
}

.introduction 
{
  font: bold 100% Arial, sans-serif;
  margin: 0px 0px 15px 0px;
}

.important
{
  font: bold 100% Arial, sans-serif;
  color: #333;
  background-color: #FFF;
  clear: both;
}

.error
{
  font: normal 100% Arial, sans-serif;
  color: #FFF;
  background-color: #900;
  padding: 0px 5px;
}

.warning
{
  font: bold 100% Arial, sans-serif;
  color: #900;
  background-color: #FFF;
  text-decoration: underline;
}

.advice
{
  font: bold 100% Arial, sans-serif;
  color: #9C0;
  background-color: #FFF;
}

/* ========= item ========*/

div.item
{
  color: #333;
  background-color: #FFF;
}

div.item img.AlignLeft
{
  margin: 2px 10px 5px 0px;
}

div.item img
{
  margin: 5px 0px;
}

/* ========= overview ========*/

div.overview
{
  color: #333;
  background-color: #FFF;
  border-bottom: 1px solid #F1F1F1;
  padding: 5px 0px 5px 0px;
  width: 100%;
  clear: both;
  float: left;
}

div.overview h2
{
  color: #900;
  background-color: #FFF;
  font-size: 100%;
  width: auto;
  margin-top: 0px;
}

div.overview p.date
{
  color: #888;
  background-color: #FFF;
  font: normal 90% Arial, sans-serif;
  margin: 0px;
}

div.overview div.image
{
  float: left;
  width: 100px;
  margin-top: 5px;
}

div.overview div.text
{ 
  width: auto;
  margin-left: 110px;
}

/* ========= dateview ========*/

div.dateview
{
  color: #333;
  background-color: #FFF;
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
  padding: 5px 0px 5px 0px;
  clear: both;
  float: left;
}

div.dateview h2
{
  color: #900;
  background-color: #FFF;
  font-size: 100%;
  width: auto;
  margin-top: 0px;
}

div.dateview p.date
{
  color: #888;
  background-color: #FFF;
  font: normal 90% Arial, sans-serif;
  margin: 0px;
}

div.dateview div.image
{
  float: left;
  width: 46px;
  margin-top: 5px;
}

div.dateview div.text
{ 
  width: auto;
  margin-left: 46px;
}

/* ========= product summary ========*/

div.productsummary
{
  color: #333;
  background-color: #FFF;
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
  padding: 5px 0px 5px 0px;
  clear: both;
  float: left;
}

div.productsummary h2
{
  color: #900;
  background-color: #FFF;
  font-size: 100%;
  width: auto;
  margin-top: 0px;
}

div.productsummary img
{
  float: left;
  width: 100px;
  margin: 5px 10px 5px 0px;
}

/* ========= calendar ========*/

div.calendar
{
  float: left; 
  top: 4px;
  position: relative;
  width: 34px;
  height: 34px;
  padding: 1px;
  background: #F1F1F1 url("../images/img_calendar.png") no-repeat 50% 0px;
}

div.calendar p.month
{
  font: bold 90% Arial, sans-serif;
  color: #FFF;
  margin: 0px;
  background-color: #900;
  text-align: center;
  text-transform: uppercase;
  line-height: 110%;
}

div.calendar p.day
{
  font: bold 160% Arial, sans-serif;
  color: #999;
  margin: 0px;
  background-color: #F1F1F1;
  text-align: center;
  text-transform: uppercase;
  line-height: 110%;
  padding-top: 1px;
}

/* ========= paging ========*/

div#paging
{
  margin: 10px 0px;
  width: 100%;
  clear: both;
  float: left;
}

div#paging ul
{
  float: right;
  width: auto;
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
}

div#paging ul li
{
  float: left;
  width: 25px;
  padding-left: 20px; 
}

div#paging ul li a
{
  color: #9C0;
  background-color: #FFF;
  font-size: 95%;

}

div#paging ul li a:hover
{
  color: #9C0;
  background-color: #FFF;
}

/* ====================================== maincontent =====================================*/

div#maincontent
{
  float: left;
  border-left: #9C0 1px solid;
  border-right: #9C0 1px solid;
  border-bottom: #9C0 1px solid;
  width: 744px;
  height: 360px;
  overflow: hidden;
}

div#maincontentWide
{
  float: left;
  border-left: #9C0 1px solid;
  border-right: #9C0 1px solid;
  border-bottom: #9C0 1px solid;
  width: 744px;
  height: 360px;
  overflow: hidden;
}

div#maincontentsmall
{
  float: left;
  border-left: #9C0 1px solid;
  border-right: #9C0 1px solid;
  border-bottom: #9C0 1px solid;
  width: 744px;
  height: 147px;
  overflow: hidden;
}


body#contentpage div#maincontent
{
  position: relative;
  top: 65px;
  left: 225px; 
  width: 480px;
  height: auto;
  border: 0px;
  padding: 0px 0px 50px 0px;
  overflow: auto;
  clear: both;
}

body#contentpage div#maincontentWide
{
  position: relative;
  top: 65px;
  left: 10px; 
  width: 734px;
  height: auto;
  border: 0px;
  padding: 0px 0px 50px 0px;
  overflow: auto;
  clear: both;
}

/* ============ brandbox = mediacontainer ===========*/

div#mediacontainer
{
  color: #000;
  background-color: #FFF;
  overflow: hidden;
  text-align: left;
  width: 744px;
  height: 360px;
}

div#mediacontainersmall
{
  color: #000;
  background-color: #FFF;
  overflow: hidden;
  text-align: left;
  width: 744px;
  height: 147px;
}


body#markethomepage div#mediacontainer, body#landingspage div#mediacontainer
{
  height: 332px;
}

div#mediacontainer img
{
  margin: 0px;
  border: 0px;
}

/* ================== heading 1 ==================*/

body#corporatehomepage h1, body#countryhomepage h1, body#markethomepage h1
{
  display: none;
}

/* ================== content navigation ==================*/

div#contentnavigation
{
  position: relative;
  top: 0px;
  left: 0px; 
  width: auto;
  height: 26px;
  overflow: visible;
  color: #FFF;
  background-color: #757575;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  float: left;
  width: 744px;
}

body#contentpage div#contentnavigation
{
  position: absolute;
  top: 94px;
  z-index: 3;
}

div#contentnavigation ul
{
  position: relative;
  top: 0px;
  left: 10px;
  float: left;
  width: auto;
  height: 100%;  
  margin: 0px;
  padding: 0px;
  display: inline;
}

div#contentnavigation li
{
  float: left;
  display: inline;
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  width: auto;
  white-space: nowrap;
  height: 26px;
  width: auto;
}

div#contentnavigation li a
{
  font: bold 11px Arial, sans-serif;
  text-decoration: none;  
  color: #FFF;
  background-color: #757575;
  display: block;
  padding: 0px 10px;
  line-height: 240%;
}

div#contentnavigation li a:hover
{
  color: #FFF;
  background: #757575 url("../images/bg_button_contentnavigation.png") no-repeat 50% 50%;
  text-decoration: none;
}

div#contentnavigation li a.active
{
  color: #FFF;
  background-color: #989898;
  text-decoration: none;
}

div#contentnavigation li a.active:hover
{
  color: #FFF;
  background: #989898 url("../images/bg_button_contentnavigation_ac_dn.png") no-repeat 50% 50%;
  text-decoration: none;
}

/* ========================== 2nd level content navigation ============================*/

div#contentnavigation ul ul
{
  position: relative;
  top: 0px;
  left: 0px;
  height: auto;
  padding: 0px;
  margin: 0px;
  color: #000;
  background: transparent url("../images/bg_dropmenucontent.png") no-repeat 0% 100%;
  margin: 0px;
  padding: 0px;
  display: none;
}

div#contentnavigation ul li:hover ul 
{ 
  display: block;
  padding: 0px 0px 8px 0px;
}

div#contentnavigation ul ul li
{
  float: none;
  list-style: none outside none;
  font: normal 11px Arial, sans-serif;
  color: #000;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  display: block; 
  width: auto;
  height: auto;
}

div#contentnavigation ul ul li a, div#contentnavigation ul ul li a:visited
{
  font: normal 11px Arial, sans-serif;
  text-decoration: none;
  text-transform: none;  
  text-align: left;
  display: block;
  width: auto;
  line-height: 200%;
  color: #000;
  background: transparent none;
  padding: 0px 10px;
  margin: 0px 0px 0px 1px;
  border-right: 1px solid #757575;
}

div#contentnavigation ul ul li a:hover, div#contentnavigation ul ul li a.active, div#contentnavigation ul ul li a.active:hover
{
  color: #000;
  background: #E8E8E8 none;
  text-decoration: none;
}

/* ============ branche header ============*/

div#contentnavigation span.brancheheader
{
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
  font: bold 14px Arial, sans-serif;
  margin: 0px;
  display: inline;
  width: auto; 
  padding: 0px 35px 0px 10px;
  height: 27px;
  line-height: 180%;
  color: #FFF;
  background: #757575 url("../images/bg_contentmenu.png") no-repeat 100% 0px;
}

div#contentnavigation span.brancheheader a, div#contentnavigation span.brancheheader a.active
{
  color: #FFF;
  background-color: #757575;
  text-decoration: none;
  width: auto;
  height: 27px;
  display: block;
  float: left;
}

div#contentnavigation span.brancheheader a:hover, div#contentnavigation span.brancheheader a.active:hover
{
  color: #FFF;
  background: #757575 url("../images/bg_button_contentnavigation.png") no-repeat 50% 50%;
  text-decoration: none;
}

/* ======================= searchresults =========================*/

div#searchresults
{
  color: #000;
  background-color: #FFF;
}

div#searchresults h2
{
  color: #900;
  background-color: #FFF;
  font: bold 100% Arial, sans-serif;
  padding: 0px; 
  margin: 0px;
  width: auto;
}

div#searchresults p
{
  font-style: normal;
}

div#searchresults span.amount
{
  color: #900;
  background-color: #FFF;
  font: italic bold 160% Arial, sans-serif;
}

div#searchresults ol
{
  list-style: none outside none;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #F1F1F1;
}

div#searchresults ol li
{
  border-top: 1px solid #F1F1F1; 
  padding: 10px 0px 5px 0px; 
}

div#searchresults ol li p
{
  margin-top: 0px;
  font-style: normal;
}

div#searchresults img.icon
{
  float: left; 
  margin: 3px 8px 2px 0px;
}

/* ================== pageheader ==================*/

body#contentpage div#pageheader
{
  position: absolute;
  top: 130px;
  left: 225px;
  width: 480px;
  line-height: 125%;
}

/* ============ breadcrumbs ===========*/

div#breadcrumbs
{ 
  width: auto;
  float: left;
  color: #777;
  background-color: #FFF;
  font: normal 11px Arial, sans-serif;
}

div#breadcrumbs ul
{
  float: left;
  width: auto;
  height: 100%;  
  margin: 0px 0px 0px -5px;
  padding: 0px;
}

div#breadcrumbs li
{
  color: #777;
  background-color: #FFF;
  display: inline;
  list-style: none outside none;
  margin: 0px;
  width: auto;
  white-space: nowrap;
  padding: 0px 0px 0px 2px;
}

div#breadcrumbs li a
{
  padding: 0px 12px 0px 3px;
  color: #777;
  background: #FFF url("../images/ico_breadcrumb.png") no-repeat 100% 1px;
  text-decoration: underline;
}

div#breadcrumbs li a:hover
{
  color: #777;
  background-color: #FFF;
  text-decoration: none;  
}

div#breadcrumbs li a.active, div#breadcrumbs li a.active:hover
{
  color: #777;
  background-color: #FFF;
  text-decoration: none;
}

/* ============ map link ===========*/

a.maplink
{
  line-height: 240%;
  text-decoration: underline;
}

/* ====================================== sidebar ======================================*/

div#sidebar
{
  position: relative;
  top: 1px;
  right: 0px;
  float: right;
  width: 246px;
  height: auto;
  overflow: hidden;
  color: #666;
  background-color: #FFF;
  font: normal 95% Arial, sans-serif;
  clear: right;
}

#content>div#sidebar
{
  top: 0px;
}

/* ========================== service menu ========================== */

div#sidebar div#servicemenu
{
  color: #666;
  background-color: #FFF;
  border: solid #CCC 1px;
  width: 244px;
height: 90px;
  overflow: hidden;
  margin-bottom: 1px;
}

/* ==================== sidebar quicklinks ====================== */

div#sidebar div#quicklinks
{ 
  color: #666;
  background-color: #FFF;
  width: 100%;
  height: 52px;
  text-align: left;
  overflow: hidden;
}

div#sidebar div#quicklinks ul
{ 
  margin: 0px;
  padding: 0px;
}

div#sidebar div#quicklinks ul li
{ 
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  width: 122px;
  height: 21px;
  float: left;
  margin: 5px 0px 0px 0px;
}

div#sidebar div#quicklinks ul li a
{ 
  color: #000;
  background-color: #FFF;
  font: normal 11px Arial, sans-serif;
  word-spacing: -1px;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 180%;
  text-decoration: none;
}

div#sidebar div#quicklinks ul li a:hover
{ 
  text-decoration: underline;
}

div#sidebar div#quicklinks ul li a img
{ 
  margin: 0px 5px 0px 5px;
  float: left;
}

/* ======================= sidebar search ======================= */

div#sidebar div#search
{
  position: relative;
  top: 5px;
  left: 5px;
  width: 234px;
  height: 26px;
  overflow: hidden;
}

div#sidebar div#search fieldset
{
  border: none;
  padding: 0px;
  margin: 0px;
  height: 18px;
}

div#sidebar div#search form
{
  white-space: nowrap;
  margin: 0px;
}

div#sidebar div#search legend, div#sidebar div#search label
{
  display: none;
}

div#sidebar div#search input.searchfield
{
  width: 160px;
  height: 16px;
  border: #9C0 solid 1px;
  font: bold 100% Arial, sans-serif;
  padding: 0px;
  margin: 0px;
  color: #666;
  background-color: #FFF;
  line-height: 150%;
  text-indent: 5px;
  float: left;
}

div#sidebar div#search input.searchfield:focus
{
  color: #666;
  background-color: #FFC;
}

div#sidebar div#search input.searchbutton
{
  width: 65px;
  height: 18px;
  padding: 0px 0px 2px 0px;
  margin: 0px;
  border: none;
  font: bold 11px Arial, sans-serif;
  color: #FFF;
  background-color: #9C0;
  line-height: 150%;
  text-align: center;
  float: right;
  cursor: pointer;
}

div#sidebar div#search input.searchbutton:hover
{
  color: #FFF;
  background: #9C0 url("../images/bg_button.png") no-repeat 50% 50%;
}

/* ====================== language switch ==========================*/

div#languageswitch
{
  position: relative;
  left: 0px;
  bottom: 2px;
  color: #666;
  background-color: #FFF;
  text-transform: uppercase;
  font-size: 90%;
  width: 244px;
  height: 12px;
}

div#languageswitch ul
{
  float: left;
  width: auto;
  height: 100%;  
  margin: 0px;
  padding: 0px;
}

div#languageswitch li
{
  float: left;
  display: inline;
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  width: 24px;
  white-space: nowrap;
  border-right: 1px solid #DDD;
}

div#languageswitch li a
{
  font: bold 95% Arial, sans-serif;
  text-decoration: underline;  
  color: #999;
  background-color: #FFF;
  display: block;
  padding: 0px 5px;
  text-decoration: underline;
}

div#languageswitch li a:hover
{
  color: #666;
  background-color: #FFF;
  text-decoration: underline;
}

div#languageswitch li a.active, div#languageswitch li a.active:hover
{
  color: #666;
  font-weight: bold;
  background-color: #FFF;
  text-decoration: none;
}

/* ========================= country selector =======================*/

div#countryselector
{
  width: 244px;
  height: 26px;
  color: #000;
  background-color: #FFF;
  font: normal 11px Arial, sans-serif;
  word-spacing: -1px;
  border: solid #CCC 1px;
  overflow: hidden;
  margin-bottom: 1px;
}

/* ================= country status ==============*/

div#countrystatus 
{
  float: left;
  width: 119px;
  height: 26px;
  white-space: nowrap;
  z-index: 1;
}

div#countrystatus span.status
{
  position: absolute;
  left: 1px;
  width: 93px;
  height: 26px;
  text-indent: 5px; 
  line-height: 220%;
  overflow: hidden;
  border-right: 1px solid #CCC;
}

div#countrystatus img
{ 
  position: relative;
  right: 0px;
  top: 3px;
  float: right;
}

/* ============== country selector button ==============*/

div#countryselectorbutton 
{ 
  float: right;
  width: auto;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
}

div#countryselectorbutton a
{
  color: #000;
  background: #FFF url("../images/ico_selector_up.png") no-repeat 100% 6px;
  text-decoration: none;
  font: normal 11px Arial, sans-serif;
  word-spacing: -1px;
  width: 94px;
  height: 100%;
  display: block;
  padding: 0px 20px 0px 5px;
  line-height: 220%;
  border-left: 1px solid #CCC;
}

div#countryselectorbutton a:hover
{
  color: #000;
  background: #FFF url("../images/ico_selector_dn.png") no-repeat 100% 6px;
  text-decoration: none;
}

/* ================== country selection menu ================*/

div#countryselection
{
  position: absolute;  
  right: -1px; 
  width: 152px; 
  height: auto;
  font: normal 11px Arial, sans-serif;
  word-spacing: -1px;
  line-height: 180%;
  visibility: hidden;
  z-index: 2;
}

div#sidebar>div#countryselection
{
  right: 0px; 
}

div#countryselection ul
{
  float: left;
  width: 152px;
  height: 100%;  
  margin: 0px;
  padding: 0px 0px 10px 0px;
  clear: right;
  background: transparent url("../images/bg_countrymenu.png") no-repeat 0% 100%;
}

div#countryselection li
{
  margin: 0px;
  padding: 0px;
  width: 100%;
  list-style: none outside none;
}

div#countryselection li a img
{
  border: 0px; 
  margin-right: 10px;
  float: left;
}

div#countryselection li a
{
  position: relative; 
  left: 1px;
  font-weight: normal;
  text-decoration: none;  
  display: block;
  width: 140px;
  height: 100%;
  color: #000;
  padding: 5px;
  background: transparent url("../images/bg_menu.png") repeat-y 30px 0px;
}

div#countryselection li a:hover
{
  color: #000;
  background-color: #E8E8E8;
  text-decoration: none;
}

div#countryselection div
{
  width: 1px; 
  height: 500px;
  float: right;
  clear: both;
}

#sidebar>div#countryselection div
{
  position: absolute;
  right: 0px;
  z-index: 3;
  height: 100%;
}

/* ============== country selection menu no script version ===============*/

div#countryselectionns
{ 
  position: relative; 
  top: 0px; 
  left: -5px; 
  width: 222px; 
  font: normal 100% Arial, sans-serif;
  line-height: 200%;
  z-index: 0;
}

div#countryselectionns ul
{
  width: 100%;  
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

div#countryselectionns li
{
  margin: 0px;
  padding: 0px;
  width: 100%;
  list-style: none outside none;
}

div#countryselectionns li a img
{
  border: 0px; 
  margin-right: 10px;
  float: left;
}

div#countryselectionns li a
{
  position: relative; 
  left: 1px;
  font-weight: normal;
  text-decoration: none;  
  display: block;
  width: auto;
  height: 100%;
  color: #000;
  padding: 5px;
  background: transparent url("../images/bg_menu.png") repeat-y 30px 0px;
}

div#countryselectionns li a:hover
{
  color: #000;
  background-color: #E8E8E8;
  text-decoration: none;
}

/* ============================== sidebarcontent ==========================*/

div#sidebarcontent
{
  position: relative;
  top: 0px;
  left: 0px;
  color: #666;
  background-color: #F1F1F1;
  border: solid #CCC 1px;
  padding: 10px;
  width: 224px;
  height: 419px;
  overflow: auto;
  line-height: 160%;
}

div#sidebar>div#sidebarcontent
{
  height: 420px;
}

body#contentpage div#sidebarcontent
{
  overflow: visible;
  height: 380px;
}

body#contentpage div#sidebar>div#sidebarcontent
{
  height: auto;
  min-height: 380px;
}

/* ========================= sidebar general =======================*/

div#sidebarcontent a
{
  color: #666;
  background-color: #F1F1F1;
  text-decoration: underline;
}

div#sidebarcontent a:hover
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

div#sidebarcontent ul
{
  list-style: square outside url("../images/ico_sidebar.png");
}

div#sidebarcontent h1
{
  color: #FFF;
  background-color: #F0F;
  font: bold 500% Arial, sans-serif;
  margin-bottom: 0px;
}

div#sidebarcontent h2, div#sidebarcontent h3, div#sidebarcontent h4, div#sidebarcontent h5, div#sidebarcontent h6
{
  color: #666;
  background-color: #F1F1F1;
  font: bold 110% Arial, sans-serif;
  margin-top: 10px;
  margin-bottom: 0px;
}

div#sidebarcontent h2 a, div#sidebarcontent h3 a, div#sidebarcontent h4 a, div#sidebarcontent h5 a, div#sidebarcontent h6 a
{
  color: #666;
  background-color: #F1F1F1;
  text-decoration: underline;
}

div#sidebarcontent h2 a:hover, div#sidebarcontent h3 a:hover, div#sidebarcontent h4 a:hover, div#sidebarcontent h5 a:hover, div#sidebarcontent h6 a:hover
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

div#sidebarcontent p
{
  color: #666;
  background-color: #F1F1F1;
  font: normal 100% Arial, sans-serif;
  margin: 0px 0px 10px 0px;
}

div#sidebarcontent .introduction 
{
  font-weight: bold;
}

div#sidebarcontent hr
{
  height: 1px;
  color: #CCC;
  background-color: #CCC; 
  border: solid #CCC 0px;
}

div#sidebarcontent span.link
{
  display: block;
  width: 100%;
  height: 21px;
  clear: both;
  cursor: pointer;
  margin: 5px 0px;
}

div#sidebarcontent span.link img
{
  float: right;
}

/* ================== events =================*/

div#events
{
  margin-bottom: 15px;
}

div#events span.date
{
  color: #888;
  background-color: #F1F1F1;
  font: normal 90% Arial, sans-serif;
  line-height: 100%;
  margin-left: 15px;
}

div#events ul 
{
  color: #666;
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0px;
  font: bold 110% Arial, sans-serif;
  list-style: none outside none;
}

div#events ul li
{
  line-height: 120%;
}

div#events ul ul li
{
  width: 100%;
  line-height: 150%;
}

div#events ul ul 
{
  color: #666;
  background-color: #F1F1F1;
  margin-left: 0px;
  font: normal 95% Arial, sans-serif;
  list-style: none outside none;
}

div#events ul ul li a
{
  color: #666;
  background: #F1F1F1 url("../images/ico_sidebar.png") no-repeat 0px -3px;
  font: normal 100% Arial, sans-serif;
  padding-left: 15px; 
  text-decoration: underline;
}

div#events ul ul li a:hover 
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

/* ===================== contact =====================*/

div.contact
{
  margin-bottom: 15px;
}

div.item div.contact
{
  font: normal 95% Arial, sans-serif;
}

div.contact strong
{
  color: #666;
  background-color: #F1F1F1;
  margin: 0px;
  font: bold 110% Arial, sans-serif;
  display: block;
}

div.contact address, div.contact span.address
{
  font: normal 100% Arial, sans-serif;
  margin-bottom: 15px;
  line-height: 150%;
}

div.contact span.address
{
  font: bold 100% Arial, sans-serif;
}

div.contact a
{
  color: #666;
  background-color: #F1F1F1;
  text-decoration: underline;
}

div.contact a:hover
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

fieldset.contact
{
  line-height: 100%;
}

fieldset.contact td
{
  vertical-align: middle;
}

/* ================= hotlinks ================*/

div#hotlinks
{
  margin-bottom: 15px;
}

div#hotlinks ul 
{
  color: #666;
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0px;
  font: normal 100% Arial, sans-serif;
  list-style: none outside none;
}

div#hotlinks ul li a 
{
  color: #666;
  background: #F1F1F1 url("../images/ico_sidebar.png") no-repeat 0px -3px;
  padding-left: 15px;
  text-decoration: underline; 
}

div#hotlinks ul li a:hover 
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

/* ================== usefullinks =================*/

div#usefullinks
{
  margin-bottom: 15px;
}

div#usefullinks ul 
{
  color: #666;
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0px;
  font: bold 110% Arial, sans-serif;
  list-style: none outside none;
}

div#usefullinks ul ul 
{
  font: normal 90% Arial, sans-serif;
}

div#usefullinks ul ul li a 
{
  color: #666;
  background-color: #F1F1F1;
  background: url("../images/ico_sidebar.png") no-repeat 0px -3px;
  padding-left: 15px;
  text-decoration: underline;
}

div#usefullinks ul ul li a:hover 
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

/* ================== downloadviaemail =================*/

div#downloadviaemail ul
{
  list-style: none outside none;
  color: #666;
  margin: 0px;
  padding: 0px;
  font: normal 100% Arial, sans-serif;
  list-style: none outside none;
}

div#downloadviaemail ul li a 
{
  color: #666;
  padding-left: 15px;
  text-decoration: underline;
}

div#downloadviaemail ul li a:hover 
{
  color: #999;
  text-decoration: underline;
}

/* ================== extrainfo =================*/

div#extrainfo
{
  margin-bottom: 15px;
}

div#extrainfo ul 
{
  color: #666;
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0px;
  font: bold 110% Arial, sans-serif;
  list-style: none outside none;
}

div#extrainfo ul ul 
{
  margin-left: 0px;
  font: normal 90% Arial, sans-serif;
  list-style: none outside none;
}

div#extrainfo ul ul li a 
{
  color: #666;
  background-color: #F1F1F1;
  text-decoration: none;
  background: url("../images/ico_sidebar.png") no-repeat 0px -3px;
  padding-left: 15px;
  text-decoration: underline;
}

div#extrainfo ul ul li a:hover 
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

/* ================== requests =================*/

div#requests
{
  margin-bottom: 15px;
}

div#requests ul 
{
  color: #666;
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0px;
  font: bold 110% Arial, sans-serif;
  list-style: none outside none;
}

div#requests ul ul 
{
  margin-left: 0px;
  font: normal 90% Arial, sans-serif;
  list-style: none outside none;
}

div#requests ul ul li a 
{
  color: #666;
  background-color: #F1F1F1;
  text-decoration: none;
  padding-left: 0px;
  text-decoration: underline;
}

div#requests ul ul li a:hover 
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

/* ================== registration =================*/

div#registration
{
  margin-bottom: 15px;
}

div#registration ul 
{
  color: #666;
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0px;
  font: bold 110% Arial, sans-serif;
  list-style: none outside none;
}

div#registration ul ul 
{
  margin-left: 0px;
  font: normal 90% Arial, sans-serif;
  list-style: none outside none;
}

div#registration ul ul li  
{
  margin-top: 0px;
}

div#registration ul ul li a 
{
  color: #666;
  background-color: #F1F1F1;
  text-decoration: none;
  padding-left: 0px;
  text-decoration: underline;
}

div#registration ul ul li a:hover 
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

/* ================== route =================*/

div#route 
{
  margin-bottom: 15px;
}

div#route ul 
{
  color: #666;
  background-color: #F1F1F1;
  margin: 0px;
  padding: 0px;
  font: bold 110% Arial, sans-serif;
  list-style: none outside none;
}

div#route ul ul 
{
  margin-left: 0px;
  font: normal 90% Arial, sans-serif;
  list-style: none outside none;
}

div#route ul ul li  
{
  margin-top: 0px;
}

div#route ul ul li a
{
  color: #666;
  background-color: #F1F1F1;
  text-decoration: none;
  padding-left: 0px;
  background-image: none;
  text-decoration: underline;
}

div#route ul ul li a:hover 
{
  color: #999;
  background-color: #F1F1F1;
  text-decoration: underline;
}

/* ======================== sidebar form ========================*/

div#sidebarfilter fieldset
{
  padding: 0px 5px 5px 5px;
  border: 1px solid #DCDCDC;
  color: #666;
  background-color: #F1F1F1;
}

div#sidebarfilter label
{
  margin: 10px 0px 5px 0px;
  font-weight: normal;
  color: #666;
  font: normal 100% Arial, sans-serif;
  background-color: #F1F1F1;
  display: block;
}

div#sidebarfilter select.dropdown
{
  width: 100%;
  height: 18px;
  font: bold 100% Arial, sans-serif;
  border: 0px;
  color: #666;
  background-color: #FFF;
  display: block;
  border: 1px solid #CCC;
}

div#sidebarfilter input.textbox
{
  width: 100%;
  height: 16px;
  font: bold 100% Arial, sans-serif;
  border: 0px;
  color: #666;
  background-color: #FFF;
  text-indent: 3px;
  display: block;
  border: 1px solid #CCC;
}

div#sidebarfilter input.textbox:focus, div#sidebarfilter select.dropdown:focus
{
  background-color: #FFC;
}

div#sidebarfilter input.button
{
  position: relative;
  top: 10px;
  float: right;
  width: 65px;
  height: 18px;
  padding: 0px 5px 2px 5px;
  margin-bottom: 10px;
  text-indent: 0px;
  border: none;
  color: #FFF;
  background-color: #AAA;
  text-align: center;
  font: bold 11px Arial, sans-serif;
  cursor: pointer;
  display: block;
}

div#sidebarfilter input.button:hover
{
  color: #FFF;
  background: #AAA url("../images/bg_button_content.png") no-repeat 50% 50%;
  border: none;
}

/* ================================== news summary ====================================*/

div#newscontainer
{
  padding-top: 1px; 
  float: left;
  width: 747px;
  height: 202px;
  overflow: hidden;
}

div#newscontainerlarge
{
  padding-top: 1px; 
  float: left;
  width: 727px;
  height: auto;
  padding: 0px 10px;
}

div#newscontainerlarge h2
{
  margin-top: 10px;
}

div#content>div#newscontainer
{
  margin: 0px;
}

div.newssummary
{
  position: relative;
  float: left; 
  width: 246px;
  height: 200px;
  margin-right: 1px;
  font-weight: bold;
  line-height: 120%;
  border: #9C0 solid 1px;
  color: #000;
  background-color: #FFF;
  overflow: hidden; 
}

div.newssummary a
{
  color: #666; 
  background-color: #FFF;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
}

div.newssummary a:hover
{
  color: #666; 
  background: #f1f1f1 url("../images/bg_gradient.png") repeat-x 0px 0px;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

div.newssummary img
{
  float: left; 
  margin: 0px 8px 0px 10px;
}

div.newssummary a strong
{
  color: #666;
  background-color: transparent;
  font: bold 110% Arial, sans-serif;
  text-decoration: none;
  margin: 5px 10px 0px 10px;
  display: block;
}

div.newssummary em
{
  margin: 5px 10px 0px 10px;
  font: normal 100% Arial, sans-serif;
  display: block;
}

div.newssummary em.date
{
  color: #888;
  background-color: transparent;
  font: normal 95% Arial, sans-serif;
  margin: 0px 10px;
}

div.newssummary span.link
{
  line-height: 140%;
  width: 100%;
}

div.newssummary span.link img
{
  display: block;
  bottom: 4px; 
  right: -3px;
  float: right;
  position: absolute;
}

div.newssummary strong, div.newssummary em
{
  color: #666;
  background-color: transparent;
}

div.newssummary .header
{
  text-align: left; 
  height: 14px; 
  width: 100%;
  padding: 2px;
  margin: 0;
}

div.newssummary .header img
{
  float: left;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 0px;
}

div.newssummary .topitemlink
{
  padding: 1px 5px 0px 5px;
}

div.newssummary em.topitemdate
{
  color: #888;
  background-color: transparent;
  font: normal 95% Arial, sans-serif;
  margin: 0px;
}

div.newssummary .footer
{
  display: block;
  position: absolute;
  bottom: 0px;
  right: -3px;
  height: 24px;
  width: 100%;
  text-align: right;
  margin: 0;  
}

div.newssummary .footer span.link img
{
  position: relative;
  margin: 0px 7px 0px 2px;
  right: 0px;
  bottom: 0px;
}

div.newssummary hr
{
  background-color: #99CC00;
  color: #99CC00;
  height: 1px;
  margin: 1px 1px 5px 1px;
}

div.homepageitem
{
  height: 47px;
  padding: 2px;
}

/* ====================================== tagcloud ====================================*/

div#keywords
{
  color: #333;
  background-color: #FFF;
  width: 100%;
  height: auto;
  overflow: hidden;
  clear: left;
}

div#keywords ul
{
  margin: 5px 0px 0px 0px;
  padding: 0px;
  list-style: none outside none;
  text-align: left;
  line-height: 300%;
}

div#keywords li
{
  display: inline;
  margin: 0px 3px;
}

div#keywords a
{
  text-decoration: none;
}

div#keywords a:hover
{
  text-decoration: none;
  border-bottom: solid #DDD 1px;
}

div#keywords a span.low
{
  color: #CCC;
  background-color: #FFF;
  font: bold 95% Arial, sans-serif;
}

div#keywords a span.average
{
  color: #999;
  background-color: #FFF;
  font: bold 115% Arial, sans-serif;
}

div#keywords a span.high
{
  color: #666;
  background-color: #FFF;
  font: bold 140% Arial, sans-serif;
}

div#keywords a span.highest
{
  color: #333;
  background-color: #FFF;
  font: bold 160% Arial, sans-serif;
}

/* ==================================== footer ======================================*/

div#footer
{
  position: relative; 
  right: 0px;
  top: 4px;
  margin: 0px auto;
  width: 995px;
  height: 30px;
  font-size: 95%;  
  color: #999;
  background-color: #FFF;
  line-height: 160%;
  border-top: 2px solid #9C0;
  text-align: center;
  clear: both;
}

body#contentpage div#footer
{
  top: 100px;
}

div#footerlinks
{
  padding: 5px 0px;
  margin: 0px auto;
  text-align: center;
  height: 20px;
}

div#footerlinks ul
{
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none outside none;
}

div#footerlinks ul li
{
  margin: 0px;
  padding: 0px 5px;
  display: inline;
  border-right: 1px solid #CCC;
}

div#footerlinks li a
{
  color: #999;
  background-color: #FFF;
  text-decoration: none;
  border-bottom: 1px solid #EEE;
}

div#footerlinks li a:hover
{
  color: #999;
  background-color: #FFF;
  text-decoration: none;
  border-bottom: 1px solid #CCC;
}

/* ====================================== forms =======================================*/

label.formcaption
{
  color: #666;
  background-color: #FFF;
  margin-top: 10px;
  padding: 0px;
  text-indent: 3px;
  width: 100%;
  display: block;
  text-align: left;
  clear: both;
}

input.radiobutton
{
  font: bold 100% Arial, sans-serif;
  color: #666;
  background-color: transparent;
  border: 0px;
}

input.checkbox
{
  font: bold 100% Arial, sans-serif;
  color: #666;
  background-color: transparent;
  border: 0px;
}

select.dropdown, select.listbox
{
  font: bold 100% Arial, sans-serif;
  color: #666;
  background-color: #F1F1F1;
  border: 1px solid #CCC;
  padding: 0px;
  width: 100%;
}

select.dropdown optgroup, select.list optgroup
{
  font: bold 100% Arial, sans-serif;
}

select.dropdown option, select.list option
{
  font: bold 100% Arial, sans-serif;
}

input.textbox
{
  font: bold 100% Arial, sans-serif;
  color: #666;
  background-color: #F1F1F1;
  border: 1px solid #CCC;
  text-indent: 3px;
  padding: 0px;
  width: 100%;
}

textarea.textarea
{
  font: bold 100% Arial, sans-serif;
  color: #666;
  background-color: #F1F1F1;
  border: 1px solid #CCC;
  text-indent: 3px;
  overflow: auto;
  padding: 0px;
  width: 100%;
}

input.textbox:focus, select.dropdown:focus, textarea.textarea:focus, select.list:focus, select.dropdown option:focus, select.list option:focus, select.dropdown optgroup:focus, select.list optgroup:focus
{
  color: #333;
  background-color: #FFC;
}

input.button
{
  font: bold 95% Arial, sans-serif;
  padding: 0px 5px 2px 5px;
  margin: 0px 1px;
  color: #FFF;
  background-color: #9C0;
  border: 0px;
  cursor: pointer; 
}

input.button:hover
{
  font: bold 95% Arial, sans-serif;
  color: #FFF;
  background: #9C0 url("../images/bg_button.png") no-repeat 50% 50%;
  border: 0px;
}

/* ================================== subnavigation ===================================*/

body#contentpage div#subnavigation
{ 
  position: relative;
  left: -480px;
  top: 64px;
  width: 200px;
  height: auto;
  color: #333;
  background-color: #FFF;
  float: left;
  clear: right;
  padding-bottom: 10px;
}

div#subnavigation ul
{
  margin: 0px 0px 0px 18px;
  padding: 0px;
  width: 182px;
  list-style: none outside none;
  font: normal 100% Arial, sans-serif;
}

div#subnavigation ul li a
{  
  display: block;
  width: 164px;
  padding-left: 18px;
  line-height: 180%;
  color: #333;
  background: #FFF url("../images/ico_subnavigation_dn.png") no-repeat 0px 3px;
  text-decoration: none;
}

div#subnavigation ul li a:hover
{
  color: #333;
  background-color: #FFF;
  text-decoration: underline;
}

div#subnavigation ul li a.active
{
  color: #333;
  background: #FFF url("../images/ico_subnavigation_up.png") no-repeat 0px 3px !important;
  text-decoration: none;
}

div#subnavigation ul ul
{
  margin: 0px 0px 10px 10px;
  font: normal 95% Arial, sans-serif;
}

div#subnavigation ul ul li a
{
  color: #666;
  background-image: none !important;
  line-height: 160%;
  width: 154px;
}

div#subnavigation ul ul li a.active
{
  color: #900;
  background-image: none !important;
}

/* =================================== glasspane =====================================*/

div#glasspane
{ 
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: transparent url("../images/bg_glass.gif") repeat 0% 0%;
  z-index: 5;
  visibility: hidden;
}

body>div#glasspane
{ 
  position: fixed;
  background-image: url("../images/bg_glass.png") !important;
}

div#popuplayover
{ 
  position: absolute;
  right: 50%;
  top: 200px;
  margin-right: -198px;
  width: 383px;
  height: 227px;
  text-align: center;
  vertical-align: middle;
  background: transparent url("../images/bg_popup.gif") no-repeat 0% 0%;
  z-index: 6;
  visibility: hidden;
}

body>div#popuplayover
{ 
  position: fixed;
  background-image: url("../images/bg_popup.png");
}

div#popuplayover p
{
  position: relative;
  top: 25px;
  font: bold 11px Arial, sans-serif;  
  color: #FFF;
  background-color: transparent;
  margin: 0px 0px;
}

div#popuplayover ul
{
  position: relative;
  top: 75px;
  margin: 0px;
  padding: 0px;
}

div#popuplayover li
{
  list-style: none outside none;
  margin: 0px;
  padding: 0px 8px;
  display: inline;
  border-left: #DDD solid 2px;
}

div#popuplayover li a
{
  font: normal 18px Arial, sans-serif;  
  color: #FFF;
  background-color: transparent;
  line-height: 150%;
  text-decoration: none;
}

div#popuplayover li a:hover
{
  color: #FFF;
  background-color: transparent;
  text-decoration: underline;
}

div#popuplayover fieldset
{
  color: #FFF;
  background-color: transparent;
  border: none;
}

div#popuplayover label
{
  position: relative;
  top: 130px;
  color: #FFF;
  background-color: transparent;
  font: normal 11px Arial, sans-serif;
  display: inline;
  width: auto;
  margin: 0px;
}

div#popuplayover input
{
  position: relative;
  top: 130px;
  color: #333;
  background-color: transparent;
  margin: 0px 3px 0px 0px;
}

/* =========================== image classes =============================*/

.AlignLeft
{
  float: left;
}

.AlignRight
{
  float: right;
}

img.AlignLeft
{
  float: left;
  margin: 3px 5px 5px 0px;
}

img.AlignRight
{
  float: right;
  margin: 3px 0px 5px 5px;
}

span.emphasis
{
  font-weight:bold;
  font-style:italic;
  background-color: transparent !important;
  color:Maroon;
}

/* ============================= Composite Visual editor styles ================================*/

*.left {
  float: left;
  margin: 0 22px 10px 0;  
}
*.right {
  float: right;
  margin: 0 0 10px 22px;
}


