@media screen {
    /* Contao Open Source CMS :: Copyright (C) 2005-2013 Leo Feyer :: LGPL license */
    body {
        margin: 0;
        padding: 0;
        font-size: 100.01%;
        text-align: left;
        position: relative
    }

    select, input, textarea {
        font-size: 99%
    }

    form {
        margin: 0;
        padding: 0
    }

    img {
        border: 0
    }

    #left {
        float: left
    }

    #right {
        float: right
    }

    #main {
        width: auto;
        position: relative
    }

    .inside {
        position: relative;
        text-align: left
    }

    .block {
        overflow: hidden
    }

    .clear, #clear {
        height: 0.1px;
        font-size: 0.1px;
        line-height: 0.1px;
        clear: both
    }

    .invisible {
        width: 0;
        height: 0;
        left: -1000px;
        top: -1000px;
        position: absolute;
        overflow: hidden;
        display: inline
    }

    .custom {
        display: block;
        text-align: left
    }

    .custom:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    *+html #main {
        position: static
    }

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

@media all {
    /**
     * Global TinyMCE style sheet
     * 
     * Use this style sheet to define CSS classes for the rich text editor. The
     * stlye sheet will be included in the editor and the page layout automatically.
     * Although the stlye sheet is shared by all themes, you can override its
     * formattings in any of your theme style sheets.
     * 
     *   tl_files/tinymce.css (this is how it looks like in TinyMCE)
     *   .warning { color:#c55; }
     * 
     *   theme_a.css (this is how it looks like in theme A)
     *   .warning { font-weight:bold; }
     * 
     *   theme_b.css (this is how it looks like in theme B)
     *   .warning { color:#000; }
     * 
     * If you do not want to use a global TinyMCE style sheet at all, simply delete
     * this file (tl_files/tinymce.css).
     */
    .warning {
        color: #c55;
        font-size: 1.1em;
    }

    .confirmation {
        color: #090;
        font-size: 1.1em;
    }

    .information {
        color: #999;
        font-size: 0.9em;
    }
}

@media all {
    /* Style sheet basic */
    body {
        margin: 0 0 24px;
        padding: 0
    }

    a, body, div, em, input, label, li, ol, p, select, span, strong, td, th, textarea,
    u, ul {
        font-family: Verdana, sans-serif
    }

    a, body, div, input, label, li, ol, p, select, td, th, textarea, u, ul {
        font-size: 11px
    }

    h1 {
        margin: 0 0 12px;
        padding: 0;
        font-size: 13px;
        font-weight: bold
    }

    h2 {
        margin: 0 0 6px;
        padding: 0;
        font-size: 11px;
        font-weight: bold
    }

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

    a:hover {
        text-decoration: underline;
        color: #a84204
    }

    img {
        vertical-align: middle;
        border: 0px
    }

    p, pre, form {
        margin: 0;
        padding: 0
    }
}

