@charset "UTF-8";
/*
Theme Name: Lunamedia
Description: Standard Thema
Version: 1.1 Author: Willi Waefler
Author URI: http://www.willi.me

*/
/* default styles for extension "tx_felogin_pi1" */
.tx-felogin-pi1 label {
	display: block;
}
/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center { text-align: center; }
.csc-header-alignment-right { text-align: right; }
.csc-header-alignment-left { text-align: left; }

div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

/* Captions */
figcaption.csc-textpic-caption { display: table-caption; }
.csc-textpic-caption { text-align: left; caption-side: bottom; }
div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: 2px solid black;
	padding: 0px 0px;
}

div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin-right: 10px;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	margin-left: 10px;
}

/* Positioning of images: */

/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
div.csc-textpic-right div.csc-textpic-text { clear: right; }

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
div.csc-textpic-left div.csc-textpic-text { clear: left; }

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

/* File Links */
ul.csc-uploads { padding: 0; }
ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
ul.csc-uploads img { float: left; padding-right: 1em; vertical-align: top; }
ul.csc-uploads span { display: block; }
ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

/* Table background colors: */

table.contenttable-color-1 { background-color: #EDEBF1; }
table.contenttable-color-2 { background-color: #F5FFAA; }
table.contenttable-color-240 { background-color: black; }
table.contenttable-color-241 { background-color: white; }
table.contenttable-color-242 { background-color: #333333; }
table.contenttable-color-243 { background-color: gray; }
table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tx_form" */
div.csc-mailform ol,
div.csc-mailform ol li {
	margin: 0;
	padding: 0;
}

div.csc-mailform ol li {
	overflow: hidden;
}

div.csc-mailform fieldset {
	margin: 0;
	padding: 0;
	position: relative;
}

div.csc-mailform legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}

div.csc-mailform fieldset ol {
	padding: 1em 1em 0 1em;
}

div.csc-mailform fieldset li {
	padding: 0.5em;
	margin-bottom: 0.5em;
	list-style: none;
}

div.csc-mailform fieldset.submit {
	border-style: none;
}

/**
 * Normal label
 * Left aligned, in front of input
 */
div.csc-mailform li label {
	float: left;
	width: 13em;
	margin-right: 1em;
	vertical-align: baseline;
}

div.csc-mailform li input + label,
div.csc-mailform li textarea + label,
div.csc-mailform li select + label {
	float: none;
	width: auto;
	margin-right: 0;
	margin-left: 1em;
}

div.csc-mailform li textarea + label {
	vertical-align: top;
}

label em,
legend em {
	display: block;
	color: #060;
	font-size: 85%;
	font-style: normal;
	text-transform: uppercase;
}

legend em {
	position: absolute;
}

label strong,
legend strong {
	display: block;
	color: #C00;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
}

legend strong {
	position: absolute;
	top: 1.4em;
}

/**
 * Labels alignment right
 */
.labels-alignment-right label,
.labels-alignment-right .fieldset-subgroup legend,
.labels-alignment-right.fieldset-subgroup legend {
	text-align: right;
}

/**
 * Horizontal fieldset
 */
fieldset.fieldset-horizontal {
	border-width: 0;
}

fieldset.fieldset-horizontal ol {
	padding: 0;
}

fieldset.fieldset-horizontal li {
	float: left;
	padding: 0;
	margin-right: 1em;
}

fieldset.fieldset-horizontal.label-below label {
	display: block;
	margin-left: 0;
	margin-top: 0.2em;
	font-size: 90%;
	color: #999999;
	text-align: left;
}

fieldset.fieldset-horizontal label em {
	display: inline;
}

/**
 * Subgroup fieldset
 */
fieldset.fieldset-subgroup {
	margin-bottom: -2em;
	border-style: none;
}

fieldset.fieldset-subgroup legend {
	margin-left: 0;
	padding: 0;
	font-weight: normal;
	width: 13em;
}

fieldset.fieldset-subgroup ol {
	position: relative;
	top: -1.4em;
	margin: 0 0 0 14em;
	padding: 0;
}

fieldset.fieldset-subgroup li {
	padding: 0;
}

fieldset.fieldset-subgroup input + label {
	float: none;
	width: auto;
	display: inline;
	margin: 0 0 0 1em;
}

/**
 * Labels as block
 * Labels displayed above or below the input fields
 */
.labels-block label {
	display: block;
	float: none;
	margin: 0 0 0.5em;
	width: auto;
}

.labels-block input + label,
.labels-block textarea + label {
	margin: 0.5em 0 0;
}

.labels-block fieldset.fieldset-subgroup,
fieldset.labels-block.fieldset-subgroup {
	margin-bottom: 0;
}

.labels-block .fieldset-subgroup legend,
.labels-block.fieldset-subgroup legend {
	width: auto;
}

.labels-block .fieldset-subgroup legend em,
.labels-block.fieldset-subgroup legend em {
	position: relative;
}

.labels-block .fieldset-subgroup legend strong,
.labels-block.fieldset-subgroup legend strong {
	position: relative;
	top: 0;
}

.labels-block .fieldset-subgroup ol,
.labels-block.fieldset-subgroup ol {
	top: 0;
	margin: 0;
	padding: 0.5em 0 0;
}
/* default styles for extension "tt_news" */



.news-single-rightbox,
.news-single-imgcaption,
.news-latest-date,
.news-latest-morelink,
.news-latest-category,
.news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-list-date,
.news-list-browse,
.news-amenu-container,
.news-catmenu  {
font-size:10px;
}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
{
clear:right;
height:1px;
border:none;
padding:0;
margin:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
clear:both;
}

.news-single-item HR.cl-left {
clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
padding:10px;
}

.news-latest-gotoarchive {
padding:3px;
margin:3px;
background-color:#f3f3f3;
}


.news-latest-container H2 {
padding: 0 0 2px 0;
margin:0;
}

.news-latest-item {
padding:3px;
margin:0;
}

.news-latest-item IMG {

margin: 0 5px 5px 0;
float:left;
border: none;
}
.news-latest-category IMG {
float: none;
border:none;
margin:0px;
}




.news-latest-item > p {
margin:0;
padding:0;
}




/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
padding: 10px 0;

}
.news-list-item {
padding: 0 0 10px 0;
}

.news-list-container H2 {
margin: 0px;
}

.news-list-date {
float: right;
display:block;
padding-left:10px;
}

.news-list-imgcaption {
padding:3px 3px 0 0;

}

.news-list-container IMG {
float: right;
margin:0 2px 5px 5px;
border: none;

}

.news-list-category IMG {
float: none;
border:none;
margin:0px;
}

.news-list-morelink  {
padding-left:5px;
}



/*---------------------------------  LIST2 / 3 ---------------------------------*/

.news-list2-container,
.news-list3-container {
padding: 0 0 10px 0;
}


.news-list2-container,
.news-list3-container {
background:#e5e5e5;
}

.news-list3-item,
.list2-subdiv-hdr {
background:#f1f1f1;
}
.news-list2-container .hdr-left,
.news-list2-container .hdr-right,
.news-list3-container .list3-left,
.news-list3-container .list3-right {
width:48%;
float:left;
padding:5px;
}

.news-list2-container .sub-left,
.news-list2-container .sub-middle,
.news-list2-container .sub-right {
width:31%;
float:left;
padding:5px;
}

.news-list3-item {
padding:5px;
}

.news-list3-item,
.list3-subdiv,
.list2-subdiv {
border-top:5px solid #fff;
}


.news-list2-container IMG {
float: right;
margin:0 2px 5px 5px;
border: none;

}
.news-list3-container IMG {
float: left;
margin:0 5px 5px 2px;
border: none;

}



/*---------------------------------  tt_news Page-Browser ---------------------------------*/

.news-list-browse {
text-align:center;
margin-bottom:20px;
}

.activeLinkWrap {
font-weight:bold;
}
.disabledLinkWrap {
color: #999;
}
.disabledLinkWrap,
.browseLinksWrap a,
.activeLinkWrap {
padding:0 1px;
}

/*--------------------------------- tt_news SINGLE view  ---------------------------------*/


.news-single-item {
padding:5px;
margin-bottom:5px;


}

.news-single-img {
float: right;
margin:10px 0 0 10px;
padding:0;
}

.news-single-img img {
border:none;
}

.news-single-imgcaption {
padding: 1px 0 3px 0;
margin:0;
}

.news-single-rightbox {
float: right;
width:160px;
text-align:right;
clear:both;
}
.news-single-backlink {
padding: 10px;
}



.news-single-additional-info {
margin-top: 15px;
padding:3px;
clear:both;
}

.news-single-related,
.news-single-files,
.news-single-links  {
margin: 0;
margin-bottom: 3px;
padding: 3px;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
margin-left: 20px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
font-weight: bold;
margin-left: 5px;
}

.news-single-files DD A {
padding:0 3px;
}


/*--------------------------------- SINGLE2  ---------------------------------*/


.sv-img-big img,
.sv-img-small img {
border:none;
}

.sv-img-big {
float: right;
padding: 10px 0 2px 10px;
}
.sv-img-small-wrapper {
padding:15px 0;
}
.sv-img-small {
float: left;
padding: 0 10px 10px 0;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
width:165px;
padding:0;
margin-left:10px;
}
.news-amenu-container LI {
padding-bottom:1px;

}
.news-amenu-container LI:hover {
background-color: #f3f3f3;

}

.news-amenu-container UL {
padding:0;
margin:0;
margin-top:5px;

list-style-type: none;
}

.news-amenu-item-year {
font-weight: bold;
margin-top:10px;
padding: 2px;
background-color: #f3f3f3;

}


.amenu-act {
background:#fff;
font-weight:bold;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu  {
padding:10px;

}

ul.tree {
list-style: none;
margin: 0;
padding: 0;
clear: both;
}

ul.tree A {
text-decoration: none;
}

ul.tree A.pm {
cursor: pointer;
}

ul.tree img {
vertical-align: middle;
}

ul.tree ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 17px;
}

ul.tree ul li {
list-style: none;
margin: 0;
padding: 0;
line-height: 10px;
white-space: nowrap;
}

ul.tree ul li.expanded ul {
background: transparent url('../typo3/gfx/ol/line.gif') repeat-y top left;
}

ul.tree ul li.last > ul {
background: none;
}

ul.tree li.active, ul.tree ul li.active {
background-color: #ebebeb !important;
}

ul.tree li.active ul, ul.tree ul li.active ul {
background-color: #f7f3ef;
}






/*  Styles for catmenu mode "nestedWraps" */
.level1 {
padding:1px;
padding-left:10px;
background-color:#ebf8bf;
border-left:1px solid #666;
border-top:1px solid #666;
}
.level2 {
padding:1px;
padding-left:10px;
background-color:#ddf393;
border-left:1px solid #666;
}
.level3 {
padding:1px;
padding-left:10px;
background-color:#cae46e;
border-left:1px solid #666;
border-top:1px solid #666;

}
.level4 {
padding:1px;
padding-left:10px;
background-color:#b0cb51;
border-left:1px solid #666;
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section,
 summary {
	 display: block;
 }
 
 /**
  * Correct `inline-block` display not defined in IE 8/9.
  */
 
 audio,
 canvas,
 video {
	 display: inline-block;
 }
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
 
 audio:not([controls]) {
	 display: none;
	 height: 0;
 }
 
 /**
  * Address `[hidden]` styling not present in IE 8/9.
  * Hide the `template` element in IE, Safari, and Firefox < 22.
  */
 
 [hidden],
 template {
	 display: none;
 }
 
 /* ==========================================================================
	Base
	========================================================================== */
 
 /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
 
 html {
	 font-family: sans-serif; /* 1 */
	 -ms-text-size-adjust: 100%; /* 2 */
	 -webkit-text-size-adjust: 100%; /* 2 */
 }
 
 /**
  * Remove default margin.
  */
 
 body {
	 margin: 0;
 }
 
 /* ==========================================================================
	Links
	========================================================================== */
 
 /**
  * Remove the gray background color from active links in IE 10.
  */
 
 a {
	 background: transparent;
 }
 
 /**
  * Address `outline` inconsistency between Chrome and other browsers.
  */
 
 a:focus {
	 outline: thin dotted;
 }
 
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
 
 a:active,
 a:hover {
	 outline: 0;
 }
 
 /* ==========================================================================
	Typography
	========================================================================== */
 
 /**
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari 5, and Chrome.
  */
 
 h1 {
	 font-size: 2em;
	 margin: 0.67em 0;
 }
 
 /**
  * Address styling not present in IE 8/9, Safari 5, and Chrome.
  */
 
 abbr[title] {
	 border-bottom: 1px dotted;
 }
 
 /**
  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  */
 
 b,
 strong {
	 font-weight: bold;
 }
 
 /**
  * Address styling not present in Safari 5 and Chrome.
  */
 
 dfn {
	 font-style: italic;
 }
 
 /**
  * Address differences between Firefox and other browsers.
  */
 
 hr {
	 -moz-box-sizing: content-box;
	 box-sizing: content-box;
	 height: 0;
 }
 
 /**
  * Address styling not present in IE 8/9.
  */
 
 mark {
	 background: #ff0;
	 color: #000;
 }
 
 /**
  * Correct font family set oddly in Safari 5 and Chrome.
  */
 
 code,
 kbd,
 pre,
 samp {
	 font-family: monospace, serif;
	 font-size: 1em;
 }
 
 /**
  * Improve readability of pre-formatted text in all browsers.
  */
 
 pre {
	 white-space: pre-wrap;
 }
 
 /**
  * Set consistent quote types.
  */
 
 q {
	 quotes: "\201C" "\201D" "\2018" "\2019";
 }
 
 /**
  * Address inconsistent and variable font size in all browsers.
  */
 
 small {
	 font-size: 80%;
 }
 
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
 
 sub,
 sup {
	 font-size: 75%;
	 line-height: 0;
	 position: relative;
	 vertical-align: baseline;
 }
 
 sup {
	 top: -0.5em;
 }
 
 sub {
	 bottom: -0.25em;
 }
 
 /* ==========================================================================
	Embedded content
	========================================================================== */
 
 /**
  * Remove border when inside `a` element in IE 8/9.
  */
 
 img {
	 border: 0;
 }
 
 /**
  * Correct overflow displayed oddly in IE 9.
  */
 
 svg:not(:root) {
	 overflow: hidden;
 }
 
 /* ==========================================================================
	Figures
	========================================================================== */
 
 /**
  * Address margin not present in IE 8/9 and Safari 5.
  */
 
 figure {
	 margin: 0;
 }
 
 /* ==========================================================================
	Forms
	========================================================================== */
 
 /**
  * Define consistent border, margin, and padding.
  */
 
 fieldset {
	 border: 1px solid #c0c0c0;
	 margin: 0 2px;
	 padding: 0.35em 0.625em 0.75em;
 }
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  */
 
 legend {
	 border: 0; /* 1 */
	 padding: 0; /* 2 */
 }
 
 /**
  * 1. Correct font family not being inherited in all browsers.
  * 2. Correct font size not being inherited in all browsers.
  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  */
 
 button,
 input,
 select,
 textarea {
	 font-family: inherit; /* 1 */
	 font-size: 100%; /* 2 */
	 margin: 0; /* 3 */
 }
 
 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
 
 button,
 input {
	 line-height: normal;
 }
 
 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  * Correct `select` style inheritance in Firefox 4+ and Opera.
  */
 
 button,
 select {
	 text-transform: none;
 }
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */
 
 button,
 html input[type="button"], /* 1 */
 input[type="reset"],
 input[type="submit"] {
	 -webkit-appearance: button; /* 2 */
	 cursor: pointer; /* 3 */
 }
 
 /**
  * Re-set default cursor for disabled elements.
  */
 
 button[disabled],
 html input[disabled] {
	 cursor: default;
 }
 
 /**
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
 
 input[type="checkbox"],
 input[type="radio"] {
	 box-sizing: border-box; /* 1 */
	 padding: 0; /* 2 */
 }
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  *    (include `-moz` to future-proof).
  */
 
 input[type="search"] {
	 -webkit-appearance: textfield; /* 1 */
	 -moz-box-sizing: content-box;
	 -webkit-box-sizing: content-box; /* 2 */
	 box-sizing: content-box;
 }
 
 /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
	 -webkit-appearance: none;
 }
 
 /**
  * Remove inner padding and border in Firefox 4+.
  */
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
	 border: 0;
	 padding: 0;
 }
 
 /**
  * 1. Remove default vertical scrollbar in IE 8/9.
  * 2. Improve readability and alignment in all browsers.
  */
 
 textarea {
	 overflow: auto; /* 1 */
	 vertical-align: top; /* 2 */
 }
 
 /* ==========================================================================
	Tables
	========================================================================== */
 
 /**
  * Remove most spacing between table cells.
  */
 
 table {
	 border-collapse: collapse;
	 border-spacing: 0;
 }
