/*                                *
 * Stylesheet for gz-arche.de     *
 * Copyright 2009 Arne Gellhaus   *
 *                                */

* { padding: 0;  margin: 0; }

html, body { 
  font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; text-align: left;
  background-color: #FFFFDD; height: 100%; font-size: 1.0em; 
}
img { border: 0; }

h1, h2, h3, h4, h5, h6 { 
  font-family: Georgia, "Times New Roman", serif; 
  line-height: 1.2em; padding-top: 1em; padding-bottom: 15px;  
  font-weight: normal; letter-spacing: -1px; color: #005083;
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.5em; }

p  { margin-top: 10px; margin-bottom: 10px; line-height: 1.7em; }


/* Alles fuer den Footer der immer unten bleibt (wenn alles so einfach wie css waere!) */
html, body, #top-container { height: 100%; }
body > #top-container { height: auto; min-height: 100%; }
#footer-container { position: relative; margin-top: -80px; height: 80px; clear:both; } /* border-top: 1px solid #777788; background-color: #DDDDEE; } */
#content-container { padding-bottom: 110px; width: 100%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */

#header { width: 100%; height: 149px; background-image: url('../img/verlauf.gif'); background-repeat: repeat-x; background-position: top left; }
#logo { position: absolute; top: 0; left: 0; border: 0; }

#content { margin-right: 260px; margin-left: 310px; }
    #content img { padding: 0; margin: 0; }
        #content img.right { float: right; }
        #content img.left { float: left; }
    #content .image img { padding: 20px; padding-top: 35px; }
        #content .image img.right { float: right; padding-right: 0px; }
        #content .image img.left { float: left; padding-left: 0px; }
    #content .placeholder { min-height: 288px; }
    #content ul { margin-left: 2.5em; } 

#footer { clear: both; padding-top: 30px; text-align: center; } 
    #footer p { font-size: 0.6em; }

#right { padding-right: 10px; width: 220px; float: right; }
    #right h1 { font-size: 1.1em; margin-top: 10px; color: #FF7D00; }
    #right p { font-size: 0.8em; }
    #right .details { font-size: 0.7em; margin-top: 1.3em; }

#left { margin-top: 120px; padding-right: 50px; width: 250px; float: left; padding-bottom: 10px; }

#menu ul { padding-left: 10px; list-style: none; color: #ffffff; font-size: 0.8em; line-height: 1.4em; font-weight: normal;  background-color: #005082; }
    #menu ul li { display: block; }
        #menu ul li a { display: block; width: 100%;
                        padding-left: 10px; padding-top: 5px; padding-bottom: 10px; 
                        text-decoration: none; 
                        color: #ffffff; background-color: #005082; 
                        border-right: 5px solid #008ED3; 
                        background-image: url('../img/points.gif'); background-repeat: repeat-x; background-position: top left; }
        #menu ul li.first a     { background-image: none; }
        #menu ul li a:hover,
        #menu ul li a.selected  { background-color: #63C611; border-color: #9DEC43; }
        #menu ul li span        { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 1.3em; line-height: 1.3em; }

#menu ul.level-two { padding-left: 20px; font-size: 1em;}
    #menu ul.level-two li { padding: 0; }
        #menu ul.level-two li a          { background-color: #3080A2; background-image: none; }
        #menu ul.level-two li a:hover,  
        #menu ul.level-two li a.selected { background-color: #FF7D00; border-color: #FFAD30; }

#event-block { width: 98%; display: block; }