@media screen {
    /* Style sheet pascos2014 */
    body {
        position: relative;
        font-family: "Palatino", "Palatino Linotype", Georgia, "Times", "Times New Roman", serif;
        font-family1: titillium1;
        background: #e8e8e8
    }

    #wrapper {
        background-color: #C99700; /*#2679ce;*/
        z-index: 100px
    }

    #wrapper #main {
        min-height: 650px;
        padding: 25px 15px;
        background-color: #fff
    }

    #c1, #c2, #c3 {
        width: 100%;
        height: 150px;
        left: 0;
        position: absolute;
        background: #C99700; /*#16293c;*/
        z-index: -50
    }

    #c1 {
        top: 0
    }

    #c2 {
        height: 70px;
        top: 150px;
        opacity: 0.5
    }

    #c3 {
        height: 170px;
        bottom: -120px
    }

    #c3 .inside {
        width: 965px;
        height: 105px;
        margin: 55px auto 0;
        padding: 5px 30px 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        behavior: url('plugins/css3pie/PIE.htc');
        background-color: white
    }

    #c3 .left {
        float: left;
        margin-left: 10px
    }

    #c3 .right {
        float: right;
        margin-right: 10px
    }

    #c3 div {
        padding-top: 20px;
        font-size: 120%
    }

    #left {
        margin-top: 0
    }

    #header .mod_slideshow2 img {
        z-index: 100
    }

    #top_image {
        width: 250px;
        float: left;
        margin: 0;
        padding: 0;
        height1: 220px
    }

    #name_image {
        top: 150px;
        position: absolute;
        left: 0px;
        z-index: 1000
    }

    #header {
        position: relative;
        background: #2679ce
    }

    .ce_text, .teaser, .ce_list {
        line-height: 1.5
    }

    div.error, p.error {
        margin: 0;
        padding: 2px 0 0;
        font-size: 60%;
        color: #F00
    }

    .mod_article .back {
        margin-top: 18px
    }

    .mod_article .more {
        display: inline
    }

    #main h1 {
        font-size: 140%
    }

    .mod_breadcrumb {
        margin-bottom: 12px;
        padding: 5px 3px 7px
    }

    .ce_gallery .caption {
        color: #999
    }

    .mod_article .pdf_link {
        margin-bottom: -16px;
        text-align: right
    }

    .mod_article .pdf_link a {
        padding-right: 1px;
        padding-left: 1px
    }

    .mod_lostPassword {
        margin: 24px
    }

    .mod_lostPassword td {
        padding-right: 6px;
        padding-bottom: 3px
    }

    .mod_lostPassword .text, .mod_lostPassword .password {
        width: 210px
    }

    .mod_lostPassword .captcha {
        width: 40px
    }

    .mod_lostPassword .captcha_text {
        color: #666
    }

    .ce_list ul, .ce_list ol {
        margin: 0 auto
    }

    .ce_list_child ul, .ce_list_child ol {
        margin-left: 15px
    }

    .schedule ul {
        list-style-type: none
    }

    .schedule li {
        margin: 0 !important
    }

    .schedule span {
        color: #6A6A6A
    }

    .schedule h2 {
        margin: 6px 0 0 !important
    }

    .ce_list li {
        margin: 0 0 0 22px;
        padding: 0
    }

    * html .ce_list li {
        margin-left: 26px
    }

    .mod_navigation {
        width: 250px;
        min-height: 750px;
        top: 0;
        position: absolute;
        overflow: hidden;
        background-color: #002855; /*#2679ce*/
    }

    .mod_navigation ul.level_1 {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .mod_navigation li {
        margin: 0;
        padding: 0;
        text-align: right;
        text-transform: uppercase;
        list-style-type: none
    }

    .mod_navigation ul.level_1>li.last {
        border-bottom: 0px solid #C6AD8D
    }

    * html .mod_navigation ul, * html .mod_navigation li {
        height: 1px
    }

    .mod_navigation .level_2 {
        padding: 3px 0 0 9px;
        border-bottom: 0 none
    }

    .mod_navigation .level_2 li {
        padding: 0 0 3px;
        border-top: 0 none
    }

    .mod_navigation a, .mod_navigation span {
        display: block;
        margin: 0;
        padding: 8px;
        font-size: 15px;
        color: #e8e8e8
    }

    .mod_navigation a.indico {
        margin-right: 7px;
        padding-right: 42px;
        background: url("/workshops/susy15/images/indico_small.png") right center no-repeat
    }

    .mod_navigation .level_2 a, .mod_navigation .level_2 li, .mod_navigation .level_2 span {
        font-size: 90%;
        font-weight: normal
    }

    .mod_navigation span.active {
        color: #fff;
        font-weight: bolder
    }

    .mod_navigation li.active {
        background-color: #4D688C; /*#16293c*/
    }

    .ce_accordion {
        margin-left: 16px
    }

    .toggler {
        padding: 1px 0 2px
    }

    .toggler_first {
        color: #A84204
    }

    .toggler_first:hover {
        text-decoration: underline;
        color: #A84204;
        cursor: pointer
    }

    .accordion div {
        padding: 6px 0 8px 15px;
        line-height: 16px
    }

    .mod_login {
        margin: 0 5px;
        padding: 5px;
        background-color: #ECE4D9
    }

    .mod_login label {
        display: block;
        margin: 4px 0 1px
    }

    .mod_login .checkbox_container {
        margin-top: 3px
    }

    .mod_login .checkbox_container label {
        display: inline
    }

    .mod_login .submit_container {
        margin-top: 8px;
        margin-bottom: 4px
    }

    #request_password {
        margin: 0 5px;
        padding: 0 5px 10px 6px;
        background-color: #ECE4D9
    }

    #request_password a {
        font-size: 80%;
        color: #999
    }

    .mod_newsmenu, .mod_eventmenu {
        margin: 0 5px 20px;
        padding: 5px;
        background-color: #ECE4D9
    }

    #breaking_news {
        margin: 20px 5px;
        padding: 5px;
        background-color: #ECE4D9
    }

    .mod_newsmenu ul, .mod_newsmenu li, .mod_eventmenu ul, .mod_eventmenu li {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    * html .mod_newsmenu ul, * html .mod_newsmenu li, * html .mod_eventmenu ul,
    * html .mod_eventmenu li {
        height: 1px
    }

    .mod_newsmenu .year, .mod_eventmenu .year {
        margin-bottom: 2px;
        font-weight: bold
    }

    .mod_newslist p {
        margin: 0 0 4px
    }

    .mod_newsreader .back {
        margin-bottom: 24px;
        padding-top: 12px
    }

    * html .mod_newsreader .back {
        margin-top: 12px;
        padding-top: 0
    }

    .mod_newslist .info, .mod_newsreader .info {
        margin-bottom: 6px;
        font-size: 80%;
        color: #999
    }

    .mod_newslist .layout_short {
        margin-bottom: 8px;
        padding-bottom: 6px;
        border-bottom: 1px solid #C6AD8D
    }

    .mod_newsreader .ce_text {
        margin-top: 16px
    }

    .mod_article, .mod_newsreader {
        margin-right: 5px
    }

    .mod_newsreader h2 {
        margin-bottom: 12px
    }

    .mod_newsreader .comment_default {
        margin-bottom: 12px
    }

    .mod_newsreader .comment {
        line-height: 1.5
    }

    .mod_newsreader .form {
        margin-top: 24px
    }

    .mod_newsreader .widget {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .mod_newsreader .textarea {
        width: 360px;
        height: 120px
    }

    .mod_search {
        margin-top: 3px
    }

    .mod_search .text {
        width: 240px
    }

    html > body .mod_search .radio_container {
        margin-top: 3px
    }

    :first-child + html .mod_search .radio_container {
        margin-top: 0
    }

    .mod_search .radio_container label {
        left: -2px;
        position: relative;
        padding-right: 3px;
        top: -2px
    }

    .mod_search .header {
        margin-top: 18px;
        margin-right: 5px;
        margin-bottom: 24px;
        padding-bottom: 4px;
        text-align: right;
        border-bottom: 1px solid #ECE4D9
    }

    .mod_search h3 {
        margin: 0 0 2px;
        padding: 0
    }

    .mod_search .context {
        margin: 0 5px 3px 0
    }

    .mod_search .url {
        margin-bottom: 12px;
        color: #C6AD8D
    }

    .mod_search .relevance {
        font-size: 90%;
        font-weight: normal;
        color: #C6AD8D
    }

    .mod_search .highlight {
        font-weight: bold
    }

    table.calendar {
        width: 100%;
        border-left: 1px solid #CCC;
        border-top: 1px solid #CCCCCC
    }

    table.calendar .head {
        padding-top: 4px;
        padding-bottom: 5px;
        text-align: center;
        background-color: #F6F6F6;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCCCCC
    }

    table.calendar .current {
        background-color: #FFC
    }

    table.calendar .label {
        padding-top: 3px;
        padding-bottom: 4px;
        text-align: center;
        background-color: #BBB;
        border-bottom: 1px solid #CCC;
        font-size: 80%;
        font-weight: bold;
        color: #FFF;
        border-right: 1px solid #CCCCCC
    }

    table.calendar td {
        width: 14%;
        height: 72px;
        padding: 1px;
        vertical-align: top;
        background-color: #FFF;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCCCCC
    }

    table.calendar td.weekend {
        background-color: #F6F6F6
    }

    table.calendar .today {
        background-color: #FFC
    }

    table.calendar .empty, table.calendar .empty .header {
        background-color: #F6F6F6
    }

    table.calendar td .header {
        padding-bottom: 2px;
        background-color: #E0E0E0;
        font-size: 80%
    }

    table.calendar td .event a {
        font-size: 80%
    }

    #minicalendar {
        margin: 0 5px 20px;
        padding: 5px 5px 10px;
        background-color: #ECE4D9
    }

    table.minicalendar {
        width: 100%;
        border-left: 1px solid #CCC;
        border-top: 1px solid #CCCCCC
    }

    table.minicalendar td {
        width: 14%;
        padding-top: 2px;
        padding-bottom: 3px;
        text-align: center;
        background-color: #FFF;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCCCCC
    }

    table.minicalendar td, table.minicalendar .active a {
        font-size: 80%
    }

    table.minicalendar .weekend {
        background-color: #F6F6F6
    }

    table.minicalendar .today {
        background-color: #FFC
    }

    table.minicalendar .label {
        padding-top: 2px;
        padding-bottom: 3px;
        text-align: center;
        background-color: #C3C3C3;
        border-bottom: 1px solid #CCC;
        font-size: 80%;
        color: #FFF;
        border-right: 1px solid #CCCCCC
    }

    table.minicalendar .head {
        padding-top: 3px;
        padding-bottom: 4px;
        text-align: center;
        background-color: #F9F9F9;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCCCCC
    }

    table.minicalendar .current {
        background-color: #FFC
    }

    .mod_eventlist {
        margin-right: 6px
    }

    .mod_eventlist .header {
        padding: 3px 6px 4px;
        background-color: #E6E6E6;
        border-bottom: 1px solid #CCC;
        font-weight: bold;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC
    }

    .mod_eventlist .header.first {
        border-top: 1px solid #CCC
    }

    .mod_eventlist .event {
        padding: 10px 6px 12px;
        border-bottom: 1px solid #CCC;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC
    }

    .mod_eventlist .time {
        margin-top: -6px;
        margin-bottom: 6px;
        font-weight: normal;
        color: #999
    }

    .mod_eventreader .info {
        margin-top: -12px;
        font-size: 80%;
        color: #999
    }

    .mod_eventreader .recurring {
        margin-top: 2px;
        font-size: 80%;
        color: #090
    }

    .mod_eventreader .ce_text {
        margin-top: 15px
    }

    .mod_eventreader .back {
        margin-top: 18px
    }

    .mod_personalData {
        margin-bottom: 36px
    }

    .mod_personalData fieldset {
        width: 400px;
        display: block;
        margin: 12px 0 24px;
        padding: 12px
    }

    * html .mod_personalData fieldset {
        margin-top: -12px
    }

    :first-child + html .mod_personalData fieldset {
        margin-top: -12px
    }

    .mod_personalData legend {
        color: #0000E6
    }

    * html .mod_personalData legend {
        margin-top: -12px;
        padding: 12px 4px 12px 0
    }

    :first-child + html .mod_personalData legend {
        margin-top: -12px;
        padding: 12px 4px 12px 0
    }

    .mod_personalData .submit_container {
        width: 428px;
        text-align: right
    }

    * html .mod_personalData .submit_container {
        width: 434px
    }

    :first-child + html .mod_personalData .submit_container {
        width: 434px
    }

    .mod_personalData td {
        width: 160px;
        padding: 2px 6px 2px 0
    }

    * html .mod_personalData td {
        padding: 1px 6px 1px 0
    }

    .mod_personalData .text, .mod_personalData .password {
        width: 200px
    }

    .mod_personalData select {
        width: 204px
    }

    * html .mod_personalData select {
        width: 206px
    }

    :first-child + html .mod_personalData select {
        width: 206px
    }

    .ce_table {
        margin-top: 8px;
        margin-bottom: 24px
    }

    .ce_table td, table.ce_table td {
        padding: 2px 8px;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCCCCC
    }

    .ce_table table, table.ce_table {
        border-left: 1px solid #CCC;
        border-top: 1px solid #CCCCCC
    }

    :first-child + html .ce_list li {
        margin-left: 26px
    }

    .ce_table th {
        padding: 2px 8px;
        text-align: center;
        background-color: #F6F6F0;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCCCCC
    }

    .ce_table th a {
        color: #000
    }

    .pagination li {
        display: inline;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    #tps td {
        padding: 2px 4px
    }

    .pagination {
        margin-top: 22px;
        padding-top: 4px;
        border-top: 1px solid #ECE4D9
    }

    #tps .col_0 {
        width: 80px
    }

    .pagination p {
        width: 160px;
        float: left;
        padding-right: 3px;
        padding-left: 3px;
        text-align: left
    }

    #tps .explanation {
        padding-bottom: 24px
    }

    .pagination ul {
        width: 240px;
        float: right;
        margin: 0;
        padding: 0 3px;
        text-align: right
    }

    #standard_form {
        padding-left: 5px;
        background-color: #F6F2EB
    }

    #standard_form label {
        width: 400px;
        float: left;
        display: block;
        padding-left: 15px
    }

    #standard_form br {
        clear: both
    }

    #standard_form h1 {
        font-size: 130%
    }

    #standard_form h2 {
        font-size: 120%
    }

    #standard_form p {
        margin-bottom: 5px;
        padding-left: 15px
    }

    #standard_form p.error {
        left: 200px;
        position: absolute;
        display: none;
        padding-top: 5px;
        font-size: 70%
    }

    #standard_form .checkbox_container {
        display: inline
    }

    #standard_form input[type="submit"] {
        width: 200px;
        height: 30px;
        margin: 10px 0 5px 200px;
        font-size: 110%
    }

    #standard_form label.error {
        color: red
    }

    #standard_form label.file {
        width: 300px
    }

    #standard_form input[type=file] {
        width: 600px;
        margin-left: 15px
    }

    #standard_form textarea {
        margin-left: 15px
    }

    .mod_zad_switcher {
        float: right;
        margin-bottom: 12px;
        padding: 5px 3px;
        color: #000
    }

    .mod_zad_switcher a.previous_style, .mod_zad_switcher a.default_style,
    .mod_zad_switcher a.next_style {
        margin-right: 5px;
        background-color: #DDD;
        font-weight: bold;
        text-decoration: underline;
        color: #B00
    }

    .mod_zad_switcher a.item_style_0 {
        font-size: 80%
    }

    .mod_zad_switcher a.item_style_1 {
        font-size: 100%
    }

    .mod_zad_switcher a.item_style_2 {
        font-size: 120%
    }

    #error_message_form {
        font-size: 130%;
        color: red
    }

    #organzers_fuw, #organzers_ptf {
        width: 200px;
        float: left
    }

    #footer {
        padding: 0;
        font-size: 12px;
        color: #2679ce
    }

    #menufooter {
        width: 250px;
        height: 50px;
        float: left;
        background: #2679ce
    }

    #lastupdate {
        width: 755px;
        height: 50px;
        float: right;
        padding-right: 20px;
        text-align: right;
        background: #ffffff
    }

    .fee_additional {
        display: none
    }

    .ce_image {
        padding: 5px 10px
    }

    .sloga {
        float: left
    }

    .list-of-abstracts .toggler {
        padding-top: 10px;
        font-size: 1.2em
    }

    .list-of-abstracts .accordion {
        padding-left: 15px
    }

    ul#gruw {
        float: right;
        list-style-type: none
    }

    .mod_zad_switcher {
        padding: 5px 3px 0 0 !important
    }

    .ce_form h1 {
        padding: 5px 20px;
        background-color: #16293C;
        size: 1.5em;
        color: white
    }

    .ce_form form {
        margin-bottom: 35px;
        padding: 10px 5px;
        background-color: #3689dE !important
    }

    .ce_form label {
        color: white !important;
        font-weight: bolder
    }

    .ce_form .submit {
        float: right
    }

    .ce_form p, .ce_form h2 {
        margin: 10px 0;
        color: white
    }

    .ce_form fieldset {
        border: none
    }
}

