/* CSS Document */
/**
 * @author Philipp Wehrli <mail@grafics.ch>
 * @copyright Copyright by PW-Grafics 2007-2010
 * @version Webfueller V 1.5.04 2010-07-24
 */
body{
    background-color:#74b1e1;
    font-family:Arial,Helvetica,sans-serif;
    margin:0;
    padding:0;
    font-size:88%;
    background-image:url(../bilder/verlauf_background.jpg);
    background-repeat: repeat-x;
}

p{
    line-height:118%;
}

object{
    padding:0px;
    margin:0px;
}

.textfilm_pos{
    padding:0px;
    margin:0px;
    display:block;
    width:600px;
    height:380px;
    text-align:center;
    height:auto;
    -webkit-box-shadow:0px 0px 10px #333;
    -moz-box-shadow:0px 0px 10px #333;
    background-color:#ffffff;
}

#main {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

#main_header{
    position:absolute;
    top:0px;
    left:0px;
    height:206px;
}

#main_menu{
    position:absolute;
    left:77px;
    top:0px;
    margin-top:215px;
    width:215px;
    z-index:100 !important;
}

* html #main_menu{
    top:215px;
}

#main_content{
    position:absolute;
    top:0px;
    margin-top:215px;
    left:292px;
    width:861px;
    min-height:600px;
    height:auto;
    border:solid 1px #ffffff;
    background-color:#ffffff;
}

.main_intro{
    width:auto;
    overflow:visible;
}
.main_intro .menuwahl{
    float:left;
    margin:0;
    padding:0;
    border:none;
}

* html #main_content{
    top:215px;
}

.hauptmenupunkt{
    position:relative;
    left:0px;
    width:215px;
    display:blocK;
}

.submenupunkt{
    position:inherit;
    left:0px;
    width:215px;
    height:24px;
    display:block;
}

.main_menubg{
    position:absolute;
    top:0px;
    left:276px;
    z-index:0;
}

#main_submenu{
    position:absolute;
    left:276px;
    top:206px;
    height:25px;
    width:100%;
    background-color:#d7e5f9;
}

#bild1{
    left:0px;
    top:0px;
    z-index:1;
    position:absolute;
}

#bild2{
    left:172px;
    top:0px;
    z-index:1;
    position:absolute;
}

#b1{left:0px;top:0px;z-index:2;position:absolute;}
#b2{left:461px;top:0px;z-index:2;position:absolute;}
#b3{left:775px;top:0px;z-index:2;position:absolute;}
#b3a{left:831px;top:0px;z-index:2;position:absolute;}
#b4{left:0px;top:30px;z-index:2;position:absolute;}
#b5{left:775px;top:30px;z-index:2;position:absolute;}
#b8{left:0px;top:125px;z-index:2;position:absolute;}
#b9{left:233px;top:125px;z-index:2;position:absolute;}
#b10{left:384px;top:125px;z-index:3;position:absolute;}
#b11{left:536px;top:125px;z-index:3;position:absolute;}
#b12{left:700px;top:125px;z-index:3;position:absolute;}
#b13{left:858px;top:125px;z-index:2;position:absolute;}
#b14{left:1017px;top:125px;z-index:2;position:absolute;}
#b15{left:839px;top:0px;z-index:2;position:absolute;}
#b15a{left:906px;top:0px;z-index:2;position:absolute;}
#b16{left:914px;top:0px;z-index:2;position:absolute;}
#b16a{left:1003px;top:0px;z-index:2;position:absolute;}
#b17{left:1010px;top:0px;z-index:2;position:absolute;}
#b17a{left:1077px;top:0px;z-index:2;position:absolute;}
#b18{left:1086px;top:0px;z-index:2;position:absolute;}
#b19{left:1161px;top:0px;z-index:2;position:absolute;}

a:link{
    color:#6686b3;
    text-decoration:none;
}
a:visited{
    color:#6686b3;
    text-decoration:none;
}
a:hover{
    color:#2f5fa4;
    text-decoration:none;
}
a:active{
    color:#2f5fa4;
    text-decoration:none;
}

