/* CSS_SVU_2019_all.css */

/* cabin-sketch-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: 400;
  src: url('/files/layout/fonts/cabin-sketch-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/files/layout/fonts/cabin-sketch-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/fonts/cabin-sketch-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/fonts/cabin-sketch-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/fonts/cabin-sketch-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/fonts/cabin-sketch-v19-latin-regular.svg#CabinSketch') format('svg'); /* Legacy iOS */
}

/* cabin-sketch-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: 700;
  src: url('/files/layout/fonts/cabin-sketch-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/files/layout/fonts/cabin-sketch-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/layout/fonts/cabin-sketch-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/layout/fonts/cabin-sketch-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/layout/fonts/cabin-sketch-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/layout/fonts/cabin-sketch-v19-latin-700.svg#CabinSketch') format('svg'); /* Legacy iOS */
}


/* ALLGEMEIN */

/* Hintergrund sichtbar im linken Frame */
/* Hintergrundfarbe äußerer Rahmen */
body {
    background-color:#381a29;
    font:12px Verdana,Arial,Helvetica,sans-serif;
    color:#1a2938;
}

#wrapper {
    background-color:#4f4148;
}



/* KOPFZEILE */
/* Hintergrund sichtbar im Header */
#header {
    background-color:#c4c0c0;
}

/* SVU-Logo */
#logo {
    padding:2px 3px;
}

/* SVU-Schriftzug mit Online-Schriftart */
#headline {
    left:125px;
    top:2px;
    position:absolute;
    font:70px Cabin Sketch,sans-serif;
	/*font:58px cabin-sketch,sans-serif*/
	/*font:70px cabin-sketch,sans-serif*/
    font-weight:bold;
    font-variant:small-caps;
}

/* Navigationsmenü in der Kopfzeile - Position */
#topmenu {
    right:0;
    top:73px;
    position:absolute;
}

/* Navigationsmenü in der Kopfzeile - keine Auflistungspunkte */
#topmenu ol,
#topmenu ul {
    list-style-type:none;
}

/* Navigationsmenü in der Kopfzeile - Elemente nebeneinander */
#topmenu li {
    float:left;
    margin-left:1px;
    padding:0;
}

/* Navigationsmenü in der Kopfzeile - Linkeigenschaften */
#topmenu a {
    padding:4px 8px;
    background-color:#a15f5f;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}

/* Navigationsmenü in der Kopfzeile - Linkeigenschaften */
#topmenu a:hover {
    background-color:#d01313;
    text-decoration:none;
}

/* Suchfeld Position und Schriftart */
#header .searchbox {
    right:0;
    top:53px;
    position:absolute;
    float:left;
    font-weight:bold;
    color:#f50;
}

/* Suchfeld Eingabefeld */
#header .searchbox input.text {
    width:145px;
    height:19px;
}

/* Suchfeld Button */
#header .searchbox input.submit {
    height:27px;
}



/* MITTELBEREICH */
/* LINKE SPALTE - NAVIGATIONSMENÜ*/
#left .mod_navigation {
    width:210px;
}

#left .mod_navigation ul.level_1 {
    width:210px;
    margin:40px 0 0;
    padding:0;
    border-top:1px solid #5c5c5c;
    list-style-type:none;
}

#left .mod_navigation .level_1 li {
    border-bottom:1px solid #5c5c5c;
    border-collapse:collapse;
}

#left .mod_navigation .level_1 a,
#left .mod_navigation .level_1 .active strong,
#left .mod_navigation .level_1 .submenu strong {
    width:195px;
    display:block;
    margin:0;
    padding:10px 0 10px 15px;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}

#left .mod_navigation .level_1 a:hover {
    background-color:#d01313;
}

#left .mod_navigation .level_1 .active {
    background-color:#7c7c7c;
}

#left .mod_navigation ul.level_2 {
    margin:0;
    padding:0;
    list-style-type:none;
}

#left .mod_navigation .level_2 li {
    background-color:#5c5c5c;
    border:0px;
}

#left .mod_navigation .level_2 a,
#left .mod_navigation .level_2 .active strong,
#left .mod_navigation .level_2 .submenu strong {
    margin:0;
    padding:10px 0 10px 25px;
    font-size:11px;
    font-weight:bold;
}

