#page {
margin: 105px auto 15px;
width: 890px;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
#page>nav {
background-color: #054959;
color: #3dacc6;
height: 28px;
line-height: 28px;
padding: 0 20px;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
}
#page>nav>* {
color: #e4ebed;
padding: 0 5px;
}
#page>nav>*:last-child {
color: #ffffff;
}
#page>nav>a {
text-decoration: underline;
}
#page>nav>a:hover {
text-decoration: none;
}
#page>#left {
display: table-cell;
vertical-align: top;
background-color: #e6eaec;
width: 260px;
max-width: 260px;
padding-bottom: 20px;
}
#page>#left>#submenu {
margin: 10px 15px 20px;
}
#page>#left>#submenu>li {
display: block;
margin-top: 1px;
background-color: #044655;
font-weight: bold;
line-height: 1.3;
font-size: 14px;
font-size: 1.4rem;
}
#page>#left>#submenu>li strong {
color: #ffffff;
display: block;
padding: 10px 15px;
}
#page>#left>#submenu>li.category strong {
cursor: pointer;
}
html.js #page>#left>#submenu>li.category>ul,
html.js #page>#left>#submenu>li.archive>ul>li>ul {
display: none;
}
html.js #page>#left>#submenu>li.active>ul,
html.js #page>#left>#submenu>li.archive>ul>li.active>ul {
display: block;
}
#page>#left>#submenu>li>ul {
padding: 10px;
background-color: #b8cfd4;
border-left: 3px solid #044655;
}
#page>#left>#submenu>li>ul li {
padding-left: 1em;
line-height: 1.5;
font-size: 13px;
font-size: 1.3rem;
}
#page>#left>#submenu>li>ul li:before {
width: 12px;
float: left;
content: '»';
color: #769d0f;
}
#page>#left>#submenu>li>ul li a,
#page>#left>#submenu>li>ul li span {
cursor: pointer;
color: #032e38;
font-weight: normal;
text-decoration: underline;
}
#page>#left>#submenu>li>ul li a:hover,
#page>#left>#submenu>li>ul li span:hover {
text-decoration: none;
}
#page>#left>#submenu>li>ul li li {
font-size: 12px;
font-size: 1.2rem;
}
#page>#left>#submenu>li+li {
background-color: #07758e;
}
#page>#left>#submenu>li+li>ul {
background-color: #cddfe3;
border-left: 3px solid #07758e;
}
#page>#left>#submenu>li+li+li {
background-color: #85b406;
}
#page>#left>#submenu>li+li+li>ul {
background-color: #dee5cc;
border-left: 3px solid #85b406;
}
#page>#left>#submenu>li+li+li>ul a {
color: #314203;
}
#page>#left>#submenu>li+li+li>ul li:before {
color: #044655;
}
#page>#left>#submenu>li+li+li+li {
background-color: #5d7d05;
}
#page>#left>#submenu>li+li+li+li>ul {
background-color: #c8d1b0;
border-left: 3px solid #5d7d05;
}
#page>#left h3 {
color: #054959;
font-size: 18px;
font-size: 1.8rem;
font-family: 'texgyreb';
margin: 20px 20px 10px;
clear: both;
}
#page>#left #office {
margin: 0 20px;
color: #5e5f60;
font-size: 14px;
font-size: 1.4rem;
}
#page>#left #office h4 {
color: #054959;
font-size: 16px;
font-size: 1.6rem;
font-family: 'texgyreb';
margin: 0 0 10px;
}
#page>#left #office>* {
line-height: 1.3;
}
#page>#left #office+a {
color: #044655;
font-size: 13px;
font-size: 1.3rem;
float: right;
margin: 15px 30px 40px;
}
#page>#content {
display: table-cell;
vertical-align: top;
background-color: #ffffff;
width: 630px;
max-width: 630px;
padding-bottom: 20px;
color: #393939;
}
#page>#content>h1 {
white-space: nowrap;
border-bottom: 1px solid #6d8f99;
color: #043946;
font-size: 25px;
font-size: 2.5rem;
height: 33px;
line-height: 33px;
margin: 10px 15px 10px 25px;
padding: 0 10px;
font-family: 'texgyre';
}
#page>#content>h1:before {
border-left: 4px solid #9fd60c;
content: '';
display: block;
float: left;
height: 34px;
margin-left: -21px;
}
#page>#content h2 {
clear: both;
}
#page>#content h2,
#page>#content h3,
#page>#content h4 {
color: #044655;
font-size: 18px;
font-size: 1.8rem;
font-family: 'texgyreb';
margin: 20px 25px 10px;
}
#page>#content h3 {
font-size: 16px;
font-size: 1.6rem;
}
#page>#content h4 {
font-size: 15px;
font-size: 1.5rem;
}
#page>#content .toggle-section {
cursor: pointer;
text-decoration: underline;
}
#page>#content .toggle-section+section {
display: none;
}
#page>#content>section {
margin: 20px 25px;
}
#page>#content>section h2,
#page>#content>section h3 {
margin: 0 0 10px;
}
#page>#content>section.text>h2,
#page>#content>section.text>h3,
#page>#content>section.text>h4,
#page>#content>section.text>p {
margin: 10px 0;
}
#page>#content p {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.4;
color: #2f2f2f;
}
#page>#content>.player {
margin: 20px 25px;
}
#page>#content>p {
margin: 10px 25px;
text-align: justify;
}
#page>#content>p.note {
font-style: italic;
color: #356672;
font-size: 15px;
font-size: 1.5rem;
}
#page>#content blockquote,
#page>#content p.quote {
border: 2px solid #07758e;
background: #e0f1f5 url('/design/backgrounds/quote-large.png') no-repeat 10px 25px;
padding: 15px 15px 15px 60px;
font-style: italic;
font-size: 15px;
font-size: 1.5rem;
color: #044655;
position: relative;
}
#page>#content blockquote:before,
#page>#content p.quote:before {
content: '';
width: 38px;
height: 31px;
display: block;
position: absolute;
top: 10px;
left: 10px;
background: url('/design/backgrounds/quote.png') no-repeat;
}
#page>#content>p>a>img,
#page>#content>p>img {
border: 1px solid #c7c7c7;
margin: 10px 0;
}
#page>#content>p>a>img.left,
#page>#content>p>img.left {
float: left;
clear: left;
margin: 0 15px 10px 0;
}
#page>#content>p>a>img.right,
#page>#content>p>img.right {
float: right;
clear: right;
margin: 0 0 10px 15px;
}
#page>#content a {
color: #5d7d05;
text-decoration: underline;
}
#page>#content a:hover {
text-decoration: none;
}
#page>#content>ul,
#page>#content>ul ul,
#page>#content>section>ul,
#page>#content>section>ul ul,
#page>#content>ol,
#page>#content>ol ol,
#page>#content>section>ol,
#page>#content>section>ol ol {
line-height: 1.4;
color: #2f2f2f;
font-size: 13px;
font-size: 1.3rem;
zoom: 1;
}
#page>#content>ul:after,
#page>#content>ul ul:after,
#page>#content>section>ul:after,
#page>#content>section>ul ul:after,
#page>#content>ol:after,
#page>#content>ol ol:after,
#page>#content>section>ol:after,
#page>#content>section>ol ol:after {
content: '';
display: block;
clear: both;
}
#page>#content>ul,
#page>#content>ul ul,
#page>#content>ol,
#page>#content>ol ol {
margin: 10px 25px;
}
#page>#content>ul>li,
#page>#content>ul ul>li,
#page>#content>section>ul>li,
#page>#content>section>ul ul>li {
background: url('/design/backgrounds/bullet.png') no-repeat 5px 7.6px;
padding: 2px 0 2px 23px;
float: left;
clear: left;
}
#page>#content>ol>li,
#page>#content>ol ol>li,
#page>#content>section>ol>li,
#page>#content>section>ol ol>li {
list-style-type: decimal;
list-style-position: inside;
padding: 2px 0 2px 5px;
float: left;
clear: left;
}
#page>#content>ul.inline>li {
clear: none;
min-width: 90px;
}
#page>#content img {
max-width: 580px;
}
#page>#content.content-products-default>h1 {
background: url('/design/backgrounds/products/headline.jpg') no-repeat;
padding: 130px 0 0 35px;
width: 592px;
height: 42px;
font-size: 27px;
font-size: 2.7rem;
margin: 1px 1px 0 2px;
border: 0;
}
#page>#content.content-products-default>h1:before {
display: none;
}
#page>#content>table.diamonds {
width: 580px;
margin: 0 25px;
line-height: 1.6;
font-size: 13px;
font-size: 1.3rem;
}
#page>#content>table.diamonds td {
padding: 1px 15px;
border-style: solid;
border-color: white;
border-top-width: 1px;
}
#page>#content>table.diamonds .first td,
#page>#content>table.diamonds .second td {
color: white;
}
#page>#content>table.diamonds .first td {
border-bottom-width: 1px;
background: #11768d;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
padding: 2px 15px;
font-family: 'texgyreb';
}
#page>#content>table.diamonds .second>* {
background: #6b7680;
}
#page>#content>table.diamonds .even>* {
background: #c2c8cd;
}
#page>#content>table.diamonds .odd>* {
background: #d4d9dc;
}
#page>#content>table.diamonds .last>* {
padding: 5px;
font-style: italic;
font-size: 12px;
font-size: 1.2rem;
color: #616a74;
line-height: 1.3;
}
#page>#content>table.diamonds .col2,
#page>#content>table.diamonds .col3 {
text-align: center;
font-weight: bold;
}
#page>#content>table.diamonds .col2 {
border-color: #bfdae0;
padding: 1px 20px;
}
#page>#content>table.diamonds .col3 {
vertical-align: middle;
}
#page>#content>table.diamonds .odd>.col2 {
background: #9fbec7;
}
#page>#content>table.diamonds .even>.col2 {
background: #92b2bc;
}
#page>#content>table.diamonds .second>.col2 {
background: #537684;
}
#page>#content>table.diamonds .small {
font-size: 12px;
font-size: 1.2rem;
}
#page>#content>.seminar {
border-left: 4px solid #b8cfd4;
padding: 5px 0 5px 10px;
margin-left: 15px;
}
#page>#content>.seminar-semester {
background-color: #eaeff2;
padding: 12px 15px;
position: relative;
}
#page>#content>.seminar-semester h2+a {
font-size: 16px;
font-size: 1.6rem;
font-family: 'texgyreb';
position: absolute;
top: 16px;
right: 15px;
}
#page>#content>.seminar-semester ul {
margin: 10px 0;
text-align: center;
line-height: 1;
}
#page>#content>.seminar-semester ul li {
background: url('/design/backgrounds/calendar.png') no-repeat;
width: 49px;
height: 36px;
padding: 19px 3px 5px;
float: none;
display: inline-block;
margin: 0 7px;
}
#page>#content>.seminar-semester ul li span {
display: block;
text-align: center;
color: #6b7680;
font-weight: bold;
font-size: 26px;
font-size: 2.6rem;
}
#page>#content>.seminar-semester ul li span+span {
font-size: 10px;
font-size: 1rem;
margin-top: -2px;
}
#page>#content>.question p,
#page>#content>.answer p {
margin: 5px 0;
}
#page>#content>.question {
margin-bottom: 10px;
}
#page>#content>.question>strong {
color: #044655;
}
#page>#content>.answer {
margin-top: 10px;
border-left: 10px solid #eaeff2;
padding-left: 10px;
}
#page>#content>.answer>strong {
color: #75a003;
}
#page>#content>#question-form,
#page>#content>#sign-in-form,
#page>#content>#agent-form {
background-color: #eaeff2;
padding: 10px 15px;
}
#page>#content>#question-form label,
#page>#content>#sign-in-form label,
#page>#content>#agent-form label {
color: #044655;
font-style: normal;
}
#page>#content>#question-form label:after,
#page>#content>#sign-in-form label:after,
#page>#content>#agent-form label:after {
content: ':';
}
#page>#content>#question-form table,
#page>#content>#sign-in-form table,
#page>#content>#agent-form table {
margin: auto;
}
#page>#content>#question-form table th,
#page>#content>#question-form table td,
#page>#content>#sign-in-form table th,
#page>#content>#sign-in-form table td,
#page>#content>#agent-form table th,
#page>#content>#agent-form table td {
padding: 2px 5px;
vertical-align: top;
text-align: left;
}
#page>#content>#question-form table th+td,
#page>#content>#question-form table td+td,
#page>#content>#sign-in-form table th+td,
#page>#content>#sign-in-form table td+td,
#page>#content>#agent-form table th+td,
#page>#content>#agent-form table td+td {
vertical-align: middle;
}
#page>#content>#question-form table label,
#page>#content>#sign-in-form table label,
#page>#content>#agent-form table label {
line-height: 24px;
}
#page>#content>#question-form table input[type=text],
#page>#content>#question-form table input[type=email],
#page>#content>#question-form table input[type=password],
#page>#content>#sign-in-form table input[type=text],
#page>#content>#sign-in-form table input[type=email],
#page>#content>#sign-in-form table input[type=password],
#page>#content>#agent-form table input[type=text],
#page>#content>#agent-form table input[type=email],
#page>#content>#agent-form table input[type=password] {
width: 200px;
}
#page>#content>#question-form table textarea,
#page>#content>#sign-in-form table textarea,
#page>#content>#agent-form table textarea {
width: 300px;
}
#page>#content>#question-form table input[name=captcha],
#page>#content>#sign-in-form table input[name=captcha],
#page>#content>#agent-form table input[name=captcha] {
width: 100px;
}
#page>#content>#sign-in-form td {
font-size: 12px;
font-size: 1.2rem;
line-height: 24px;
color: #044655;
}
#page>#content>#sign-in-form td:first-child {
width: 100px;
text-align: right;
white-space: nowrap;
}
#page>#content>#sign-in-form td+td>input[type=text] {
width: 90px;
}
#page>#content>#sign-in-form td[colspan="4"]>input[type=text],
#page>#content>#sign-in-form td[colspan="4"]>input[type=email] {
width: 270px;
float: right;
}
#page>#content>#sign-in-form td+td[colspan="2"]>input[type=text] {
width: 130px;
}
#page>#content>#sign-in-form td+td+td+td[colspan="2"]>input[type=text] {
width: 120px;
float: right;
}
#page>#content>#sign-in-form td+td[colspan="2"]+td+td>input[type=text] {
width: 80px;
float: right;
}
#page>#content>#sign-in-form td+td[colspan="2"]+td[colspan="2"] {
width: 130px;
}
#page>#content>#sign-in-form p {
margin: 10px 0;
font-size: 11px;
font-size: 1.1rem;
font-style: italic;
}
#page>#content>#agent-form table {
margin: 0;
}
#page>#content>p.law {
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
line-height: 2.2em;
}
#page>#content>ol.law {
counter-reset: law;
}
#page>#content>ol.law li {
padding: 4px 0;
line-height: 1.5;
list-style-type: none;
}
#page>#content>ol.law li>ol {
margin: 0 25px;
}
#page>#content>ol.law li:before {
margin-right: .6em;
}
#page>#content>ol.law>li:before {
counter-increment: law;
font-weight: bold;
content: '(' counter(law) ')';
}
#page>#content>ol.law>li>ol {
counter-reset: law-sub;
}
#page>#content>ol.law>li>ol>li:before {
counter-increment: law-sub;
content: counter(law-sub,lower-latin) ')';
}
#page>#content>ol.law>li>ol>li>ol {
counter-reset: law-sub-sub;
}
#page>#content>ol.law>li>ol>li>ol>li:before {
counter-increment: law-sub-sub;
content: counter(law-sub-sub) '.';
}
#page>#content .button-blue {
background: url('/design/backgrounds/button-blue.png');
}
#page>#content .button-green {
background: url('/design/backgrounds/button-green.png');
}
#page>#content .button-purple {
background: url('/design/backgrounds/button-purple.png');
}
#page>#content .button-blue,
#page>#content .button-green,
#page>#content .button-purple {
width: 153px;
height: 37px;
display: block;
color: white;
font-size: 1.8rem;
font-family: 'texgyreb';
margin: 0 auto;
text-align: center;
text-decoration: none;
line-height: 37px;
text-shadow: 1px 1px 2px #000000;
}
#page>#content .client-account {
margin: 10px 25px;
font-size: 13px;
font-size: 1.3rem;
background: #eaeff2;
}
#page>#content .client-account th,
#page>#content .client-account td {
padding: 7px 10px;
text-align: left;
}
#page>#content .client-account th {
font-weight: bold;
}