#inhaltrahmen{
    position:absolute;
    background-color:#FFFFFF;
    left:130px;
    top:231px;
    width:530px;
    height:500px;
}

#submenu{
    position:relative;
    left:10px;
    top:15px;
    height:20px;
    width:500px;
    font-size:13px;
    color:#999999;
}

.lead{
    font-weight:600;
    line-height:120%;
}

.titel{
    font-size:120%;
    font-weight:600;
    line-height:138%;
}

li{
    color:#6c7e43;
}

ul{
    left:10px;
    padding-left:20px;
}

/* Textseiten */

.text_liste{
    display:list-item;
    list-style-position:inherit;
    list-style-type:disc;
    margin-left:14px;
    color:#666666;
}

.text_absatz{
    color:#000000;
}

/* Galeriestile */

#main_galerie{
    position:relative;
    margin:0;
    top:0px;
    left:0px;
    padding:0;
    height:100%;
    background-position:top;
    background-repeat:repeat-x;
}

#galerierahmen{
    position:relative;
    margin:0;
    padding:0;
}

.galerietitel{
    position:relative;
    top:0px;
    color:#FFFFFF;
    font-size:14px;
    height:40px;
}

.galeriethumbs{
    position:relative;
    margin:0;
    padding:0;
}

.galerie_thumbtext{
    position:relative;
    left:0px;
    right:0px;
    top:0px;
    bottom:10px;
    height:10px;
    width:80px;
    color:#FFFFFF;
    font-size:9px;
    text-align:center;
}

.galerie_thumbnail{
    position:relative;
    vertical-align:middle;
}
.galeriebild_rahmen{
    position:relative;
    width:80px;
    height:80px;
    padding:5px;
    border-color:#999999;
    border-style:solid;
    border-width:thin;
    margin:3px;
    background-color:#000000;
    float:left;
}

.galeriedummy_rahmen{
    position:relative;
    margin-top:33px;
    height:inherit;
    width:inherit;
    text-align:center;
    background-color:#000000;
    border:solid 1px #777777;
    padding:0;
    -webkit-box-shadow: 0px 0px 12px #666;
    -moz-box-shadow: 0px 0px 12px #666;
}

.galerie_dummy{
    position:relative;
    top:0px;
    vertical-align:middle;
    height:auto;
    padding:6px;
    overflow:hidden;
}

.galerie_dummytitel{
    position:relative;
    min-height:20px;
    height:auto;
    width:inherit;
    color:#726e6b;
    text-align:left;
}

.galeriedummy_text{
    position:relative;
    margin-top:6px;
    min-height:40px;
    width:inherit;
}

.galeriedummy_text p{
    color:#000000;
    font-weight:normal;
    text-align:left;
    line-height:100%;
    border-bottom:solid 1px #cfccc7;
}

.galerie_thumbnail_hoch{
    vertical-align:middle;
}

.galerie_thumbnail_quer{
    vertical-align:middle;
}

.galerie_thumbnail_quadrat{
    vertical-align:middle;
}

/* Ende: Galeriestile */

#main_footer{
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:6;
}

#impressum{
    font-size:88%;
    color:#6c7e43;
    position:absolute;
    top:580px;
    left:15px;
    z-index:2;
}

#titel{
    position:absolute;
    left:334px;
    top:168px;
    z-index:2;
}

.linkthema{
    font-weight:600;
    line-height:35px;
}

.linkzeile{
    position:relative;
    font-weight:300;
    line-height:16px;
    display: block;
}

.linktitel{
    position:absolute;
    left:10px;
}
.linkinfo{
    position:relative;
    left:150px;
}

.exktitel{
    position:absolute;
    font-weight:600;
    left:0px;
    top:8px;
}
.exkinfo{
    position:relative;
    top:8px;
    left:0px;
}

.abstand{
    line-height:6px;
    font-size:6px;
}


#print{
    position:absolute;
    left:50px;
    top:40px;
    width:600px;
}