#left .mod_navigation ul.level_3 {
    margin:0;
    padding:0;
    list-style-type:none;
}

#left .mod_navigation .level_3 li {
    background-color:#736a6a;
    border:0px;
}

#left .mod_navigation .level_3 a,
#left .mod_navigation .level_3 .active strong,
#left .mod_navigation .level_3 .submenu strong {
    margin:0;
    padding:7px 0 7px 40px;
    font-size:10px;
    font-weight:bold;
}



/* LINKE SPALTE - MINIKALENDER */
/* Hintergrund für gesamte Tabelle */
#left .minicalendar {
    width:206px;
    margin:75px auto 0;
    background-color:#fff;
}

/* Schrift in Untertabelle zentrieren */
#left .minicalendar th,
#left .minicalendar td {
    text-align:center;
}

/* Monat und Pfeile links + rechts */
#left .minicalendar .head,
#left .minicalendar .head a {
    margin:0;
    padding:3px;
    background-color:#a15f5f;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}

/* Monat und Pfeile links + rechts */
#left .minicalendar .head a:hover {
    text-decoration:underline;
}

/* Wochentage */
#left .minicalendar thead tr {
    margin:0;
    padding:0;
    background-color:#a3a3a3;
    color:#fff;
}

#left .minicalendar tbody td {
    padding:2px;
}

#left .minicalendar tbody td.active {
    background-color:#eaeaff;
}

#left .minicalendar tbody td a {
    padding:2px;
    font-weight:bold;
    text-decoration:none;
    color:#2894ce;
}

#left .minicalendar tbody td a:hover {
    text-decoration:underline;
    color:#2894ce;
}



/* LINKE SPALTE - WETTER */
#left .lf-wetter {
    margin-top:75px;
}



/* HAUPTSPALTE - ALLGEMEIN */
/* Hintergrund sichtbar im Hauptframe */
#main {
    min-height:734px;
    background-color:#fff;
}

#main .inside {
    margin:0;
    padding:20px;
}

#main a,
#right a {
    text-decoration:none;
    color:#03b;
}

#main a:hover,
#right a:hover {
    text-decoration:underline;
}



/* HAUPTSPALTE - MELDUNGEN */
/* News-Element: Verfasser */
#main .mod_newsreader {
    min-height:400px;
}

/* News-Element: Verfasser */
#main .mod_newsreader .info {
    text-align:right;
    font-size:10px;
    color:#808080;
}

/* News-Element: Zurück-Button */
#main .mod_newsreader .back {
    text-align:right;
}

/* News-Liste: Überschrift "Weitere Meldungen" */
#main .mod_newslist h1 {
    margin-top:20px;
    padding:5px;
    text-align:center;
    background-color:#a15f5f;
    font-size:13px;
    font-weight:bold;
    color:#fff;
}

/* News-Liste: Listenelement */
#main .mod_newslist .layout_simple {
    margin-bottom:10px;
    margin-left:50px;
}

/* News-Liste: Listenelement */
#main .mod_newslist .layout_simple a {
    margin-left:10px;
}

/* Vor-Zurück-Leiste */
#main .mod_newslist .pagination {
    margin-top:20px;
    padding:2px;
    text-align:center;
    background-color:#a15f5f;
    font-size:13px;
    color:#fff;
}

/* Vor-Zurück-Leiste: Seite 1 von x und Seitenwechsel */
#main .mod_newslist .pagination p,
#main .mod_newslist .pagination ul {
    margin:0 auto;
    padding:0;
    text-align:center;
}

/* Vor-Zurück-Leiste: Seite 1 von x */
#main .mod_newslist .pagination p {
    font-size:10px;
}

/* Vor-Zurück-Leiste: Abstand und nebeneinander der Seitenlinks */
#main .mod_newslist .pagination li {
    display:inline;
    padding:2px 5px;
    font-size:11px;
    list-style-type:none;
}

/* Vor-Zurück-Leiste: Seitenlinks */
#main .mod_newslist .pagination a {
    color:#fff;
}

/* Vor-Zurück-Leiste: Seitenlinks */
#main .mod_newslist .pagination .active {
    color:#c3c3c3;
}



