/*
Theme Name: Europa Kolleg Hamburg
Theme URI: http://underscores.me/
Author: Steffen Görg
Author URI: http://gatonet.de
Description: Custom Theme for Europa Kolleg Hamburg
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: europa_kolleg
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Europa Kolleg Hamburg is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


#post-2408{display: none !important;}
#wpucssmagic{padding: 5px !important}
#tinymce{padding: 25px; max-width:680px;}
.home .secinstance{min-height: 180px;}
.wpcf7-form-control-wrap    div.selector{ display: block;}

.schriftenreihe-des-europa-kollegs-hamburg-zur-integrationsforschung .publication-excerpt{display: none;}

form.wpcf7-form p b{ font-size: 13px;}
a.headlogo {
    background-image: url(images/logo_european_integration.svg);
    background-repeat: no-repeat;
    display: block;
    height: 95px;
    width: 200px;
    background-size: 178px;
    margin-bottom: 5px;
}

a.headlogo img {
    display: none;
}
.wp-tab-content-wrapper ul ul{
    /*margin-top:1.5em;*/
}
.parent-pageid-12 a.headlogo, .parent-pageid-42 a.headlogo, .home a.headlogo {

    background-image: url(images/logo_european_integration.svg);
    background-repeat: no-repeat;
    display: block;
    height: 95px;
    width: 200px;
    background-size: 178px;
    margin-bottom: 5px;
}
.tax-personen-intern .ajaxinfo p{ padding-bottom: 1em;}
.parent-pageid-142 a.headlogo , .term-europaeisches-wirtschaftsrecht a.headlogo,.parent-pageid-16 a.headlogo, .page-id-132 a.headlogo, .parent-pageid-132 a.headlogo, .page-id-1466 a.headlogo, .parent-pageid-1466 a.headlogo{

    background-image: url(images/logo_european_wirtschaftsrecht.svg);
    background-repeat: no-repeat;
    display: block;
    height: 95px;
    width: 200px;
    background-size: 178px;
    margin-bottom: 5px;


}

.term-faculty-master-programme a.headlogo,.term-lehrende-meels a.headlogo, .parent-pageid-14 a.headlogo, .page-id-103 a.headlogo, .parent-pageid-103 a.headlogo, .page-id-1462 a.headlogo, .parent-pageid-1462 a.headlogo {

    background-image: url(images/logo_european_legal_studies.svg);
    background-repeat: no-repeat;
    display: block;
    height: 95px;
    width: 200px;
    background-size: 178px;
    margin-bottom: 5px;


}

.parent-pageid-14 a.headlogo img, .parent-pageid-16 a.headlogo img,
.parent-pageid-12 a.headlogo img, .parent-pageid-42 a.headlogo img,
.home a.headlogo img {
    display: none;
}

/* =Reset
-------------------------------------------------------------- */

html,
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins,
kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul,
li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
tr, th, td {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
    background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol, ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote {
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    font-style: italic;
    font-size: 12px;
    margin: 0;
    padding: 40px 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    background: #dcddde;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    font-style: normal;
    left: -10px;
    top: -10px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}

/**
 * Contact Form
 */
form.wpcf7-form table tr td {
   width: 300px;
}

form.wpcf7-form p.full-text .wpcf7-text {
    padding: 14px;
    border: 1px solid #eee;
    width: 90%;

}

form.wpcf7-form p {
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 15px;
}

form.wpcf7-form .wpcf7-text, form.wpcf7-form .wpcf7-date, form.wpcf7-form .wpcf7-free-text  {
    padding: 14px;
    border: 1px solid #eee;
    width: 100%;
    background: #eee;
    border-radius: 0px;
    margin-top: 4px;
    width: 100%;
}

form.wpcf7-form .wpcf7-textarea {
    padding: 14px;
    border: 1px solid #eee;
    width: 100%;
    overflow: auto;
}

form.wpcf7-form .wpcf7-submit {
    outline: none;
    border: none;
    border-radius: 2px;
    background: #ccc;
    color: #fff;
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transition-property: background, color;
    transition-duration: 200ms, 200ms;
    transition-delay: 0s;
    text-shadow: none;
}

form.wpcf7-form .wpcf7-submit:hover {
    background: none;
    background: #666;
    color: #fff;
}

form.wpcf7-form .wpcf7-text:focus, form.wpcf7-form .wpcf7-textarea:focus {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

form.wpcf7-form .wpcf7-captchar {
    padding: 14px;
    border: 1px solid #e90000;
    width: 100px;
}

form.wpcf7-form .wpcf7-captchac {
    margin: 7px 10px 0px 0px;
    float: left;
}

form.wpcf7-form div.uploader {
    float: right;
}

div.wpcf7-response-output {
    padding: 15px !important;
    background: #398f14;
    margin: 0 !important;
    text-align: center;
    color: #fff;
}

div.wpcf7-validation-errors.wpcf7-response-output {
    background: red !important;
    border-color: red !important;
}

span.wpcf7-not-valid-tip {
    left: auto !important;
    width: auto !important;
    right: 0 !important;
    background: red !important;
    color: #fff;
    font-size: 11px !important;
    top: 29px !important;
    display: inline-block;
    padding: 5px;
}

table.checklist-application-documents span.wpcf7-not-valid-tip {
   float: right;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

/* =Global
----------------------------------------------- */


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

}

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

}

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

}

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

}

/* ICON FONT */

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

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

.icon {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: news_gothic_mt_stdregular;
}

.download.icon {
    color: rgb(89, 89, 89);
    background: #ccc;
    display: inline-block;
    padding: 20px 25px 20px 70px;
    cursor: pointer;
    position: relative;

}

.download.icon:hover:before {
    color: #ccc;
    font-family: 'europa_kolleg_hamburg_icons';
}

.download.icon:hover {
    text-decoration: underline;
    color: #fff;
}