.text_p{
    line-height:120%;
}

.lead_p{
    font-weight:600;
    line-height:16px;
}

.titel_p{
    font-size:120%;
    font-weight:600;
    line-height:138%;
}

.print.li{
    color:#000000;
}

ul.text_p{
    left:10px;
    padding-left:20px;
}

h1{
    font-size:160%;
    color:#666666;
}

h2{
    font-size:138%;
    color:#666666;
}

h3{
    font-size:100%;
}

.error404{
    position:relative;
    top:100px;
    left:174px;
    color:#CC0000;
    font-size:138%;
    font-weight:600;
}

.textbild_pos1{
    position:relative;
    top:0px;
    left:0px;
    float:none;
    display:inline;
    clear: both;
}

.textbild_pos2{
    position:relative;
    margin-right:12px;
    top:0px;
    left:0px;
    float:left;
}

.textbild_pos3{
    position:relative;
    top:0px;
    left:0px;
    float:right;
}

.textbild_pos4{
    position:relative;
    top:80px;
    float:right;
}

.text_absatz{

}

#seiteninhalt_text{
    position:relative;
    margin:0;
    padding:0;
    background-color:#ffffff;
}

#seiteninhalt_vollbild{
    position:relative;
    margin-top:20px;
    margin-left:12px;
    margin-right:20px;
    margin-bottom:0;
    padding-bottom:20px;
}

/*****************/
/* Start EVENTS  */
/*****************/

#main_event{
    position:relative;
    margin:0;
    top:0px;
    left:0px;
    width:inherit;
    height:inherit;
}

#eventrahmen{
    margin:0;
    padding:0;
    left:0px;
    right:0px;
    margin-top:20px;
    float:none;
}

.event_text{
    position:relative;
    margin-top:6px;
    min-height:40px;
}

.event_text p{
    font-weight:normal;
    text-align:left;
}

.nav_galerie{
    position:relative;
    display:block;
    width:auto;
    margin-top:4px;
    height:52px;
    font-size:10px;
    color:#999999;
    text-align:center;
}

.nav_buttons{
    margin-top:8px;
    position:relative;
    padding-left:24px;
    padding-right:30px;
    text-align:center;
    height:28px;
}

.navbutton_galerie_l1{
    position:relative;
    margin:0;
    padding:0;
    width:25%;
    height:24px;
    float:left;
}

.navbutton_galerie_r1{
    position:relative;
    margin:0;
    padding:0;
    width:25%;
    height:24px;
    float:right;
}

.navbutton_galerie_l2{
    position:relative;
    margin:0;
    padding:0;
    width:25%;
    height:24px;
    float:left;
}

.navbutton_galerie_r2{
    position:relative;
    margin:0;
    padding:0;
    width:25%;
    height:24px;
    float:right;
}

#seitenzahl_galerie{
    text-align:center;
    margin-top:0px;
    margin-left:6px;
    height:16px;
    color:#ffffff;
}

/****************/
/* Ende: EVENTS */
/****************/

.spacer_left{
    position:relative;
    margin:0;
    top:0px;
    width:12px;
    height:600px;
    display:block;
    float:left;
}
#spalte1{
    position:relative;
    margin:0;
    top:0px;
    float:left;
    padding:8px;
    padding-left:20px;
    width:200px;
    display:block;
    height:100%;
}

#einspaltig{
    position:relative;
    margin:0;
    top:0px;
    padding:8px;
    padding-left:20px;
    padding-right:20px;
    display:block;
    width:600px;
    height:100%;
    float:left;
    background-color:#ffffff;
}

#textspalte{
    margin:0;
    padding:8px;
    padding-left:20px;
    padding-right:20px;
    float:left;
    width:600px;
}

#spalte2{
    margin:0;
    position:relative;
    margin:0;
    width:360px;
    padding:8px;
    padding-left:20px;
    float:left;
    display:block;
    height:auto;
}

#spalte3{
    position:relative;
    right:1px;
    top:0;
    width:199px;
    padding:8px;
    float:right;
    display:block;
    height:100%;
    background-color:#dddddd;
}

