﻿@import url('colors.css');
@import "../js/jquery-autocomplete-1.1/jquery.autocomplete.css";

/* general 
--------------------------------------------- */

body
{
	font-family: 'lucida sans' , arial, tahoma, sans-serif;
    font-size: 12px;
    margin: 6px 0px 50px 0px;

}

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;
}

h4
{
    font-size: 14px;
    margin: 0px 0px 7px 0px;
	font-weight: normal;
	line-height:normal;
}

.cufon-active h1
{
    font-size: 30px;
}

.cufon-active h2
{
    font-size: 24px;
}

.cufon-active h3
{
    font-size: 18px;
}

.cufon-active h4
{
    font-size: 18px;
}

a.button-000000, a.button-c7c6b1
{
    float: left;
    display: block;
    width: 55px;
    height: 14px;
    margin: 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	text-align : center;
    background-repeat: repeat;
	color : #ffffff;
	text-decoration : none;
	font-weight : bold;
	line-height : 14px;
	font-size : 9px;
}

.cufon-active a.button-000000, .cufon-active a.button-c7c6b1 {
	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');
}

.date {
color: #999999;
}

#print-logo {
	
}

#print-logo {
	display : none;
}

#print-disclaimer {
	display : none;
}

#container
{
    width: 964px;
    margin: 0px auto 0px auto;
    padding: 135px 0px 0px 0px;
}

/* columns 
--------------------------------------------- */

.column-small, .column-large
{
    float: left;
}

.column-small
{
    margin: 0px 7px 0px 0px;
}

.column-large
{
    margin: 0px 8px 0px 0px;
}

.last
{
    margin: 0px 0px 0px 0px;
}

.narrow
{
    width: 235px;
}

.medium
{
    width: 479px;
}

.wide
{
    width: 722px;
}

.full
{
    width: 764px;
}

/* boxes, common features
--------------------------------------------- */

.box-narrow, .box-medium, .box-wide, .box-two-span, .box-full
{
    float: left; 
}

.box-narrow .content, .box-medium .content, .box-wide .content, .box-two-span .content, .box-full .content
{
    float: left;
    padding: 8px 10px 10px 10px;
    line-height: 16px;
}

.box-medium .slogan, .box-narrow .slogan, .box-wide .slogan, .box-two-span .slogan, .box-full .slogan
{
    float: left;
    padding: 5px 10px 0px 10px;
}

.box-narrow .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 features */
.border-bottom
{
	border-style:solid;
	border-width:0px 0px 3px 0px;
	border-color: #c1c1c1;
}

.bottom-spacer {
	margin : 0px 0px 7px 0px;
}

.top-spacer {
	margin : 7px 0px 0px 0px;
}

/* 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 div.button {
	float : right;
	margin : 10px 0px 0px 0px;
}

/* link list */
.box-narrow .content .link-list p
{
    margin: 10px 0px 10px 0px;
}

.box-narrow .content .link-list a
{
    text-decoration: none;
}

.box-narrow .content .link-list a:hover
{

}

.box-narrow .content .link-list a.header
{
    font-weight: bold;
	color: #231f20;
}

.box-narrow .content .link-list ul {

	padding : 0px 0px 0px 15px;
}

.box-narrow .content .link-list ul li {
padding : 5px 0px 5px 0px;
}



/* 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 .img .player-icon
{
    position : absolute;
	top : 45px;
	left: 101px;
}

.box-narrow .text-header {
	float : left;
	font-size : 16px;
	font-weight : bold;
	width : 215px;
	height : 34px;
	padding : 12px 10px 0px 10px;
}

.cufon-active .box-narrow .text-header {
	font-size : 18px;
}

.box-narrow .text-header a {
	text-decoration : none;
}

.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;
	/*background-color: #ffffff;*/
}

.box-narrow .carousel #header
{
    clear: both;
    font-weight: bold;
    font-size: 18px;
	line-height : normal;
    height: 35px;
    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 #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;
}

.box-narrow .carousel .panels
{
    float: left;
    margin-right: -9999px;
    position: relative;
    width: auto;
}

.box-narrow .carousel .panels .panel
{
    float: left;
    width: 235px;
    position: relative;
	display : none;
	line-height: 16px;
	/*background-color: #ffffff;*/
}

.box-narrow .carousel .panels .panel img
{
    float: left;
    margin: 0px 0px 0px 0px;
	border : none;
}

.box-narrow .carousel .panels .panel .text {
	float: left;
	padding : 10px 10px 10px 10px;
	font-size : 11px;
}

.box-narrow .carousel .panels .panel .text a {
	text-decoration : none;
	color: #696969;
}

/* 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;
}

/* boxes, medium 
--------------------------------------------- */
.box-medium
{
    width: 479px;
}

.box-medium .rounded-corners-top
{
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    width: 479px;
    height: 5px;
}

.box-medium .rounded-corners-bottom
{
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 479px;
    height: 5px;
}

.box-medium .content
{
    width: 459px;
}

.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;

}

/* homepage page carousel */

/* stepcarousel init begin */
.box-medium .content .stepcarousel
{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 459px; /*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;
	background:silver;
}

.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: 459px; /*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 #top-stories {
	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;
}

/* homepage news */
.box-medium .content .top-story {
	float : left;
	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 : 126px;*/
}

.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 7px 0px 0px;
}

.box-medium .content .last {
	margin : 0px 0px 0px 2px;
}

