﻿@import url('../base/reset.css');
@import url('colors.css');
@import "../js/jquery-autocomplete-1.1/jquery.autocomplete.css";

/* general 
--------------------------------------------- */
html {
	height:100%;
}
body
{
	font-family: 'lucida sans' , arial, tahoma, sans-serif;
	font-size: 12px;
	margin: 8px 0px 0px 0px;
	height:100%;

}

body, #hider
{
	background-position:top center;
	background-attachment:fixed;
}

/* main font color */

body, .box-medium .content .top-story p a
{
	color : #4c4c4c;
}

h1, h3
{
    line-height: normal;
	color: #231f20;
}

h1
{
    font-size: 24px;
}

h2
{
    font-size: 20px;
    margin: 0px 0px 7px 0px;
}

h3
{
    font-size: 16px;
    margin: 0px 0px 7px 0px;
    display : block;
}

h4
{
    font-size: 14px;
    margin: 0px 0px 7px 0px;
	font-weight: normal;
	line-height:normal;
}

h5
{
    font-size: 12px;
    margin: 0px 0px 7px 0px;
	line-height:normal;
}

a:focus {
	outline: none;
}

.cufon-active h1
{
    font-size: 30px;
}

.cufon-active h2
{
    font-size: 24px;
}

.cufon-active h3
{
    font-size: 18px;
}

.cufon-active h4
{
    font-size: 18px;
}

.cufon-active h5
{
    font-size: 18px;
}

a.button-000000, a.button-c7c6b1, a.button-636466, a.button-25b680, a.button-018ca5, a.button-959595, a.button-4d4d4d   
{
    float: left;
    display: block;
    width: 55px;
    height: 13px;
    margin: 0px 8px 0px 0px;
	padding : 1px 0px 0px 0px;
	text-align : center;
    background-repeat: repeat;
	color : #ffffff;
	text-decoration : none;
	font-weight : bold;
	line-height : 14px;
	font-size : 9px;
	font-family: 'lucida sans' , arial, tahoma, sans-serif;
	position:relative;
}

.cufon-active a.button-000000, .cufon-active a.button-c7c6b1, .cufon-active a.button-636466, .cufon-active a.button-25b680, .cufon-active a.button-018ca5, .cufon-active a.button-959595, .cufon-active a.button-4d4d4d {
	line-height : 11px;
	font-size : 11px;
}

a.button-000000
{
    background-image: url('../gfx/button_laes_mere_000000.png');
}

a.button-000000:hover
{
    background-image: url('../gfx/button_laes_mere_c7c6b1.png');
}

a.button-c7c6b1
{
    background-image: url('../gfx/button_laes_mere_c7c6b1.png');
}

a.button-c7c6b1:hover
{
    background-image: url('../gfx/button_laes_mere_000000.png');
}

a.button-636466
{
    background-image: url('../gfx/button_laes_mere_636466.png');
}

a.button-636466:hover
{
    background-image: url('../gfx/button_laes_mere_636466.png');
}

a.button-25b680
{
    background-image: url('../gfx/button_laes_mere_25b680.png');
}

a.button-25b680:hover
{
    background-image: url('../gfx/button_laes_mere_25b680.png');
}

a.button-018ca5
{
    background-image: url('../gfx/button_laes_mere_018ca5.png');
}

a.button-018ca5:hover
{
    background-image: url('../gfx/button_laes_mere_018ca5.png');
}

a.button-959595
{
    background-image: url('../gfx/button_laes_mere_959595.png');
}

a.button-959595:hover
{
    background-image: url('../gfx/button_laes_mere_4d4d4d.png');
}

a.button-4d4d4d
{
    background-image: url('../gfx/button_laes_mere_4d4d4d.png');
}

a.button-4d4d4d:hover
{
    background-image: url('../gfx/button_laes_mere_4d4d4d.png');
}

.button-icon 
{
    float : left;
    width : 50px;
    height : 14px;
    padding-left : 5px;
    background-repeat : no-repeat;
	position : relative;
}

.toggle {background-image : url('../gfx/voresmad/icon_button_toggle.png');background-position : 5px 1px; }
.play {background-image : url('../gfx/voresmad/icon_button_play.png');background-position : 7px 1px; }

/* button images */
a.tooltip
{
    /*float : none;
    display : inline;
    width : 55px;
    height : 14px;
    margin: 0px 0px 0px 0px; 
    padding : 1px 8px 1px 7px;*/
}

img.icon 
{
    float : left;

}

span.date {
	color: #999999;
}

span.miniheader {
	color: #999999;
}

ul.reduce-left {
	padding-left : 1.2em;
}

#print-logo {
	display : none;
}

#print-disclaimer {
	display : none;
}

#container
{
    width: 964px;
    margin: 0px auto 0px auto;
    padding: 136px 0px 0px 0px;
}

/* columns 
--------------------------------------------- */

.column-small, .column-large
{
    float: left;
}

.column-small
{
    margin-right : 7px;
}

.column-large
{
    margin-right : 8px;
}

.last
{
    margin-right : 0px;
}

.narrow
{
    width: 235px;
}

.one-third
{
    width: 316px;
}

.medium
{
    width: 478px;
}

.wide
{
    width: 722px;
}

.full
{
    width: 964px;
}

.box-container
{
    float : left;
    width: 972px;
}

/* boxes, common features
--------------------------------------------- */

.box-narrow, .box-one-third, .box-medium, .box-wide, .box-two-span, .box-full
{
    float: left;
	position:relative;
}

.box-narrow .content, .box-one-third .content, .box-medium .content, .box-wide .content, .box-two-span .content, .box-full .content
{
    float: left;
    padding: 8px 10px 10px 10px;
    line-height : 150%;
    position:relative;
}

.box-narrow .slogan, .box-one-third .slogan, .box-medium .slogan, .box-wide .slogan, .box-two-span .slogan, .box-full .slogan
{
    float: left;
    padding: 5px 10px 0px 10px;
}

.box-narrow .banner, .box-one-third .banner, .box-medium .banner, .box-wide .banner, .box-two-span .banner, .box-full .banner
{
    float: left;
    padding: 0px 0px 5px 0px;
}

.box-narrow .banner img, .box-one-third .banner img, .box-medium .banner img, .box-wide .banner img, .box-two-span .banner img, .box-full .banner img
{
    float: left;
    border : none;
}

.box-narrow .content a:hover, .box-one-third .content a:hover, .box-medium .content a:hover, .box-wide .content a:hover, .box-two-span .content a:hover, .box-full .content a:hover
{
    text-decoration: none;
}

.box-narrow .img, .box-one-third .img, .box-medium .img, .box-wide .img, .box-two-span .img, .box-full .img
{
    float : left;
	position:relative;
}

.box-narrow .img img, .box-one-third .img img, .box-medium .img img, .box-wide .img img, .box-two-span .img img, .box-full .img img {
	float : left;
	border:none;
}

/* box features */
.border-bottom
{
	border-style:solid;
	border-width:0px 0px 3px 0px;
	border-color: #c1c1c1;
}

.bottom-spacer {
	margin-bottom : 8px;
}

.top-spacer {
	margin-top : 8px;
}

.top-margin-reducer {
	
}

#extra-top-padding 
{
    padding:13px 0px 0px 0px;   
}

.content object {
	float: left;
	margin : -3px 0px -5px 0px;
	line-height : normal;
	z-index : 10;
}

.content .youtube 
{
    float : right;
    margin : -3px 0px -5px 10px;
}

.content .movies 
{
    float : right;
}

.content .movies img
{
    float : left;
    margin : -3px 0px -5px 10px;
}

.content img.image 
{
    float: left;
	position : relative;
    border : none;
    margin : -3px 0px -5px 0px;
    line-height : normal;
}

.content img.image-in-box 
{
    float: left;
	position : relative;
    border : none;
    margin : -3px 0px 14px 0px;
    line-height : normal;
}

.content div.image, .content div.image-right, .content div.image-left
{
    float: left;
	position : relative;
    line-height : normal;
}

.content div.image img, .content div.image-right img, .content div.image-left img
{
    float: left;
    border : none;
}

.content div.image-right
{
    float: right;
    margin : -3px 0px -5px 0px;
    margin-left : 15px;
}

.content div.image-left
{
    float: left;
    margin : -3px 0px -5px 0px;
    margin-right : 15px;
}

.content.extra-top-padding
{
    padding-top : 13px;
}

.content div.extra-bottom-margin
{
    margin-bottom : 15px;
}

/* icon image */
.content .icon-image 
{
    float : right;
    margin : -3px 0px 10px 10px;
}

/* icon lists */
ul.icon-list 
{
    float : left;
    list-style-type :none;
    font-size : 10px;
    padding : 0px 0px 0px 0px;
    margin : 0px 0px 0px 0px;
    line-height : 150%;
}

ul.icon-list li 
{
    background-repeat : no-repeat;
    background-position : left 5px;
    padding : 0px 0px 0px 20px;  
}

ul.icon-list a
{
    text-decoration : none;
}

.box-narrow .player-icon, .box-medium .player-icon, .box-wide .player-icon, .box-two-span .player-icon, .box-full .player-icon
{
    position : absolute;
}

.image-text-layer 
{
    position : absolute;
    bottom : 0px;
    left : 0px;
    background-color : #ffffff;
    padding : 10px 10px 10px 10px;
    opacity:0.8;
    filter:alpha(opacity=80);
}

.image-text-layer h2 
{
    margin : 0px 0px 0px 0px; 
    color : #464646;
    line-height:100%;  
}

.image-text-layer h4 
{
    margin : 0px 0px 0px 0px;
    color : #636363;
    line-height:120%;    
}

/* text header */
.box-narrow .text-header, .box-one-third .text-header, .box-medium .text-header, .box-wide .text-header, .box-two-span .text-header, .box-full .text-header {
	float : left;
	font-size : 16px;
	line-height : 16px;
	font-weight : bold;
	height : 34px;
	
	margin : 0px 0px 0px 0px;
}

.text-header-first {
	padding : 7px 10px 0px 10px;
}

.text-header-normal {
	padding : 12px 10px 0px 10px;
}

.cufon-active .box-narrow .text-header, .cufon-active .box-medium .text-header, .cufon-active .box-wide .text-header, .cufon-active .box-two-span .text-header, .cufon-active .box-full .text-header {
	font-size : 18px;
}

.box-narrow .text-header a, .box-medium .text-header a, .box-wide .text-header a, .box-two-span .text-header a, .box-full .text-header a {
	text-decoration : none;
}

/* boxes, narrow 
--------------------------------------------- */
.box-narrow
{
    width: 235px;
}

.box-narrow .rounded-corners-top
{
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    width: 235px;
    height: 5px;
}

.box-narrow .rounded-corners-bottom
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 235px;
    height: 5px;
}

.box-narrow .content
{
    width: 215px;
	font-size : 11px;
}

.box-narrow .content h3 a
{
    text-decoration : none;
}

.box-narrow .content h4 a
{
    text-decoration : none;
}

.box-narrow .content h5 a
{
    text-decoration : none;
}

.box-narrow .content div.button {
	float : right;
	margin : 10px 0px 0px 0px;
}

/* link list */
.box-narrow .content .link-list hr {
    height: 0px;
    width: 100%;
	border-width:1px 0px 0px 0px;
	border-style : solid;
}

.box-narrow .content .link-list a
{
    text-decoration: none;
}

.box-narrow .content .link-list a.toplink {
	text-decoration : none;
	font-weight : bold;
}

.box-narrow .content .link-list a.listheader {
	text-decoration: none;
	font-weight:bold;
}

/* header */
.box-narrow .img-header img
{
    float: left;
	border : none;
}
.box-narrow .banner-text
{
    font-size: 11px;
}

.box-narrow .banner-text a
{
    text-decoration : none;
	color: #ffffff;
}

/*.box-narrow .img
{
    float : left;
	position:relative;
}

.box-narrow .img img {
	float : left;
	border:none;
}*/

.box-narrow .player-icon
{
	top : 45px;
	left: 101px;
}

.box-narrow .image-text-layer 
{
    width : 200px;
    height : 50px;
}

/* text header */
.box-narrow .text-header {
	width : 215px;
}

.box-narrow .rounded-corners {
	height : 34px;
	padding : 7px 10px 0px 10px;
}

.box-narrow .banner img {
	float : left;
	border : none;
}

/* issue / circle */
.box-narrow .content .issue
{
    font-size: 14px;
	color: #005420;
}

.box-narrow .content .issue .circle
{
    display: inline;
	background-position:top center;
	background-repeat:no-repeat;
	background-image: url('../gfx/circle.png');
    padding: 2px 7px 4px 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    letter-spacing: -1px;
    margin: 0px -1px 0px 0px;
}

/* carousel */
.box-narrow .carousel
{
    display: block;
    position: relative;
    width: 235px;
    overflow: hidden;
    position: relative;
    clear: both;
}

.box-narrow .carousel .header
{
    clear: both;
    font-weight: bold;
    font-size: 18px;
	line-height : normal;
    height: 35px;
}

.carousel-header-first {
	padding: 6px 10px 0px 10px;
}

.carousel-header-normal {
	padding: 11px 10px 0px 10px;
}


.box-narrow .carousel .header img {
	margin : 0px 0px 0px 0px;
}

.box-narrow .carousel .header a {
	text-decoration : none;
}

.box-narrow .carousel ul {
	margin:0;
	width:235px;
}

.box-narrow .carousel ul li {
	display:block;
}

.box-narrow .bx-pager {
	text-align:center;
	font-size:10px;
	color:#FFF;
	position: absolute;
	top: 9px;
	right: 10px;
	z-index: 100;
	background-image:url(../gfx/boxes_pager.png);
	width:55px;
	height:14px;
}