/* HAUPTSPALTE - HISTORIE */
/* einzelnes Historie-Element (hat jeweils eigenes CSS-Klasse) */
#main .element_history {
    margin:5px 0;
    padding:5px 5px 5px 3px;
    background-color:#e5e5e5;
}

/* Datum */
#main .element_history h2 {
    margin:0;
    padding:0;
    font-size:13px;
    font-weight:bold;
}

/* Text */
#main .element_history p {
    margin:20px 20px 20px 170px;
    padding:0;
}

/* Bild */
#main .element_history .image_container {
    margin:10px 0 0;
    padding:0;
}



/* HAUPTSPALTE - KALENDER */
#main table.calendar {
    width:100%;
    background-color:#e8e8e8;
}

/* Kopfleiste mit Monatsnamen */
#main .calendar .head {
    padding-top:.5em;
    padding-bottom:.5em;
    text-align:center;
    background:#f3f3f3 url("/files/layout/kalender.jpg") left bottom repeat-x;
}

/* Kopfleiste vorheriger Monat */
#main .calendar th.previous {
    padding-left:.75em;
    text-align:left;
    border-left:1px solid #dfdfdf;
}

/* Kopfleiste nächster Monat */
#main .calendar th.next {
    padding-right:.75em;
    text-align:right;
    border-left:1px solid #dfdfdf;
}

/* Kopfleiste mit Monatsnamen */
#main .calendar th a {
    text-decoration:none;
    color:#333;
}

/* Kopfleiste mit Monatsnamen */
#main .calendar th a:hover {
    text-decoration:underline;
}

/* einzelne Tageszellen */
#main .calendar td {
    width:14.3%;
    height:9em;
    vertical-align:top;
    border-right:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
}

/* erste Tageszelle pro Reihe */
#main .calendar .col_first {
    border-left:1px solid #dfdfdf;
}

/* Wochenend-Zellen */
#main .calendar .weekend {
    background-color:#f3f3f3;
}

/* Heute-Zelle */
#main .calendar .today {
    background-color:#f3f3f3;
}

/* Wochentage - nicht verschieben! */
#main .calendar .label {
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
    background-color:#a15f5f;
    font-weight:bold;
    color:#fff;
}

/* Tages-Datumszahlen */
#main .calendar .header {
    margin:1px;
    padding:1px;
    background-color:#e5e5e5;
    font-size:.9em;
    text-decoration:none;
    color:#666;
}

/* Einfärbung für Kalender Fußball 1. Mannschaft */
#main .calendar .cal_1 {
    padding:1px;
    background-color:#ffafaf;
    border-top:1px solid #fff;
}

/* Einfärbung für Kalender Fußball 2. Mannschaft */
#main .calendar .cal_2 {
    padding:1px;
    background-color:#ffa8a8;
    border-top:1px solid #fff;
}

/* Einfärbung für Kalender SVU allgemein */
#main .calendar .cal_3 {
    padding:1px;
    background-color:#ff7373;
    border-top:1px solid #fff;
}

/* Einfärbung für Kalender UNBENUTZT */
#main .calendar .cal_4 {
    padding:1px;
    background-color:#bfbbbb;
    border-top:1px solid #fff;
}

/* Einfärbung für Kalender Tischtennis 1. Mannschaft */
#main .calendar .cal_5 {
    padding:1px;
    background-color:#ffa300;
    border-top:1px solid #fff;
}

/* Einfärbung für Kalender Tischtennis 2. Mannschaft */
#main .calendar .cal_6 {
    padding:1px;
    background-color:#ffd000;
    border-top:1px solid #fff;
}

/* Link f. einzelnes Element */
#main .calendar .event a {
    font-size:11px;
    line-height:1.1em;
    text-decoration:none;
    color:#333;
}

/* Link f. einzelnes Element */
#main .calendar .event a:hover {
    text-decoration:underline;
}



/* HAUPTSPALTE - ANSPRECHPARTNER */
/* außerer Rahmen, Abstand innen und außen unten */
#main .ansprechpartner {
    min-height:150px;
    margin-bottom:30px;
    padding-bottom:3px;
    border:1px solid #a15f5f;
}

/* Überschrift */
#main .ansprechpartner h2 {
    margin:0;
    padding:2px;
    background-color:#a15f5f;
    color:#fff;
}

