/* CSS Document */

/* first for Internet Explorer */
@font-face {
    font-family: Meta;
    src: url(../fonts/MetaWeb-Normal.eot);
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: Meta;
    src: url(../fonts/MetaWeb-NormalIta.eot);
    font-weight:normal;
    font-style:italic;
}

@font-face {
    font-family: Meta;
    src: url(../fonts/MetaWeb-Bold.eot);
    font-weight:bold;
    font-style:normal;
}

@font-face {
    font-family: Meta;
    src: url(../fonts/MetaWeb-BoldIta.eot);
    font-weight:bold;
    font-style:italic;
}

/* then for Firefox */
@font-face {
    font-family: Meta;
    src: url(/fonts/MetaWeb-Normal.woff) format('woff');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: Meta;
    src: url(/fonts/MetaWeb-NormalIta.woff) format('woff');
    font-weight:normal;
    font-style:italic;
}

@font-face {
    font-family: Meta;
    src: url(/fonts/MetaWeb-Bold.woff) format('woff');
    font-weight:bold;
    font-style:normal;
}

@font-face {
    font-family: Meta;
    src: url(/fonts/MetaWeb-BoldIta.woff) format('woff');
    font-weight:bold;
    font-style:italic;
}

body{
    position:absolute;
    font-weight:400;
    background-color:#ffffff;
    font-size:88%;
    font-family: "ff-meta-web-1","ff-meta-web-2",Meta,sans-serif;
    padding:0;
    margin:0;
}

* html body {
    font-family:"ff-meta-web-1","ff-meta-web-2",Meta, sans-serif;
}

#main{
    margin:0;
    padding:0;
    position:absolute;
    left:289px;
    top:24px;
    width:850px;
    height:112px;
}

#menu_links{
    position:absolute;
    top:426px;
    left:0px;
    width:289px;
    height:auto;
    z-index:100;
}
#main1{
    position:relative;
    margin:0;
    padding:0;
}

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

#inhalt{
    margin:0;
    padding:0;
    width:auto;
    min-height:480px;
}

#inhalt_ie{
    position:relative;
    top:0;
    left:0;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}

.cleaner{
    clear:both;
    margin:0; padding:0;
    border:0px none;
}
.cleaner1{
    clear:both;
    margin:0; padding:0;
    border:0px none;
    font-size:1px;
    height:0px;
}

#header{
    position:relative;
    height:28px;
    margin:0;
    padding:0;
    z-index:50;
}

#mainadresse{
    position:absolute;
    top:20px;
    left:6px;
    margin:0;
    padding:0.5em 1em;
    background-color:transparent;
    width:135px;
}

#mainadresse a{
    color:#ffffff;
}

.mainadresse_text{
    font-size:88%;
    line-height:142%;
    color:#ffffff;
    padding:0;
}

#footer{
    margin:0;
    padding:0.5em 1em;
    background-color:transparent;
}

.footer_text{
    font-size:88%;
    color:#7495a3;
    margin-left:20px;
    margin-top:5px;
    padding:0;
}

#logoadresse{
    position:absolute;
    background-image:url(../bilder/grafics_adresse.jpg);
    background-repeat:no-repeat;
    top:0px;
    left:0px;
    width:320px;
    height:140px;
}
#logo{
    position:absolute;
    background-image:url(../bilder/grafics_logo.jpg);
    background-repeat:no-repeat;
    top:140px;
    left:0px;
    width:289px;
    height:286px;
}

/**************************
/////// Textgroessen //////
***************************/

p,
h3,
li,
#menuverlauf,
#menuverlauf_ie,
.galerie_thumbtext,
#login_user,
#login_pass,
.anmeldung,
.form_textfeld{
    font-size:88%;
    font-weight:normal;
}

.galerie_dummytitel h3{
    text-transform:uppercase;
    font-weight:normal;
}

/**************************
/////// Textgroessen //////
***************************/
h2{
    color:#7495a3;
}

a:link,h3{
    color:#4a6b9e;
    text-decoration:none;
}

a:visited{
    color:#4a6b9e;
    text-decoration:none;
}

a:hover{
    color:#CC0033;
}

a:aktiv{
    color:#CC0033;
}



.galerie_thumbtext{
    color:#9bbcc5;
}


.copy_inhalt,
.info_titel,
.titel_detailbereich,
.eventliste_titel,
.listentitel,
.event_eintrag_aktuell,
.oz_tageszeile p,
.thementitel h2,
.listen_titel{
    color:#7495a3;
}