.box-narrow .carousel .header .arrow-left, .box-narrow .carousel .header .arrow-right
{
    cursor: pointer;
	display : inline;
}

.box-narrow .carousel .header .arrow-left
{
    margin: 0px 10px 0px 0px;
}

.box-narrow .carousel .header .arrow-right
{
    margin: 0px 0px 0px 10px;
}

.box-narrow .carousel .header .title
{
    float: left;
}

.box-narrow .carousel .header #counter
{
    float: right;
    font-weight: bold;
}


/* person */
.box-narrow .person .subheader
{
	display:block;
    float: left;
	width : 100%;
	margin : 0px 0px 10px 0px;
}

.box-narrow .person img
{
    float: left;
	margin : 0px 10px 0px 0px;
}

/* top list */
.box-narrow .content .top-list p
{
    margin: 10px 0px 10px 0px;
}

.box-narrow .content .top-list .number
{
    float : left;
	width : 20px;
	padding : 5px 10px 0px 0px;
	font-weight : bold;
	font-size : 20px;
}

.box-narrow .content .top-list .text
{
    float : left;
	width : 185px;
	padding : 0px 0px 10px 0px;
}

.box-narrow .content .top-list a
{
    text-decoration: none;
	color: #696969;
}

.box-narrow .content .top-list a:hover
{

}

.box-narrow .content .top-list a.header
{
    font-weight: bold;
}

.box-narrow .content .top-list ul {

	padding : 0px 0px 0px 15px;
}

.box-narrow .content .top-list ul li {
	padding : 5px 0px 5px 0px;
}

/* boxes, one-third 
--------------------------------------------- */
.box-one-third
{
    width: 316px;
}

.box-one-third .rounded-corners-top
{
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    width: 316px;
    height: 5px;
}

.box-one-third .rounded-corners-bottom
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 316px;
    height: 5px;
}

.box-one-third .content
{
    width: 296px;
}

.box-one-third .content h3 a
{
    text-decoration : none;
}

.box-one-third .content h4 a
{
    text-decoration : none;
}

.box-one-third .content h5 a
{
    text-decoration : none;
}

.box-one-third .content div.button {
	float : right;
	margin : 10px 0px 0px 0px;
}

/* link list */
.box-one-third .content .link-list hr {
    height: 0px;
    width: 100%;
	border-width:1px 0px 0px 0px;
	border-style : solid;
}

.box-one-third .content .link-list a
{
    text-decoration: none;
}

.box-one-third .content .link-list a.toplink {
	text-decoration : none;
	font-weight : bold;
}

.box-one-third .content .link-list a.listheader {
	text-decoration: none;
	font-weight:bold;
}

.box-one-third .player-icon
{
	top : 45px;
	left: 101px;
}

/* text header */
.box-one-third .text-header {
	width : 296px;
}

/* boxes, medium 
--------------------------------------------- */
.box-medium
{
    width: 478px;
}

.box-medium .rounded-corners-top
{
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    width: 478px;
    height: 5px;
}

.box-medium .rounded-corners-bottom
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 478px;
    height: 5px;
}

.box-medium .content
{
    width: 458px;
}

.box-medium .content .date {
	font-size : 10px;
	/*line-height: 14px;*/
}

.box-medium .content h1 a
{
    text-decoration : none;
}

.box-medium .content h3 a
{
    text-decoration : none;
}

.box-medium .content h5 a
{
    text-decoration : none;
}

.box-medium .content div.button
{
    float: right;
    margin: 10px 0px 0px 0px;
}

.box-medium .player-icon
{
	top : 45px;
	left: 101px;
}

.box-medium .image-text-layer 
{
    width : 438px;
    height : 42px;
}

/* text header */
.box-medium .text-header {
	width : 458px;
}

.box-medium .icon-header {
	width : 458px;
}

/* homepage page carousel */

/* stepcarousel init begin */
.box-medium .content .stepcarousel
{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 458px; /*Width of Carousel Viewer itself*/
    height: 431px; /*Height should enough to fit largest content's height*/
	/*border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color: #c1c1c1;*/
}

.box-medium .content .stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.box-medium .content .stepcarousel .panel
{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px; /*margin around each panel*/
    width: 458px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* stepcarousel init end */

.box-medium .content .stepcarousel .belt .top-story  img {
    margin-top: 0px;
}

/*
.box-medium .content #28pxories {
	float : left;
	display : inline;
	width : 459px;
}
*/

.box-medium .content .stepcarousel #navigation
{
    position: absolute;
	top : 30px;
	right : 20px;
    z-index: 3;
}

.box-medium .content .stepcarousel #navigation img
{
    float: left;
    display: inline;
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 4px;
}

/* text header navigation */
.box-medium .text-header .stepcarousel-navigation
{
    float: right;
    display: inline;
	font-size : 13px;
}

.box-medium .text-header .stepcarousel-navigation img
{
	display : inline;
    border : none;
}

.box-medium .text-header .stepcarousel-navigation img.arrow-left
{
	margin : 0px 14px 0px 0px;
}

.box-medium .text-header .stepcarousel-navigation img.arrow-right
{
	margin : 0px 0px 0px 10px;
}

/* homepage news */
.box-medium .content .top-story {
	float : left;
	position : relative;
	width : 100%;
	padding : 0px 0px 10px 0px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color: #c1c1c1;
}

.box-medium .content .top-story h1 {
	display : inline;
}

.box-medium .content .top-story  img {
    float: left;
    border: none;
    margin: 10px 0px 10px 0px;
}

.box-medium .content .top-story .more {
	float : right;
	width : 129px;
}

.box-medium .content .top-story .more a {
	/*margin : 0px 10px 0px 0px;*/
}

.box-medium .content .top-story .more .date {
	float : right;
	margin : 0px 0px 0px 10px;
}

.box-medium .content .top-story h1 a:hover
{

}

.box-medium .content .top-story p a {
	text-decoration : none;
}

.box-medium .content .column {
	float : left;
	width : 225px;
	margin: 0px 8px 0px 0px;
}

.box-medium .content .last {
	margin : 0px 0px 0px 0px;
}

/* news stories */
.box-medium .content .news-story {
	float : left;
	position : relative;
	width : 100%;
	padding : 10px 0px 10px 0px;
	margin : 0px 0px 0px 0px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color: #c1c1c1;
}

.box-medium .content .news-story img {
	float : left;
	border: none;
	margin : 0px 0px 10px 0px;
}

.box-medium .content .news-story p a {
	text-decoration : none;
	color: #696969;
}

.box-medium .content .news-story div.button {
	float : left;
}

.box-medium .content .news-story div.date {
	float : right;
}

/* more news stories */
.box-medium .content #more-news-stories {
	float : left;
	width : 100%;
}

.box-medium .content #more-news-stories h3 {
	margin-top : 20px;
}