/*****************************************
 * Layout
 *****************************************/

 html {
	overflow-y: scroll;
  }
  
  body {
	background-color: #ffffff;
	color: #1a171b;
	font-size: 100%;
  }
  
  div#page {
	width: 980px;
	max-width: 980px;
	margin: 0 auto;
	height: auto;
	min-height: 100%;
  } 
  
  div#header-top {
	height: 70px;  
  }
  
  div#top-right-menu {
	float:right;
  }
  
  div#header-top img {
	margin: 17px 0 0 0;  
  }
  
  div#header-bottom {
	height: 230px;  
  }
  div#header-bottom div.wide-image {
	position: absolute;
	height: 230px;
	overflow: hidden;
	text-align: center;
	min-width: 980px;
	z-index: -998;
	left: 0;
	right: 0;  
  }
  div#header-bottom div.wide-image img {
	left: -50%;
	margin: 0 auto;
	position: absolute;
	right: -50%;
	top: 0;  
  }
  
  
  div#header-bottom > img {
	float:right;
	margin: 150px 0 0 0;     
  }
  
  div#mainArea {
	margin: 30px 0 0 0;
	padding: 0;
  }
  
  main {
	float: left;
	width: 545px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }
  
  main.main2 {
	float: left;
	width: 745px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }
  
  div#mainContent {
	min-height: 450px;
  }
  
  complementary#rightArea {
	width: 200px;
	float:right;
	margin: 0;
	padding: 0;
	font-size: 0.815rem;
	  line-height: 1.25em;  
  }
  
  div#footer {
	height: 40px;
	margin: 0;
	width: 100%;  
  }
  
  div#footer div#inside_footer {
	height: 40px;
	margin: 0 auto;
	text-align: left;
	width: 980px;  
  }
  
  div#footer_line {
	font-size: 0.815rem;
	margin: 2em 0 1em 0;     
  }
  div#mainArea div.csc-mailform li {
	margin-bottom: 5px; 
   }
   
   div#mainArea div.csc-mailform li input[type="submit"] {
	background-color: #004b96;
	   border: medium none;
	   border-radius: 5px;
	   color: #ffffff;
	   margin-top: 15px;
	   padding: 10px 110px;
   }
/*****************************************
 * Content Styles
 *****************************************/

 section.content {
	clear: both;
  }
  
  main > section {
	margin-bottom: 1.5em;
  }
   
  complementary#rightArea section header h2,
  complementary#rightArea section header h2 a {
	font-size: 13px;
	font-size: 0.8125rem;
	text-decoration: none;
	color: #004b96;
	padding: 2px 0 2px 0px;
	margin: 0 0 0 0;
	font-weight: bold;
  }
  
  complementary#rightArea section article {
	font-size: 12px;
	font-size: 0.75rem;
	padding: 0 0 0 0px;
  }
  
  complementary#rightArea section article a, complementary#rightArea section a {
	text-decoration: none;
	color: #1a171b;
  }
  
  complementary#rightArea section article p,
  complementary#rightArea section article h3  {
	margin: 0.75em 0 1em 0;
  }
  
  complementary#rightArea section article img {
	margin: 0.75em 0 0 0;  
  }
  
  complementary#rightArea section article h3 {
	padding: 0 0 0 0;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: bold;
  }
  
  complementary#rightArea section article img {
	max-width: 100%;
  }
  
  main div#mainContent, 
  complementary#rightArea {
	font-size: 14px;
	font-size: 0.815rem; 
	line-height: 1.25em; 
  }
  
  main div#mainContent h1,
  complementary#rightArea h1
  {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.925rem;
	color: #004b96;
  }
  
  main div#mainContent h2,
  complementary#rightArea h2 {
	font-size: 14px;
	font-size: 0.815rem;
	color: #4b4b4b;
  }
  
  main div#mainContent h3,
  complementary#rightArea h3 {
	font-weight: normal;
	font-style:italic;
	margin: 0 0 0 0;
	font-size: 12px;
	font-size: 0.815rem;
	color: #4b4b4b;
  }
  
  div#business_objects {
	height: 110px;
	margin-top: 15px;
  }
  
  div.bo_1,
  div.bo_2,
  div.bo_3,
  div.bo_4 {
	color: #ffffff;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 5px 5px 5px 5px;
	width: 110px;
	height: 110px;
	float:left;
	margin-right: 16px;
	font-weight: bold;
  }
  
  div.bo_1 {
	background-color: #c7cde5;
  }
  
  div.bo_2 {
	background-color: #9dabd1;
  }
  
  div.bo_3 {
	background-color: #6e8bbd;
  }
  
  div.bo_4 {
	background-color: #336fab;
	margin-right: 0;
  }
  
  body a {
	color: #004b96;
	text-decoration:none;
  }
  
  section.news {
   margin-bottom: 12px; 
  }
  
/*****************************************
 * Navigation
 *****************************************/

/* START METANAV */

nav#metaNav {
  
	margin: 17px 0 0 0;
  }
  
  nav#metaNav ul {
	margin: 0;
	padding: 0;
	color: #004b96;  
  }
  
  nav#metaNav ul li {
	float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 32px;
	line-height: 1;
	list-style-type: disc;
	color: #004b96; 
  }
  
  nav#metaNav ul li:first-child {
	border-left: none;
	padding-left: 0;
  }
  
  nav#metaNav ul li:last-child {
	
  }
  
  nav#metaNav ul li a {
	font-size: 12px;
	font-size: 0.75rem;
	text-decoration: none;
	color: #004b96;
  }
  
  nav#metaNav ul li a:hover, nav#metaNav ul li:hover, nav#metaNav ul li.active a, nav#metaNav ul li.active {
	color: #666E7A;  
  }
  
  nav#metaNav.bottom {
	  display: none;
  }
  
  /* END METANAV */
  
  /* START LANGNAV */
  
  nav#langNav {
	margin: 45px 0 0 125px;
  }
  
  nav#langNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #004b96;  
  }
  
  nav#langNav ul li {
	float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 18px;
	line-height: 1;
	font-size: 12px;
	font-size: 0.75rem; 
	text-transform: uppercase;
  }
  
  nav#langNav ul li:first-child {
	border-left: none;
	padding-left: 0;
  }
  
  nav#langNav ul li:last-child {
	
  }
  
  nav#langNav ul li a {
	font-size: 12px;
	font-size: 0.75rem;
	text-decoration: none;
	color: #004b96;
  }
  
  nav#langNav ul li a:hover, nav#langNav ul li.active a, nav#langNav ul li.active {
	color: #666E7A;  
  }
  
  /* END LANGNAV */
  
  /* START MAINNAV */
  
  nav#mainNav {
	position: absolute;
	top: 47px;
	margin-left: 224px;
	padding: 0 0 0 0;
	width: 480px;
  }
  
  nav#mainNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;  
  }
  
  nav#mainNav ul li {
	float:left;
	padding: 0 26px 0 0;
	margin: 0;
	line-height: 1; 
  }
  
  nav#mainNav ul li:first-child {
	border-left: none;
  }
  
  nav#mainNav ul li:last-child {
	border-left: none;
	padding-right: 0;
  }
  
  nav#mainNav ul li a {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	text-decoration: none;
	color: #004b96;
  }
  
  nav#mainNav ul li a:hover, nav#mainNav ul li.is-active a {
	color: #666E7A;  
  }
  
  nav#mainNav ul ul.sub-menu li {
	float: left;
	padding: 0 0 5px 0;
	margin: 0;
	width: 100%;
  }
  
  nav#mainNav ul ul.sub-menu li a{
	font-size: 14px;
	font-size: 0.815rem;
	text-decoration: none;
	color: #004b96;
	font-weight: normal;
  }
  
  nav#mainNav ul ul.sub-menu li  a:hover, nav#mainNav ul ul.sub-menu li.is-active a {
	color: #666E7A;  
  }
  
  nav#mainNav ul ul.sub-menu li.is-active ul li a {
	color: #004b96;  
  }

  
  nav#mainNav ul ul ul.sub-menu {
	position: relative;
	top: 5px;
	left: 0;
	display: none;
  }
  
  nav#mainNav ul ul.sub-menu li li {
	padding-left: 20px;
  }
  
   nav#mainNav ul ul.sub-menu {
	position: absolute;
	top: 279px;
	left: -224px;
	display: none;
	width: 200px;
  }
  
   nav#mainNav ul li.current-menu-item ul.sub-menu, nav#mainNav ul li.current_page_ancestor ul.sub-menu {
	display: block;
  }
  
  nav#mainNav ul li.current-menu-item ul ul.sub-menu, nav#mainNav ul li.current_page_ancestor ul ul.sub-menu {
	display: none;
  }
  
   nav#mainNav ul li.current_page_ancestor ul li.current_page_ancestor ul.sub-menu {
	display: block;
  }
  nav#mainNav ul li.current_page_ancestor ul li.current-menu-item ul.sub-menu {
	display: block;
  }
  
  nav#mainNav ul li.current_page_ancestor ul li.current-menu-item ul ul.sub-menu {
	display: block;
  }
  
  
  nav#mainNav ul li.current-menu-item ul ul ul.sub-menu, nav#mainNav ul li.current_page_ancestor ul ul ul.sub-menu {
	display: none;
  }
  
   nav#mainNav ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul.sub-menu {
	display: block;
  } 
    nav#mainNav ul li.current_page_ancestor ul li.current_page_ancestor ul li.current-menu-item ul.sub-menu {
	display: block;
  }
 


  /* END MAINNAV */
  
  
  
  /* START SECONDNAV */
  
  nav#secondNav {
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 223px;
	min-height: 100px;
  }
  
  nav#secondNav ul {
	margin: 0 0 0 0;
	padding: 0;  
  }
  
  nav#secondNav ul li {
	padding: 0 0 5px 0;
	margin: 0;
	color: #004b96;
	list-style-type: none;
  }
  
  nav#secondNav ul li a {
	font-size: 14px;
	font-size: 0.815rem;
	text-decoration: none;
	color: #004b96;
  }
  
  nav#secondNav ul li:hover, nav#secondNav ul li a:hover, nav#secondNav ul li.active, nav#secondNav ul li.active a {
	color: #666E7A;  
  }
  
  nav#secondNav ul li.active ul {
	margin: 0 0 0 15px;
	padding: 0;  
  }
  
  nav#secondNav ul li.active ul li, nav#secondNav ul li.active ul li a {
	color: #004b96;
  }
  
  nav#secondNav ul li.active ul li:hover, nav#secondNav ul li.active ul li a:hover, nav#secondNav ul li.active ul li.active, nav#secondNav ul li.active ul li.active a {
	color: #666E7A;  
  }
  
  /* END SECONDNAV */
  
  
  .alignleft {
	display: inline;
	float: left;
	padding: 0px 15px 10px 0;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding:  0 0 10px;
}

