/*
 * ------------------------------------------------------------
 * SPALTEN-LAYOUT
 * ------------------------------------------------------------
 *
 * .cols-2              -> Block mit 2 Spalten
 *         .col-left       Spalte Links  (1/2)
 *         .col-right      Spalte Rechts (1/2)
 * .cols-3              -> Block mit 3 Spalten
 *         .col-normal     Standardgroesse (1/3)
 *         .col-over-2     2 Spalten       (2/3)
 * .cols-4              -> Block mit 4 Spalten
 *         .col-normal     Standardgroesse (1/4)
 *         .col-over-2     2 Spalten       (2/4)
 *         .col-over-3     3 Spalten       (3/4)
 */

/* Zeilen Definition */
.cols-2,
.cols-3,
.cols-4 {
    float: left;
    margin: 0;
    padding: 10px 0 10px 0;
    *zoom: 1;
}

/* Spalten Definition */
.col-over-2,
.col-over-3,
.col-single {
    float: left;
    margin: 0;
    padding: 0 5px 0 5px;
    *zoom: 1;
}
.col-left,
.col-right {
    float: left;
    margin: 0;
    padding: 0;
    *zoom: 1;
}

/* 2-spaltiges Layout */
.cols-2 .col-left,
.cols-2 .col-right {
    width: 475px;
}

/* 3-Spaltiges Layout */
.cols-3 .col-single { width: 310px; }
.cols-3 .col-over-2 { width: 630px; }

/* 4-Spaltiges Layout */
.cols-4 .col-single { width: 230px; }
.cols-4 .col-over-2 { width: 470px; }
.cols-4 .col-over-3 { width: 710px; }

/* Paddings anpassen fuer erste und letzte Spalte */
.col-left  { padding-right: 5px; }
.col-right { padding-left:  5px; }
.col-first { padding-left:  0; }
.col-last  { padding-right: 0; }



/*
 * ------------------------------------------------------------
 * INTROTEXT
 * ------------------------------------------------------------
 * Fuer News, Themen und Artikel
 */
.intro {
    color: #5c5c5c;
    font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 1.40em;
    font-weight: 700;
    line-height: 1.25em;
    padding: 0.5em 0 0 0;
}

.intro-light {
    color: #5c5c5c;
    font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 1.40em;
    font-weight: 200;
    line-height: 1.25em;
    padding: 0 0 0.25em 0;
}


h2 {
    border-bottom: 2px solid #003064;
    color: #064A78;
    font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 0.85em;
    height: 22px;
    line-height: 22px;
    padding-bottom: 7px;
    padding-top: 0;
    position: relative;
    vertical-align: middle;
}

/*
 * ------------------------------------------------------------
 * jQuery UI Datepicker
 * ------------------------------------------------------------
 */

/* Basics */
.ui-datepicker {
    border-color: #7F97B1;
    font-size: 0.85em;
}
.ui-datepicker td { font-weight: normal; }
.ui-datepicker thead { cursor: default; }
.ui-datepicker tr:last-child td { border: 0 none; }

/* Status */
.ui-datepicker .ui-state-default {
    background-color: #CCD6E0;
    border-color: #CCD6E0;
    color: #7F97B1;
    font-weight: normal;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-hover {
    background-color: #CCD6E0;
    border-color: #7F97B1;
    color: #003064;
    font-weight: normal;
}
.ui-datepicker .ui-state-highlight {
    background-color: #CCD6E0;
    border-color: #003064;
    color: #003064;
    font-weight: 700;
}

/* Header */
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-header .ui-state-hover,
.ui-datepicker .ui-datepicker-header .ui-state-active {
    background-color: #c1cbd9;
    color: #003064;
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover,
.ui-datepicker .ui-datepicker-header .ui-state-active {
    border-color: #CCD6E0;
}

/* Icons */
.ui-datepicker .ui-icon { cursor: pointer; }
.ui-datepicker .ui-icon-circle-triangle-w                  { background-position: 0 -3600px; }
.ui-datepicker .ui-state-hover .ui-icon-circle-triangle-w  { background-position: 0 -3500px; }
.ui-datepicker .ui-icon-circle-triangle-e                  { background-position: 0 -2100px; }
.ui-datepicker .ui-state-hover .ui-icon-circle-triangle-e  { background-position: 0 -2000px; }




/*
 * ------------------------------------------------------------
 * SPECIAL-STYLES
 * ------------------------------------------------------------
 */

/* Sowohl im Screenreader als auch im Browser verstecken */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Bild anstelle Text */
.imgreplace {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}
.imgreplace:before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
}

/* Nur im Screenreader anzeigen */
.nonvisual, .nonvisual-focusable {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* .visuallyhidden erweitern, um beim Focus diese anzuzeigen */
.nonvisual-focusable:active,
.nonvisual-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Clearfix */
form:after,        form:before,
.clearfix:after,   .clearfix:before,
.cols-2:after,     .cols-2:before,
.cols-3:after,     .cols-3:before,
.cols-4:after,     .cols-4:before,
.col-over-2:after, .col-over-2:before,
.col-over-3:after, .col-over-3:before,
.col-left:after,   .col-left:before,
.col-right:after,  .col-right:before,
.col-single:after, .col-single:before,
.form-row:after,   .form-row:before,
.item:after,       .item:before,
.panel:after,      .panel:before,
.slider:after,     .slider:before,
.teaser:after,     .teaser:before,
.teaser-img:after, .teaser-img:before {
    content: ' ';
    display: table;
}
form:after,
.clearfix:after,
.cols-2:after,
.cols-3:after,
.cols-4:after,
.col-over-2:after,
.col-over-3:after,
.col-left:after,
.col-right:after,
.col-single:after,
.form-row:after,
.item:after,
.panel:after,
.slider:after,
.teaser:after,
.teaser-img:after {
    clear: both;
}
form,
.clearfix,
.cols-2,
.cols-3,
.cols-4,
.col-over-2,
.col-over-3,
.col-left,
.col-right,
.col-single,
.form-row,
.item,
.panel,
.slider,
.teaser,
.teaser-img {
    *zoom: 1;
}

.row {
    clear: both;
}