@charset "utf-8";
/* CSS Document */

* {
    margin:0;
    padding:0;
    border:0;
}

html,
body {
    height:100%;
}

html {
    font-size: 100.01%;
}

body {
    background:#FFF url(../upload/bilder/corporate//bg_body.jpg) repeat-x;
    position:relative;
    overflow: -moz-scrollbars-vertical;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
}

#content-wrapper {
    font-size: 0.8em;
}

/** headings **/
h1 { 
    line-height:40px;
    font-size:1.4em;
    margin-top:3px;
    color: #005796;    
}

h2 { 
    line-height:40px;
    font-size:0.9em;
    margin-top:3px;
}

h3 { 
    font-size:12px;
    line-height:24px;
    width:auto;
    padding:0 0 0 14px;
    background:#005796;
    color:#fff;
    border-bottom:1px solid #fff;
}

/** text **/
p {
    font-size: 0.92em;
    line-height:20px;
}

small {
    font-size: 0.8em;
    line-height:18px;
}

table td {
    font-size: 0.9em;
    line-height:18px;
}

.imgLeft {
    float:left;
    margin:0 12px 4px 0!important;
}

.imgRight {
    float:right;
    margin: 0 0 12px 12px!important;
}

hr {
    margin:0 0 0.8em 0;
    padding:0 0 0.8em 0;
    border:0;
    /*border-bottom:1px solid #86b3d7;*/
    border-bottom:1px dotted #86b3d7;
    width:100%;
    line-height:0;
    background:transparent;
    height:0;     
}



/*=====================================
  Layout
=====================================*/

#outer {
    width:auto;
    padding-bottom:30px;
}

#page {
    margin: 0 auto;
    width:955px;
    background:#fff;
    padding:0 5px 5px 5px;
    position:relative;
}

/** header **/
#header {
    height:224px;
    width:955px;
    padding-bottom:1px;
}

#logo {
    position:absolute;
    top:0;
    left:5px;
    width:203px;
    height:79px;
}

#sucheContainer {
    position:absolute;
    top:123px;
    right:5px;
    width:205px;
    height:60px;
    background:#005796;
    padding:2px 0 0 0;
}

#sucheContainer h3 {
    border-bottom:none;
}

#suche {
    padding:0 15px 0 14px;
}

#loginContainer {
    position:absolute;
    top:0px;
    right:5px;
    width:205px;
    height:122px;
    background:#005796;
    font-size: 1.0em;
}

#login {
    width:auto;
    font-size: 1.0em;
    padding:4px 15px 8px 13px;
    color:#FFF;
}

#login a,
#login a:visited,
#login a:active {
    color:#FFF; 
    font-weight: normal;
    text-decoration: none;
}

#login a:hover {
    text-decoration: underline;
}

#loginContainer h3 {
    border-bottom:none;
}

#login td { 
    font-size: 0.7em;
}

#login p {
    font-size: 0.7em;
}

/** mainnav **/
#nav {
    clear:both;
    padding:0 0 0 203px;
    background:#005796;
    height:21px;
}

/** left **/
#content-left {
    float:left;
    width:203px;
}

#webcamcontainer { border-bottom:1px solid #fff; }

#dienste { 
    padding:5px 5px 10px 8px;
    border-bottom:1px solid #FFF; 
    font-weight: normal;
}

#dienste a.button { 
    background:#005796;
    color:#fff;
    text-decoration:none;
    line-height:18px;
    height:18px;
    width:120px;
    text-align:center;
    display:block;
    font-size:11px;
}

#dienste ul { margin-bottom:10px; list-style:none; }

#dienste ul li { 
    color:#000000;
    font-size:11px;
    padding-left:3px;
    line-height:18px;
    font-weight: normal;
}
 
#dienste ul li a{ 
    color:#fff;
    text-decoration:none;
}

#dienste ul li a:hover { text-decoration:underline; }

/** right **/
#content-right {
    float:right;
    width:205px;
    font-size:11px;
    border-top:1px solid #FFF;
    padding-top:24px;
}