.box-medium .content #more-news-stories .story {
	float : left;
	width : 225px;
	min-height : 50px;
	padding : 5px 0px 5px 0px;
	border-style:dotted;
	border-width:0px 0px 1px 0px;
	border-color: #c1c1c1;
	font-size : 13px;
}

.box-medium .content #more-news-stories .last {
	border-bottom : none;
	margin : 0px 0px 0px 0px;
}

.box-medium .content #more-news-stories .story a {
	text-decoration : none;
	color: #696969;
}

.box-medium .content #more-news-stories .story a:hover
{
    color: #333333;
}

/* boxes, wide 
--------------------------------------------- */
.box-wide
{
    width: 722px;
}

.box-wide .rounded-corners-top
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 722px;
    height: 5px;
}

.box-wide .rounded-corners-bottom
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 722px;
    height: 5px;
}

.box-wide .content
{
    width: 702px;
}

.box-wide .content .date {
	font-size : 9px;
	line-height: 14px;
}

.box-wide .content h1 a
{
    text-decoration : none;
}

.box-wide .content h2 a
{
    text-decoration : none;
}

.box-wide .content h3 a
{
    text-decoration : none;
}

.box-wide .content h4 a
{
    text-decoration : none;
}

.box-wide .content h5 a
{
    text-decoration : none;
}

.box-wide .content div.button
{
    float: right;
    margin: 10px 0px 0px 0px;
}

/* text header */
.box-wide .text-header {
	width : 702px;
}

.box-wide .icon-header {
	width : 702px;
}

/* boxes, two-span 
--------------------------------------------- */
.box-two-span
{
    width: 478px;
}

.box-two-span .rounded-corners-top
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 478px;
    height: 5px;
}

.box-two-span .rounded-corners-bottom
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 478px;
    height: 5px;
}

.box-two-span .content
{
    width: 458px;
}

.box-two-span .content .date {
	font-size : 9px;
	line-height: 14px;
}

.box-two-span .content h1 a
{
    text-decoration : none;
	
}

.box-two-span .content h3 a
{
    text-decoration : none;

}

/* section homepage boxes 
--------------------------------------------- */

.spot {
    float: left;
    background-repeat: no-repeat;
    width: 236px;
	height : 300px;
}

.spot-top-left-ffffff {
	background-position: top left;
}

.spot-top-right-ffffff {
	background-position: top right;
}


.spot-bottom-left-ffffff {
	background-position: left bottom;
}

.spot-bottom-right-ffffff {
	background-position: right bottom;
}

.spot h3 {
	margin : 5px 10px 7px 10px;
}

.spot h3 a {
    text-decoration : none;
}

.spot img {
	float : left;
	margin : 0px 0px 0px 0px;
	border : none;
}

.spot .content {
	line-height : 16px;
}

.spot .content a.subheader-link {
	text-decoration:none;
}

.spot .content a.content-link {
	text-decoration:none;
	color: #696969;
}

.spot .date {
	font-size : 9px;
	line-height: 14px;
}

.wrapper {
	float : left;
	background-color: #ffffff;
}

.spot .content {
	float : left;
	padding : 10px 10px 10px 10px;
}

.spot .content .subheader a {
	color : #000;
}

.spot .content h2 a {
    text-decoration: none;
	color: #000;
}

.separator {
	float : left;
	width : 7px;
	height : 300px;
}

/* boxes, full
--------------------------------------------- */
.box-full
{
    width: 964px;
}

.box-full .rounded-corners-top
{
    float: left;
    background-repeat: no-repeat;
    background-position: top left;

    width: 964px;
    height: 5px;
}

.box-full .rounded-corners-bottom
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
	
    width: 964px;
    height: 5px;
}

.box-full .content
{
    width: 944px;
	/*font-size : 11px;*/
}

.box-full .content h3 a
{
    text-decoration : none;
}

.box-full .content h4 a
{
    text-decoration : none;
}

.box-full .content h5 a
{
    text-decoration : none;
}

.box-full .content div.button {
	float : right;
	margin : 10px 0px 0px 0px;
}

.box-full .img .player-icon
{
	top : 45px;
	left: 101px;
}

.box-full .image-text-layer 
{
    width : 200px;
    height : 50px;
}

/* text header */
.box-full .text-header
{
    width: 944px;
}

/* breadcrumbs
--------------------------------------------- */

.content #breadcrumbs {
	float : left;	
	width : 55%;
	font-size : 9px;
	font-weight : bold;
	color: #999999;
}

.content #breadcrumbs a {
	text-decoration : none;
	color: #999999;
}

.content #breadcrumbs a:hover {
	text-decoration : none;

}

.content #breadcrumbs img {
	display : inline;
	margin : 0px 1px 1px 1px;
}

.content #breadcrumbs .current {

}

/* share
--------------------------------------------- */

.content #share {
	float : left;
	width : 45%;
	text-align : right;
	font-size : 11px;
}

.content #share a {
	text-decoration : none;
}

.content #share a:hover {

}

.content #share img {
	display : inline;
	margin : 0px 3px 0px 3px;
}

/* logout */
.content #share a.logout {
	display : inline;
	margin : 0px 5px 0px 5px;
	background-color : #cc0000;
	padding : 1px 3px 1px 3px;
	color : #ffffff;
}

.content #share a.logout:hover {
	background-color : #ff0000;
	color : #ffffff;
}

.content #share-container
{
    float : right;
}

.content #share-container #breadcrumbs
{
    display : none;
}

.content #share-container #share
{    
    float : right;
    width : 100%;
}

/* expanded margins
--------------------------------------------- */

.content #expanded-margins {
	float : left;
	padding : 0px 82px 0px 116px; /* 0px 92px 0px 116px; */
	width : 504px; /* need to be there for web forms for marketers to display properly in IE quirks mode */
}

.scfForm {
	padding-top : 15px; /* Firefox forms hack */
}

.content #expanded-margins .image {
	float : left;
	width : 600px;
	margin : 10px 0px 10px -96px;
	font-size : 11px;
	line-height:normal;
}

.content #expanded-margins .image img {
	float : right;
	border : none;
	margin : 0px 0px 0px 10px;
}

.content #expanded-margins .image img.arrow {
	float : left;
	border : none;
	margin : 5px 5px 0px 0px;
}

/* content
--------------------------------------------- */

.content #text {
	float:left;
	width : 100%;
	line-height : 150%;
}

.content #text h3 {
	margin : 20px 0px 20px 0px;
}

.content #text .image {
	float : left;
	font-style:italic;
	padding : 0px 0px 18px 0px;
	
	
}

.content #text .image img 
{
    margin : 0px 0px 2px 0px;    
}

.content #text #byline {
	font-size : 11px;	
}

.content #text #brief {
	font-weight : bold;
	margin : 0px 0px 20px 0px;
}

.content hr {
    height: 0px;
    width: 100%;
    border: none;
    border-top: 1px solid #c1c1c1;
}

.content #map {
	height: 500px;
}