.download.icon:before {
    margin-right: 5px;
    border-right: 1px solid #999;
    padding: 5px 15px;
    position: absolute;
    height: 52px;
    background: #999;
    display: block;
    top: 0px;
    left: 0px;
    text-align: center;
    line-height: 45px;
    font-family: 'europa_kolleg_hamburg_icons';
}
.parent-pageid-14 .download.icon:before{color:rgb(67, 179, 138);}
.icon-google-plus:before {
    content: "\e600";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-twitter:before {
    content: "\e601";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-vimeo:before {
    content: "\e602";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-facebook:before {
    content: "\e603";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-feed:before {
    content: "\e604";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE605:before {
    content: "\e605";
    margin-top: 12px;
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-arrow-left:before {
    content: "\e606";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-arrow-right:before {
    content: "\e607";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-arrow-left2:before {
    content: "\e608";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-checkbox-checked:before {
    content: "\e600";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-download:before {
    content: "\e601";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-upload:before {
    content: "\e602";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-mobile:before {
    content: "\e603";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-mail:before {
    content: "\e604";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-graduation:before {
    content: "\e605";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-book:before {
    content: "\e606";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-new:before {
    content: "\e607";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-checkmark:before {
    content: "\e608";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-ok:before {
    content: "\e609";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-tag:before {
    content: "\e60a";
    margin-right: 5px;
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-caret-down:before {
    content: "\e60b";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-caret-up:before {
    content: "\e60c";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-caret-left:before {
    content: "\e60d";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-caret-right:before {
    content: "\e60e";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-envelope-alt:before {
    content: "\e60f";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-angle-left:before {
    content: "\e610";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-angle-right:before {
    content: "\e611";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-angle-up:before {
    content: "\e612";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-angle-down:before {
    content: "\e613";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-cloud-download:before {
    content: "\e614";

    font-size: 18px;
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-cloud-upload:before {
    content: "\e615";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-tag2:before {
    content: "\e616";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-phone:before {
    content: "\e617";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-download2:before {
    content: "\e618";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-upload2:before {
    content: "\e619";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-checkmark2:before {
    content: "\e61a";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-checkmark3:before {
    content: "\e61b";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-checkmark4:before {
    content: "\e61c";
    font-family: 'europa_kolleg_hamburg_icons';
}

.icon-upload3:before {
    content: "\e61d";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-download3:before {
    content: "\e61e";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-list:before {
    content: "\e61f";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-profile:before {
    content: "\e620";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-envelope:before {
    content: "\e621";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-phone2:before {
    content: "\e622";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-phone3:before {
    content: "\e623";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE624:before {
    content: "\e624";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE625:before {
    content: "\e625";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE626:before {
    content: "\e626";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE627:before {
    content: "\e627";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE628:before {
    content: "\e628";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE629:before {
    content: "\e629";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE62A:before {
    content: "\e62a";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE62B:before {
    content: "\e62b";font-family: 'europa_kolleg_hamburg_icons';
}

.icon-uniE62C:before {
    content: "\e62c";font-family: 'europa_kolleg_hamburg_icons';
}

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    font-size: 16px;
    line-height: 18px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    clear: both;
}

.page h1 {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 36px;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    font-weight: 400;
}

.page h2 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    font-weight: 400;
}

.page h3 {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 26px;
}

.page .subline {
    font-size: 12px;
    color: #999;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

/* Text elements */
/* origonal p {
    margin-bottom: 1.5em;
    overflow-x: hidden;
    line-height: 18px;
    font-size: 12px;
}*/
p {
    margin-bottom: 1.5em;
    overflow-x: hidden;
    line-height: 18px;
    font-size: 13px;
}
ul, ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

b, strong {
    font-weight: normal;
    font-family: News Gothic MT W02 Bold, news_gothic_mt_stdbold;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

th {
    font-weight: bold;
}

table {
    width: 100%;

    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: hidden;
    border-bottom-style: hidden;
    border-left-style: hidden;
    border-right-style: hidden;
    border-collapse: collapse;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}

table th {
    background: #4bc4da;
    color: #fff;
    font-weight: 100;
    padding: 10px 20px;
    text-align: left;
}

table tr td {
    padding: 10px 20px;
    text-align: left;
}

table tr:nth-child(2n+1) {
    background: #F9F9F9;
}

tbody {
    border-bottom: 1px solid;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

button,
input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #999;
    color: rgba(0, 0, 0, .8);
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa #bbb;
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);*/
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 98%;
}

/* CI COLORS */

.color1 {
    border-bottom-color: rgb(166, 166, 166) !important;
}

.color2 {
    border-bottom-color: rgb(35, 125, 156) !important;
}

.color3 {
    border-bottom-color: rgb(67, 179, 138) !important;
}

.color4 {
    border-bottom-color: rgb(186, 77, 106) !important;
}

/* SPONSORS LIST */
.sponsoren_und_foerderer ul {
    list-style: none;
    margin: 0;
}

.sponsoren_und_foerderer ul li {
    float: left;
    height: 170px;
    display: block;
    position: relative;
}

.sponsoren_und_foerderer ul li img {}

.flipimage {
    border: solid 1px #ccc
}
.striche li { list-style-type: none; position: relative; }
.striche li:before{
    content:"- ";
    position: absolute;
    left: -8px;
}
.fliplogo {
    height: 150px;
    position: relative;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 5px;
    margin-right: 5px;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.cs-style-6 li {
    display: inline-block;
    text-align: left;
    position: relative;
}

.cs-style-6 .fig {
    margin: 0;
    position: relative;
}

.cs-style-6 .fig .flipimage {
    max-width: 100%;
    display: block;
    position: relative;
    background: #fff;
}

.cs-style-6 .figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    background: rgb(35, 125, 156);
    color: #fff;
}

.cs-style-6 .figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
}


.cs-style-6 .figcaption a {
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
}

/* Individual Caption Styles */

/* Caption Style 6 */
.cs-style-6 .fig .flipimage {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cs-style-6 .fig:hover .flipimage,
.cs-style-6 .fig.cs-hover .flipimage {
    -webkit-transform: translateX(34px) translateY(15px) scale(0.43);
    -moz-transform: translateX(34px) translateY(15px) scale(0.43);
    -ms-transform: translateX(34px) translateY(15px) scale(0.43);
    transform: translateX(34px) translateY(15px) scale(0.43);
}

.cs-style-6 .figcaption {
    height: 100%;
    width: 100%;
}

.cs-style-6 .figcaption span {
    line-height: 14px;
    font-size: 11px;
    display: block;
}

.cs-style-6 .figcaption a {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/* Links */
a {
    color: #000;
}

a.teaserlink {
    text-decoration: none;
}

a:visited {}

a:hover,
a:focus,
a:active {
    color: midnightblue;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

.site-header {
    position: relative;
    margin-top: 30px;
}

.site-branding {
    border-bottom: 2px solid #ccc;
    position:relative;
}
.site-branding .award {
    position:absolute;
    bottom:11px;
    right:0;
}

/* =Menu
----------------------------------------------- */
.menu-mainmenu-container {
    margin-top: 23px;
}

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

#menu-mainmenu >li, #menu-mainmenu_en >li  {
    border-bottom: 2px solid #ccc;
    transition: all 0.5s ease-in;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {}

.main-navigation li {
    float: left;
    position: relative;
    display: inline-block;
}

.main-navigation li a {
    color: #000;
    transition: color 0.5s ease-out, background-color 0.5s ease-out;
}

.main-navigation li a:first-child {
    display: block;
    height: 70px;
}

.main-navigation li .sub-menu a {
    display: block;
    height: auto;
}
.sub-menu .toppoint{padding-top:4px !important; }
.sub-menu .toppoint .sub{display: none!important;}
.main-navigation li:hover > a {
    color: #fff;
    transition: all 0.3s ease-in;
}

.main-navigation li ul li a {
    color: #000 !important;
    font-size: 12px;
}
a.button{font-family: News Gothic MT W02, news_gothic_mt_stdregular, Arial, Helvetica, sans-serif; }
.post-edit-link{font-size: 10px; position: absolute; right: 0px; bottom: 0px;}
#main .normview{position: relative;}
.main-navigation .menu-main-container > ul li {
    color: #000;
    background: #fff;
    transition: all 0.5s ease-in;
    border-bottom: 2px solid #ccc;
}

.main-navigation li .sub-menu li {
    border-bottom: none;
    width: 230px;
    background: #fff !important;
    padding-left: 40px;
    line-height:20px;
}

.main-navigation li .sub-menu li a {
    background: #fff !important;
    float: left;
    max-width: 174px;
    line-height:20px;
    font-size:13px;
}

.main-navigation li .sub-menu li:before {
    content: "– ";
    padding-left: 0px;
    float: left;
    padding-right: 5px;
    width:16px;
    overflow:hidden;
}

.main-navigation li .sub-menu li .sub-menu li:before {
    content: "– ";
    padding-left: 0px;
    float: left;
    padding-right: 5px;
    width:16px;
    overflow:hidden;
}

.main-navigation li .sub-menu li.menu-item-has-children:before {
    content: "+ ";
}

.main-navigation li .sub-menu li.menu-item-has-children .sub-menu li:before {
    content: "– ";
}

.main-navigation li .sub-menu li a:hover {
    text-decoration: underline;
}

.sub-menu li a {
    color: #000 !important;
    display: block;
    max-width: 180px;
}

.main-navigation #menu-mainmenu > li:hover .sub-menu li .sub-menu li a, .main-navigation #menu-mainmenu_en > li:hover .sub-menu li .sub-menu li a {
    display: block;
    max-width: 183px !important;
    opacity: 1;
    color: #000 !important;
}

.sub-menu li .sub-menu li {
    max-width: 200px !important;
    opacity: 1;
    color: #000;
    padding-left: 0px;
}

.main-navigation #menu-mainmenu > li.color1:hover a, .main-navigation #menu-mainmenu > li.color1.current-menu-ancestor a, .main-navigation #menu-mainmenu > li.color1.current-menu-parent a, .main-navigation #menu-mainmenu_en > li.color1:hover a, .main-navigation #menu-mainmenu_en > li.color1.current-menu-parent a  {
    background: rgb(166, 166, 166);
    color: #fff;
    transition: color 0.5s ease-in, background 0.5s ease-in;
}

.toppoint {
    line-height: 17px;
    display: block;
    padding-top: 8px;
}

.main-navigation #menu-mainmenu > li.color2:hover a, .main-navigation #menu-mainmenu > li.color2.current-menu-ancestor a, .main-navigation #menu-mainmenu > li.color2.current-menu-parent a, .main-navigation #menu-mainmenu_en > li.color2:hover a, .main-navigation #menu-mainmenu_en > li.color2.current-menu-parent a {
    background: rgb(35, 125, 156);
    color: #fff;
    transition: color 0.5s ease-in, background-color 0.5s ease-in;

}

.main-navigation #menu-mainmenu > li.color3:hover a, .main-navigation #menu-mainmenu > li.color3.current-menu-ancestor a, .main-navigation #menu-mainmenu > li.color3.current-menu-parent a, .main-navigation #menu-mainmenu_en > li.color3:hover a, .main-navigation #menu-mainmenu_en > li.color3.current-menu-parent a  {
    background: rgb(67, 179, 138);
    color: #fff;
    transition: color 0.5s ease-in, background 0.5s ease-in;

}

.main-navigation #menu-mainmenu > li.color4:hover a, .main-navigation #menu-mainmenu > li.color4.current-menu-ancestor a, .main-navigation #menu-mainmenu > li.color4.current-menu-parent a, .main-navigation #menu-mainmenu_en > li.color4:hover a, .main-navigation #menu-mainmenu_en > li.color4.current-menu-parent a {
    background: rgb(186, 77, 106);
    color: #fff;
    transition: color 0.5s ease-in, background 0.5s ease-in;

}

.main-navigation a {
    display: block;
    text-decoration: none;
    font-family: scalaregular, serif;
    padding-left: 40px;
}

.main-navigation .sub-menu a {
    padding-left: 0px
}

.sub-menu a {
    color: #000;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    font-size: 12px;
}

.main-navigation ul ul ul {
    position: relative;
}

.main-navigation ul.menu-mainmenu > ul {
    display: block;
    float: left;
    left: 0;
    position: absolute;
    top: 80px;
    z-index: 99999;
    transition: all 0.5s ease-in;
    opacity: 0;
    /* z-index: -1; */
    width: 230px;
}
.main-navigation ul li ul ul {
    visibility: hidden;
}
.main-navigation ul li:hover ul ul {
    left: 10%;
    top: 0;
    opacity: 1 !important;
    padding-top: 0px;
    z-index: 999;
}

.main-navigation ul li:hover ul li:hover ul {
    left: 100%;
    top: -25px;
    opacity: 1 !important;
    position: absolute;
    padding-top: 25px;
    z-index: 999;
    visibility:visible;
    padding-bottom: 25px;
    margin-left: 0px;
}

.main-navigation ul li ul ul li a {
    color: #000 !important;
}

.main-navigation ul ul a {
    color: #000;
    font-size: 11px;
}

.main-navigation ul ul li {}

.main-navigation li:hover > a {}

.main-navigation ul ul :hover > a {}

.main-navigation ul ul a:hover {}

.main-navigation ul li > ul li ul {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
}

.main-navigation ul li > ul li ul {
    opacity: 1 !important;
    padding-top: 0px
}

.main-navigation ul li > ul {
    display: block;
    top: 100px;
    transition: all 0.5s ease-in;
    opacity: 0;
    z-index: -1;
    padding-top: 40px;
    background: #fff;
    position: absolute;
}

#menu-mainmenu > li >.sub-menu, #menu-mainmenu_en > li >.sub-menu {
    padding-bottom: 40px;
    width: 230px;
}

.main-navigation ul li:hover > ul,.main-navigation ul li:focus > ul {
    display: block;
    top: 70px;
    transition: all 0.4s ease-in;
    opacity: 1;
    z-index: 100;
    padding-top: 40px;
    background: #fff;
    position: absolute;
}
.main-navigation ul li ul li ul {
    transition:all 0s linear 0.3s;
}
.main-navigation ul li ul li:hover ul,
.main-navigation ul li ul li:focus ul {
    transition:all 0s linear 0s;
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {}

/* Small menu */
.menu-toggle {
    cursor: pointer;
    display: none;
}



/* =Content
----------------------------------------------- */
.archive.tax-forschungsfelder .entry-title a,.archive.tax-Autoren .entry-title a,.archive.tax-reihen .entry-title a,.archive.tax-veroeffentlichungsjahr .entry-title a{font-size: 14px;
line-height: 16px;
margin: 0px;
text-transform: uppercase;
}
.sticky {}

.hentry {
    margin: 0 0 1.5em;
}

.single-post .hentry {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc
}
.single.single-format-standard .hentry {
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc
}



.byline,
.updated {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
    font-size: 13px;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* =Asides
----------------------------------------------- */
.catexcerpt {
    font-size: 11px;
    line-height: 13px;
    position: relative;
    top: 0px;
    bottom: 0px;
    min-height: 55px;
}

.catexcerpt .morelink {
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    position: absolute;
    left: 0px;
    bottom: -24px;
    text-transform: uppercase;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.site-main .gallery {
    margin-bottom: 1.5em;
}

.gallery-caption {}

.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.site-main .gallery dd {
    margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {}

.site-main .gallery-columns-4 .gallery-item img {}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
    margin: 0 0 1.5em;
    overflow: hidden;
}

[class*="navigation"] .nav-previous {
    float: left;
    width: 50%;
}

[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/* =Comments
----------------------------------------------- */
.postedon {
    margin-top: -25px;
    position: absolute;
    background: #dcddde;
    padding: 5px;
    text-align: center;
}

.postedon a {
    text-decoration: none;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {}

/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/* HOME TEMPLATE */

.page-template-page-home-php #main {
    position: relative;
    min-height: 510px;
    margin-top: 10px;
}

.page-template-page-home-php .vorlesungen {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 510px;
    background-size: cover;
    display: none
}

.page-template-page-home-php .vorlesungen.activeslide {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 510px;
    background-size: cover;
    display: block;
}
.not-active.activeslide img{opacity: 1 !important}
.not-active img{opacity: 0.5}

.page-header .main-teaser {
    top: 0px
}

.main-teaser p {
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
    overflow: visible;
}

.main-teaser {
    background: rgba(255, 255, 255, 0.48);
    font-size: 14px;
    text-transform: uppercase;
    width: 225px;
    z-index: 11;
    top: 40px;
}

.main-teaser .entry-title {
    padding: 15px 40px 30px 40px;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
}

.entry-content.grid_17 .grid_8 {
    margin-left: 0px;
    margin-right: 10px;
}

.page-template-default #main, .page-template-page-foerderer-php #main {
    position: relative;
    min-height: 410px;
    margin-top: 50px;
    font-size: 12px;
}

.page-template-default .entry-content, .page-template-page-foerderer-php .entry-content {
    margin-top: 40px
}

.archive .entry-content.grid_18, .archive .entry-meta.grid_6, .single-post .entry-content.grid_18,
.single-post .entry-meta.grid_6 {
    border-top: 2px solid #ccc;
    border-bottom: 0px solid #ccc;
    font-size: 12px;
    padding-top: 25px;
    padding-bottom: 0px;
    margin: 1.5em 5px 0px 5px;
}

.entry-content ul ul li {
    list-style-type: none;
}
.wp-spoiler-title{font-size: 12px !important; text-transform: none !important;}
.entry-content ul ul li:before {
    display: block;
    position: absolute;
    left: 50px;
    height: 19px;
    width: 19px;
    content: '';
    background-color: rgb(228, 228, 228);
    background-image: url("images/sprite.png");
    background-position: -76px -260px;
    text-align: center;
    padding: 0px;
}
.page-id-1524 .entry-content ul ul li:before, .page-id-180 .entry-content ul ul li:before,.page-id-46 .entry-content ul ul li:before, .page-id-1425 .entry-content ul ul li:before {
    display: block;
    position: absolute;
    left: 35px;
    height: 19px;
    width: 19px;
    content: '';
    background-color: rgb(228, 228, 228);
    background-image: url("images/sprite.png");
    background-position: -76px -260px;
    text-align: center;
    padding: 0px;
}


.taxonomy-description{margin-top:1.5em; }
.menu-tompenu-container ul {
    list-style: none;
    margin: 0px;
}

.menu-tompenu-container ul li {
    float: left;
    font-size: 11px;
}

.menu-tompenu-container ul li a {
    text-decoration: none;
}

.menu-tompenu-container ul li a:hover {
    text-decoration: underline;
}

.toprightlinks {
    position: absolute !important;
    right: 0px;
    z-index:2;
}

#topnavigations {
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    float: right;
}

.laguage-switch {
    text-align: right;
    font-size: 11px;
    float: right;
    display: block;
    text-transform: uppercase;
}
.laguage-switch li:first-child:after{
    content: " / ";
    margin-right: 4px;
}

.sociallinks {
    text-align: right;
    font-size: 12px;
    float: none;
    display: block;
    width: 100%;
    clear: both;
}

.sociallinks span {
    padding-right: 7px;
}

.sociallinks span.icon-feed {
    padding-right: 2px;
}

.secinstance.grid_16 {
    min-height: 108px;
    position: relative;
}

.secinstance {
    margin-top: 10px;
    min-height: 155px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding-top: 25px;
    padding-bottom: 20px;
}

.secinstance h1, .normview h1 {
    font-size: 32px;
    line-height: 41px;
    font-weight: normal;
    font-family: News Gothic MT W02, News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    text-transform:uppercase;

}
.home .secinstance h1:first-child{	overflow:hidden;
	height:89px;}
.secinstance h2, .normview h2 {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
}
#mti_wfs_colophon{display: none !important;}
.secinstance .teacherinfo h2, .normview .teacherinfo h2 {
    text-transform: none;
    max-width: 90%;
}
.secinstance .grid h2:last-child{

    color: #b2b4b6;
    text-transform: uppercase;
}

.instituth {
    display: none;
    color: #b2b4b6;
    text-transform: uppercase;
}
.sub-headlinen {
    color: #b2b4b6;
    text-transform: uppercase;
}
.secinstance p, .normview p {
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 0px;
}

.secinstance ul, .normview ul {
    margin: 0px;
    list-style: none;
}

.secinstance ul li, .normview ul li {
    line-height: 20px
}

.secinstance ul li a, .normview ul li a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 20px;
}

.secinstance ul li a:before, .normview ul li a:before {
    content: "+ ";
}

.highlightbox {
    border: 1px solid #ccc;
    padding: 15px 24px;
    margin: 10px 0;
    font-style: italic;
}

.highlightbox input[type=checkbox] {
    float: left;
    padding: 20px;
    border-right: 2px solid #ccc;
    display: block;
    height: 20px;
    width: 20px;
}

.highlightbox input[type=checkbox]:after {
    content: "|";
    float: left;
    display: block;
}

.menu-footermenu-container, .menu-footermenu_en-container {
    text-align: left;
    float: left;
    padding-left: 5px;
}

.menu-footermenu-container ul, .menu-footermenu_en-container ul {
    margin: 0px;
}

.menu-footermenu-container ul li, .menu-footermenu_en-container ul li {
    float: left;
    list-style-type: none;
}

.menu-footermenu-container ul li a, .menu-footermenu_en-container ul li a {
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 15px;
}

.menu-footermenu-container ul li a:hover, .menu-footermenu_en-container ul li a:hover {
    text-decoration: underline;
}

.entry-header.grid_7 .entry-title a {
    font-size: 21px;
    line-height: 26px;
    text-transform: uppercase;
}

.archive h1.entry-title a {
    font-size: 32px;
    line-height: 36px;
    font-weight: normal;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    text-decoration: none;
}

.tags-links h2 {
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    display: block;
    height: 24px;
    line-height: 23px;
    margin-right: 10px;
    color: #999;
}

.tags-links ul li {
    float: left;
}

.site-footer {
    font-size: 9px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.site-footer a {
    font-size: 9px
}

#main-slidenavigation {
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 999;
    top: 60%;
}

#main-slidenavigation:hover #main-nextslide {
    right: 0px;
    opacity: 1;
    transition: all 0.3s ease-in;
}

#main-slidenavigation:hover #main-prevslide {
    left: 0px;
    opacity: 1;
    transition: all 0.3s ease-in;
}

#main-nextslide {
    position: absolute;
    right: -30px;
    opacity: 0;
    transition: all 0.3s ease-in;
    height: 23px;
    width: 25px;
    background: #fff;
    display: block;
    cursor: pointer;
    overflow: hidden;
    padding-top: 7px;
    padding-left: 5px;
}

#main-prevslide {
    position: absolute;
    left: -30px;
    opacity: 0;
    transition: all 0.3s ease-in;
    height: 23px;
    width: 25px;
    background: #fff;
    display: block;
    cursor: pointer;
    overflow: hidden;
    padding-top: 7px;
    padding-left: 5px;
}

#th-wrap #main-prevslide {
    position: absolute;
    left: -30px;
    top: 50%;
    opacity: 0;
    transition: all 0.3s ease-in;
    height: 23px;
    width: 25px;
    background: #fff;
    display: block;
    cursor: pointer;
    overflow: hidden;
    padding-top: 7px;
    padding-left: 5px;
    z-index: 100;
}

#th-wrap #main-nextslide {
    position: absolute;
    right: -30px;
    top: 50%;
    opacity: 0;
    transition: all 0.3s ease-in;
    height: 23px;
    width: 25px;
    background: #fff;
    display: block;
    cursor: pointer;
    overflow: hidden;
    padding-top: 7px;
    padding-left: 5px;
    z-index: 100;
}

#th-wrap:hover #main-prevslide {
    position: absolute;
    left: 0px;
    top: 50%;
    opacity: 1;
    transition: all 0.3s ease-in;
    height: 30px;
    width: 25px;
    background: #fff;
    display: block;
    cursor: pointer;
    overflow: hidden;
    padding-top: 7px;
    padding-left: 7px;
}

#th-wrap:hover #main-nextslide {
    position: absolute;
    right: 0px;
    top: 50%;
    opacity: 1;
    transition: all 0.3s ease-in;
    height: 30px;
    width: 25px;
    background: #fff;
    display: block;
    cursor: pointer;
    overflow: hidden;
    padding-top: 7px;
    padding-left: 10px;
}

.slidecontent {
    display: none;
    position: absolute;
}

.slidecontent.activepost {
    display: block;
    position: relative;
}

.newpermalink, .newpermalink2 {
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.newpermalink:hover, .newpermalink2:hover {
    text-decoration: underline;
}

.grid_14.ajaxinfo {
    font-size: 12px;
    padding-top: 50px;
    display: none;
}
.ajaxinfo table tr td > *{font-size:12px !important;}
.ajaxinfo table li{font-size:12px !important;}
.ajaxinfo table li span{font-size:12px !important;}

.ajaxinfo{padding-bottom: 1em;}

.ajaxinfo table li{padding-left: 10px; position: relative;}
.ajaxinfo table li:before{content:"-"; position: absolute; margin-left: -10px;}
.page-header {
    margin-top: 50px;
}

.page-header-left {
    height: 169px;
    background: #dcddde;
    padding-top: 20px;
    position: relative;
}

.page-header-left h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 50px;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    position: relative;
    display: block;
    height: 145px; 
    overflow: hidden;
}
.page-header-left h1 {line-height: 1em;}
.page-header-left h1 div{line-height: 1.4em;}
.teacherinfo .secinstance h1{ line-height: 50px;}
.activeslide .hoverdiv {
    display: none;
}

.hoverdiv {
    opacity: 0;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 295px;
    z-index: 10;
    transition: all 0.3s ease-in;
    cursor: pointer;
}

.hoverdiv:hover {
    opacity: 1;
    transition: all 0.3s ease-in;
}

.th-wrap img {
    float: left;
}

#slideimgholder {
    width: 10000px;
    position: absolute;
}

#slideimgholder ul {
    margin: 0px;
    list-style: none;
}

#slideimgholder li {
    margin: 0px;
    list-style: none;
    float: left;
    position: relative;
}
.thumbholder{ width: 100px !important; height:100px; background-size: cover;}
.single-personen .thumbholder{ width: 260px !important;
height: 170px; background-size: contain; background-repeat: no-repeat; background-position: center;}

.th-wrap {
    height: 295px;
    overflow: hidden;
    margin: 10px auto 10px auto;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 1000000px;
}

.th-wrap .th-part {
    width: 950px;
    height: 147px;
    position: relative;
    overflow: hidden;
    background: #f0f0f0;
}

.ui-icon {
    width: 9px !important;
}

.wp-spoiler {
    margin-top: 0px !important;
}

.wpui-light .ui-collapsible-header, .wpui-light .ui-accordion h3.ui-accordion-header {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: normal 12px !important;
    background: none !important;
    padding: 4px 0px !important;
    color: #222;
    border: none !important;
    text-shadow: none !important;
}

.ui-icon-triangle-1-e {
    background-position: -39px -13px !important;
}

.ui-icon-triangle-1-s {
    background-position: -69px -13px !important;
}

.wpui-light .ui-collapsible-header {
    font-weight: normal !important;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif !important;
    font-size: 12px !important;
    text-decoration: underline;
}

.th-wrap > .th-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 499;
    display: none;
    background: rgb(38, 38, 38);
}

.th-inner ul {
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 10px 0px 0 10px
}

.th-inner ul li {
    display: inline-block;
    width: 129px;
    float: left;
    margin: 5px;
    height: 85px;
    overflow: hidden;
}

.th-inner ul li img {
    width: 120px;
    height: auto;
    cursor: pointer;
}

.th-inner ul li a {
    position: relative;
    display: block;
    outline: none;
    margin: 4px;
}

.th-inner ul li.th-thumb-current a {
    background: #ffb762;
}

.th-inner ul li a:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}

.th-inner ul li a img {
    display: block;
    width: 60px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.th-inner ul li a:hover img {
    opacity: 0.7;
}

.th-toggle {
    display: block;
    position: absolute;
    width: 20px;
    height: 19px; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* W3C */
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -90000px;
    float: right;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 500;
    right: 45px;
    bottom: 10px;
    padding: 4px;
    overflow: hidden;
}

.th-toggle span {
    display: block;
    width: 4px;
    height: 4px;
    background: #000;
    float: left;
    margin: 1px;
}

.th-toggle.ttoggled span {
    display: block;
    width: 12px;
    height: 2px;
    background: #000;
    float: left;
    margin: 0px 0px 1px 0px;
}

#slideholder {
    width: 10000px;
}

/* SORT GRID STYLES (Publikationen DB) */
#sortgrid .mix {
  /*  opacity: 0;
    display: none;*/
}
li.mix{list-style-type:none; }
.finfo {
    background: #dcddde;
    padding: 10px 15px;
    min-width: 90px;
    display: block;
    font-size: 11px;
}

#sorting .finfo {
    background: #fff;
}

#filters {
    margin-top: 1.5em;
}

.filterbuttons {
    cursor: pointer;
    padding: 10px 15px;
    font-size: 11px;
    color: rgb(89, 89, 89);
    display: block;
    text-transform: uppercase;
}

.filterbuttons:hover {
    background: #ECECEC;
}

.my_term-archive {
    background: #dcddde;
}

.my_term-archive:hover {
    background: #ECECEC;
}

.my_term-archive ul {
    background: #ECECEC;
    z-index: 900;
    max-height: 270px;
    min-width: 119px;
    overflow: scroll;
}

.my_term-archive ul li {
    text-decoration: none;
    white-space: nowrap;
    padding: 0 10px;
    font-size: 11px;
    cursor: pointer;
}

.my_term-archive ul li:before {
content: '';
position: relative;
display: inline-block;
width: 10px;
height: 10px;
top: 1px;
margin-left: 7px;
border: 1px solid #ccc;
margin-right: 10px;
margin-bottom: 0px;
}

.my_term-archive ul li.active:before {
    background: #000;
    border-color: #000;
}

.my_term-archive:hover ul {
    display: block;
}

#sorting.list .meta.name {
    float: left;
    text-align: left;
    width: auto;
    border-left: 0 none;
    margin-right: 40px;
}

#sorting.list .list_header {
    height: 38px;
    line-height: 38px;
    text-align: right;
    color: #59514c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
}


#sorting.list .list_header .meta span {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 24px;
    margin: 1px 0 0;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#sorting.list .list_header .meta span.active.desc:after {
    border-top-color: #e96d51;
}

#sorting.list .list_header .meta span.desc:after {
    border-top: 7px solid #c3bdb8;
}

#sorting.list .list_header .meta span.active.asc:after {
    border-bottom-color: #e96d51;
}

#sorting.list .list_header .meta span.asc:after {
    top: 11px;
    border-bottom: 7px solid #c3bdb8;

}

#sorting.list .list_header .meta span:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    border: 5px solid transparent;
}

#sortgrid {
    margin: 0;
    list-style-type: none;
}

#sortgrid .entry-title a {
    font-size: 14px;
    line-height: 16px;
    margin: 0px;
    text-transform: uppercase;
}

#sortgrid .entry-meta {
    position: relative;
    float: left;
}

/**
 * @see EKH-11
 */
.g470postedon {
    padding:0;
    background:transparent;
}
.g470postedon > time {
    padding:5px;
    display:block;
    background:#dcddde;
}
.g470postedon img {
    margin:15px 0 0;
}

.filter.superactive {
    color: #999
}

.tags-links ul {
    list-style-type: none;
    margin: 0;
    float: left;
    overflow: hidden;
    width:415px;

}
.tags-links ul li{display: block;
}
.taglist-Forschungsfeld li{overflow: hidden;
width:415px;
text-overflow: ellipsis;
}
.tags-links a {
    text-decoration: none;
    font-size: 12px;

}

#sortgrid .edit-link {
    position: absolute;
    display: block;
    background: #ccc;
    border-radius: 3px;
    right: 0px;
    bottom: 0px;
    padding: 5px 10px;
}

.my_term-archive {
    float: left;
    position: relative;
    padding-top: 0px;
}

.my_term-archive ul {
margin: 0;
list-style-type: none;
display: none;
position: absolute;
left: 0px;
padding-bottom: 15px;
padding-top: 10px;
padding-right: 15px;
}

#sorting {}

#sorting ul {
    margin: 0;
    list-style-type: none;
}

#sorting li {
    float: left;
}

/* BREADCRUMB NAVIGATION */
.breadcrumb {
    position: absolute;
    bottom: 5px;
    left: 40px;
}

.breadcrumb, .breadcrumb a {
    font-size: 11px;
    color: rgb(89, 89, 89);
    text-transform: uppercase;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}
#breadcrumb-menu-mainmenu-1 a:last-child span{display:none;}

.laguage-switch .current-lang a{ text-decoration: underline; color: #ccc;  }

/* TABS */
.wpui-light .ui-tabs {
    background: white !important;
    border: 1px solid #FFF !important;
}

.wpui-light ul.ui-tabs-nav {
    border-bottom: 1px solid #AAA;
    background: #fff !important;
    border-radius: 0 !important;
    border-top: 0px solid #999;
}

.wpui-styles .ui-corner-all, .wpui-styles li.ui-corner-all a {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}

.wpui-light .ui-button {
    border-radius: 3px !important;
    background: #dcddde !important;
    box-shadow: none !important;
    font-family: News Gothic MT W02, news_gothic_mt_stdregular, sans-serif;
    line-height: 12px;
    text-shadow: none !important;
    color: rgb(89, 89, 89) !important;
    text-transform: uppercase;
    font-size: 11px !important;
}

.wp-tabs ul.ui-tabs-nav li.ui-state-active a {
    color: #FFFFFF !important;
    text-shadow: 0 0px 0 #646464;
}

.wpui-light .ui-tabs-panel {
    background: #FAFAFA !important;
    text-shadow: 0 1px 0 #FFFFFF;
    border-left: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;
    border-bottom: 2px solid #ccc !important;
    border-radius: 0 !important;
}

.page-id-1466 .wpui-light ul.ui-tabs-nav li.ui-state-active, .parent-pageid-16 .wpui-light ul.ui-tabs-nav li.ui-state-active, .page-id-132 .wpui-light ul.ui-tabs-nav li.ui-state-active{
    background: rgb(186, 77, 106) !important;
    border-bottom: 0px;
    height: 37px !important;
    bottom: -2px !important;
    border: none !important;
    border-radius: 0px !important;
}
.parent-pageid-16 .wpui-light .ui-tabs-panel, .page-id-132 .wpui-light .ui-tabs-panel{
border-bottom: 2px solid rgb(186, 77, 106) !important;
}
.page-id-1462 .wpui-light ul.ui-tabs-nav li.ui-state-active,.parent-pageid-1462 .wpui-light ul.ui-tabs-nav li.ui-state-active,.parent-pageid-14 .wpui-light ul.ui-tabs-nav li.ui-state-active, .parent-pageid-103 .wpui-light ul.ui-tabs-nav li.ui-state-active, .page-id-103 .wpui-light ul.ui-tabs-nav li.ui-state-active {
    background: rgb(67, 179, 138) !important;
    border-bottom: 0px;
    height: 37px !important;
    bottom: -2px !important;
    border: none !important;
    border-radius: 0px !important;
}
.parent-pageid-14 .wpui-light ul.ui-tabs-nav, .parent-pageid-103 .wpui-light ul.ui-tabs-nav, .page-id-103 .wpui-light ul.ui-tabs-nav {
border-bottom: 2px solid rgb(67, 179, 138) !important;
}
.parent-pageid-14 .wpui-light .ui-tabs-panel, .parent-pageid-103 .wpui-light .ui-tabs-panel, .page-id-103 .wpui-light .ui-tabs-panel  {
border-bottom: 2px solid rgb(67, 179, 138) !important;
}
.wpui-light ul.ui-tabs-nav li.ui-state-active {
    background: #D5D5D5 !important;
    border-bottom: 0px;
    height: 7em !important;
    bottom: -2px !important;
}

.wpui-light ul.ui-tabs-nav {
    border-bottom: 2px solid #C9C9C9 !important;
}

.parent-pageid-16 .wpui-light ul.ui-tabs-nav {
    border-bottom: 2px solid rgb(186, 77, 106) !important;
}

.wp-tabs ul.ui-tabs-nav li {
    background: #dcddde !important;
    position: relative;
    bottom: 0px !important;
    margin-right: 12px !important;
    outline: 0;
    box-shadow: none !important;
    border-radius: 3px !important
    ;
    border-color: #fff !important;
    text-transform: uppercase;
    font-size: 11px !important;
    border-radius: 0px !important;
}

.wpui-light ul.ui-tabs-nav li a {
    color: #444;
    float: left;
    padding: 8px 2em 0px 2em !important;
    font-size: 11px !important;

    text-shadow: none !important;
    font-weight: normal !important;
    letter-spacing: 1px;
}

/* UNIFORM CSS for form elements */
div.selector, div.selector span,
div.checker span, div.radio span, div.uploader, div.uploader span.action,
div.button, div.button span {
    background-image: url("images/sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased
}

div.selector, div.checker, div.button, div.radio, div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    display: inline;
    zoom: 1;
    vertical-align: middle
}

div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus,
div.uploader:focus {
    outline: 0
}

div.selector, div.selector *, div.radio, div.radio *, div.checker,
div.checker *, div.uploader, div.uploader *, div.button, div.button * {
    margin: 0;
    padding: 0
}

.highContrastDetect {
    background: url("images/bg-input.png") repeat-x 0 0;
    width: 0px;
    height: 0px
}

input.uniform-input, select.uniform-multiselect, textarea.uniform {
    padding: 3px;
    background: url("images/bg-input.png") repeat-x 0 0;
    outline: 0
}

input.uniform-input.active, select.uniform-multiselect.active,
textarea.uniform.active {
    background: url("images/bg-input-focus.png") repeat-x 0 0
}

div.checker input, input[type="search"], input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none
}

div.selector {
    background-position: 0 -130px;
    line-height: 26px;
    height: 26px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden;
    background-image: none;
    background-color: #eee;
}

div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block;
    background-image: none;
    background-color: #eee;
}

div.selector.fixedWidth {
    width: 190px
}

div.selector.fixedWidth span {
    width: 155px
}

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%
}

div.selector.active {
    background-position: 0 -156px
}

div.selector.active span {
    background-position: right -26px
}

div.selector.hover, div.selector.focus {
    background-position: 0 -182px
}

div.selector.hover span, div.selector.focus span {
    background-position: right -52px
}

div.selector.hover.active, div.selector.focus.active {
    background-position: 0 -208px
}

div.selector.hover.active span, div.selector.focus.active span {
    background-position: right -78px
}

div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px
}

div.selector.disabled span, div.selector.disabled.active span {
    background-position: right -104px
}

div.checker {
    position: relative;
  
}
.wpcf7-list-item
div.checker2 {
    position: relative;
    height: 85px !important;
    float: left;
    border-right: 2px solid #EDEDED;
    padding-right: 18px;
    margin-right: 10px;
    padding-right: 40px;
}


div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px
}

div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px
}

div.checker span.checked {
    background-position: -76px -260px
}

div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1
}

div.checker.active span {
    background-position: -19px -260px
}

div.checker.active span.checked {
    background-position: -95px -260px
}

div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px
}

div.checker.hover span.checked, div.checker.focus span.checked {
    background-position: -114px -260px
}

div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px
}

div.checker.hover.active span.checked, div.checker.focus.active span.checked {
    background-position: -133px -260px
}

div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px
}

div.checker.disabled span.checked, div.checker.disabled.active span.checked {
    background-position: -171px -260px
}

div.radio {
    position: relative
}

div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px
}

div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px
}

div.radio span.checked {
    background-position: -72px -279px
}

div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background: #ccc;
}

div.radio.active span {
    background-position: -18px -18px -279px
}

div.radio.active span.checked {
    background-position: -90px -279px
}

div.radio.hover span, div.radio.focus span {
    background-position: -36px -36px -279px
}

div.radio.hover span.checked, div.radio.focus span.checked {
    background-position: -108px -279px
}

div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px
}

div.radio.hover.active span.checked, div.radio.focus.active span.checked {
    background-position: -126px -279px
}

div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px
}

div.radio.disabled span.checked, div.radio.disabled.active span.checked {
    background-position: -162px -279px
}

div.uploader {
    background-position: 0 -297px;
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: #eee;
    border-radius: 0px;
    margin-bottom: 20px;
    margin-top: 10px;
    display: block;
}

div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer;
    background-color: #eee !important;
    background-image: none;
    border-left: 1px solid #ccc;
}

div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 100px;
    padding: 0 10px
}

div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%;
}

div.uploader.active span.action {
    background-position: right -465px
}

div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px
}

