@CHARSET "UTF-8";

/******************************************************************************
	FONT
*******************************************************************************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 12, 2012 */

@font-face {
    font-family: 'FuturaLight';
    src: url('../font/futurlig-webfont.eot');
    src: url('../font/futurlig-webfontd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/futurlig-webfont.woff') format('woff'),
         url('../font/futurlig-webfont.ttf') format('truetype'),
         url('../font/futurlig-webfont.svg#FuturaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/******************************************************************************
	GLOBAL
*******************************************************************************/

body {	
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #303030;
}

#header{
	font-size: 11px;
	line-height: 20px;
}

#footer .leftFooterCol .block.autonav{
	color: #004995;
}

#footer .leftFooterCol .block.autonav .sitemap{
	color: #777777;
}

.highlight{
	color: #004995;
}


/*******************************************************************************
	MAINNAV 
*******************************************************************************/
#header .block.autonav ul li a{
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #303030;
}


/*******************************************************************************
	PARAGRAPHS 
*******************************************************************************/

p{
	margin: 0 0 20px 0;
}


/*******************************************************************************
	HYPERLINKS 
*******************************************************************************/

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

a.arrow, 
.block.page_preview span.arrow{
	background: url('../imgs/layout/icons/icon_arrow_link.png') no-repeat right 4px;
	padding-right: 12px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;;
	font-size: 12px; 
	color: #004995;	
	text-decoration: none;
}

.block.page_preview span.arrow{
	float: left; 
	width: auto;
}

a:hover, 
a.arrow:hover, 
.block.page_preview a:hover span.arrow{
	text-decoration: underline;	
}

#header a, 
#footer a{
	color: #777777;
}

#header a:hover, 
#footer a:hover{
	color: #004995;
	text-decoration: none;
}

.block.search #searchResults .searchResult a.moreInfo, 
.block.billboard_item .displayArea .centerFrame .toolTip .toolTipContent a.more, 
#header .selection .selectionDropdown a{
	background: url('../imgs/layout/icons/icon_arrowRight_blue.png') no-repeat left 2px;
	padding-left: 12px;
	font-weight: bold;
}

.block.billboard_item .displayArea .centerFrame .toolTip .toolTipContent a.more, 
#header .selection .selectionDropdown a{
	background: url('../imgs/layout/icons/icon_arrowRight_white.png') no-repeat left 2px;
}

#header .selection .selectionDropdown a{
	font-weight: normal; 
	background-position: left 1px;
}

#header .selection .selectionDropdown a,
#footer .selection .selectionDropdown a{
	color: #ffffff;
}

#header .selection .selectionDropdown a:hover,
#footer .selection .selectionDropdown a:hover{
	text-decoration: underline;
}



/*******************************************************************************
	ENUMERATIONS 
*******************************************************************************/

#mainColumn .block.wysiwyg ul, 
#sideColumn .block.wysiwyg ul, 
#mainColumn .block.accordeon_item .accordionContent ul{
	margin: 0 0 20px 0;
}

#mainColumn .block.wysiwyg ul li, 
#sideColumn .block.wysiwyg ul li, 
#header .selection .selectionDropdown ul li,
#footer .selection .selectionDropdown ul li, 
#mainColumn .block.accordeon_item .accordionContent ul li{
	background: url('../imgs/layout/bullet.png') no-repeat left 6px;
	padding: 0 0 6px 10px;
	line-height: 15px;
}

#mainColumn .block.wysiwyg ol,
#sideColumn .block.wysiwyg ol{
	list-style-position: outside;
	margin: 0 0 20px 20px;
}

#mainColumn .block.wysiwyg ol li,
#sideColumn .block.wysiwyg ol li{
	padding: 0 0 6px 0px;
	line-height: 15px;
}

#mainColumn .block.wysiwyg .blueTextBox ul li, 
#mainColumn .block.wysiwyg .blueTextBox ol li,
#sideColumn .block.wysiwyg .blueTextBox ul li, 
#sideColumn .block.wysiwyg .blueTextBox ol li, 
#header .selection .selectionDropdown ul li, 
#footer .selection .selectionDropdown ul li{
	background: url('../imgs/layout/bullet_white.png') no-repeat left 7px;
}




/*******************************************************************************
	HEADLINES 
*******************************************************************************/

h1{
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
	font-size: 27px;
	text-transform: uppercase;
	font-weight: normal;
}

h2{
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height: 29px;
	margin: 0 0 25px 0;
}

h3{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #004995;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#mainColumn .block.wysiwyg h2, 
#mainColumn .block.wysiwyg h3{
	float: left; 
	display: block;
	width: 100%;
}