/* campaign
--------------------------------------------- */

.content #text .campaign-image 
{
    float : left;
    margin : 5px 20px 10px 0px;    
}

.content #text .rate
{
    border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color: #c1c1c1;
	padding : 10px 0px 0px 0px;
	color : #999999;
}

.content #text .rate .radiobuttons
{
   float : left;
   width : 200px;
}

.content #text .rate img
{
    border : none;
	margin : 0px 0px -2px 0px;
}

.content #text input.q 
{
    padding : 5px 5px 5px 5px;
    font-weight : bold;
    border : 1px solid #076471;
    background-color : #c6d1d5;
    color : #076471;
    cursor:pointer;
}

.content #text input.q:hover
{
    background-color : #8ba7af;
}

.content #text div.question 
{
    float : left;
    width : 682px;
	padding : 10px 10px 10px 10px;
	background-color : #f6f6f6; 
}

.content #text div.question div.qmark 
{
    float : left;
    font-size : 30px;
    line-height:30px;
    font-weight:bold;
    padding : 5px 10px 0px 0px;
    color : #09562c;
}

.content #text div.answer
{
    float : left;
    width : 702px;
	padding : 10px 0px 10px 0px;
}

/* list
--------------------------------------------- */

.content #text #list {
	float:left;
	width : 100%;
	margin : 10px 0px 10px 0px;
}

.content #text #list a.toplink {
	text-decoration : none;
	font-weight : bold;
}

.content #text #list hr {
	
}

.content #text #list ul {

}

.content #text #list ul li {

	padding : 3px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

.content #text #list .column {
	float : left;
	padding : 0px 0px 0px 0px;
	min-height : 500px;
}

.content #text #list .column ul.parent {
	float : left;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	min-height : 500px;
	list-style-type : none;
	font-size : 18px;
	font-weight : bold;
}

.content #text #list .column ul.child{
	font-size : 12px;
	font-weight:normal;
	padding : 0px 0px 0px 0px;
	margin : -20px 10px 20px 35px;
}

/* anniversaries */

.content #text #list dl.anniversary
{
    width: 100%;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;

}

.content #text #list dl.anniversary dt
{
    float: left;
    width: 35%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    font-weight: normal;
}

/* commented backslash hack for mac-ie5 \*/
.content #text #list dl.anniversary dt
{
    clear: both;
}
/* end hack */

.content #text #list dl.anniversary dd
{
    float: left;
    width: 25%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

.content #text #list dl.anniversary .head {
	font-weight : bold;
}

.content #text #list dl.anniversary dd.type {
	width: 30%;
}

.content #text #list dl.anniversary dd.location {
	width: 15%;
}

.content #text #list dl.anniversary dd.anniversary-date {
	width: 20%;
}

/* campaign */

.content #text #list .campaign-item 
{
    float : left;
    width : 682px;
    padding : 10px;
    margin : 0px 0px 0px 0px;
}
    
.content #text #list .campaign-item img
{
    float : left;
    margin : 0px 20px 0px 0px;
}

.content #text #list .campaign-item .text
{
    float : left;
    width : 582px;
    margin : 0px 0px 0px 0px;
}

.content #text #list .campaign-item .text p
{
    margin : 0px 0px 10px 0px;
}

.content #text #list .campaign-item .text p a {
	text-decoration : none;
	color: #696969;
}

.content #text #list .odd 
{
    background-color : #ffffff;    
}

.content #text #list .even 
{
    background-color : #f6f6f6;    
}

.content #text #list .campaign-item .text .button
{
    float : left;
    width : 293px;
}

.content #text #list .campaign-item .text .rating {
	float : left;
	width : 85px;
}

.content #text #list .campaign-item .text .rating img {
	border : none;
	margin : -2px 0px 0px 0px;
}

/* event */

.content #text #list div.event {
	float : left;
	width : 100%;
	margin : 0px 0px 1em 0px;
}

.content #text #list div.event div.date {
	float : left;
	width : 15%;
}

.content #text #list div.event a.listheader {
	float : left;
	width : 85%;
}

.content #text #list div.event div.info {
	float : left;
	width : 85%;
	margin-left : 15%;
}

/* tables
--------------------------------------------- */

.content #text table {
	border-collapse: collapse;
	border-color : #cccccc;
}

.content #text table td {
	padding : 3px;
	/*border-style : solid;*/
	border-color : #cccccc;
}

.content #text table td p {
	margin : 0px 0px 0px 0px;
}

.content #small {
	font-size : 10px;
}

/* event
--------------------------------------------- */

.content #text #event #address {
	float : right;
	width : 150px;
	padding : 10px 10px 10px 10px;
	margin : 5px 0px 10px 10px;
	background-color : #f6f6f6;
	border: 1px solid #c1c1c1;
}

/* event portal
--------------------------------------------- */
#event
{
    float: left;
    display: inline;
    margin: 0px 0px 20px 0px;
}

#event .image
{
    float: left;
    display: inline;
    margin: 0px 0px 10px 0px;
}

#information
{
    float: left;
    display: inline;
    width: 370px;
    padding: 10px 10px 0px 10px;
    margin: 10px 0px 10px 0px;
    background-color: #eee;
}

#information div.default
{
    float: left;
    display: inline;
    width: 348px;
    border: 1px solid #bbb;
    padding: 0px 10px 10px 10px;
    margin: 0px 0px 10px 0px;
    background-color: #fff;
}

dl
{
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid #bbb;
}