/* Bildposition und Maße */
#main .ansprechpartner .ce_image {
    width:100px;
    bottom:3px;
    left:3px;
    right:3px;
    top:3px;
    position:relative;
    float:left;
}

#main .ansprechpartner table {
    width:100%;
}

/* Tabelle linke Spalte */
#main .ansprechpartner .ce_table .col_0 {
    width:30%;
    padding:2px 10px 2px 2px;
    vertical-align:text-top;
    text-align:right;
}

/* Tabelle rechte Spalte */
#main .ansprechpartner .ce_table .col_1 {
    width:70%;
    padding:2px 10px 2px 2px;
    vertical-align:text-top;
    text-align:left;
}

/* Name des Ansprechpartners */
#main .ansprechpartner .ce_table tr.row_first {
    font-weight:bold;
}

#main .ansprechpartner .ce_toplink {
    margin:2px;
    text-align:right;
}



/* HAUPTSPALTE - ANFAHRT */
#main .routenplanerlink {
	margin-top:15px;
}

/* HAUPTSPALTE - KONTAKT */
/* Abstand zwischen den Elementen */
#main #kontakt .formbody .widget {
    margin-bottom:10px;
}

/* Abstand linke Spalte vom rechten Rand - größere Zahl heißt weiter nach links */
#main #kontakt .formbody label {
    right:72%;
    position:relative;
    float:right;
}

/* Abstand rechte Spalte vom linken Rand - größere Zahl heißt weiter nach rechts */
#main #kontakt .formbody select,
#main #kontakt .formbody input,
#main #kontakt .formbody textarea,
#main #kontakt .formbody button {
    left:30%;
    position:relative;
}



/* HAUPTSPALTE - IMPRESSUM */
#main #impressum table {
    width:450px;
    margin-right:auto;
    margin-left:auto;
}

#main #impressum table tr.odd {
    background-color:#e8e8e8;
}

#main #impressum table tr.even {
    background-color:#efefef;
}

#main #impressum table .col_0 {
    width:30%;
    margin:0;
    padding:10px;
    vertical-align:top;
    text-align:right;
}

#main #impressum table .col_1 {
    width:70%;
    margin:0;
    padding:10px;
    vertical-align:top;
    text-align:left;
}



/* HAUPTSPALTE - SUCHMASCHINE */
/* Suchmaschine Eingabefeld Position */
#main #suchmaschine .widget-text {
    width:50%;
    left:25%;
    position:absolute;
}

/* Suchmaschine Eingabefeld Größe und Inhalt */
#main #suchmaschine .widget-text .text {
    width:250px;
    height:30px;
    padding-right:5px;
    padding-left:5px;
    font-size:1.5em;
}

/* Suchmaschine Button Position */
#main #suchmaschine .widget-submit {
    width:50%;
    left:55%;
    position:absolute;
}

/* Suchmaschine Button Größe und Inhalt */
#main #suchmaschine .widget-submit .submit {
    width:100px;
    height:30px;
    padding-right:5px;
    padding-left:5px;
    font-size:1.5em;
}

/* Suchmaschine Trennbalken */
#main #suchmaschine .header {
    margin-top:80px;
    padding:5px;
    text-align:right;
    background-color:#a15f5f;
    color:#fff;
}

/* Suchmaschine Ergebnisse gerade */
#main #suchmaschine .even {
    padding:5px;
    background-color:#e8e8e8;
}

/* Suchmaschine Ergebnisse ungerade */
#main #suchmaschine .odd {
    padding:5px;
    background-color:#efefef;
}

/* Suchmaschine Ergebnisse Relevanz- und Dateigrößenangabe */
#main #suchmaschine .relevance,
#main #suchmaschine .filesize {
    font-size:.8em;
    font-weight:normal;
    color:#808080;
}

/* Suchmaschine Ergebnisse URL */
#main #suchmaschine .url {
    color:#0b3;
}



/* FUSSZEILE */
/* Hintergrund sichtbar im Footer */
#footer {
    background-color:#a15f5f;
    font-size:11px;
    color:#fff;
}
#footer a {
    text-decoration:underline;
    color:#fff;
}
#footer a:hover {
    background-color:#d01313;
    text-decoration:none;
    color:#fff;
}