div.uploader.hover span.action, div.uploader.focus span.action {
    background-position: right -437px
}

div.uploader.hover.active span.action, div.uploader.focus.active span.action {
    background-position: right -493px
}

div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px
}

div.uploader.disabled span.action, div.uploader.disabled.active span.action {
    background-position: right -381px
}

div.button {
    background-position: 0 -641px;
    height: 30px;
    cursor: pointer;
    position: relative
}

div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    background-position: right -521px;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px
}

div.button.active {
    background-position: 0 -671px
}

div.button.active span {
    background-position: right -551px;
    cursor: default
}

div.button.hover, div.button.focus {
    background-position: 0 -701px
}

div.button.hover span, div.button.focus span {
    background-position: right -581px
}

div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px
}

div.button.disabled span, div.button.disabled.active span {
    background-position: right -611px;
    cursor: default
}

input.uniform-input, select.uniform-multiselect, textarea.uniform {
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #777;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover,
select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999
}

div.button span {
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

div.button.hover span, div.button.focus span {
    color: #555
}

div.button.disabled span, div.button.disabled.active span {
    color: #bbb
}

div.selector {
    font-size: 12px
}

div.selector span {
    color: #666;
    text-shadow: 0 1px 0 #fff;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
}

div.selector select {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px
}

div.selector.disabled span, div.selector.disabled.active span {
    color: #bbb
}

div.checker {
    margin-right: 5px
}

div.radio {
    margin-right: 3px;
}

div.uploader span.action {
    text-shadow: #fff 0px 1px 0px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold
}

div.uploader span.filename {
    color: #777;
    border-right: solid 1px #bbb;
    font-size: 11px
}

div.uploader.disabled span.action, div.uploader.disabled.active span.action {
    color: #aaa
}

div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
    border-color: #ddd;
    color: #aaa
}