#content-right .teaserRight-header {
    background: #005796;
    color: #FFFFFF;
    padding: 8px 15px 8px 15px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#content-right .teaserRight-header2 {
    background: #e3e3e5;
    color: #000000;
    padding: 8px 15px 8px 15px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#content-right .teaserRight h2 {
    font-size: 12px!important;
    font-weight: bold;
    margin: 0 0 0 0!important;
    line-height: 18px;
}

#content-right .teaserRight p {
    font-size: 12px;
    margin: 0!important;
}

#content-right .teaserRight-text {
    padding: 8px 15px 8px 15px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#content-right .teaserRight-text p {
    margin: 0 0 12px 0!important;
}


#terminecontainer {
 
    border-top:1px solid #FFF;
    padding:0px 5px 25px 10px;  
    line-height:20px;
}
#terminecontainer p { line-height:30px; }
#terminecontainer table { border-collapse:collapse; }       
#terminecontainer table th { background:#c1c1c3; }
    
#wetter {
    background:#bbbbbc;
    border:1px solid #e3e3e5;
    /*padding:4px 15px 4px 10px;*/
    font-size:12px;
    line-height:18px;
}   

#wetter img { float:left; margin-right: 6px; }

/** main **/
#main {
    width:955px;
    background:url(../upload/bilder/corporate/bg_main.gif) center repeat-y;
    border-bottom:3px solid #FFF;
}

#content-main {
    width:auto;
    margin:0 205px 0 204px;
    padding:0 15px 15px 15px;
}

#content-wrapper {
    overflow:hidden;
    width:510px
}

#content-main .small {
    font-size: 1.0em;
}

#content-main ul {
    list-style-type: square;
    list-style-position: inside;
    margin: 0px 0px 15px 0px;
}

#content-main img { 
    border:0px solid #b0b0b0; 

}
#content-main a, a:visited, a:active { 
    font-size: 12px;
    color:#005594; 
    text-decoration: none;
    font-weight: bold;
}

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

#content-header {
    line-height:30px;
    font-size:11px;
}

/** footer **/
#footer {
    clear:both;
    height:21px;
    line-height:21px;
    width:925px;
    background:#005796;
    color:#fff;
    font-size:11px;
    padding:0 15px;
}

#footer p {
    font-size: 11px;
}

#footer a,
a:active,
a:visited {
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

/** terminecontainer **/
#terminecontainer {
    border-top:1px solid #FFF;
    padding:0px 5px 25px 10px;
    line-height:20px;
}

#terminecontainer p {
    line-height:30px;
}

#terminecontainer table {
    border-collapse:collapse;
}

#terminecontainer table th {
    background:#c1c1c3;
}

/** KALENDER **/
#calendar td {
    font-family: Arial, Veranda, sans-serif;
    padding: 3px;
}

#calendar #calback {
    background: #FFF url('../images/calWaiting.gif') no-repeat 50% 60px;
    margin: 0 auto;
    width: 203px;
}

#calendar #calendar {
    width: 100%;
    height: 100%;
}

#calendar .cal {
    background: #bbbbbc;
    width: 100%;
}

#calendar .calhead {
    width: 100%;
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    height: 14px;
}

#calendar .calhead img {
    border: none;
}

#calendar .dayhead {
    height: 20px;
    background: #EEE;
}

#calendar .dayhead td {
    text-align: center;
    color: #000;
    width: 14%;
    background: #e3e3e5;
}

#calendar .dayrow {
    height: 20px;
    background: #e3e3e5;
}

#calendar .dayrow td {
    color: #000;
    font-size: .9em;
    font-weight: normal;
}

#calendar .day {
    float: right;
}

#calendar .dayover {
    background: #FFFFFF;
}

#calendar .dayout {
    background: #e3e3e5;
}

/** GALLERY **/

#content-main table.gallery {
         width:510px;
         font-size: 11px;
}

#content-main table.gallery td {
    padding: 4px;
    font-size: 11px;
}

#content-main .gallery table td a, a:visited, a:active, a:link {
    font-size: 11px;
    color: #005594;a
    font-weight: bold;
    text-decoration: none;
}

#content-main .gallery table td a:hover {
    text-decoration: underline;
}   

#content-main .gallery-navi {
    text-align: center;
    font-size: 12px;    
        border-top:1px solid #666666;
        border-bottom:1px solid #666666;
        margin-bottom:5px;
}