/*******************************************************************************
	FORMS 
*******************************************************************************/

#header .block.search input[type="text"]{
	color: #777777;
	font-size: 11px;
}

#mainColumn input, 
#mainColumn textarea{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #777777;
	font-size: 14px;
}

#mainColumn .note{
	font-size: 11px; 
}

#mainColumn input[type="submit"]{
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}


/*******************************************************************************
	MAINCOLUMN, SIDECOLUMN - CONTENT  
*******************************************************************************/


/**********************************
	WYSIWYG CONTENT
***********************************/

#mainColumn .block.wysiwyg .textColumn{
	float: left; 
	width: 320px;
	margin-right: 20px;
}

#mainColumn .block.wysiwyg .imageColumn{
	float: right; 
	width: 280px;
}

#mainColumn .block.wysiwyg .imageColumn img{
	float: right;
}


#mainColumn .block.wysiwyg, 
#mainColumn .block.accordeon_item .accordionContent{
	line-height: 145%;
}

#mainColumn .block.wysiwyg .beside, 
#mainColumn .block.wysiwyg .beside{
	float: left; 
	margin-right: 25px;
}

#mainColumn .block.wysiwyg ul, 
#mainColumn .block.wysiwyg ol, 
#mainColumn .block.wysiwyg p{
	width: 100%;
	float: left;
	display: block;
}

/* blue and grey textbox */
.block.wysiwyg .greyTextBox, 
.block.wysiwyg .blueTextBox{
	position: relative;
	display: block;
}

#mainColumn .block.wysiwyg .greyTextBox, 
#mainColumn .block.wysiwyg .blueTextBox{
	width: 610px;
	padding: 15px 20px 0 20px;
}

.full #mainColumn .block.wysiwyg .greyTextBox, 
.full #mainColumn .block.wysiwyg .blueTextBox{
	width: 710px;
	padding: 15px 20px 0 20px;
}

.detail #mainColumn .block.wysiwyg .greyTextBox{
	margin-left: -40px;
}

#sideColumn .block.wysiwyg .greyTextBox, 
#sideColumn .block.wysiwyg .blueTextBox{
	margin-left: -10px;
	width: 220px;
	padding: 15px 15px 0 15px;
}

.block.wysiwyg .greyTextBox{
	padding-bottom: 5px!important;
}

.block.wysiwyg .greyTextBox h2{
	margin-bottom: 10px!important;
}

#sideColumn .block.wysiwyg .greyTextBox{
	margin-left: -20px;
}

#sideColumn .block.wysiwyg .blueTextBox{
	line-height: 170%;
}

.full #mainColumn .ccm-layout-wrapper .block.wysiwyg .greyTextBox,
.full #mainColumn .ccm-layout-wrapper .block.wysiwyg .greyTextBox{
	width: ;
}

.block.wysiwyg .blueTextBox{
	background-color: #004995;
}

.block.wysiwyg .blueTextBox, 
.block.wysiwyg .blueTextBox h3, 
.block.wysiwyg .blueTextBox a{
	color: #ffffff;
}

.block.wysiwyg .blueTextBox a{
	text-decoration: underline;
}


.block.wysiwyg .greyTextBox{
	background-image: linear-gradient(bottom, rgb(255,255,255), rgb(243,243,243));
	background-image: -o-linear-gradient(bottom, rgb(255,255,255), rgb(243,243,243));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(70%,#ffffff), color-stop(100%,#ffffff));
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255), rgb(243,243,243));
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255), rgb(243,243,243));
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255), rgb(243,243,243));
}

.block.wysiwyg .greyTextBox .dropshadowRight, 
.block.wysiwyg .greyTextBox .dropshadowLeft, 
.block.wysiwyg .greyTextBox .dropshadowBottom{
	position: absolute;
}

.block.wysiwyg .greyTextBox .dropshadowRight{
	background: url('../imgs/layout/bgs/bg_greytextbox_shadow_right.gif') no-repeat left top;
	width: 2px;
	right: 0;
	top: 0; 
	bottom: 2px;
}

.block.wysiwyg .greyTextBox .dropshadowBottom{
	background: url('../imgs/layout/bgs/bg_greytextbox_shadow_bottom.gif') no-repeat right top;
	height: 2px;
	left: 2px;
	right: 0; 
	bottom: 0;
}

.block.wysiwyg .greyTextBox .dropshadowLeft{
	background: url('../imgs/layout/bgs/bg_greytextbox_shadow_left.gif') no-repeat right top;
	width: 2px;
	height: 2px;
	left: 0; 
	bottom: 0;
}