.eventliste_datum,
.event_eintrag_alt,
.adressliste_gruppe{
    background-color:#c8d9e0;
}

#spalte3{
    background-color:#FFFFFF;
}

#spalte3{
    border:#c8d9e0 1px solid;
}

/*  NICHT GETESTET */

#menuverlauf{
    margin-left:20px;
    background-image:url(../bilder/layout/menuverlauf_in-trans.png);
    background-repeat:no-repeat;
    background-position:left;
    text-decoration:none;
    vertical-align:text-bottom;
    height:20px;
}

#menuverlauf_ie{
    margin-left:20px;
    background-image:url(../bilder/layout/verlaufspfeil.gif);
    background-repeat:no-repeat;
    background-position:left;
    text-decoration:none;
    height:20px;
}
.menuverlauf_1{
    background:none;
    margin-top:2px;
    margin-left:30px;
    float:left;
    display:block;
}

.menuverlauf_1 a{
    text-decoration:none;
}

.menuverlauf_1 a:hover{
    text-decoration:underline;
}
.menuverlauf_bullet{
    position:relative;
    top:0px;
    margin-left:5px;
    background-image:url(../bilder/layout/menuverlauf_bullet-trans.png);
    background-repeat:no-repeat;
    background-position:left;
    width:10px;
    height:20px;
    float:left;
    display:block;
}

* html .menuverlauf_bullet{
    position:relative;
    top:0px;
    margin-left:5px;
    background-image:url(../bilder/layout/menuverlauf_bullet.gif);
    background-repeat:no-repeat;
    background-position:left;
    width:10px;
    height:20px;
    float:left;
    display:block;
}

.menuverlauf_2{
    position:relative;
    top:0px;
    margin-top:2px;
    margin-left:5px;
    float:left;
    display:block;
}

.menuverlauf_2 a{
    text-decoration:none;
}

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


/*****************/
/* Start GALERIE */
/*****************/

#main_galerie
{
    position:relative;
    margin:0;
    top:0px;
    left:0px;
    padding:0;
}

#galerierahmen
{
    position:relative;
    margin:0;
    padding:0;
    margin-top:20px;
}

.galerietitel
{
    height:32px;
    text-transform:uppercase;
}

.galeriethumbs
{
    position:relative;
    margin-top:0px;
    top:0px;
}

.galerieminis
{
    position:relative;
    margin:0;
    display:block;
    height:inherit;
    clear:both;
}

.galeriedummy_rahmen
{
    position:relative;
    height:auto;
    width:auto;
    text-align:center;
    background-color:#FFFFFF;
    border:solid 1px #777777;
    padding:0;
    clear:both;
    display:block;
}

.galeriedummy_rahmen_projekt
{
    position:relative;
    height:auto;
    width:362px;
    text-align:center;
    background-color:#FFFFFF;
    border:solid 1px #777777;
    padding:0;
    clear:both;
    display:block;
}

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

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

.galerie_dummytitel
{
    position:relative;
    min-height:20px;
    width:inherit;
    text-align:left;
}

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

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

.galerie_thumbtext
{
    left:0px;
    right:0px;
    top:0px;
    margin-bottom:10px;
    height:10px;
    width:100px;
    text-align:center;
}

.galerie_thumbnail_hoch,.galerie_thumbnail_quer,.galerie_thumbnail_quadrat
{
    padding-top:5px;
}

.galerie_medium_hoch,.galerie_medium_quer,.galerie_medium_quadrat
{
    padding-top:0px;
}

.galerie_mini_hoch,.galerie_mini_quer,.galerie_mini_quadrat
{
    padding-top:2px;
}


.galeriebild_rahmen
{
    width:100px;
    height:100px;
    border: solid 1px #777777;
    margin:6px;
    text-align:center;
    vertical-align:middle;
    background-color:#FFFFFF;
    float:left;
}

.galeriebild_rahmen_mini
{
    width:45px;
    height:45px;
    border: solid 1px #777777;
    margin:2px;
    text-align:center;
    vertical-align:middle;
    background-color:#FFFFFF;
    float:left;
}

.galeriebild_rahmen_medium
{
    width:300px;
    height:auto;
    margin:0px;
    text-align:center;
    vertical-align:middle;
    background-color:#FFFFFF;
    float:left;
}

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

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

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

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

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

.seitenzahl_galerie
{
    text-align:center;
    margin-top:0px;
    margin-left:6px;
    height:16px;
    display:block;
}