#spalte3 ul.zusatz_galerie img{
    border:2px solid #bbbbbb;
}

.cleaner{
    clear:both;
}

/* Neue Stile */

.event_liste{
    position:relative;
    margin:0;
    margin-bottom:10px;
    padding:5px;
    line-height:140%;
}

.eventliste_titel{
    margin-bottom:8px;
}

.eventliste_datum{
    margin:0;
    margin-top:8px;
}

.eventliste_event{
    margin:0;
}

.event_liste h2{
    margin:0;
    font-size:122%;
    color:#666666;
}

.teilevent{
    float:none;
    display:block;
    position:relative;
    margin:0;
    margin-top:16px;
    margin-bottom:16px;
    height:auto;
}

.clearer{
    clear:both;
    width:100%;
}
.event_liste h3 {
    margin:0;
    margin-top:4px;
    margin-bottom:4px;
    font-size:100%;
    line-height:100%;
    font-weight:bold;
}

.event_liste a {
    color:#333333;
}

.event_liste a:hover {
    color:#999999;
}

.event_liste p{
    font-size:86%;
    line-height:122%;
    color:#999999;
}

.listenzeile{
    margin-top:8px;
    border-top:thin solid #999999;
}

.listenzeile p{
    margin:0;
    margin-top:8px;
}

.link_liste{
    position:relative;
    margin:0;
    margin-bottom:10px;
    padding:5px;
    line-height:140%;
}

.linkliste_titel{
    margin-bottom:8px;
}

.link_liste h2{
    margin:0;
    font-size:122%;
    color:#666666;
}

.link_liste h3 {
    margin:0;
    margin-top:4px;
    margin-bottom:4px;
    font-size:100%;
    line-height:100%;
    font-weight:bold;
}

.link_liste a {
    color:#333333;
}

.link_liste a:hover {
    color:#999999;
}

.link_liste ul li{
    color:#999999;
}

.titel_inhalt{
    margin:0;
    display:block;
}

.titel_inhalt h2{
    margin:0;
    font-size:148%;
    line-height:120%;
    color:#666666;
}

.text_copy{
    position:relative;
    margin:0;
    margin-top:12px;
    margin-bottom:12px;
}
.text_inhalt{
    margin-top:8px;
    margin-bottom:12px;
}

.text_inhalt p{
    font-size:86%;
}

.text_datum{
    position:relative;
    margin:0;
    margin-top:20px;
    padding:0;
}

.text_datum p{
    line-height:122%;
    color:#999999;
}

.text_datum h2{
    margin:0;
    font-size:148%;
    line-height:120%;
}

.textfilm_pos2{
    position:relative;
    display:block;
    width:400px;
    margin:0;
    padding:0;
}

.medien_titel{
    margin-left:40px;
    text-align:center;
    /*margin-top:-40px;*/
    padding:0;
    position:relative;
    text-align:left;
    display:block;
    font-weight:bold;

}

#spalte3 .zusatz_absatz{
    margin-top:0;
    margin-bottom:0;
    border-bottom:1px solid #aaaaaa;
}

#spalte3 li{
    margin-bottom:6px;
}

#spalte3 p{
    color:#999999;
}

ul.zusatz_medien{
    list-style:none;
    left:10px;
    padding-left:0px;
}

ul.zusatz_medien li{
    height:24px;
}

ul.zusatz_galerie{
    list-style:none;
    left:10px;
    padding-left:0px;
}

.zusatz_galerielink{
    line-height:20px;
}

.zusatz_galeriebild{
    margin-top:6px;
}

#spalte3 ul.zusatz_medien img{
    vertical-align:middle;
}

.zusatz_medienlink{
    margin-top:4px;
    margin-left:4px;
}

.zusatz_medienbild{
    vertical-align:middle;
}

#spalte3 .zusatz_block h2{
    margin-bottom:0px;
    line-height:100%;
    font-size:100%;
    color:#666666;
}