dl dt
{
    float: left;
    width: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dl dt
{
    clear: both;
}
/* end hack */

dl dd
{
    float: left;
    width: 290px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

hr
{
    width: 100%;
    color: #bbb;
    background-color: #bbb;
    margin: 5px 0px 5px 0px;
    height: 1px;
    border: 0px;
}

/* video
--------------------------------------------- */

.content .video
{
	font-size : 16px;
	line-height: 20px;
	padding : 7px 10px 10px 11px;
}

.content .video h2 a
{
	color: #ffffff;
}

.content .video a
{
	color: #ffffff;
    text-decoration : none;
}

.content .video .player {
	float : left;
	margin : 0px 20px 0px 0px;
}

.content .video .button {
	float : right;
	margin : 50px 0px 0px 0px;
}

.content .flvplayer {
	float : left;
	padding : 9px 10px 10px 10px;
}

/* adressbook
--------------------------------------------- */

#employee-search
{
    float: left;
    display: inline;
    width: 494px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    line-height: normal;
}

/* letters */

#employee-search #letters
{

}

#employee-search #letters ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#employee-search #letters ul li
{
    float: left;
    display: inline;
    padding: 0px 7px 0px 0px;
}

/* fieldset and legend */

#employee-search fieldset
{
    padding: 10px 10px 10px 10px;
    border-style: solid;
	border-width: 1px;
	border-color: #ccc;
    margin: 0px 0px 10px 0px;
}

#employee-search fieldset legend
{
	color: #555;
    font-weight: bold;
}

/* label */

#employee-search fieldset label
{
    float: left;
    display: inline;
    width: 100px;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    height: 18px;
}

/* form elements */

#employee-search fieldset input, #employee-search fieldset select
{
    float: right;
    display: inline;
    padding: 2px 2px 2px 3px;
}

#employee-search fieldset input
{
    margin: 5px 211px 0px 4px;
    width: 150px;
    height: 13px;
    border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	font-family: 'lucida sans' , arial, tahoma, sans-serif;
	font-size : 11px;
}

#employee-search fieldset select
{
    margin: 5px 50px 5px 0px;
    width: 321px;
	font-family: 'lucida sans' , arial, tahoma, sans-serif;
	font-size : 11px;
    border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	padding : 0px 0px 0px 0px;
}

/* buttons */

#employee-search .buttons
{
    float: right;
}

#employee-search #button-search, #employee-search #button-reset
{
    border-style: solid;
	border-width: 1px;
	border-color: #555;
    padding: 0px 0px 2px 0px;
    color: #555;
    width: 100px;
    font-size: 80%;
}

/* alpabet */

div.alphabet
{
    float: left;
	width : 494px;
	margin : 0px 0px 20px 0px;
	
}

/* contact table */

table.contacttable {
	margin : 0px 0px 50px 0px;
}

table.contacttable td {
	width : 33%;
	vertical-align:top;
}

/* search results */

#employee-search-results
{
    float: left;
    display: inline;
    width: 100%;
}

/* employee details */
dl.employee-info
{
    width : 494px;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
}

dl.employee-info dt
{
    float: left;
    width: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dl.employee-info dt
{
    clear: both;
}
/* end hack */

dl.employee-info dd
{
    float: left;
    width: 394px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* anniversary
--------------------------------------------- */

dl.anniversary
{
    width: 100%;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;

}

dl.anniversary dt
{
    float: left;
    width: 25%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dl.anniversary dt
{
    clear: both;
}
/* end hack */

dl.anniversary dd
{
    float: left;
    width: 75%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* paging
--------------------------------------------- */

.content .paging {
	text-align : center;
}

.content .paging a {

}

.content .paging img {
	border : none;
	display : inline;
	margin : 0px 0px 1px 0px;
}

/* login form
--------------------------------------------- */

.content #login-form {
	float : left;
}

.content #login-form fieldset {
	border : 1px solid #cccccc;
	padding : 10px 10px 0px 10px;
	width : 337px
}

.content #login-form label {
	display : block;
	float : left;
	width : 100px;
}

.content #login-form input {
	float : left;
	margin : 0px 80px 10px 0px;
	font-family: 'lucida sans' , arial, tahoma, sans-serif;
    font-size: 12px;
}

.content #login-form input.checkbox {
	float : left;
	width : 0px;
	margin : 0px 0px 0px 0px;
}

.content #login-form .buttons {
	float : left;
	margin : 0px 0px 0px 100px
}

.content #login-form input.button {
	width : auto;
	margin : 0px 10px 0px 0px;
}

.content #login-form #message {
	float : left;
	width : 227px;
	padding : 10px 0px 10px 100px
}

/* calendar
--------------------------------------------- */

.content #calendar-form {

}

.content #calendar-form fieldset {
	border-style : solid;
	border-width: 1px 1px 1px 1px;
	border-color : #dddddd;
	padding : 10px 10px 10px 10px;
	margin : 0px 0px 0px 0px;
}

.content #calendar-form fieldset fieldset {
	border-width: 1px 0px 0px 0px;
	padding : 10px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}


.content #calendar-form .row {
	clear:both;
	width : 100%;
	padding : 0px 0px 10px 0px;
}

.content #calendar-form .column {
	float : left;
	padding : 0px 10px 0px 0px;
	border-style : solid;
	border-width: 0px 1px 0px 0px;
	border-color : #dddddd;
}

.content #calendar-form .last {
	border : none;
	padding : 0px 0px 0px 10px;
}

.content #calendar-form .row label
{
    float: left;
    display: inline;
	margin : 0px 10px 0px 0px;
    line-height: 18px;
}

.content #calendar-form .row label.title {
	margin : 0px 5px 0px 0px;
}

.content #calendar-form .row label.from {
	margin : 0px 5px 0px 20px;
}

.content #calendar-form .row label.to {
	margin : 0px 5px 0px 10px;
}

.content #calendar-form .row a.toggle {
	margin : 0px 0px 0px 10px;
}

.content #calendar-form #advanced {
	float : left;
	
}

.content #calendar-form #advanced #top {
	float:left;
	clear:both;
}

.content #calendar-form #advanced #top a {
	color : #696969;
}

.content #calendar-form #advanced #box {
	float : left;
}

.content #calendar-form input
{
	border : 1px solid #aaa;
	font-family: 'lucida sans' , arial, tahoma, sans-serif;
	font-size : 11px;
}

.content #calendar-form input.title
{
	float : left;
    width: 200px;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
}

.content #calendar-form input.date-pick
{
	float : left;
    margin: 0px 0px 0px 0px;
	width : 70px;
}

.content #calendar-form div.category {
	float : left;
	margin : 0px 0px 5px 0px;
}

.content #calendar-form div.category input {
	float : left;
}

.content #calendar-form div.category label {
	float : left;
	width : 250px;
}

/* campaign form
--------------------------------------------- */

.content #campaign-form 
{
    float : left;
    width : 100%;
}

.content #campaign-form .column 
{
    float : left;
    width : 360px;
    margin : 0px 20px 0px 0px;
}

.content #campaign-form .last 
{
    margin : 0px 0px 0px 0px;    
} 

.content #campaign-form fieldset
{
    float : left;
    width : 360px;
    border : 0px dotted #c1c1c1;
    margin : 0px 0px 10px 0px;
    padding : 0px 0px 0px 0px;
}

.content #campaign-form fieldset legend
{
    border : 1px dotted #c1c1c1;
    padding : 2px 6px 2px 6px;
    display:none;
}

.content #campaign-form label
{
    float : left;
    width : 80px;
}

.content #campaign-form label.address
{
    margin : 0px 0px 50px 0px;
}

.content #campaign-form input, .content #campaign-form textarea 
{
    border : 1px solid #c1c1c1;
    color : #555555;
}

.content #campaign-form input
{
    float : left;
    width : 276px;
    margin : 0px 0px 10px 0px;
}

.content #campaign-form input.button
{
    width : 110px;
    padding : 2px 0px 2px 0px;
}

.content #campaign-form textarea
{
    float : left;
    width : 355px;
    height : 200px;
    margin : 5px 0px 10px 0px;
}

.content #campaign-form .req 
{
    font-weight : bold;
    color : #e95d0f;    
}

/* meetings feed
--------------------------------------------- */

.content #meetingsfeed .labelheader  {
	float : left;
	width : 100%;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;	
}