@media screen {
    /* Style sheet calendar */
    .hidden {
        position: absolute;
        opacity: 0
    }

    .visible {
        opacity: 1
    }

    input.calendar, select.calendar {
        width: 99px
    }

    button.calendar {
        width: 20px;
        height: 20px;
        margin-top: 2px;
        margin-left: 3px;
        vertical-align: top;
        border: 0;
        background: url("/plugins/calendar/media/calendar-icon.gif");
        cursor: pointer
    }

    button.calendar:hover, button.calendar.active {
        background-position: 0 20px
    }

    div.calendar {
        width: 147px;
        height: 195px;
        margin-left: 3px;
        padding: 0 6px;
        text-align: center;
        background: url("/plugins/calendar/media/calendar.png")
    }

    div.calendar * {
        margin: 0;
        padding: 0
    }

    div.calendar div {
        width: 147px;
        height: 185px;
        position: relative;
        overflow: hidden;
        padding-top: 10px;
        background: none !important;
        cursor: move
    }

    div.calendar caption {
        width: 100%;
        overflow: hidden;
        padding-top: 6px;
        text-align: center;
        color: #666966;
        font: normal 12px/16px Arial, Helvetica, sans-serif
    }

    div.calendar caption a {
        width: 11px;
        height: 12px;
        top: 17px;
        position: absolute;
        overflow: hidden;
        display: block;
        cursor: pointer;
        text-indent: -100px
    }

    div.calendar caption a.prev {
        left: 0;
        background-image: url("/plugins/calendar/media/calendar-prev.gif")
    }

    div.calendar caption a.next {
        right: 0;
        background-image: url("/plugins/calendar/media/calendar-next.gif")
    }

    div.calendar caption a:hover {
        background-position: 0 12px
    }

    div.calendar caption span {
        height: 17px;
        position: relative;
        text-align: center
    }

    div.calendar caption span.month {
        width: 89px;
        float: left
    }

    div.calendar caption span.month:after {
        content: ''
    }

    div.calendar caption span a {
        top: 1px
    }

    div.calendar caption span.year {
        width: 58px;
        float: right
    }

    div.calendar table {
        width: 147px;
        overflow: hidden;
        margin: 0 auto;
        border: 0;
        border-collapse: collapse;
        background: #fff;
        border-spacing: 0;
        cursor: default
    }

    div.calendar td, div.calendar th {
        width: 21px;
        height: 21px;
        text-align: center;
        border: 0;
        color: #7cab49;
        font: normal 12px Arial, Helvetica, sans-serif
    }

    div.calendar td {
        font-size: 11px;
        color: #fff;
        background: url("/plugins/calendar/media/calendar-td.gif")
    }

    div.calendar td.invalid {
        color: #999
    }

    div.calendar td.valid {
        color: #7cab49;
        background: url("/plugins/calendar/media/calendar-valid.gif");
        cursor: pointer
    }

    div.calendar td.today, div.calendar td.hilite {
        background: url("/plugins/calendar/media/calendar-hilite.gif")
    }

    div.calendar td.inactive {
        color: #fff;
        background: url("/plugins/calendar/media/calendar-td.gif") 0 100%
    }

    div.calendar td.active, div.calendar td.hover {
        color: #fff;
        background: url("/plugins/calendar/media/calendar-valid.gif") 0 100%;
        cursor: pointer
    }
}

@media print {
    /* Style sheet print */
    body {
        margin: 24px;
        padding: 0
    }

    * {
        font-family: helvetica
    }

    h1 {
        margin-bottom: 18px;
        font-size: 18px
    }

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

    #header, #left, .mod_breadcrumb, #font_switcher, .pdf_link {
        display: none
    }
}