/* news stories */
.box-medium .content .news-story {
	float : left;
	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 h3 a {

}

.box-medium .content .news-story h3 a:hover
{

}

.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 h3 a
{
    text-decoration : none;

}

/* 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 
--------------------------------------------- */

.wide .spot {
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    width: 236px;
	height : 300px;
}

.wide .spot h3 {
	margin : 5px 10px 7px 10px;
}

.wide .spot h3 a {
    text-decoration : none;
}

.wide .spot img {
	float : left;
	margin : 0px 0px 0px 0px;
	border : none;
}

.wide .spot .content {
	line-height : 16px;
}

.wide .spot .content a {
	text-decoration:none;
	color: #696969;
}

.wide .spot .date {
	font-size : 9px;
	line-height: 14px;
}
/*
.wide .top-left {
    background-image: url('../gfx/bg_section_top_left.png');
}

.wide .top-left:hover {
    background-image: url('../gfx/bg_section_top_left_over.png');
}

.wide .middle {
	background-color : #ffffff;
}

.wide .middle:hover {
	background-color : #cce5ff;
}

.wide .top-right {
    background-image: url('../gfx/bg_section_top_right.png');
}

.wide .top-right:hover {
    background-image: url('../gfx/bg_section_top_right_over.png');
}

.wide .bottom-left {
    background-image: url('../gfx/bg_section_bottom_left.png');
}

.wide .bottom-left:hover {
    background-image: url('../gfx/bg_section_bottom_left_over.png');
}

.wide .bottom-right {
    background-image: url('../gfx/bg_section_bottom_right.png');
}

.wide .bottom-right:hover {
    background-image: url('../gfx/bg_section_bottom_right_over.png');
}
*/

.wide .wrapper {
	float : left;
background-color: #ffffff;
}

.wide .content {
	float : left;
	padding : 10px 10px 10px 10px;
}

.wide .content .subheader a {
	color : #000;
}

.wide .content h2 a {
    text-decoration: none;
 color: #000;
}

.wide .separator {
	float : left;
	width : 7px;
	height : 300px;
}

.wide .last {
	margin : 0px 0px 0px 0px;
}

/* 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;
}

/* breadcrumbs
--------------------------------------------- */

.content #breadcrumbs {
	float : left;	
	width : 70%;
	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 : 30%;
	text-align : right;
	font-size : 11px;
}

.content #share a {
	text-decoration : none;
	color: #ff6600;
}

.content #share a:hover {

}

.content #share img {
	display : inline;
	margin : 0px 3px 0px 3px;
}

/* logout */
.content #share a.logout {
	display : inline;
	margin : 0px 0px 0px 4px;
	background-color : #ff0000;
	padding : 1px 2px 1px 2px;
	color : #ffffff;
}

.content #share a.logout:hover {
	background-color : #00ff00;
	color : #ffffff;
}

/* expanded margins
--------------------------------------------- */

.content #expanded-margins {
	float : left;
	padding : 0px 92px 0px 116px;
}

.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 #brief {
	font-weight : bold;
	    color: #000;
	margin : 0px 0px 20px 0px;
}

.content #text hr {
    height: 0px;
    width: 100%;
    border: none;
    border-top: 1px solid #c1c1c1;

}

/* list
--------------------------------------------- */

.content #text #list {
	margin : 10px 0px 30px 0px;
}

.content #text #list hr {
	/*display : none;*/
}

.content #text #list ul {
		/*border-style:dotted;
	border-width:1px 0px 0px 0px;
	    border-color: #c1c1c1;
padding-top : 10px;*/
}

.content #text #list ul li {

	padding : 3px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

.content #text #list .line{
	float : left;
	width : 100%;
	/*border-style:dotted;
	border-width:0px 0px 1px 0px;*/
	padding : 3px 0px 0px 0px;
	margin : 0px 0px 20px 0px;
}

.content #text #list .line .date {
	display : block;
	float : left;
	width : 75px;
}

.content #text #list .line a.link {
	display : block;
	float : left;

}

.content #text #list .line p {
	float : left;
	width : 100%;
	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;
	margin : -20px 0px 20px 0px;
}

/* 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: 40%;
    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 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: 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;
}

/* 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;
}

/* 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;
}

/* employee details */
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 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
}

/* up
--------------------------------------------- */

.content #text img.up {
	display : inline;
	margin : 0px 0px 0px 0px;
	border:none;
}

.content #text a.up {
	text-decoration : none;
color: #ff6600;
	font-size : 11px;

}

.content #text a.up:hover {
	text-decoration : underline;
}

/* left menu 
--------------------------------------------- */

#left-menu
{
	float : left;
	width : 235px;
	margin : 0px 7px 0px 0px;
}

#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 : 10px 0px 20px 0px;
}

#footer a {

}

#footer a:hover {
	text-decoration : underline;
}


/* font classes 
--------------------------------------------- */

.subheader {
	font-weight : bold;
	color: #000;
}

.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;
}

/* 
################################################
##### 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: 60;
	color: #ffffff;
}

* html #top-menu
{
    position: absolute;
}

/* hider */
#top-menu #hider
{
    float: left;
    width: 964px;
    height: 6px;
    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;
	font-size : 11px;
	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;
}

#top-menu #menu ul.dropdown li.level1selected a, #top-menu #menu ul.dropdown li.level1selected-topline a, #top-menu #menu ul.dropdown li.level1selected-bottomline a {
 	color: #006633;
}

/* 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');
}

#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;
}