@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/


/*  Verwendete Farbwerte:

      #3A627C	blau fuer den Hintergrund
     #093A5B	blau wie im Footer und in den aktiven Links des Submenues
      #4E83B0	blau wie in Ueberschrift H4 und in der grafischen Ueberschrift H1
      #e41b1b	rot wie in der Headerschrift und im Hauptmenue
      #FFEF3F	gelb wie in den aktiven Links den Hauptmenues
*/


@media all
{
body {
    background:#3A627C; padding-top:10px;
}

a { color: #4C82B4; }

p {
    line-height: 1.3em;
    font-size: 12px;
}

h3 { font-size:120%; color: #e41b1b; background: transparent; padding: 10px 0px 10px 0px;}                        /* 18px */
h4 { font-size: 120%; color: #4E83B0; background: transparent;}

/* ####################################
** ### Borders around page ############
** ####################################
*/
#page{border:1px #0A171F solid; background: transparent; width: 900px;}
/* Ganz wichtig, in beiden Bezeichnern die width zu setzen, sonst spinnt der IE !!*/
#page_margins {border:0px #889 solid; width:900px; margin:auto; }

/* ####################################
** ### Header #########################
** ####################################
*/
#header {position:relative; height:158px; background: transparent url(../img/header.jpg) no-repeat top ;}
#header img {position:absolute; top:3px; left:10px; font-size:208%;}
#header h1 span {display:block; height:1px; width:1px; overflow:hidden; line-height:105px;}
#header div.tx-macinasearchbox-pi1 {position:absolute; bottom:5px; right:10px; font-size:11px;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}
#header div.tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}
#header div.tx-macinasearchbox-pi1 form input {width:170px; height:13px;}
#banner {position:absolute; top:20px; right:10px; z-index:10;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}
#topnav {top:-2px; font-size:13px; color: white;}


/* ####################################
** ### Footer #########################
** ####################################
*/

#footer {
    color:#3A627C;
    background:#093A5B;
    margin:0em;
/*
    padding:1em 2em 1em 2em;
*/
    padding: 0px 2em 0px 2em;
    border-top:1px #ddd solid;
    line-height:2em;
    font-size: 10px;
    text-align: center;
}

#footer a {
    color:#3A627C;
}
/* ####################################
** ### Content columns ################
** ####################################
*/

/* Abstand zwischen Teaser und Menue */
#main {background:#fff ; padding-top:0;}

/* Ausblenden eines optischen Spaltentrenners zwischen col#1 und col#3
** z.B. auf der Seite Projekte */
#col3 {border-right: 0px #ddd solid;}

/* Anpassen den linken Seitenabstands */
#col3_content { padding: 10px 20px 10px 20px; }


/*
 * CSS fuer die Seite mit News&Veranstaltungen
 */

#col3_news {
    margin-left: 0%;
}

/* 	!!!!!!!!!!!!!!!!!!!!!
    entscheidend fuer die korrekte Darstellung
    der Zweispaltigkeit im Safari! (clear)
*/
#col1 {clear: both; }

#col1_content { padding: 10px 10px 10px 10px; }


/*
** ########################################
** ###  Mainmenu  ##########################
** ########################################
*/
#nav_main {
    float:left;
    width:100%;
    background: #e41b1b !important;
    line-height:normal;
}
#nav_main ul {
        margin: 0 0 0 0px;
        list-style-type: none;
        white-space: nowrap;
        float: right;
        padding: 0px 0 0 0px;
}

#nav_main ul li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 98%;
        margin: 0;
        padding: 0px 0 0px 0;
        background: #e41b1b;
        border-bottom: 0px;
}

#nav_main a, #nav_main a:link {
        margin: 0;
        padding: 9px 9px 8px 9px;
        color: #fff;
        /*border-left: 1px solid #fff;*/
        text-decoration: none;
}

 #nav_main a,
 #nav_main strong {
    background: transparent;
}

#nav_main #current a,
  #nav_main #current strong {
/* Das Gelb fuer den aktiven Link */
    background: #FFEF3F;
    padding: 9px 9px 8px 9px;
    font-weight: normal;
    color: white;
    color: #093A5B;
}
#nav_main ul li#current {
        color: #95bbae;
        background: #8099aa;
}

#nav_main a:hover {
        color: #fff;
        background: #8099aa;
}

  #nav_main ul li:focus,
  #nav_main ul li:hover,
  #nav_main ul li:active {
      /* (de) Keine Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #c4d0dc;
    background-position: 0 -150px;
  }

/*
** ########################################
** ###  Teaser  ##########################
** ########################################
*/
#teaser {margin:0; padding:0; background:#e5e5e5; color:#765; height: 25px;}
#teaser div {float:left; width: 90%; margin-right:0em; font-size:12px; }

#teaser .rootline a {color:#093A5B; text-decoration: none;}
#teaser .rootline a:hover {color:#888; text-decoration: underline;}