/**********************/
/* Ende: Galeriestile */
/**********************/



/**********************/
/* Start: INFOBEREICH */
/**********************/
.info_titel
{
    height:32px;
    text-transform:uppercase;
    display:block;
}
/********************/
/* Ende INFOBEREICH */
/********************/



/*******************/
/* Sart: TEXTSEITE */
/*******************/
.textbild_pos1{
    display:block;
    float:left;
    margin-right:12px;
    margin-bottom:5px;
}

.textbild_pos2{
    display:block;
    float:left;
    margin-right:12px;
    margin-bottom:5px;
}

.textbild_pos3{
    display:block;
    float:right;
    margin-left:12px;
    margin-bottom:5px;
}

.footer_text a:link{
    color:#ffffff;
}

ul{
    left:0px;
    padding:0;
}

li{
    list-style-position:inside;
    padding-left:4px;
    line-height:132%;
    margin-bottom:4px;
}

p {
    line-height:132%;
    padding:0;
    margin:0;
    margin-bottom:0.5em;
    text-transform:none;
}

* html p{
    font-weight:normal;
}
p a{
    text-decoration:none;
}

h1{
    font-size:128%;
    line-height:140%;
    padding:0;
    margin:0;
    margin-bottom:0.5em;
}

* html h1{
    font-weight:bold;
}

h2{
    font-size:114%;
    line-height:132%;
    font-weight:300;
    padding:0;
    margin:0;
    margin-bottom:0.5em;
    letter-spacing:0.05em;
}
* html h2{
    font-weight:bold;
}

b {
    font-weight:bold;
}
h3{
    line-height:132%;
    padding:0;
    margin:0;
    margin-bottom:0.5em;
}

#seiteninhalt_text{
    position:relative;
    padding:0;
    margin-top:20px;
    margin-left:0px;
    margin-right:0px;
    min-height:600px;
    height:100%;
}

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

/******************/
/* Ende TEXTSEITE */
/******************/


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

#main_event
{
    position:relative;
    margin:0;
    top:0px;
    left:0px;
    padding:0;
}

#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;
    width:inherit;
    margin-top:4px;
    height:52px;
    color:#999999;
    text-align:center;
}

.nav_galerie_none
{
    position:relative;
    width:inherit;
    margin-top:4px;
    height:16px;
    color:#999999;
    text-align:center;
}

.navbutton_galerie_l
{
    position:relative;
    width:25%;
    height:24px;
    float:left;
    display:block;
}

.navbutton_galerie_r
{
    position:relative;
    width:25%;
    height:24px;
    float:right;
    display:block;
}

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

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

.spacer_left{
    position:absolute;
    margin:0;
    top:0px;
    width:30px;
    display:block;
    height:100%;
}
#spalte1{
    position:relative;
    margin-left:12px;
    top:0px;
    width:370px;
    float:left;
    padding:8px;
    border-color:#777777;
    border-style:solid;
    border-width:0px;
    background-image:url(../bilder/layout/mozilla/bg_inhalt_weiss-trans.png);
    background-repeat:repeat;
    display:block;
}
#centerspalte{
    position:relative;
    margin-left:12px;
    top:0px;
    width:750px;
    float:left;
    padding:8px;
    border-color:#777777;
    border-style:solid;
    border-width:0px;
    background-image:url(../bilder/layout/mozilla/bg_inhalt_weiss-trans.png);
    background-repeat:repeat;
    display:block;
}

#menuspalte{
    position:relative;
    margin-left:12px;
    top:0px;
    width:220px;
    float:left;
    padding:0;
    border-color:#777777;
    border-style:solid;
    border-width:0px;
    background-image:url(../bilder/layout/mozilla/bg_inhalt_weiss-trans.png);
    background-repeat:repeat;
    display:block;
}

* html #menuspalte{
    position:relative;
    margin-left:12px;
    top:0px;
    width:220px;
    float:left;
    padding:0;
    border-color:#777777;
    border-style:solid;
    border-width:1px;
    background:none;
    display:block;
}

#spalte1d{
    position:relative;
    margin-left:12px;
    top:0px;
    width:370px;
    float:left;
    padding:8px;
    border-color:#777777;
    border-style:solid;
    border-width:0px;
    background:none;
    background-color:#b3aea8;
    display:block;
}

#einspaltig{
    position:relative;
    margin-left:12px;
    margin-right:12px;
    top:0px;
    width:75%;
    padding:8px;
    padding-right:20px;
    display:block;
}