table.events { border: 1px solid #AAAACC; width: 98%; padding: 0; margin: 0; border-collapse: collapse; }
    table.events tr.even { background-color: #e5e5ff; }
    table.events tr.odd  { background-color: #ffffff; }
    table.events td { padding-right: 10px; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; vertical-align: top; }
    table.events td.pasttime { color: #666666; }
    table.events td.kw { width: 5% !important; }
    table.events td.others span.rooms { font-size: 0.8em; background-color: #FFFF7F; margin-bottom: 5px; }
    table.events td.others span.types { font-size: 0.8em; background-color: #C6D3FF; margin-bottom: 5px; }
    table.events td.others span.space { height: 6px; display: block; }
    table.events td.first-yellow { background-color: #F8FFA6; white-space: nowrap; width: 17%; }
    table.events td.first-green  { background-color: #C7FF97; white-space: nowrap; width: 17%; }
    table.events td.first-red    { background-color: #FFE5B2; white-space: nowrap; width: 17%; }
    table.events td.first-yellow-zebra { background-color: #F8FFA6; white-space: nowrap; width: 17%; }
    table.events td.first-green-zebra  { background-color: #E7FFB7; white-space: nowrap; width: 17%; }
    table.events td.first-red-zebra    { background-color: #FFE5B2; white-space: nowrap; width: 17%; }
    table.events td.time { width: 12%; }
    table.events td.highlight { background-color: #FFCCCC; }
    table.events span.public { font-weight: bold; }
    table.events span.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px; font-size: 0.8em; }
    table.events span.rounded-one { border: 1px solid #A9D0F5; background-color: #A9D0F5; }
    table.events td.stripe { margin:0; padding:0; width: 7px; font-size: 0; }
        table.events td .desc       { font-size: 0.8em; color: #555555; }
        table.events td .attributes { margin-top: 0.2em; font-size: 0.8em; width: 100%; }

table.events-mittendrin { padding: 0; margin: 0; border-collapse: collapse; font-family: "Geometr415 Lt BT"; font-size: 9pt; line-height: 9pt; }
    table.events-mittendrin td { padding: 0; vertical-align: top; }
    table.events-mittendrin td.bold { font-weight: bold; }
    table.events-mittendrin tr.sunday { background-color: #CCCCCC; padding-top: 2pt; padding-bottom: 2pt; }
    table.events-mittendrin td.tag { width: 0.8cm; text-align: right; padding-right: 5pt; }
    table.events-mittendrin td.wochentag { width: 0.8cm; padding-left: 5pt; }
    table.events-mittendrin td.uhrzeit { width: 1.6cm; text-align: right; padding-right: 5pt; }
    table.events-mittendrin td.text { width: 9.35cm; text-align: left; padding-left: 8pt; }

.events-startpage {}
    .events-startpage table { width: 98%; }
    .events-startpage table tr td { vertical-align: top; padding-bottom: 2em; }
    .events-startpage div.flyer { padding-left: 2em; float: right; margin-left: 30px; margin-bottom: 30px; }
    .events-startpage img { border: 1px solid gray; }
    .events-startpage .datetime   { font-weight: normal; margin-bottom: 0.3em; }
    .events-startpage .desc       { font-size: 1.0em; margin-top: 0.3em; }
    .events-startpage .attributes { margin-top: 0.2em; font-size: 0.8em; }

ul.this-week { list-style: none; font-size: 0.8em; }
    ul.this-week li { padding-top: 0.6em; }
    ul.this-week span.date { color: #005083; padding-top: 0.3em; padding-bottom: 0.4em; font-weight: bold; display: block; }
    ul.this-week span.title { font-style: normal; padding-top: 0.1em; padding-bottom: 0.1em; }

ul.contacts { list-style: none; margin-left: 0!important; }
    ul.contacts li { padding-bottom: 0.5em; height: 110px; }
    ul.contacts li span { display: block; font-style: italic; }
    ul.contacts li img { border: 1px solid #777777 !important; 
                         height: 90px; width: 90px; padding: 0 !important; 
                         margin-right: 20px !important; margin-bottom: 20px; }

#map { border: 1px solid #777777; }

.dt-symbol { position: relative; width: 70px; height: 70px; } 
    .dt-symbol .dt-month, .dt-symbol .dt-day, .dt-symbol .dt-year { 
        position: absolute; display: block; 
        background-image: url(/media/img/date_display.png);
        background-repeat: no-repeat;
        text-indent: -1000em;
    }
    .dt-symbol .dt-month { height: 29px; width: 40px; top: 0; left: 0; }
    .dt-symbol .dt-day   { height: 26px; width: 40px; top: 29px; left: 0; }
    .dt-symbol .dt-year  { height: 55px; width: 20px; top: 0; left: 40px; }

ul.gallery { list-style: none; margin-left: 0!important; }
    ul.gallery li { float: left; padding-right: 10px; }

ul.galleries { list-style: none; margin-left: 0!important; }
    ul.galleries li { height: 110px; }
    ul.galleries li p { margin-top: 0; padding-top: 0; }
    ul.galleries li p.date { margin-top: 0; padding-top: 0; color: #555555; }
    ul.galleries li img { border: 1px solid #777777 !important; float: left;
                          height: 90px; width: 90px; padding: 0 !important; 
                          margin-right: 20px !important; margin-bottom: 20px; }

#google-map-60 { height: 400px; border: 1px solid gray; }