/*
#teaser .rootline {margin:6px 0 4px 10px;}
#teaser .rootline a {color:#334;}
#teaser .rootline a:hover {background:transparent;}

#teaser .langMenu {float:right; margin:3px 10px 0 0;}
#teaser .langMenu a:hover {background:transparent;}
#teaser .langMenu img {margin-top:3px;padding-right:3px;}

#teaser .selectFontSize {float:right; margin:6px 10px 0 0;}
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}

#teaser .aktDatum {float:right; margin:6px 20px 4px 0;}
*/

/*
** ########################################
** ###  Submenu  ##########################
** ########################################
*/
#submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #444; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#E31B1B; color: #fff; }

  /* Menu Title */
  #submenu li#title {
      color: #e41b1b;
    border-bottom: 1px #093A5B solid;
  }

/* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 90%;
    padding: 1px 0px 1px 10%;
    font-weight: bold;
    color: #fff;
    background-color:#093A5B;
    border-bottom: 1px #eee solid;
  }

 /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span { width: 85%; padding-left: 15%; font-size: 0.9em;}

  #submenu li ul li a { background-color:#f8f8f8; color: #666; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#E31B1B; color: #fff; }


/* Submenu innerhalb der floatbox
.floatbox ul#submenu {
    margin: 1em 0pt;
}
*/
/* keine Linie unter h4 in jp_teaser-Extension */
.tx-jppageteaser-pi1-list-entry h4 {
    border-bottom: none;
}

/* Schriftgroesse von "Weiterlesen" unter Pageteaser */
.tx-jppageteaser-pi1-list-entry-link-item {
    font-size: 1em;
}

/* ############################################
** Subtemplates; notwendig fuer eine korrekte Anzeige in Gecko-Browsern
   ############################################  */

  .subcolumns, .subcolumns_oldgecko {
    margin-top: 10px;
  }

/* Formatierung von Wochenplan-Ueberschrift */
.textBelowMenu h4 {
    padding-left: 20px;
    font-size:1em;
}

/* Einrueckung des Wochenplanbildes */
.textBelowMenu img {
    padding-left: 20px;
}

/* ############################################
** CSS for profil.html, the table on every Team-Page
   ############################################  */

table.profil_table {
    border-collapse: collapse;
    margin-top: 15px;
}

table.profil_table p {
    margin: 0;
    padding: 0;
}

td.profil_leftrow {
    width: 50%;
    font-size: 1em;
    font-weight: bold;
    padding: 4px;
}

td.profil_rightrow {
    width: 50%;
    font-size: 1em;
    padding: 4px;
    padding-right: 30px;
}

tr.profil_row {
    vertical-align: top;
}

/* #########################################
   ### Definitions for the cal-Extension ###
   ######################################### */

.tx-cal-controller .even {
    background-color: #FFFFDF;
}

.pagebrowser {
    margin: 0;
    padding: 0;
}

dl {
    margin: 0;
}

dd.even {
    margin:0 0 10px 0;
    padding:0;
}

dt.even a {
    font-size: 1.5em;
}

dt img {
    float: left;
    margin: 0 1em 0 0;
}

dt.eventdata a {
    font-size: 1.5em;
}

H3.eventtitle {
    font-size: 1.5em;

    padding: 0;
}

dt div.category a {
    font-size: 1em;
}

/* Week-View */

/* kein Rahmen um das Ganze */

.calborder {
background-color:#FFFFFF;
border:0px none;
}

/* enormer Effekt für die horizontale Platzersparnis! */
.calborder th,td {padding: 1px;}

/* Kein Bild mehr als Hintergrund des Zeitraums */

.tx-cal-controller .title {
background: none;
padding:5px;
}

.tx-cal-controller .navback {
background: none;
}

/* Name des Kalenders */
.V9G {
    font-size: 12px;
}

/*
 * Links im Kalender
 */

#col3_news tr a {
    color: #fff;
}

#col3_news tr .V12 a {
    color: #000;
}

/* Rand um den ganzen Kalender */

.G10B {
    border: #ddd 1px solid;
}

.rowToday {
    background-color: #e41b1b;
    color: white;
}

.rowOn {
    background-color: #4E83B0;
    color: white;
}

/*  ##############################
    Einstellungen fuer Round Boxes
    ############################## */

/* 	blaue Box [START] */
.REboxBlue {
    background: transparent url(../img/backgrounds/RTEBoxBackgroundBlue.jpg) repeat-x scroll 0% 5px;
}

.REboxBlueContent {
    background: transparent;
    border-left:1px solid #CCCCDD;
    border-right:1px solid #CCCCDD;
    display:block;
    height:1%;
    overflow:hidden;
    padding:0.5em 1em;
}

.REboxBlueContent h4 {
    color: #E41B1B;
    border: none;
}

.REboxBlueContent a {
    text-decoration: underline;
}

.c50r {
}

.rBline2, .rBline3, .rBline4 {
background:#A7C1DA none repeat scroll 0%;
border-left:1px solid #CCCCDD;
border-right:1px solid #CCCCDD;
}