#content-main .gallery-navi a, 

#content-main .gallery-navi a:visited,
#content-main .gallery-navi a:active {
    font-size: 12px;
    font-weight: bold;
    color: #005594;
    text-decoration: none;
}

#content-main .gallery-navi a:hover {
    color: #000000;
    text-decoration: underline;
}

#content-main .gallery table td a:hover {
    color: #000000;
    font-size:11px;
    text-decoration: underline;
}

#content-main .descr {
    font-size: 11px;
}

#trailimageid { 
    position: absolute;
    visibility: hidden; 
    left: 0px; 
    top: 0px; 
    height: 1px; 
    z-index: 5000; 
}

.schedule-add {
    padding: 0px 0px 0px 20px;
    background-image: url(../upload/bilder/corporate/schedule_add.gif);
    background-repeat: no-repeat;
}

.mailbox {

}

.schedule-delete {
    padding: 5px;
    border: 0;
}

.message {
    color: #005594;
}

#pdfcategories .pdfcategory-name {

}

#pdfcategories .pdfcategory-description {
    margin: 0 0 10px 0;     
}

#pdfcategories .pdfcategory-link {  
}

#pdfcategories .pdfcategory-link a {
    font-size: 11px;
}

#pdfdetails .pdfname {
    margin: 0 0 12px 0;
}

#pdfdetails .pdfdescription {
    margin: 0 0 12px 0;
    font-size: 12px;
}

#pdfdetails .pdflink a {

}

#pdfdetails .pdflink a img {
    margin: 0 5px 0 0;
}

p.details-link-back {
    margin: 12px 0 0 0;
    text-align: right;
}

#pdfdetails .pdflink {
    margin: 0 0 20px 0;
}

#pdfdetails p.anlagen-headline {
    font-weight: bold;
    padding: 20px 0 0 0;
}

#pdfdetails .anlagen {
    margin: 5px 0 0 0;
    background: #EEEEEE;
    padding: 10px;
    border: 1px solid #CCCCCC;  
}

#pdfdetails .anlagen p.anlage-description {
    font-size: 11px;
    margin: 0 0 8px 0;
    line-height: 14px;
}

#pdfdetails .anlagen a, #pdfdetails .anlagen a:active, #pdfdetails .anlagen a:visited {
    color: #000000;
    font-weight: bold;
}

#pdfdetails .anlagen a:hover {
    text-decoration: underline;
}


/* HOME Seite */
#content-main p {
    margin-bottom: 15px;
    font-size: 1.0em;
}

p.backlink {
    text-align: right;
}

.content-text img { 
    margin-left:0px; 
    border: 0px;
}

.content-text ol {
    margin: 0px 0px 10px 0px;
    padding: 0;
    list-style-position: inside;
    font-size: 0.8em;
}

.content-text {
    line-height: 18px;
    width:510px;
}

.content-text h1 {
    font-size: 1.4em;
}

.content-text a, a:visited, a:active {
    font-weight: bold;
    text-decoration: none;
    color: #005796;
}

.content-text a:hover {
    text-decoration: underline;
}

/** teaser **/
div.teaser {
    width:auto;
    overflow:hidden;
    margin:0 0 0px 0;
    height:auto;
}

div.teaser h2 {
    font-size:1em;
    line-height:1.2em;
    margin:0;
}

div.teaser p {
    margin:0 0 0 0!important;
    line-height: 18px;
    padding: 0;
}   

div.teaser img {
    float:left;
    width:110px;
}

div.teaser div {
    margin:0 0 0 118px;
    width:auto;
    display:block;
}

div.teaser p a {
    white-space:nowrap;
}


/* LOGIN Seite */
table.table-termine { 
    border-collapse:collapse;
    line-height:16px;
    text-align:left;
}