/**********************************
	ACCORDION - DEFAULT
***********************************/
.block.accordeon_item .accordionHeader h3{
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #004995;
	font-weight: normal;
	margin: 0;
	padding-top: 4px;
}

.block.accordeon_item .active .accordionHeader h3,
.block.accordeon_item .accordionHeader:hover h3{
	color: #ffffff;
}


/**********************************
	ACCORDION - FAQ
***********************************/

.block.accordeon_item .faq .accordionHeader h3{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #303030;
	font-weight: bold;
	margin: 10px 0 12px 0;	
	padding: 0;
}

.block.accordeon_item .faq.active .accordionHeader h3,
.block.accordeon_item .faq .accordionHeader:hover h3{
	color: #004995;
}




/*******************************************************************************
	FOOTER - SITEMAP,CONTENT  
*******************************************************************************/

#footer .sitemap, 
#footer .block.wysiwyg{
	font-size: 11px;
	color: #777777;
}

#footer .block.wysiwyg h2, 
#footer .block.wysiwyg h3{
	margin: 0 0 10px 0;
	color: #777777;
}

#footer .block.wysiwyg p{
	margin: 0 0 10px 0;
}

#footer .block.wysiwyg a{
	color: #777777; 
	text-decoration: underline;
}

#footer .block.wysiwyg a:hover{
	color: #004995;
}




/**********************************
	SideCol - subnav
***********************************/

#sideColumn .block.autonav h2{
	margin-bottom: 0px;
	text-align: right;
	padding: 0 5px 5px 0;
	border-bottom: 1px solid #E5E5E5;
}

#sideColumn .block.autonav ul li a{
	color: #303030;
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

#sideColumn .block.autonav ul li a:hover,
#sideColumn .block.autonav ul li.nav-selected a{
	color: #ffffff;
	text-decoration: none;
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
}

#sideColumn .block.autonav ul li ul li a,
#sideColumn .block.autonav ul li.nav-selected ul li a{
	font-size: 13px;
	color: #303030;
}

#sideColumn .block.autonav ul li ul li.nav-selected a,
#sideColumn .block.autonav ul li ul li a:hover{
	color: #004995;
}

/**********************************
	downloads
***********************************/

.block.downloads h2{
	margin-bottom: 18px;
	color: #303030;
}

.block.downloads ul li a{
	line-height: 14px;
}

.block.downloads ul li a:hover span{
	text-decoration: underline;
}

/**********************************
	link_list
***********************************/

.block.link_list ul li a{
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
	color: #303030;
	font-size: 16px;
}

.block.link_list ul li a:hover{
	color: #004995;
	text-decoration: none;
}

/**********************************
	page_preview_side
***********************************/

.block.page_preview_side a{
	color: #303030;
	font-size: 16px;
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
}

.block.page_preview_side a:hover{
	color: #004995;
	text-decoration: none;
}

.block.page_preview_side a span{
	text-align: right;
}

/**********************************
	page_preview_standalone
***********************************/

.block.page_preview_standalone a{
	color: #303030;
	font-size: 16px;
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

.block.page_preview_standalone a:hover{
	color: #004995;
	text-decoration: none;
}

/**********************************
	page_preview
***********************************/

.block.page_preview a{
	color: #303030;
	font-size: 16px;
	font-family: FuturaLight, Arial, Verdana, Helvetica, sans-serif;
}

.block.page_preview a span{
	text-align: center;
}

.block.page_preview a:hover{
	color: #004995;
	text-decoration: none;
}


/**********************************
	location_map
***********************************/

.block.location_map h2{
	color: #303030;
}

.block.location_map ul span{
	color: #303030;
}

.block.location_map ul li .stop{
	color: #004995;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}

.block.location_map ul li .dist{
	text-align: right;
	font-size: 10px;
}

.block.location_map ul li .weg.last{
	font-weight: bold;
}

/**********************************
	billboard
***********************************/

.block.billboard_item .displayArea .centerFrame .toolTip .toolTipContent{
	color: #ababab;
}

.block.billboard_item .displayArea .centerFrame .toolTip .toolTipContent h2{
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

.block.billboard_item .displayArea .centerFrame .toolTip .toolTipContent a.more{
	color: #ffffff;
	font-weight: bold;
}

/**********************************
	contact_form
***********************************/

#contact_form #errorList{
	color: #d61708;
}

#contact_form #errorList label{
	line-height: normal!important;
	text-align: left;
}