/* Wegen des Verlaufs ausnahmsweise unten eigene Klassen
   fuer die blaue RTE-Box.
   Auch das HTML-Template in dem Extensionordner wurde
   angepasst.
   Hierfuer wird den Klassen das 'u' fuer 'unten' angehaengt.
*/

.rBline1u, .rBline2u, .rBline3u, .rBline4u {display:block; overflow:hidden; font-size:1px;}
.rBline1u, .rBline2u, .rBline3u {height:1px;}
.rBline2u, .rBline3u, .rBline4u {background:#C8DDF3; border-left:1px solid #AABCCE; border-right:1px solid #AABCCE;}
.rBline1u {margin:0 5px; background:#C9D9E8;}
.rBline2u {margin:0 3px; border-width:0 2px 0 2px;}
.rBline3u {margin:0 2px;}
.rBline4u {height:2px; margin:0 1px 0 1px;}

.rBline2u, .rBline3u, .rBline4u {
background:#fff none repeat scroll 0%;
border-left:1px solid #CCCCDD;
border-right:1px solid #CCCCDD;
}

.rBline1, .rBline2, .rBline3 {
height:1px;
}

.rBline1, .rBline2, .rBline3, .rBline4 {
display:block;
font-size:1px;
overflow:hidden;
}

.REboxBluecsc-textpic-text p {
    font-size: .9em;
}

.REboxBlueContent h4 {
    font-size: 1.3em;
}

/*	blaue Box [ENDE] */

/*	gruene Box [START] */

.REboxGreen {
    background: none;
}

.REboxGreenContent {
    background: transparent;
    border-left:1px solid #E5E5E5;
    border-right:1px solid #E5E5E5;
    display:block;
    height:1%;
    overflow:hidden;
    padding:0.5em 1em;
}

.REboxGreenContent h4 {
    color: #E41B1B;
    border: none;
    font-size: 1.3em;
}

.REboxGreenContent a {
    text-decoration: underline;
}

.rGline1 {
    margin:0 5px; background:#E5E5E5;
}

.rGline2, .rGline3, .rGline4 {
background: none repeat scroll 0%;
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
}

.rGline1, .rGline2, .rGline3 {
height:1px;
}

.rGline1, .rGline2, .rGline3, .rGline4 {
display:block;
font-size:1px;
overflow:hidden;
}

.REboxGreencsc-textpic-text p {
    font-size: .9em;
}
/*
    CSS fuer die Tabelle mit den Eckdaten
*/

table.eck_table {
    border-collapse: collapse;
    margin-top: 0px;
}

table.eck_table p {
/*	font-size: .9em;*/
    font-size: 11px;
}

.eck_table td,th {
    padding: 0px;
}

td.eck_leftrow {
    width: 30%;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
}

td.eck_rightrow {
    width: 60%;
    padding: 4px;
}

tr.eck_row {
    vertical-align: top;
}

/*	############################
    #### Kontaktformular #######
    ############################	*/

.sp_bettercontact_label {
}

/*	############################
    #### Aufzaehlungen #########
    ############################	*/

.csc-bulletlist li {
    line-height: 1.3em;
    padding-bottom: 8px;
    font-size: 12px;
}

/*	############################
    #### Bilder auf der Seite ##
    ############################	*/

 IMG {
/*	border: 1px solid #999 !important;*/
}

/* Bildunterschriften */

dd.csc-textpic-caption {
    background-color: transparent;
}

/*	############################
    #### News #########
    ############################	*/

.news-single-item h2 {
    color: #4E83B0;
}

.news-single-item h3 {
    font-size: 13px;
}

.news-latest-date {
    font-size: 12px;
}

/* ##############################
 * #######  powermail ###########
 * ##############################
 */

#kontaktform input, #kontaktform textarea {
    background-color: #81ACCF;
    color: white;
    width: 224px;
    border: 1px solid black;
}

#kontaktform input[type="text"]:focus, #kontaktform textarea:focus {
    background-color: #FFEF3F;
    color: black;
    width: 224px;
    border: 1px solid #aaa;
}


#kontaktform legend {
    padding:20px 0;
    white-space:normal;
    font-size: 1.3em;
    color: #e41b1b;
}

.datenschutz {
    margin-top: 20px;
    font-size: 1.3em;
    color: #e41b1b;
}

.tx_powermail_pi1_fieldwrap_html_captcha_description {
    margin: 20px 0;
    font-size: 1.3em;
    color: #e41b1b;
}


.tx_powermail_pi1_fieldwrap_html label {
    display: inline-block;
    width: 100px;
    margin-bottom: 10px;
    vertical-align: top;
}

.wtcalculatingcaptcha {
    margin-left: 117px;
}

.powermail_mandatory_js {
    color: #e41b1b;
    margin-left: 120px;
}

.tx-powermail-pi1_thx strong {
    font-size: 1.5em;

}

.tx-powermail-pi1_thx p {
    padding-top: 20px;

}

.powermail_submit {
    width: auto !important;
    margin: 10px 0 0 117px;
}
/* Close @media all - DO NOT DELETE! */

}