table.table-termine th { border:1px solid #d2d2d4; padding:2px; background:#d2d2d4; font-size: 0.9em; }
table.table-termine .td-1 { border:1px solid #d2d2d4; padding:2px; background:#f2f2f3; font-size: 0.9em; }
table.table-termine .td-2 { border:1px solid #d2d2d4; padding:2px; background:#FFF; font-size: 0.9em; }
table.table-termine .link { color:#e4020c; font-size: 0.9em; }

 
/*=====================================
  Navigation
=====================================*/
/** mainnav **/
#mainnav {
    width: auto;
    overflow:hidden;
}

#mainnav ul {
    width:100%;
    border-left:1px solid #FFF;
}

#mainnav li {
    list-style: none;
    display:inline;
}

#mainnav a {
    color:#FFF;
    display:block;
    float:left;
    height:21px;
    line-height:21px;
    width:95px;
    text-decoration:none;
    text-align:center;
    border-right:1px solid #fff;
    font-size:11px;
    font-weight: normal;
}

#mainnav a:hover {
    background: #bbbbbc;
    text-decoration: none;
    color:#000;
}

#mainnav a.mainactivepath {
    background: #bbbbbc;
    text-decoration: none;
    color:#000;
}

#mainnav li div {
    clear:left;
}

#sitenav li a:hover,
#mainnav li a:hover {
    text-decoration:none;
}

/** mainnav **/
#sitenav {
    position:absolute;
    right:5px;
    top:186px;
    width:179px;
    height:38px;
    line-height:38px;
    background:#005796;
    padding:0 13px;
}

#sitenav p {
    margin: 0;
    line-height:38px;
    color:#FFF;
    font-size:0.75em;
}

/** FOOTERNAV **/

#footer ul {
    float:right;
}

#footer li {
    display:inline;
    list-style:none;
}

#footer a {
    text-decoration:none;
    line-height:21px;
    color:#fff;
    margin:0 2px;
}

#footer ul li a:hover {
    text-decoration:underline;
}

/** CONTENTNAV **/

ul#contentnav {
    font-size:11px;
    border-top:1px solid #FFF;
    margin-bottom: 50px;
}

ul#contentnav li {
    list-style:none;
}

ul#contentnav li a {
    text-decoration:none;
    display:block;
    color:#424242;
    border-bottom:1px solid #FFF;
    line-height:22px;
    width:189px;
    padding-left:14px;
    min-height:22px;
    background:#d2d2d4;
    font-weight: bold;
}

ul#contentnav li a.subactivepath {
    background:#e4020c;
    color: #FFFFFF;
}

ul#contentnav a:hover {
    background:#e4020c;
    color:#FFF;
}

/* LEVEL 2 */

ul#contentnav ul {
    font-size:11px;
    border-top:1px solid #FFF;
    margin-bottom: 0;
}

ul#contentnav li {
    list-style:none;
}

ul#contentnav ul li a {
    text-decoration:none;
    color:#424242;
    border-bottom:1px solid #FFF;
    width:auto;
    padding-left:26px;
    background:#EEEEEE;
    font-weight: bold;
}

ul#contentnav ul li a.current {
    background:#e4020c;
    color:#FFF; 
}


/*=====================================
  Clearing
=====================================*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    line-height:0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: block;
}  /* Safari */

#clear {
    clear:both;
}

/* TERMINSUCHE */

#terminsuche {
    border: 1px solid #999999;
    padding: 4px;
    margin: 0 0 20px 0;
}

#terminsuche h2 {
    color: #005796;
    margin: 0 0 0 0;
}

#terminsuche input, select {
    font-size: 11px;
    border: 1px solid #999999;
    padding: 2px;
}

#terminsuche select {
    width: 100px;
}


/* DATEPICKER*/

/* the div that holds the date picker calendar */
.dpDiv {
    }


/* the table (within the div) that holds the date picker calendar */
.dpTable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #000000;
    background-color: #ece9d8;
    border: 1px solid #AAAAAA;
    }


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
    }


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
    }


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
    }


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
    }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
    border: 1px solid #ece9d8;
    }


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    }


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
    background-color: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
    }


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
    }


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
    }


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
    }


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
    background-color: #ec7404;
    border: 1px solid #AAAAAA;
    color: #FFFFFF;
    }


/* additional style information for the text that indicates the month and year */
.dpTitleText {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
        background: #ec7404;
    color: FFFFFF;
    font-weight: bold;
    }


/* the forward/backward buttons at the top */
.dpButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background: #ec7404;
    padding: 0px;
    }


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background: #ec7404;
    font-weight: bold;
    }