input.uniform-input, input.uniform-input:focus {
    background-color: #fff
}


/* FANCYBOX */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.addtopdf{cursor:pointer;font-weight:bold;text-transform:uppercase;font-size:12px;}
.fancybox-skin{position:relative;background:#FFFFFF;color:#444;text-shadow:none;border:30px solid #FFF;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;margin-bottom:30px;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading{background-image:url('images/fancybox_sprite.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background-image:url("data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==");background-repeat:no-repeat;background-position:center;background-size:24px 24px;}
.fancybox-close{position:fixed;top:25px;right:30px;width:20px;height:36px;cursor:pointer;z-index:8040;font-size:36px;text-decoration:none;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0px;}
.fancybox-next{right:0px;}
.fancybox-next span{}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-30px;cursor:pointer;z-index:8040;visibility:hidden;color:#fff;font-size:40px;background:url(images/fancybox_sprite.png);}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden !important;width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('images/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;position:relative;text-shadow:none;z-index:8050;font-size:13px;line-height:20px;height:20px;}
.fancybox-title .child{position:fixed;right:63px;top:21px;}
.fancybox-title .pagnumb{display:none;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#000; border-left: 30px solid #fff}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;top:0;left:0;color:#707070;padding:0px;margin-top:-22px;}




/**
  * Rhinoslider 1.05
  * http://rhinoslider.com/
  *
  * Copyright 2014: Sebastian Pontow, Rene Maas (http://renemaas.de/)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://rhinoslider.com/license/
  */
ul#slider {
    margin: 0;
}

.rhino-btn {
    background: url(images/rhinoslider-sprite.png) 0 0 no-repeat;
    z-index: 10;
    width: 56px;
    height: 53px;
    display: block;
    text-indent: -999%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.rhino-prev, .rhino-next {
    bottom: 20%;
}

.rhino-prev {
    left: -6px;
    background-position: -168px 0;
}

.rhino-next {
    right: -6px;
    background-position: -106px 0;
}

.rhino-prev:hover {
    background-position: -168px -53px;
}

.rhino-next:hover {
    background-position: -106px -53px;
}

.rhino-toggle {
    top: -4px;
    left: -6px;
    display: none !important;
}

.rhino-play {
    background-position: 0 0;
}

.rhino-play:hover {
    background-position: 0 -53px;
}

.rhino-pause {
    background-position: -56px 0;
}

.rhino-pause:hover {
    background-position: -56px -53px;
}

.rhino-container {
    position: absolute !important;
    top: 0px !important;
    bottom: 0px !important;
    width: 100%;
    height: 510px !important;
}

.rhino-caption {
    position: absolute;
    background: #000;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    padding: 10px;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.rhino-bullets {
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin: 0 0 0 -50px;
    z-index: 10;
    background: #fff;
    padding: 0;
}

.rhino-bullets:before, .rhino-bullets:after {
    position: absolute;
    display: block;
    left: -16px;
    content: ' ';
    width: 16px;
    height: 26px;
    background: url(images/rhinoslider-sprite.png) -224px 0 no-repeat;
}

.rhino-bullets:after {
    left: auto;
    right: -16px;
    background-position: -240px 0;
}

.rhino-bullets li {
    float: left;
    display: inline;
    margin: 0 2px;
}

.rhino-bullets li a.rhino-bullet {
    display: block;
    width: 16px;
    height: 15px;
    cursor: pointer;
    background: white;
    font-size: 10px;
    text-align: center;
    padding: 6px 0 5px 0;
    color: #333;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.rhino-bullets li a.rhino-bullet:hover, .rhino-bullets li a.rhino-bullet:focus {
    color: #999;
    background: #eee;
}

.rhino-bullets li a.rhino-bullet.rhino-active-bullet {
    color: #fff;
    background: #5cd4e8;
}

/* TIMELINE VIEW */

h2.ss-subtitle {
    padding: 10px 10px 40px;
    font-size: 52px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

h2.ss-subtitle:before {
    width: 4px;
    height: 40px;
    background: rgba(17, 17, 22, 0.8);
    content: '';
    position: absolute;
    right: 75%;
    margin-right: -4px;
    bottom: -4px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
}

h2.ss-subtitle:after {
    width: 25%;
    height: 0px;
    border-bottom: 4px dotted rgba(17, 17, 22, 0.8);
    content: '';
    position: absolute;
    right: 50%;
    margin-right: -1px;
    bottom: -4px;
}

.ss-links {
    position: fixed;
    left: 10px;
    top: 166px;
    width: 25%;
    z-index: 100;
}

.ss-links a {
    background: rgba(0, 0, 0, 0.2);
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    float: left;
    border-radius: 50%;
    display: block;
    text-align: center;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

.ss-links a:hover {
    background: rgba(0, 0, 0, 0.4);
}

.ss-container {
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
    overflow: hidden;
    padding-bottom: 500px;
}

.ss-container h2 {
    font-size: 40px;
    text-transform: uppercase;
    color: rgba(78, 84, 123, 0.2);
    text-shadow: 0px 1px 1px #fff;
    padding: 20px 0px;
}

.ss-container:before {
    position: absolute;
    width: 2px;
    background: #dcddde;
    top: 0px;
    left: 50%;
    margin-left: -2px;
    content: '';
    height: 100%;
}

.ss-row {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding: 30px 0;
}

.ss-left, .ss-right {
    float: left;
    width: 50%;
    position: relative;
}

.ss-right {
    padding-left: 2%;
}

.ss-right.noimage, .ss-left.noimage {
    opacity: 0;
}

.ss-left {
    text-align: right;
    float: left;
    padding-right: 2%;
}

.ss-circle {
    border-radius: 0%;
    overflow: hidden;
    display: block;
    text-indent: -9000px;
    text-align: left;


    background-repeat: no-repeat;
    background-position: center center;
    position: static;
}

.ss-small .ss-circle {
    width: 300px;
    height: 300px;
}

.ss-medium .ss-circle {
    width: 200px;
    height: 200px;
}

.ss-large .ss-circle {
    width: 300px;
    height: 300px;
}

.ss-circle-deco:before {
    width: 26%;
    height: 0px;
    border-bottom: 1px dotted rgb(35, 125, 156);
    position: absolute;
    top: 50%;
    content: '';
    margin-top: 0px;
}

.ss-circle-deco:after {
    width: 0px;
    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.ss-left .ss-circle-deco:before {
    right: 2%;
}

.ss-right .ss-circle-deco:before {
    left: 1%;
}

.ss-left .ss-circle-deco:after {
    right: 0;
    border-right: 10px solid rgb(35, 125, 156);
}

.ss-right .ss-circle-deco:after {
    left: 0;
    border-left: 6px solid rgb(35, 125, 156);
}

.ss-left .ss-circle {
    float: right;
    margin-right: 30%;
}

.ss-right .ss-circle {
    float: left;
    margin-left: 26%;
}

.ss-container h3 {
    margin-top: 34px;
    padding: 10px 15px;

}

.ss-container .ss-medium h3 {
    margin-top: 82px;
}

.ss-container .ss-large h3 {
    margin-top: 133px;
}

.ss-container .ss-left h3 {
    border-right: 2px solid rgb(35, 125, 156);
}

.ss-container .ss-right h3 {
    border-left: 2px solid rgb(35, 125, 156);
}

.ss-container h3 span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    display: block;
    padding-bottom: 5px;
}

.ss-container h3 a {
    font-size: 28px;
    color: rgb(89, 89, 89);
    display: block;
	line-height: 1.25;
    text-decoration: none;
}

.ss-container h3 a:hover {
    text-decoration: underline;
}

.ss-circle-1 {
    background-image: url(../images/1.jpg);
}

.ss-circle-2 {
    background-image: url(../images/2.jpg);
}

.ss-circle-3 {
    background-image: url(../images/3.jpg);
}

.ss-circle-4 {
    background-image: url(../images/4.jpg);
}

.ss-circle-5 {
    background-image: url(../images/5.jpg);
}

.ss-circle-6 {
    background-image: url(../images/6.jpg);
}

.ss-circle-7 {
    background-image: url(../images/7.jpg);
}

.ss-circle-8 {
    background-image: url(../images/8.jpg);
}

.ss-circle-9 {
    background-image: url(../images/9.jpg);
}

.ss-circle-10 {
    background-image: url(../images/10.jpg);
}

.ss-circle-11 {
    background-image: url(../images/11.jpg);
}

.ss-circle-12 {
    background-image: url(../images/12.jpg);
}

.ss-circle-13 {
    background-image: url(../images/13.jpg);
}

.ss-circle-14 {
    background-image: url(../images/14.jpg);
}

.ss-circle-15 {
    background-image: url(../images/15.jpg);
}

.ss-circle-16 {
    background-image: url(../images/16.jpg);
}

.ss-circle-17 {
    background-image: url(../images/17.jpg);
}

.ss-circle-18 {
    background-image: url(../images/18.jpg);
}

.ss-circle-19 {
    background-image: url(../images/19.jpg);
}

.ss-circle-20 {
    background-image: url(../images/20.jpg);
}

.ss-circle-21 {
    background-image: url(../images/21.jpg);
}

.ss-circle-22 {
    background-image: url(../images/22.jpg);
}

.ss-circle-23 {
    background-image: url(../images/23.jpg);
}

.ss-circle-24 {
    background-image: url(../images/24.jpg);
}

.ss-circle-25 {
    background-image: url(../images/25.jpg);
}

.ss-circle-26 {
    background-image: url(../images/26.jpg);
}

.ss-circle-27 {
    background-image: url(../images/27.jpg);
}

.ss-circle-28 {
    background-image: url(../images/28.jpg);
}

.ss-circle-29 {
    background-image: url(../images/29.jpg);
}

.ss-circle-30 {
    background-image: url(../images/30.jpg);
}



/* FORUM STYLES */

#wpucssmagic .wpucssmagic a:hover {
color: #000;
}

/* Tiny Scrollbar */
#scrollbar1 { width: 520px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }