/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

* {
    color: #000;
    /*font-size: 12px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
html {
	overflow-y: scroll;
}
*/

html, body {
    height: 100%;
    text-align: center;
    background: #F7F7F7;
}
body {
    font-size: 88%;
    padding-top: 19px;
}
#title {
    position: absolute;
    top: 0;
    left: 4px;
    z-index: 2;
    background: url(../images/logo.gif) no-repeat 50% 50%;
}
#title a {
    display: block;
    width: 192px;
    height: 181px;
    text-indent: -9999px;
}
#title a:focus, #title a:active {
    outline: none;
}
#subtitle {
    position: absolute;
    top: 7px;
    right: 3px;
    z-index: 2;
    width: 182px;
    height: 5px;
    background-image: url(../images/subtitle_bg.png);
    text-indent: -9999px;
}
#accesskeysNavigation li a {
    position: absolute;
    z-index: 3;
    top: -100px;
    left: -1000px;
    padding: 2px 6px;
    text-decoration: underline;
    color: #fff;
    background: #333;
}
#accesskeysNavigation li a:focus, #accesskeysNavigation li a:active {
    top: 10px;
    left: 0;
    margin-left: 10px;
}
#box {
    position: relative;
    width: 959px;
    margin: 0 auto;
    padding: 0 4px;
    background: #fff url('../images/bg_box2.gif') 0 0 repeat-y;
}
#header {
    position: static;
    z-index: 1;
    height: 182px;
    background: #fff url('../images/bg_header.gif') 192px 0 no-repeat;
}
#headerImg {
    position: absolute;
    height: 151px;
    width: 574px;
    top: 29px;
    left: 196px;
}
ul#languageNavigation {
    position: absolute;
    top: 3px;
    right: 0;
}
#languageNavigation li {
    float: left;
    border-left: 1px solid #333;
}
#languageNavigation li.first {
    border: none;
}
#languageNavigation li a {
    display: block;
    width: auto !important;
    width: 1px;
    height: auto !important;
    height: 1px;
    line-height: 11px;
    padding: 0 5px;
    white-space: nowrap;
}
#languageNavigation li a:hover {
    color: #666;
}
#searchBox {
    background: transparent url(../images/bg_search.gif) 0 0 no-repeat;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 5px;
    width: 133px;
    z-index: 100;
}
#searchBox .formElement {
    padding: 0 !important;
}
#searchBox label {
    display: none;
}
#searchBox .text {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 125px;
    border: none;
    background-color: transparent;
    font-size: 10px;
    /*font-size: 0.83em;*/
}
#searchBox .button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 16px !important;
    height: 16px;
    border: none;
    /*background: #ddd url(../images/icon_search.gif) no-repeat 50% 50%;*/
    background: transparent;
    text-indent: -9999px;
    margin-top: -5px;
}
ul#metaNavigation {
    position: absolute;
    top: 7px;
    right: 180px;
}
#metaNavigation li {
    float: left;
    border-left: 1px solid #fff;
}
#metaNavigation li.first {
    border: none;
}
#metaNavigation li a {
    display: block;
    width: auto !important;
    width: 1px;
    height: auto !important;
    height: 1px;
    padding: 0 5px;
    white-space: nowrap;
    font-size: 0.92em;
    color: #fff;
}
#metaNavigation li a:hover, #metaNavigation li a:focus, #metaNavigation li a:active {
    text-decoration: underline;
}

/*
ul#mainNavigation {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 760px;
	border-bottom: 1px solid #ccc;
}

	#mainNavigation li {
		float: left;
		border-left: 1px solid #ccc;
	}

	#mainNavigation li.first {
		border-width: 0;
	}

	#mainNavigation li a {
		display: block;
		width: auto !important;
		width: 1px;
		height: auto !important;
		height: 1px;
		line-height: 20px;
		padding: 0 10px;
		font-weight: bold;
		white-space: nowrap;
	}

	#mainNavigation li a:hover {
		background: #efefef;
	}

	#mainNavigation li a.act,
	#mainNavigation li a.cur {
		background: #e1e1e1;
	}

	#mainNavigation li ul {
		position: absolute;
		top: 20px;
		left: -9999px;
		width: 180px !important;
		width: 210px;
		margin-left: -30px;
		padding: 0 30px 30px 30px;
		text-transform:none;
	}

	#mainNavigation li li {
		clear: left;
		width: 180px;
		height: 100%;
		border: solid #ccc;
		border-width: 0 0 1px 0;
		background: #f9f9f9;
	}

	#mainNavigation li li.first {
		border-width: 1px 0;
	}

	#mainNavigation li li a {
		width: auto !important;
		width: 186px;
		line-height: 16px;
		padding: 2px 10px 2px 10px;
		font-weight: normal;
		white-space: normal;
	}

	#mainNavigation li:hover ul,
	#mainNavigation li.sfhover ul {
		left: auto;
	}
*/

#col1 {
    position: relative;
    float: left;
    clear: both;
    width: 191px;
    min-height: 800px;
    height: auto !important;
    height: 800px;
}
ul#subNavigation {
    margin: 0 0 20px 0;
}
#subNavigation li {
    padding-bottom: 1px;
    /*margin-bottom: -1px;*/
}
#subNavigation li a {
    display: block;
    height: auto !important;
    height: 1px;
    line-height: 35px;
    padding: 0 10px;
    font-weight: bold;
    background: #074DA5;
    color: #fff;
    /*font-size: 13px;*/
    font-size: 1.08em;
}

/**+html #subNavigation li a {
		width: 171px;
	}*/

#subNavigation li a:hover, #subNavigation li a:focus, #subNavigation li a:active, #subNavigation li a.act:focus, #subNavigation li a.act:active, #subNavigation li a.cur:focus, #subNavigation li a.cur:active {
    background: #9c5b10;
    color: #fff;
}
#subNavigation li li.last {
    background: #fff;
}
#subNavigation li a.act, #subNavigation li a.cur {
    background: #E7E6E4;
    color: #000;
}
#subNavigation li li a {
    padding: 3px 20px;
    font-weight: normal;
    line-height: 18px;
    background: #fff;
    color: #000;
}

/*#subNavigation li li a:focus, */

#subNavigation li li a.act, #subNavigation li li a.cur, #subNavigation li li a.act:focus, #subNavigation li li a.act:active, #subNavigation li li a.cur:focus, #subNavigation li li a.cur:active {
    background: #fff url(../images/mainnav_arrow.gif) 11px 10px no-repeat;
    font-weight: bold;
    color: #000;
}
#subNavigation li li a:hover, #subNavigation li li a:focus, #subNavigation li li a:active {
    background: #fff url(../images/mainnav_arrow.gif) 11px 10px no-repeat;
    color: #000;
}

/*	*+html #subNavigation li li a {
		width: 130px;
	}	*/

#col2 {
    position: relative;
    float: left;
    width: 576px;
    background: url(../images/bg_col2.gif) 1px 35px no-repeat;
}
ul#rootline {
    position: absolute;
    top: 14px;
    left: 10px;
}
#rootline li {
    float: left;
    /*border-left: 1px solid #333;*/
    background: url(../images/bg_rootline.gif) 4px center no-repeat;
}
#rootline li.first {
    /*border: none;*/
    background: none;
}
#rootline li a {
    display: block;
    width: auto !important;
    width: 1px;
    height: auto !important;
    height: 1px;
    padding: 0;
    padding-bottom: 4px;
    padding-left: 10px;
    /*font-size: 11px;*/
    font-size: 0.92em;
    color: #787878;
    white-space: nowrap;
}
#rootline li a:hover, #rootline li a:focus, #rootline li a:active, #rootline li a.cur {
    color: #000;
}
#rootline li a:focus, #rootline li a:active {
    text-decoration: underline;
}

/*#mainContent {
		padding: 41px 20px 50px 20px;
	}*/

#mainContent {
    padding: 60px 20px 50px 20px;
}

/*
#col3 {
	float:left;
	position:absolute;
	right:4px !important;
	right: 3px;
	top:0px;
	width:192px;
}
*/

#col3 {
    float: left;
    position: relative;
    right: 0px !important;
    top: -182px;
    width: 192px;
}
#rightContent {
    margin: 29px 0 50px 0;
    background: #E6F3FB;
}

/*div.csc-textpic-imagewrap, */

#rightContent h4, #rightContent h5, #rightContent h6, #rightContent p {
    padding: 0 14px;
}
#rightContent h4 {
    margin: 10px 0pt 0px;
}
#footer {
    position: relative;
    height: 86px;
    border-top: 1px solid #074DA5;
    background: #fff;
}
ul#footerNavigation {
    position: absolute;
    top: 3px;
    left: 0;
}
#footerNavigation li {
    float: left;
    border-left: 1px solid #ccc;
}
#footerNavigation li.first {
    border: none;
}
#footerNavigation li a {
    display: block;
    width: auto !important;
    width: 1px;
    height: auto !important;
    height: 1px;
    line-height: 11px;
    padding: 0 5px;
    white-space: nowrap;
}
#footerNavigation li a:hover {
    color: #666;
}
#address {
    position: absolute;
    top: 7px;
    left: 204px;
    width: auto;
    /*font-size: 11px;*/
    font-size: 0.92em;
    /*	letter-spacing: -1px;*/
    line-height: 16px;
}
#address a:hover, #address a:focus, #address a:active {
    text-decoration: underline;
}
#lastchange {
    position: absolute;
    left: 15px;
    top: 7px;
    /*font-size: 11px;*/
    font-size: 0.92em;
    line-height: 16px;
}
#copyright {
    position: absolute;
    top: 2px;
    right: 10px;
}
#afaLabel {
    text-align: center;
}

/* For desktops */

.subNavTrigger {
    display: none;
    background: #074DA5 url('../images/navIcon.png');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    padding: 18px;
}
#rightContent div.csc-textpic .csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
}
.csc-textpic.csc-textpic-intext-left-nowrap h4 {
    margin-top: 0;
}
@media screen and (min-width:992px) {
    .subNavTrigger {
        display: none;
    }
}

/* for tablet only */

@media screen and (max-width:991px) and (min-width:768px) {
    #box {
        width: 750px;
        padding: 0;
        background: #FFFFFF;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    }
    #header {
        height: 209px;
        background: #fff url('../images/bg_header.jpg') 192px 0 no-repeat;
    }
    ul#metaNavigation {
        position: relative;
        right: 0;
        float: right;
    }
    #searchBox {
        top: 30px;
    }
    .tx-indexedsearch .text {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .tx-indexedsearch .button {
        padding: 5px;
        box-sizing: border-box;
        min-width: 100px;
    }
    #headerImg {
        width: 553px;
    }
    #col1 {
        width: 36px;
        margin-right: 4px;
    }
    #col2 {
        width: 518px;
    }
    #col3 {
        top: -29px;
    }
    #headerImg {
        top: 57px;
    }
    #cssswitch {
        position: relative;
    }
}

/* for tablet & mobile */

@media screen and (max-width:991px) {
    .subNavigation-container {
        position: relative;
    }
    .tx-indexedsearch-browsebox .browsebox {
        margin: 20px 0;
    }
    .tx-indexedsearch-res h3 {
        margin-top: 30px !important;
        padding: 10px 60px 10px 10px;
    }
    .tx-indexedsearch-res .path {
        margin-top: 5px;
    }
    .tx-indexedsearch-res h3 .percent {
        display: block;
        top: 10px;
        right: 9px !important;
    }
    .tx-indexedsearch-res h3 img {
        top: 10px;
        left: 9px;
    }
    .tx-indexedsearch-browsebox ul li {
        display: inline-block;
    }
    .tx-indexedsearch-browsebox .browsebox:after {
        display: table;
        content: '';
        clear: both;
    }
    ul#subNavigation {
        display: none;
        margin: 0;
        background: #FFFFFF;
    }
    #mainContent .contentElement a {
        word-break: break-all;
    }
    #subNavigation li li a {
        padding: 5px 20px;
    }
    #subNavigation li a {
        line-height: 36px;
        white-space: nowrap;
    }
    .subNavTrigger {
        display: inline-block;
    }
    .subNavigation-container.active .subNavTrigger {
        background: #9c5b10 url('../images/navIcon.png');
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .subNavigation-container.active #subNavigation {
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 9999;
    }
    .tx-indexedsearch .moreLink {
        margin-top: 10px;
    }
}

/* for mobile */

@media screen and (max-width:767px) {
    iframe {
        width: 100%;
    }
    #box {
        width: calc(100% - 20px);
        background: #FFF;
        padding: 0;
        margin: 0 10px;
        box-sizing: border-box;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    }
    #header {
        position: relative;
        background: #074DA5;
        border-bottom: 1px solid #064EA2;
        height: 283px;
        margin-bottom: 1px;
    }
    #headerImg {
        position: relative;
        left: 0;
        top: 130px;
        width: 100%;
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        background-size: cover !important;
        background-position: center center !important;
    }
    #title {
        background-position: center;
        background-size: contain;
        top: 46px;
        right: 15px;
        left: auto;
    }
    #title a {
        width: 78px;
        height: 88px;
    }
    #col1 {
        width: 36px;
        min-height: 0;
        width: 100%;
    }
    #col2 {
        width: 100%;
        background: url(../images/bg_col2.gif) 1px 70px no-repeat;
    }
    #col2 .printPage {
        right: 15px;
        position: absolute;
        top: -28px;
    }
    #col2 .printPage a span {
        position: relative !important;
        right: 0 !important;
        top: 0 !important;
        float: right;
    }
    #col3 {
        top: 0;
        width: 100%;
    }
    #cssswitch {
        position: absolute !important;
        left: 15px !important;
        top: 75px !important;
    }
    #cssswitch a {
        font-size: 12px !important;
    }
    #fontsize {
        position: absolute !important;
        left: 15px !important;
        top: 55px !important;
        height: 18px;
        font-size: 12px !important;
    }
    ul#metaNavigation {
        position: absolute;
        right: auto;
        left: 10px;
        top: 103px;
    }
    ul#rootline {
        position: relative;
        top: 0;
        left: 0;
        margin: 15px 0 10px;
    }
    #rootline li a {
        padding-bottom: 0;
        padding-left: 15px;
    }
    ul#rootline:after {
        display: table;
        content: '';
        clear: both;
    }
    #searchBox .formElement, #searchBox .formElement .formField {
        display: block;
        width: 100%;
        float: left;
        position: static;
    }
    #searchSword {
        position: relative;
    }
    #searchBox {
        background: transparent;
        height: auto;
        width: 100%;
        right: 0;
        top: 15px;
        box-sizing: border-box;
        padding: 0 15px;
    }
    #searchBox .text {
        float: left;
        top: 0;
        background: #FFFFFF;
        left: 0;
        width: 100%;
        position: static;
        box-sizing: border-box;
        padding: 5px 35px 5px 5px;
        font-size: 14px;
        height: 27px;
    }
    #searchBox .button {
        width: auto !important;
        padding: 5px 13px;
        height: 27px;
        background: url('../images/icon_search.png');
        background-repeat: no-repeat;
        background-size: 7px;
        background-position: center center;
        border-left: 5px solid #074DA5;
        transform: translateX(0);
        margin: 5px 0 0;
    }
    .tx-indexedsearch .formElement .formLabel, .tx-indexedsearch .formElement .formField {
        width: 100%;
        display: block;
    }
    .tx-indexedsearch .formField {
        margin-top: 10px;
    }
    .tx-indexedsearch .text {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .tx-indexedsearch .button {
        padding: 5px;
        box-sizing: border-box;
        min-width: 100px;
    }
    .tx-indexedsearch .formLabel {
        margin-top: 10px;
    }
    #mainContent {
        padding: 50px 15px 0;
    }
    #rightContent {
        margin: 0 0 50px 0;
    }
    #rightContent p {
        padding: 0 15px;
    }
    #rightContent h3 {
        padding: 9px 15px;
    }
    .subNavigation-container.active #subNavigation {
        left: 36px;
    }
    #footer {
        height: auto;
    }
    #footer .printPage a span {
        right: 15px !important;
        top: -38px !important;
    }
    #address, #lastchange {
        top: 0;
        left: 0;
        float: none;
        position: relative;
        padding: 10px 15px;
    }
}
@media screen and (max-width:767px) and (min-width:605px) {
    #col2 {
        width: 70%;
    }
    #col2 .printPage {
        margin-right: 10px;
    }
    #col3 {
        width: 30%;
    }
    #footer .printPage a span {
        right: calc(30% + 10px) !important;
    }
}
@media screen and (max-width:604px) {
    div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        margin-right: 0;
        width: 100%;
        float: none;
    }
    div.csc-textpic-intext-left-nowrap .csc-textpic-text {
        margin-top: 10px;
    }
}