.content #meetingsfeed hr {
	float : left;
	display : inline;
	width : 100%;
	height : 0px;
	border : none;
	margin : -2px 0px 0px 0px;
}

.content #meetingsfeed ul {
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

.content #meetingsfeed ul li {
	padding : 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom : 1px solid #c1c1c1;
}

/* ----- JQuery Date ----------------------------------------- */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date
{
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 2px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url('../gfx/calendar.png') no-repeat;
}
a.dp-choose-date.dp-disabled
{
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied
{
    /*width: 140px;*/
    float: left;
}

/* up
--------------------------------------------- */

.content #text #up {
	float : left;
	width : 100%;
}

.content #text #up img.up {
	display : inline;
	margin : 0px 0px 0px 0px;
	border:none;
}

.content #text #up a.up {
	text-decoration : none;
color: #ff6600;
	font-size : 11px;

}

.content #text #up a.up:hover {
	text-decoration : underline;
}

/* left menu 
--------------------------------------------- */

#left-menu
{
	float : left;
	width : 235px;
	margin-bottom : 8px;
}

#left-menu #top
{
	float : left;
	width : 235px;
	height : 1px;
	background-image:url('../gfx/bg_left_menu_top.png');
	background-repeat:no-repeat;
	background-position:top left;
}

#left-menu #bottom
{
	float : left;
	width : 235px;
	height : 1px;
	background-image:url('../gfx/bg_left_menu_bottom.png');
	background-repeat:no-repeat;
	background-repeat:top left;
}

#left-menu #inner {
	float : left;
	width : 235px;
	min-height : 400px;
	padding : 10px 0px 50px 0px;
	background-image:url('../gfx/bg_left_menu.png');
	background-repeat:repeat-x;
	/*background-color:#e2e2e2;*/
}

#left-menu #inner ul {
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}

#left-menu #inner ul li {

}

#left-menu #inner ul li a {
	display:block;
	padding : 5px 10px 5px 10px;
	text-decoration:none;
	/*font-family : "Lucida Grande", "Lucida Sans Unicode", sans-serif;*/
	font-size : 13px;
	color: #808080;
}

#left-menu #inner ul li a:hover {

}

#left-menu #inner ul li a.level2selected ul {
	
}

#left-menu #inner ul li a.level2selected {
    background-color: #ffffff;
	background-image:url('../gfx/arrow_left_menu.png');
	background-repeat:no-repeat;
	background-position:215px 5px;
}

#left-menu #inner ul li a.level3, #left-menu #inner ul li a.level3selected {
	padding : 2px 10px 2px 20px; 
}

#left-menu #inner ul li a.level3selected {

}

#left-menu #inner ul li ul {
	margin : 0px;
	padding : 0px 0px 3px 0px;
	background-color: #ffffff;
}

/* footer 
--------------------------------------------- */
#footer {
	float : left;
	width : 954px;
	height : 35px;
	padding : 22px 0px 0px 10px;
	font-size : 11px;
	margin : 0px 0px 20px 0px;
}

#footer a {

}

#footer a:hover {
	text-decoration : underline;
}

/* font classes 
--------------------------------------------- */

.subheader {
	font-weight : bold;
}

.slogan-1, .slogan-2, .slogan-3, .slogan-4, .slogan-5 {
	letter-spacing : -1px;
}

.slogan-1 a, .slogan-2 a, .slogan-3 a, .slogan-4 a, .slogan-5 a {
	text-decoration : none;
}

/* 34, regular */
.slogan-1 {
	font-size : 30px;
	line-height : normal;
}

/* 28, regular */
.slogan-2 {
	font-size : 24px;
	line-height : normal;
}

/* 28, light */
.slogan-3 {
	font-size : 20px;
	line-height : normal;
}

/* 18, regular */
.slogan-4 {
	font-size : 14px;
	line-height : normal;
}

/* 18, light */
.slogan-5 {
	font-size : 10px;
	line-height : normal;
}

/* CUFON rules */

/* 34, regular */
.cufon-active .slogan-1 {
	font-size : 34px;
}

/* 28, regular */
.cufon-active .slogan-2 {
	font-size : 28px;
}

/* 28, light */
.cufon-active .slogan-3 {
	font-size : 24px;
}

/* 18, regular */
.cufon-active .slogan-4 {
	font-size : 18px;
}

/* 18, light */
.cufon-active .slogan-5 {
	font-size : 14px;
}

a.tag
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size : 12px;
    font-style:italic;
    text-decoration:none;
    font-weight : bold;
}

.videoheader 
{
    font-size : 14px;
    font-weight : bold;    
}

/* 
################################################
##### top bar ##################################
################################################
--------------------------------------------- */

#top-menu
{
    display: block;
    top: 0px;
    left: 50%;
    margin-left: -482px;
    width: 964px;
    height: 136px;
    position: fixed;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    z-index: 110;
	color: #ffffff;
}

* html #top-menu
{
    position: absolute;
}

/* hider */
#top-menu #hider
{
    float: left;
    width: 964px;
    height: 8px;
    overflow: hidden;
}

/* header */
#top-menu #header
{
    float: left;
	width : 964px;
	height : 92px;
	background-repeat:no-repeat;
}

#top-menu #header #logotype
{
    float: left;
	width : 269px;
	height : 62px;
	padding : 20px 0px 0px 0px;
}

#top-menu #header #logotype img
{
    float: left;
	border : none;
}

#top-menu #header #globals
{
    float: left;
	width : 290px;
	height : 82px;
}

#top-menu #header #globals ul
{
    list-style-type : none;
	margin : 23px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-size : 11px;
	float : left;
	width : 145px;
}

#top-menu #header #globals ul li {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 17px;
	text-align:left;
}

#top-menu #header #globals ul li a {
	text-decoration : none;
}

#top-menu #header #globals ul li a:hover {

}

#top-menu #header #search
{
	float : left;
	display:inline;
	width : 185px;
	height : 18px;
	margin : 20px 30px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#top-menu #header #search input
{
	float : left;
	position: relative;
	display:inline;
}

#top-menu #header #search .field {
	width : 142px;
	height : 18px;
	padding : 0px 0px 0px 10px;
	margin : 0px 0px 0px 0px;
	font-family: 'lucida sans' , arial, tahoma, sans-serif;
	font-size : 11px;
	line-height : 18px;
	font-weight : bold;
	color : #999999;
	border : none;
	background : none;
	background-image : url('../gfx/bg_search_form_field.png');
	background-repeat:no-repeat;
}

#top-menu #header #search .button {
	width : 33px;
	height : 18px;
	border : none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

#top-menu #header #logo
{
    float: left;
	padding : 20px 0px 0px 59px;
}

#top-menu #header #logo img
{
    float: left;
	border : none;
}

/* menu */
#top-menu #menu
{
    float: left;
    width: 964px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: bottom;
}

/* general
--------------------------------------------- */

#top-menu #menu ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

/* level 1 
--------------------------------------------- */
#top-menu #menu ul.dropdown
{
    position: relative;
}