#textspalte{
    position:relative;
    margin-left:12px;
    top:0px;
    width:550px;
    float:left;
    padding:8px;
    display:block;
}

#spalte2{
    position:relative;
    margin-left:12px;
    top:0;
    width:240px;
    border: solid 0px #777777;
    background-image:url(../bilder/layout/ie6/inhalt_bg_kachel-trans.png);
    background-repeat:no-repeat;
    padding:8px;
    float:left;
    display:block;
}

#spalte3{
    position:relative;
    right:0;
    top:0;
    width:230px;
    margin-left:12px;
    padding:8px;
    float:right;
    display:block;
    vertical-align:top;
}

* html #spalte1{
    background:none;
    background-color:#ffffff;
}
* html #centerspalte{
    background:none;
    background-color:#ffffff;
}

* html #spalte2{
    background:none;
    background-color:#dad7d2;
}

* html #spalte3{
    z-index:50;
}

.titel_inhalt
{
    text-transform:uppercase;
}

.subtitel_inhalt
{
    color:#000000;
}

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

}

.text_inhalt p
{
    color:#000000;
    font-weight:normal;
    text-align:left;
}

#details{
    position:relative;
    margin:0;
    padding:0;
    height:auto;
    display:block;
    clear:both;
}

.detailzeile1{
    position:relative;
    border-bottom:solid 1px #cfccc7;
    width:100%;
    height:auto;
    float:left;
    display:block;
}

.detailzeile2{
    position:relative;
    border-bottom:solid 1px #cfccc7;
    float:left;
    width:100%;
    height:auto;
    display:block;
}

.detail_titel{
    position:relative;
    color:#ffffff;
    width:60px;
    margin-left:8px;
    margin-top:4px;
    float:left;
}

.detail_text{
    position:relative;
    margin-top:4px;
    float:left;
}

.detail_ort{
    position:relative;
    margin-top:4px;
    float:left;
    display:block;
}

.inhalt_footer{
}

.titel_detailbereich
{
    height:32px;
    text-transform:uppercase;
}

#eventliste{

}
.eventliste_event{
    text-transform:uppercase;
    padding-left:8px;
    text-decoration:none;
}

.eventliste_datum{
    color:#ffffff;
    padding-top:0.2em;
    padding-bottom:0;
    padding-left:8px;
    border-top:solid 1px #ffffff;
}

.eventliste_titel{
    height:32px;
    text-transform:uppercase;

}

.listentitel{
    margin:0;
    padding:0;
    text-transform:uppercase;
}
.event_eintrag_aktuell{
    margin-left:-8px;
    margin-right:-8px;
    background-color:#cfccc7;
    text-decoration:none;
}

.event_eintrag_aktuell a{
    text-decoration:none;
}

.event_eintrag_aktuell a:hover{
    color:#000000;
    text-decoration:none;
}

.event_eintrag_alt{
}
.eventliste_text{
    text-transform:none;
}

.adressliste_gruppe{
    margin-left:-8px;
    margin-right:-8px;
    color:#ffffff;
    padding-top:0.3em;
    padding-bottom:0.1em;
    padding-left:8px;
    border-top:solid 1px #ffffff;
}
.adressliste_gruppe a{
    color:#ffffff;
    text-decoration:none;
}

.adressliste_adresse{
    padding-top:0.3em;
    padding-bottom:0.2em;
    font-size:85%;
    line-height:138%;
    text-decoration:none;
}

.adressliste_adresse a:link{
    text-decoration:none;
}

.adressliste_adresse a:visited{
    text-decoration:none;
}
.adressliste_adresse a:hover{
    color:#ffffff;
    text-decoration:underline;
}

.error{
    color:#CC0000;
}

/*********************/
/****  FORMULARE  ****/
/*********************/

#login_user{
    margin-top:20px;
    z-index:30;
}

#login_pass{
    margin-top:20px;
    z-index:30;
}

#form_anmeldung{
    position:relative;
    margin:0;
    padding:0;
    border-top:solid 1px #cfccc7;
    display:block;
    background-color:#cfccc7;
    float:left;
    padding:4px;
}

.anmeldung{
    position:relative;
    margin-top:8px;
    display:block;
}

.anmeldung input{
    height:1.4em;
    width:auto;
    border:solid 1px #cfccc7;
    right:8px;
    padding-left:4px;
    line-height:1.2em;
    font-size:inherit;
}

.anmeldung .formerror{
    color:#990000;
}