img.alignnone {
	padding: 10px 0;
}

.alignright {
	display: inline;
	float: right;
	padding: 0px 0 10px 15px;
}

nav#mainNav.navigation-menu--is-desktop ul li span{
	display: none;
}

@media screen and (max-width: 920px) {	
	
	div#page {
		width: 100%;
		max-width: 100%;
	}
	
	div#header-bottom div.wide-image {
		position: absolute;
		min-width: 100%;
		height: auto;	
	}
    div#header-bottom div.wide-image img {
	    position: relative;
	    left: auto;
	    right: auto;
	    max-width: 150%;
	    height: auto;
    }
    div#header-bottom > img {
	    margin: 0;
	    float: none;
	    max-width: 100%;
	    height: auto;
	    padding: 20px 15px;
	    box-sizing: border-box;
    }
    main, main.main2 {
	    width: 100%;
    }

    nav#mainNav {
	  width: 100%;
	  clear: both;
	  position: absolute;
	  z-index: 900;
	  margin-left: 0;  
	  top: 15px;
	}
	
	
	nav#mainNav ul li {
	  list-style: none;
		padding: 0;
		width: 100%;
		box-sizing: border-box;
	}
	nav#mainNav ul a {
	  display: block;
	}
	
	/**
	 * Mobile sizes
	 */
	 
	#main-nav.navigation-menu--is-mobile {
		position: absolute !important;
		top: 137px !important;
	}
	 
	.navigation-menu--is-mobile  ul {
		display: none;
		background: #0052A1;
		position: relative;
		top: 37px;
		overflow: auto;
	}
	
	.navigation-menu--is-mobile li {
	  position: relative;
	}
	.navigation-menu--is-mobile li span {
	  position: absolute;
	  right: 0;
	  top: 0;
	  display: block;
	  cursor: pointer;
	}
	.navigation-menu--is-mobile .navigation-menu__mobile-toggle {
		cursor: pointer;
		display: block;
		min-height: 20px;
		position: absolute;
		width: 28px;
		right: 20px;
		top: 0px;
	}
	.navigation-menu--is-mobile .navigation-menu__mobile-toggle.btn-align-right:before {
	  left: auto;
	  right: 0;
	}
	.navigation-menu--is-mobile .navigation-menu__mobile-toggle:before {
	  display: block;
	  content: "";
	  background: transparent url(images/menu_icon_on.png) center center / 100% auto no-repeat;
	  color: #444;
	  font-weight: 400;
	  letter-spacing: 0.5 px;
	  height: 100%;
	  right: 0px;
	  position: absolute;
	  top: 00px;
      width:28px;
	  z-index: 100
	}
	
	.navigation-menu--is-mobile.child-menu-open .navigation-menu__mobile-toggle[data-icon="hamburger"]:before {
	  background: transparent url(images/menu_icon_off.png) center center  / 100% auto no-repeat;
	}
	
	.navigation-menu--is-mobile.child-menu-open >  ul,
	.navigation-menu--is-mobile .child-menu-open >  ul,
	.navigation-menu--is-mobile.child-menu-open > ul.sub-menu,
	.navigation-menu--is-mobile .child-menu-open > ul.sub-menu {
	  display: block;
	}
	
	nav#mainNav ul .child-menu-open > ul.sub-menu,
	nav#mainNav ul .child-menu-open > ul.sub-menu,
	nav#mainNav ul ul .child-menu-open > ul.sub-menu,
	nav#mainNav ul ul .child-menu-open > ul.sub-menu,
	nav#mainNav ul ul ul .child-menu-open > ul.sub-menu,
	nav#mainNav ul ul ul .child-menu-open > ul.sub-menu {
	  display: block;
	  position: static;
	  width: 100%
	}
	
	
	.navigation-menu--is-mobile ul ul {
		top: 0px;
	}
	
	nav#mainNav ul ul ul {
		position: static;
		width: 100%;
	}
	
	nav#mainNav ul li.menu-item-637 > span, nav#mainNav ul li.menu-item-645 > span {
		display: none;
	}
	
	nav#mainNav ul li.current-menu-item > a, nav#mainNav ul ul.sub-menu li a:hover {
		color: #aaa;
		box-shadow: none;
	}
	
	nav#mainNav ul ul.sub-menu li.is-active ul li a {
		color: #fff;
	}
	
	nav#mainNav ul ul.sub-menu {
		width: 100%;
	}
	
	nav#mainNav ul li {
		padding: 0;
	}
		
	nav#mainNav ul li a,
	nav#mainNav ul li span {
		padding: 9px 20px;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
	}
	
	nav#mainNav ul ul.sub-menu li a {
		padding: 9px 20px 9px 40px;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
	}
	
	nav#mainNav ul ul.sub-menu li {
		padding: 0;
	}
	
	
	nav#mainNav ul li {
		border-top: 1px solid #efefef;
	}
	nav#mainNav ul li li a {
		color: #fff;
		padding: 9px 20px 9px 40px;
		text-transform: none;
	}
	
	
	nav#mainNav ul li li li a {
		font-size: 19px;
		padding: 9px 20px 9px 60px;
	} 
	
	#nav#mainNav ul li li {
		border: none;
	}
	
	  
	nav#metaNav.top {
	  display: none;
    }
   
    nav#metaNav.bottom {
	  display: block;
    }
	div.bo_1, div.bo_2, div.bo_3, div.bo_4 {
		margin-top: 15px;
	}
	div#business_objects {
		margin-top: 0;
	}
	
	#header-top img {
		width: 140px;
		height: auto;
	}
	
	div#header-top img {
		margin: 10px 0 0;
	}
	
	div#header-top {
		height: 52px;
	}
	
	#header-top nav#langNav {
		float: none;
		position: absolute;
		top: 20px;
		right: 110px;
		margin: 0;
	}
	
	nav#langNav ul li {
		margin: 0 0 0 21px;
	}
		
	nav#langNav ul li a {
		font-size: 1.1rem;
	}
	
	div#header-bottom {
		height: 54px;
	}
	
	main div#mainContent, complementary#rightArea, div#footer_line {
		padding: 0 15px;
	}
	div#page {
		min-height: 0;
	}
	
	#mainContent img {
		max-width: 100%;
		height: auto;
	}
	
	#mainContent table {
		max-width: 100%;
		height: auto;
	}
	#mainContent table td {
		min-width: 150px;
		display: block;
		float: left;
	}
	
	complementary#rightArea {
		width: 100%;
		box-sizing: border-box;
	}
	
}

@media screen and (max-width: 500px) {
  div#header-bottom div.wide-image {
    position: absolute;
    min-width: 200%;
    height: auto;
  }
}