#top-menu #menu ul.dropdown li
{
    margin: 0;
    font-weight: bold;
	height : 15px;
	line-height : 15px;
    float: left;
    zoom: 1;
	text-align : left;
	padding: 10px 0px 11px 0px;
	text-align:center;
}

.cufon-active #top-menu #menu ul.dropdown li .menucufon 
{ 
	font-size: 15px; 
}

#top-menu #menu ul.dropdown li:hover
{

}

#top-menu #menu ul.dropdown li.topline:hover {
	background:none;
	background-repeat:no-repeat;
	background-position:top left;

}

#top-menu #menu ul.dropdown li.bottomline:hover {
	background:none;
	background-repeat:no-repeat;
	background-position:top right;
}

#top-menu #menu ul.dropdown li a
{
    display: block;
	text-decoration:none;
	color: #ffffff;
}

#top-menu #menu ul.dropdown li:hover a {
	color: #000;
}

#top-menu #menu ul.dropdown li.level1selected
{
	/*background-color: #ffffff;*/
}

#top-menu #menu ul.dropdown li.topline selected
{
	/*background-color: #ffffff;*/
}

#top-menu #menu ul.dropdown li.level1selected-topline
{
	background:none;
	background-repeat:no-repeat;
	background-position:top left;
}

#top-menu #menu ul.dropdown li.level1selected-bottomline
{
	background:none;
	background-repeat:no-repeat;
	background-position:top right;
}

/* Doesn't work in IE */
#top-menu #menu ul.dropdown li.hover, #top-menu ul.dropdown li:hover
{
    position: relative;
}

/* level 1 cufon hover hack */
#menucufon1 {

}

#menucufon2 {
    display: none;
}

/* level 2 
--------------------------------------------- */

#top-menu #menu ul.dropdown ul
{
    width: 194px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
}

#top-menu #menu ul.dropdown ul li
{
    float: none;
	text-align:left;
	height : auto;
	padding: 4px 0px 5px 10px;
	/*font-size : 15px;*/
	font-size : 11px;
	height : 15px;
	line-height : 15px;
	font-weight:normal;
	background-image: url('../gfx/menu/bg_level_2_main.png');
	background-repeat:repeat;
}

#top-menu #menu ul.dropdown ul.level2 a {
    color: #808080;
}

#top-menu #menu ul.dropdown ul li a.sub {

	background-position:155px 3px;
	background-repeat: no-repeat;
	background-image: url('../gfx/menu/arrow_off.png');
}

#top-menu #menu ul.dropdown ul.level2 li:hover {
	background: #ffffff;
}

#top-menu #menu ul.dropdown ul.level2 li.bottomline {

	background-repeat:no-repeat;
	background-position : bottom left;
	background-image: url('../gfx/menu/bg_level_2_bottom.png');
}

#top-menu #menu ul.dropdown ul.level2 li.bottomline:hover {
background:none;

	background-repeat:no-repeat;
	background-position : 0px -61px;
	background-image: url('../gfx/menu/bg_level_2_bottom_hover.png');
}

/* IE 6 & 7 Needs Inline Block */
#top-menu #menu ul.dropdown ul li a
{
    border-right: none;
    width: 100%;
    display: inline-block;

}

/* level 3 
--------------------------------------------- */
#top-menu #menu ul.dropdown ul ul
{
    left: 178px;
    top: -7px;
	width : 212px;
}

#top-menu #menu ul.dropdown ul ul.single
{
    left: 178px;
    top: -7px;
	width : 212px;
}

#top-menu #menu ul.dropdown ul.final ul
{
    left: -200px;
    top: -7px;
	width : 212px;
}

#top-menu #menu ul.dropdown ul.level3 li {
	background-repeat:repeat-y;
	height : 15px;
	padding: 4px 0px 5px 25px;
	background-image: url('../gfx/menu/bg_level_3_main.png');
}

#top-menu #menu ul.dropdown ul.level3 li:hover {
	background-repeat:repeat-y;
	background: url('../gfx/menu/bg_level_3_main_hover.png');
    color: #000;
}

#top-menu #menu ul.dropdown ul.level3 li.topline {

	background-repeat:no-repeat;
	background-position : top left;
	padding: 11px 0px 5px 25px;
	background-image: url('../gfx/menu/bg_level_3_top.png');
}

#top-menu #menu ul.dropdown ul.level3 li.topline:hover {

	background-repeat:no-repeat;
	background-image: url('../gfx/menu/bg_level_3_top_hover.png');
}

#top-menu #menu ul.dropdown ul.level3 li.bottomline {

	background-repeat:no-repeat;
	background-position : bottom left;
	padding: 4px 0px 16px 25px;
	background-image: url('../gfx/menu/bg_level_3_bottom.png');
}

#top-menu #menu ul.dropdown ul.level3 li.bottomline:hover {

	background-position:bottom left;
	background-repeat:no-repeat;
	background-image: url('../gfx/menu/bg_level_3_bottom_hover.png');
}

#top-menu #menu ul.dropdown ul.single li.bottomline
{
	background: none;
	padding: 11px 0px 16px 25px;
    background-image: url('../gfx/menu/bg_level_3_single.png');
}

#top-menu #menu ul.dropdown ul.single li.bottomline:hover
{
	background: none;
    background-image: url('../gfx/menu/bg_level_3_single_hover.png');
}

#top-menu #menu ul.dropdown li:hover > ul
{
    visibility: visible;
}

/* Snippets
---------------------------------------------------------------------*/

.FoldOutContainer {
	width:100%;
	margin-bottom:10px;
}
.FoldOutHeader {
	padding:2px;
	font-weight:bold;
	background-color:#e2e2e2;
	border:1px solid #e2e2e2;
	background-image:url('../gfx/expand.gif');
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
	cursor:hand;
}
.FoldOutHeader.active {
	background-image:url('../gfx/collapse.gif');
}
.FoldOutText {
	padding:4px;
	border:1px solid #e2e2e2;
	display:none;
}

/* misc. classes 
--------------------------------------------- */

.spot-icon {
	width : 118px;
	height : 37px;
	background-repeat:no-repeat;
} 

.box-narrow .content .link-list .spot-icon {
	float : right;
	margin-top : -2px;
	margin-right : -8px;
	margin-bottom : -10px;
	margin-left : 0px;
} 

.box-medium .content .stepcarousel .belt .top-story .spot-icon {
	position:absolute;
	top : 5px;
	right : 2px;
	}

.box-medium .content .top-story .spot-icon {
	position:absolute;
	top : 5px;
	right : 2px;
	}

.box-medium .content .news-story .spot-icon {
	position:absolute;
	top : 15px;
	right : 0px;
}

.content #text .image .spot-icon {
	position:absolute;
	top : 5px;
	right : 2px;
}

.content #text #list .spot-icon {

}

.svinekongres-2011{
	background-image : url('../gfx/spot_icon_svinekongres_2011.png');
}
