/*************************************************************/
/*                                                           */
/*                  Stoll Vita Stiftung                      */
/*              Stylesheet von C.Stetter                     */
/*          für Blueforest Design - und Medienbüro           */
/*               http://www.blueforest.ch                    */
/*                        									 */				
/*************************************************************/
* {
   margin: 0;
   padding: 0;
}
body {
   text-align: center;
   margin-bottom: 10px;
   z-index: 1;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #656565;
   behavior:url("csshover.htc");
}
.pdf_link {
   position: absolute;
   bottom:-20px;
   right:-130px;
   height: 12px;
   font-size:10px;
}
/* ----------CONTAINER---------------------------- */
#container {
   position: relative;
   width: 839px;
   margin-right: auto;
   margin-left: auto;
   z-index: 2;
}
#content {
   text-align: left;
   position: relative;
   z-index: 3;
}
#oben { min-height:570px; }
#main { }
#bar {
   width:835px;
   height:3px;
   position:absolute;
   top:163px;
   left:0px;
   z-index: 450;
}
#logo {
   height:88px;
   width:321px;
   position:absolute;
   top:3px;
   right:33px;
   background: url(img/logo.gif);
   z-index: 450;
}
#sedus {
   height:19px;
   position:absolute;
   bottom:15px;
   right:15px;
   width:37px;
   background: url(img/logo_sedus.gif) no-repeat;
}
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a:hover, #footer a:hover { color:#c8de81; }
a { color:#86a911; }
/* ----------Main---------------------------- */
#main {
   font-size: 1em;
   line-height: 165%;
   padding-top: 310px;
   padding-right: 150px;
   padding-bottom: 50px;
   padding-left: 250px;
}
#main .inside .mod_article {
   z-index: 460;
   overflow: visible;
}
#main .inside .mod_article ul>li {
   position: relative;
   left: 15px;
   list-style-position: outside;
   z-index: 500;
   overflow: visible;
   list-style-image: url(img/aufzaehlungszeichen.gif);
}
#main .inside .mod_article ol>li {
   position: relative;
   left: 2px;
   list-style-position: inside;
   z-index: 500;
   overflow: visible;
}
#main .inside { }
body.gruen #main {
   padding-top: 310px;
   padding-right: 250px;
   padding-bottom: 40px;
   padding-left: 250px;
}
body.vortraege #main { padding: 310px 50px 30px 250px; }
/* -----------Startseite FUndus RIGHT--------------------------- */
#right {
   position:absolute;
   top:300px;
   background: url(img/box.jpg) no-repeat;
   width:200px;
   height:235px;
   z-index: 450;
}
#left {
   position:absolute;
   top:300px;
   background: url(img/box.jpg) no-repeat;
   width:200px;
   height:235px;
   z-index: 450;
}
#right { right:10px; }
#left { left:10px; }
#left span.date { display:block; }
#left div.event { padding-bottom:20px; }
#right h1, #left h1 {
   font-size:12px;
   font-weight:bold;
   padding-bottom:10px !important;
   padding-top:2px !important;
}
#right .inside, #left .inside {
   padding:10px 20px 20px;
   font-size: 12px;
}
/* ---------------------------------Footer--------------------------- */
#space { z-index: 300; }
#footer {
   position:relative;
   height:0px;
   z-index: 495;
   overflow:visible;
}
#footer p {
   font-size: 11px;
   color: #fff;
   position:absolute;
   top:7px;
   right:6px;
   z-index: 500;
   padding-bottom:10px;
}
body.gruen #footer p { }
#footer a { color: #333; }
body#start #footer p { }
/* ----------Farben---------------------------- */
body.gruen #main { background: url(img/blaetter.jpg) no-repeat left top; }
body.gruen { background: #86a911 url(img/bg_gruen_start.jpg) repeat-x center top; }
body.gruen h1 { color:#87aa12; }
body.gruen #content { background: url(img/mitte.png) repeat; }
/*body.gruen #oben { background: url(img/rand.png) repeat-y right top; }
body.gruen #footer { background: url(img/unten.png) no-repeat center bottom; }*/
/*body.gruen a:hover, body.gruen #footer a:hover { color:#c8de81; }
body.gruen a { color:#86a911; }
*/body.gruen #bar { background-color:#86a911;/*	border-top: 1px solid #c8de81;*/ }
body.blau #main { background: url(img/stoll.jpg) no-repeat left top; }
body.blau { background: #68abbb url(img/bg_blau.jpg) repeat-x center top; }
body.blau #content { background: url(img/mitte.png) repeat; }
body.blau #oben { background: url(img/blau_oben_rand.jpg) no-repeat right top; }
/*body.blau #footer { background: url(img/blau_unten.jpg) no-repeat center top; }
*/body.blau h1 { color:#267b91; }
/*body.blau a:hover, body.blau #footer a:hover { color:#b4ecfa; }267b91
body.blau a { color:#267b91; }
*/body.blau #bar { background-color:#267b91;/*	border-top: 1px solid #b4ecfa;*/ }
body.rot #main { background: url(img/taschenuhr.jpg) no-repeat left top; }
body.rot { background: #c28084 url(img/bg_rot.jpg) repeat-x center top; }
body.rot #content { background: url(img/mitte.png) repeat; }
body.rot #oben { background: url(img/rot_oben_rand.jpg) no-repeat right top; }
/*body.rot #footer { background: url(img/rot_unten.jpg) no-repeat center top; }
*/body.rot h1 { color:#c27f85; }
/*body.rot a:hover, body.rot #footer a:hover { color:#ff99cc; }
body.rot a { color:#c27f85; }
*/body.rot #bar { background-color:#c27f85;/*	border-top: 1px solid #ff99cc;*/ }
body.braun #main { background: url(img/getreide.jpg) no-repeat left top; }
body.braun { background: #bd9c7e url(img/bg_braun.jpg) repeat-x center top; }
body.braun #content { background: url(img/mitte.png) repeat; }
body.braun #oben { background: url(img/braun_oben_rand.jpg) no-repeat right top; }
/*body.braun #footer { background: url(img/braun_unten.jpg) no-repeat center top; }
*/body.braun h1 { color:#a77547; }
/*body.braun a:hover, body.braun #footer a:hover { color:#fbc28c; }
body.braun a { color:#a77547; }
*/body.braun #bar { background-color:#a77547;/*	border-top: 1px solid #fbc28c;*/ }
.txbraun { color:#a77547; }
.txgruen { color:#86a911; }
.txblau { color:#267b91; }
.txrot { color:#c27f85; }
/*----------------------------------Formular allgemein------------------------------------------*/
input.text { height: 20px; }
input.text, textarea {
   border-top: 1px solid #abadb3;
   border-right: 1px solid #dbdfe6;
   border-bottom: 1px solid #e9ecf0;
   border-left: 1px solid #dbdfe6;
}
input.text:focus, textarea:focus {
   color:#666;
   border-top: 1px solid #666;
   border-right: 1px solid #86a911;
   border-bottom: 1px solid #86a911;
   border-left: 1px solid #86a911;
}
.radio_container { display:block; }
.radio_container span { padding-top:5px; }
.radio_container label, .checkbox_container label { vertical-align:top; }
.checkbox_container { padding-top:5px; }
.error {
   font-size: 13px;
   color: #fff;
   background: #c27f85;
   display: inline;
   padding:2px;
   margin:2px;
}
textfield, textarea, .text {
   color:#666;
   font-family: Verdana, Arial, Futura, Helvetica, sans-serif !important;
}
/*----------------------------------Buttons allgemein-------------------------------------*/

input.submit {
   width:85px;
   text-decoration:none;
   padding-bottom:2px;
   border: 1px solid #999;
   color:#666;
}
input.submit:hover {
   border: 1px solid #86a911;
   color:#86a911;
}
/*----------------------------------Kontakt-------------------------------------*/
#kontakt form { padding-top: 30px; }
#kontakt form table td {
   padding-top: 6px;
   padding-right: 4px;
   padding-bottom: 2px;
   vertical-align:top;
}
#kontakt form table label { padding-right: 7px; }
#kontakt form table span label { vertical-align: top; }
#kontakt input.text, #newsletter input.text {
   height:19px;
   width:250px;
}
#kontakt textarea { width:250px; }
#kontakt div.checkbox_container span {
   float:left;
   clear:both;
}
/* ---------------------------------Impressum---------------------------- */
#impressum strong {
   padding-top:20px;
   padding-bottom: 10px;
}
/* ---------------------------------Veranstaltungen-------------------------- */

.mod_eventlist p.more { padding-bottom: 20px; }
.mod_eventlist a:hover { text-decoration:none; }
.mod_eventlist h3 { font-size:12px; }
body.rot table { width:100%; }
body.rot table td { padding-left:5px; }
body.rot table td.first { padding-left:0px; }
/* ---------------------------------Veranstaltungen STARTseite------------------------- */
body#start #left .inside {
   height:200px;
   overflow:hidden;
}
body#start .mod_eventlist p.more { padding-bottom: 10px; }
/* ---------------------------------Vorträge-------------------------- */
table#vortrag td { vertical-align:top; }
body.vortraege { }
#vortraege table#tabelle {
   border:none;
   z-index:499;
}
#vortraege table td { padding-bottom: 5px; }
#vortraege table td.referenten {
   white-space:nowrap;
   z-index:499;
}
#vortraege table td.mitte { width:200px; }
#vortraege .pdf_link {
   z-index:500;
   position:absolute;
   bottom:0px;
   right:-20px;
}
h1, div.block h1 {
   padding-bottom:15px;
   font-size: 16px;
}
h2 {
   font-size: 14px;
   padding-bottom:20px;
}
h4 {
   font-size: 13px;
   padding-top:18px;
   padding-bottom:8px;
}
span#sedus {
   height:19px;
   width:37px;
   background: url(img/logo_sedus.gif) no-repeat;
}
span#sedus:hover, span#sedus div:hover {
   cursor:default;
   cursor:pointer;
   cursor:hand;
}
div.pdf_link {/* ----------Text auf Button verstecken, Button mit Bild--------------------------- */
   background:url(img/print.gif) no-repeat right;
   width: 80px;
   padding-bottom:5px;
}