.anmeldung .feld_titel{
    line-height:1.4em;
    height:auto;
    padding-top:0.5em;
    padding-left:1px;
    text-align:left;
    font-size:inherit;
}
.anmeldung .feld_titel_obli{
    line-height:1.4em;
    height:auto;
    padding-top:0.5em;
    padding-left:1px;
    text-align:left;
    font-weight:bold;
    font-size:inherit;
}

.anmeldung .feld_titel_obli_error{
    line-height:1.4em;
    height:auto;
    padding-top:0.5em;
    padding-left:1px;
    text-align:left;
    font-weight:bold;
    font-size:inherit;
    color:#990000;
}

.anmeldung .form_checkbox{
    line-height:1.4em;
    height:auto;
    padding-top:0.5em;
    padding-left:1px;
    text-align:left;
    font-size:inherit;
}

.anmeldung 	.form_eingabe_menu select{
    line-height:1.6em;
    height:1.6em;
    padding-top:0.1em;
    padding-left:1px;
    text-align:left;
    font-size:inherit;
}

.anmeldung .form_submit{
    line-height:1.4em;
    height:2em;
    padding-top:0.5em;
    padding-left:1px;
    text-align:left;
    font-size:inherit;
}

.anmeldung .form_checkbox p{
    line-height:1.4em;
    padding-top:0.5em;
    padding-left:1px;
    margin-top:-24px;
    font-size:inherit;
    display:block;
    margin-left:20px;
}

.form_menu{
    border:solid;
    border-width:1px;
}
.form_feld{
    position:absolute;
    display:inline;
    left:90px;
}

#login_formular{
    position:relative;
    height:120px;
    width:100%;
    margin-top:8px;
    z-index:100;
}

.form_break
{
    position:relative;
    display:block;
    clear:left;
}

.form_break h3
{
    margin-left:6px;
    color:#000000;
    font-weight:bolder;
    display:block;
}

.form_error
{
    color:#CC0000;
    font-weight:bold;

}
.form_nobreak
{
    position:relative;
    display:block;
    border-bottom:solid 1px #999999;
    display:block;
}

.form_nobreak h3
{
    margin-left:6px;
    font-weight:bolder;
}

.form_feld{
    position:absolute;
    display:inline;
    left:90px;
    z-index:100;
}

.form_textfeld{
    border:solid;
    border-width:1px;
    height:1.4em;
    color:#000000;
    z-index:40;
}
.form_textarea{
    border:solid;
    border-width:1px;
}
.form_radio{
    border:solid;
    border-width:1px;
    color:#FFFFFF;
    vertical-align:text-bottom;
}
input {padding-left:4px;margin-left:0px; width:auto;}
textarea {padding-left:4px;margin-left:0px;}

.form_multicheck{
    margin:0;
    padding:0;
    padding-bottom:28px;
    position:relative;
    display:block;
}

#form_submit_login{
    position:relative;
    margin-top:20px;
}

.form_eingabe_text{
    display:block;
}

.form_eingabe_menu{
    display:block;
}

.form_eingabe_radio{
    display:block;
    margin-right:10px;
}

.form_eingabe_radio_zeile{
    border:none;
    float:left;
    margin-right:10px;
    display:block;
}
.eingabe_datum_heute{
    display:block;
    margin-left:20px;
    padding:4px;
}

.form_eingabe_datum{
    display:block;
}

.oz_tageszeile p{
    letter-spacing:0.1em;
    margin-bottom:4px;
}

.oz_zeitenzeile p{
    margin-bottom:8px;
    margin-top:0px;
    color:#000000;
    line-height:100%;
}

.vollbild{
    text-align:center;
}

.detailbild{
    width:230px;
    height:auto;
    vertical-align:top;
    margin-left:-8px;
    margin-bottom:10px;
}

/********* STILE NEU ********/

.thementitel{
    margin-bottom:0px;
}

.thementitel h2{
    text-transform:uppercase;
    margin-bottom:0px;
}
.zusatz_block{
    padding:4px;
    margin-top:8px;
}

.zusatz_absatz{
    margin-bottom:8px;
}

.zusatz_absatz p{
    margin-top:0px;
}

.zusatz_absatz ul{
}

.zusatz_absatz p li{
    list-style-type:square;
    text-decoration:none;
}

.listen_titel{
    font-size:100%;
    font-weight:bold;
}

.listen_datum{
    color:#ffffff;
    padding-top:0.2em;
    padding-bottom:0;
    padding-left:8px;
    border-top:solid 1px #ffffff;
}