/*Theres Teichmann fuer www.berlin-erleben-info.de Mai 2007*/

 /* allgemeingueltige Angaben */

body {
        color: #000;
        font-family:  Verdana, Helvetica, Arial, sans-serif ;
        text-align:left;
        margin:0 0 0 0;
        padding:0 0 0 0;
         font-size:76%;
        height:100%;
        width:100%;
        background:#ffc url(border_left.gif)  232px top repeat-y;
        }

html{
                                height: 100%;
                        }

abbr[title], acronym[title] {border-bottom: 1px #777 dotted; cursor: help}

img {
        border:0;
        padding:0;
        margin:0;
        text-align:left;
        }

p  {
        font-size:1em;
        font-weight:normal;
        line-height:1.5em;
        padding:0;
        margin:0;
        text-align:left;
        }

h1,h2,h3,h4,h5 {line-height:1em;}
/* Hauptueberschrift */
h1 {font-size:1.8em;color:#996; margin:0 0 1em 0; }

/* hinterlegt */
h2 {font-size:1em; margin:1.3em 0 1.2em 0;padding:.2em 0 .1em 2%; display:block;background:#cc9; color:#c00;clear:left;text-align:left;width:90%;}

*+html h2{
       width:90%;}
         }/* IE 7 */

* html h2{
        width:82.5%;}
         /* other IE */

/* Untertitel */
h3 {font-size:1.2em;color:#c00; font-weight:normal;margin:0 0 .8em 0;padding:0 10% 0 0;line-height:1em;}

/* Ueberschrift in linker Spalte */
h4 {font-size:1em; margin:0 0 1.8em 0;padding:.5em 0 .5em 10px; display:block;background:#c00; color:#fff;float:right;text-align:left;line-height:1.2em;
   width:199px;
   voice-family:"\"}\"";
   voice-family:inherit;
   width:189px;
   }

/* Tipp in rechter Spalte */
h5 {font-size:.9em; display:block; color:#c00;border-bottom:1px solid #c00; padding:1.5em 0 .2em .2em;margin:0 0 1em 0;clear:both;}

#container {
                                position: relative;
                                min-height: 100%;
                                margin:0 2px 0 0;padding:0; background:url(hintergrund_rot.gif) top left repeat-y;                                      border:0px solid #000;
                        }
* html body,* html body #container   {
        height:100%;
        }
html>body, html>body #container   {
        min-height: 100%;
        }

#box  {
        margin:0;
        padding:0 0 0 22px;
        height:auto;
        border:0px solid #000;
        }

#kopf   {
        width:100%;
        margin:0;
        padding:0;
        background:#fff url(hintergrund_berlin.jpg) top right no-repeat;
        height:105px;
        border-bottom:1px solid #fff;
        }

.logo {
        position:absolute; top:0; left:0;
        margin:0;
        padding:0 0 0 0;
        z-index:2000;
        }

.logo img{
        margin:0 0 0 0;padding:0;border-bottom:1px solid #fff;
        }

.titel {
        position:absolute; top:21px; left:460px;
        margin:0;
        padding:0 0 0 0;
        z-index:4000;color:#c00;font-weight: bold;
        }


.extralink {
        margin:0;
        padding:0;
        float:right;
        height:95px;

        }

.extralink img{
        position:absolute; top:0; right:0;
        margin:56px 0 0 0;
         z-index:0;
        }

/* Hauptnavigation mit aufklappender Unternavigation */

#hauptnavi table {border-collapse:collapse; margin:0; padding:0;font-size:.95em;}
#navigation{margin:0; padding:0; position:relative; top:0px;text-align:left;left:0;z-index:0;width:100%;clear:both;height:8em;
background:#ffc url(hintergrund_rot.gif) left 6em repeat-x;}
* html #navigation  {
background:#ffc url(hintergrund_rot.gif) 74% left repeat-x;}
#hauptnavi   {margin:0; padding:0 0 0 0; position:absolute; top:0px; z-index:4; text-align:left;border:0px solid #e00; display:block;font-weight:normal;width:100%;list-style-type: none;background:#c00;}
#hauptnavi li {float:left; width:19.95%;  padding: 0 0 0 0; margin:0;list-style: none;list-style-image:none!important;}
#hauptnavi li a {display:block;height:2.6em;width:auto; font-size:.95em; line-height:1em; text-decoration:none; white-space:nowrap;font-weight:bold;padding:1.3em 0 0.2em 41%;margin:0 0 0 0;border-right:2px solid #fff; }

#hauptnavi li a.public:link, #hauptnavi li a.public:visited{color: #cc9; background: #c00 url(spaziergaenge00.gif) 7px top no-repeat;}
#hauptnavi li a.public:hover, #hauptnavi li a.public:active{color: #fff; background: #cc9 url(spaziergaenge01.gif) 7px top no-repeat;}
#hauptnavi li a.public_aktiv{color: #fff; background: #cc9 url(spaziergaenge01.gif) 7px top no-repeat;}

#hauptnavi li a.gruppen:link, #hauptnavi li a.gruppen:visited{color: #cc9; background: #c00 url(rundgaenge00.gif) 7px top no-repeat;}
#hauptnavi li a.gruppen:hover, #hauptnavi li a.gruppen:active{color: #fff; background: #cc9 url(rundgaenge01.gif) 7px top no-repeat;}
#hauptnavi li a.gruppen_aktiv{color: #fff; background: #cc9 url(rundgaenge01.gif) 7px top no-repeat;}

#hauptnavi li a.fahrten:link, #hauptnavi li a.fahrten:visited{color: #cc9; background: #c00 url(rundfahrten00.gif) 7px top no-repeat;}
#hauptnavi li a.fahrten:hover, #hauptnavi li a.fahrten:active{color: #fff; background: #cc9 url(rundfahrten01.gif) 7px top no-repeat;}
#hauptnavi li a.fahrten_aktiv{color: #fff; background: #cc9 url(rundfahrten01.gif) 7px top no-repeat;}

#hauptnavi li a.schiff:link, #hauptnavi li a.schiff:visited{color: #cc9; background: #c00 url(schiff00.gif) 7px top no-repeat;}
#hauptnavi li a.schiff:hover, #hauptnavi li a.schiff:active{color: #fff; background: #cc9 url(schiff01.gif) 7px top no-repeat;}
#hauptnavi li a.schiff_aktiv{color: #fff; background: #cc9 url(schiff01.gif) 7px top no-repeat;}

#hauptnavi li a.end:link, #hauptnavi li a.end:visited{color: #cc9; background: #c00 url(fahrkultur00.gif) 7px top no-repeat;border-right:none;}
#hauptnavi li a.end:hover, #hauptnavi li a.end:active{color: #fff; background: #cc9 url(fahrkultur01.gif) 7px top no-repeat;border-right:none;}
#hauptnavi li a.end_aktiv{color: #fff; background: #cc9 url(fahrkultur01.gif) 7px top no-repeat;border-right:none;}

* html #hauptnavi li.over ul {
       visibility:visible; width:70em!important;height:2.3em;
}

* html #hauptnavi li.over ul.links_fahrten {
       visibility:visible; width:30em!important;height:2.3em;
}

*+html #hauptnavi li:hover ul {
       visibility:visible; width:60em!important;height:2.3em;
}
*+html #hauptnavi li:hover ul.links_fahrten {
       visibility:visible; width:30em!important;height:2.3em;
}
html>body #hauptnavi li:hover ul {
       visibility:visible; width:60em!important;height:2.3em;
}

html>body #hauptnavi li:hover ul.links_fahrten {
       visibility:visible; width:30em!important;height:2.3em;
}

#hauptnavi li ul.links{padding:0 0 0 0; margin:0 0 0 0;position:absolute; top:3.8em;left:7.1%; z-index:100; text-align:left;visibility:hidden;font-weight:normal;}
#hauptnavi li ul.links_fahrten{padding:0 0 0 0; margin:0 0 0 0;position:absolute; top:3.8em;left:39%; z-index:100;width:30em!important; text-align:left;visibility:hidden;font-weight:normal;}
#hauptnavi li ul.rechts{padding:0 0 0 0; margin:0 0 0 0;position:absolute; top:3.8em;right:0; z-index:100; text-align:right;visibility:hidden;font-weight:normal;}
#hauptnavi li li {width:auto!important;margin:0; padding: 0 0 0 0; list-style: none;list-style-image:none!important;background: transparent;height:2.3em;float:left;}
#hauptnavi li ul.rechts li{float:right;}
#hauptnavi li li a{float:left;display:block;margin:.7em 0 0 0;padding:0 10px 0 10px;text-align:center;font-size:0.95em; line-height:1.2em; text-decoration:none; white-space:nowrap; height:1em;}
#hauptnavi li ul a:link, #hauptnavi li ul a:visited {color: #c00;background: #ffc url(border_left.gif) top right repeat-y;float:left;display:block; }
#hauptnavi li ul a:hover, #hauptnavi li ul a:active{color: #996; background: #ffc url(border_left.gif) top right repeat-y;float:left;display:block;}
#hauptnavi li ul a.letzter{background-color: #ffc; background-image: none!important;}
#hauptnavi li ul a.letzter_aktiv{color: #996;background-color: #ffc; background-image: none;}
#hauptnavi li ul a.sub_aktiv{color: #996;background: #ffc url(border_left.gif) top right repeat-y;}

li>ul {
        top: auto;
        left: auto;
}

/* linke Spalte */

#info {
        position:absolute;bottom:0;
        margin:0 0 2.5em 21px;
        padding:0;
        }

#linkespalte{
        float:left;
        margin:0 0 0 0;
        padding:0;
        width:210px; height:auto;
        border:0px solid #000;
        }

#linkespalte ul {width:199px;display:block; text-align:left;margin:0 0 2em 0; padding: 0 1px 0 0; list-style: none;list-style-image:none!important;float:right; border:0px solid #000;}
#linkespalte li {width:100%;display:block; text-align:left;margin:0; padding: 0 0 0 0; list-style: none;list-style-image:none!important;float:right;}
#linkespalte li a{display:block;margin:.1em 0 .1em 0;
padding: .3em  0 .3em 10px;text-decoration:none;font-weight:bold;font-size:0.95em;}
#linkespalte li a:link, #linkespalte li a:visited {color: #c00;background: #ffc;border:1px solid #cc9; }
#linkespalte li a:hover, #linkespalte li a:active{color: #c00; background: #cc9; border:1px solid #cc9;}
#linkespalte a.aktiv, #linkespalte a.aktiv:hover{color: #c00; background: #cc9; border:1px solid #cc9;}

/* Inhaltsbereich */

#content  {
        border:0px solid #000;
        padding:0 0 2em 0;
        margin:0 0 0 212px;
        border-top:0px solid #c00;
         /*clear:both; */
        /*background: url(border_left.gif) left top repeat-y; */
        }

.textcontent    {
        margin:0 0 0 0;
        padding:0 0 0 15px;
        border:0px solid #000;
        }

.inhalt{
        margin:0 0 2em 0;
        padding:0 0 0 0; border:0px solid #000;  float:left; width:64%;
        }

*+html .inhalt{
       width:64%;}
         }/* IE 7 */

* html .inhalt{
        width:44%;
        voice-family:"\"}\"";
        voice-family:inherit;
        width:63%;}
         /* other IE */

.inhalt p{
        margin:0 0 0 0;
        padding:0 10% 0 0;text-align:justify;
        }

 p.imp {
        line-height:1.3em; font-size:.95em;
        }  
             
.inhalt img{
        margin:0 0 0 0;
        padding:0 0 0 0;float:left;
        }
        
.inhalt h5{
        width:auto;border:0px solid #000;margin:0 0 1em 0;padding: 0.2em 5% 0 0;line-height:1em;border:0;
        }        

.inhalt h5.name{
        width:auto;border:0px solid #000;margin:.9em 0 0 0;padding: 0 5% 0 0;line-height:1em;border:0;font-size:1.5em;
        }    

.blau {
        color:#223C7A;
        }       

.start p{
        display:block;width:auto;border:0px solid #000;margin:0 0 0 87px;padding: 0 5% 0 0;line-height:1.3em;font-size:.95em;
        }

.start h5{
        width:auto;border:0px solid #000;margin:0 0 .5em 87px;padding: 0 5% 0 0;line-height:1em;border:0;clear:none;
        }

.start{
        margin:0 0 1em 0;
        padding:0 0 0 0;clear:both;
        }

.start a{text-decoration:none; border:none;}

.marginal{ float:left;
        margin:0 0 0 0;
        padding:0 0 0 0;  border:0px solid #000;
        width:26%;
          voice-family:"\"}\"";
        voice-family:inherit;width:36%;
        }

.marginal img{
         float:left; text-align:left;
        }

.marginal p.bildtitel {clear:both; padding-top:.5em;font-style:italic;}


/* Textauszeichnungen */

.kursiv {font-style:italic;}
.extra {font-style:italic;color:#663;}
.bold {font-weight:bold;color:#663;}



.inhalt ul, .marginal ul {list-style-type:disc;color:#c00;clear:both;margin:0 0 1.3em 16px;padding: 0 10% 0 0;}
.inhalt ul li, .marginal ul li{list-style-type:disc;margin:0 0 0 0;padding: 0 0 0 0;line-height:1.5em;font-size:1em;}
.punkte {color:#000;}

.marginal ul {list-style-type:disc;color:#663;clear:left;margin:0 0 1em 10px;padding: 0 0 0 0;}
.marginal ul li{list-style-type:disc;margin:0 0 0 0;padding: 0.5em 0 0 0;line-height:1.2em;font-size:.9em;}
.marginal table{font-size:.9em;line-height:1.2em;margin:0 0 0 0;width:98%;}
.marginal p{font-size:.9em;line-height:1.3em;padding:0 0 0 0;margin:0 0 0 0;}


.ortundzeit, .preise { float:left;
        margin:0 0 3em 0;
        padding:0 0 0 0;font-size:.95em;line-height:1.3em;width:90%;border-collapse:collapse;
        }

.adresse { clear:both;
        margin:.3em 0 2em 0;
        padding:0 0 0 0;font-size:.95em;line-height:1.3em;border-collapse:collapse;
        }

th{   margin:0 0 0 0;
        padding:0.3em 0 0.2em 2%;        
        background:#c00;
        width:30%;
        line-height:1.2em;
        font-size:1em;
        vertical-align:top;
        color: #ffc;
        border-bottom:8px solid #ffc;
        } 

.fein {font-weight:normal;color:#ffc;font-size:0.95em; }
        
.td1{ margin:0 0 0 0;padding:0 3em 0 0;color:#c00; font-weight:bold; vertical-align:top;      }
.adresse .td1{ margin:0 0 0 0;padding:0 2em 0 0;color:#c00; font-weight:normal; vertical-align:top;      }

.preise .td1{ margin:0 0 0 0;padding:0 3em .2em 0;color:#c00; font-weight:bold; vertical-align:top;      }
.td2{ margin:0 0 0 0;padding:0;color:#000; vertical-align:top;       }
.preise .td2 { margin:0 0 0 0;padding:0 0 .2em 2%;color:#000; vertical-align:top;       }

.rand  {margin: 0 0 0 0;padding: 0 0 0 0;border-bottom:2px solid #c00;}

                /* Linkauszeichnungen im Text */

.inhalt  a:link, .inhalt  a:visited, .marginal  a:link, .marginal  a:visited {color: #c00;text-decoration:underline;}
.inhalt  a:hover, .inhalt  a:active, .marginal  a:hover, .marginal  a:active {color:#663;text-decoration:none;}

a.anmelden:link, a.anmelden:visited{margin:0 0 0 3em; }
a.anmelden:hover, a.anmelden:active{}

/* rote Fussleiste mit speziallinks */

#fuss     {
        position:absolute;
        width:100%;
        height:2em;
        bottom:0;
        margin:0;
        background-color:#c00;
        color:#fff;
        left:0;
        padding:0;
        }

*+html #fuss{
       left:0;
        padding:0 0 0 0;
         }/* IE 7 */

* html #fuss{
        right:0;
        padding:0 22px 0 0;}
         /* other IE */

#fuss ul {
        margin:.35em 0 0 0; padding:0 0 0 22px; font-size:.90em;float:left;
        }
#fuss li {
        margin:0 0 0 0; padding:0 0 0 0;   list-style:none; list-style-image: none!important;  float:left;
        }
#fuss  a   {
        margin:0 0 0 0; padding:0 0 0 0; text-decoration:none;
        }

#fuss  a:link, #fuss  a:visited {color: #fff;}
#fuss  a:hover, #fuss  a:active{color: #cc9;}

#fuss  a.abstand   {
        margin:0 4em 0 0;
        }

#fuss  a.aktiv   {
        color: #cc9;
        }
        
#fuss  a.aktiv_abstand   {
        color: #cc9;margin:0 4em 0 0;
        }
        
#fuss  p  {
        float:right;margin:.35em 22px 0 0;font-size:.90em;
        }

/* Sprachen */

#fuss  a.de   {
        background: url(de.gif) left center no-repeat; padding-left:2em;
        }

#fuss  a.fr   {
        background: url(fr.gif) left center no-repeat; padding-left:2em;
        }

#fuss  a.en   {
        background: url(en.gif) left center no-repeat; padding-left:2em;
        }

/* Angaben fuer Formular */

fieldset, form {margin:.5em 0 0 0;padding:0;border:0; float:left; }

textarea{
        margin: 0 0 0 0;
        border: 1px solid #999;
        font-size: 1.2em;
        width: 255px;
        color:#333;
}

/*input[type=text] {*/
input.text, input.text_s, select.select, input.anzahl, input.datum {
        border: 1px solid #999;
        color: #333;
        float: left;
        font-size: .935em;
        line-height: 1.3em;
        margin: 0 .3em 0 0;
        padding: .1em 0 .1em 0;
}
input.text, input.datum{
        width: 200px;
}

select.select {
        width: 255px;
}
input.text_s, input.anzahl{
        width: 50px;
}
input.datum    {color:#c00;}
/*input[type=radio] {*/
input.radio {
        float                        : left;
        margin:0 0 0 0;padding:0 0 0 0;
                }
label {
        border: 0px solid #999;
        color: #666;
        line-height: 1.3em;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        text-align: left;
        vertical-align: top;
}
label.beschreibung {
        float                        : left;
        margin:0 0 0 0;
        width:90px;
}
label.gespraech {
        float                        : left;
        margin:0 1em 0 0;
        width:20em;
        color:#69432B;
}
label.auswahl{
        color: #666;
        cursor: pointer;
        float: left;
        margin: 0 1em 0 0;
        padding: 0 0 0 .2em;
}

*+html label.auswahl{
         }/* IE 7 */

* html label.auswahl{
         }/* other IE */

/* Hides from IE-mac \*/
*|html label.auswahl{
       float                        : left;
         }/* FF, Opera, Safari    float:left fŸr Anzeige von radio-button und label nebeneinander*/
/* End hide from IE-mac */

label.wann {
        color:#c00;
        cursor: pointer;
        margin: 0 2em 0 .3em;
        padding: 0 0 0 0;
        text-align: left;
        width: 13em;
}
.was {color:#c00; font-weight:bold;}

p.formular {clear:both;margin:0 0 0 0; padding:.5em 0 0 0;font-size:.935em;}

p.abstand {
        padding:1em 0 0 0;clear:both;font-size:.935em;
}

p.zusatz  {font-size:.9em;line-height:1.2em;padding:2em 10% 0 0;margin:0 0 0 0; clear:both;}

.button:link     { color:#c00; text-decoration: none; background:#ffc; }
.button:visited  { color:#c00; text-decoration: none; background:#ffc; }
.button:active   {color:#fff; text-decoration: none; background:#c00; }
.button:hover    { color:#fff;text-decoration: none; background:#c00; }

input.button {
        background:#ffc;
        text-align:center;
        color:#c00;
        float                        : left;
        width                        : 80px;
        clear                        : both;
        padding:0 0 0 0;
        height:20px;
        border:1px solid #c00;
          display:block;
          font-size:1em;
                        }

*+html input.button{margin:.3em 0 0 90px;
         }/* IE 7 */

* html input.button{margin:.3em 0 0 46px;
         }/* other IE */

/* Hides from IE-mac \*/
*|html input.button{
       margin:.3em 0 0 90px;
         }/* FF, Opera, Safari    float:left fŸr Anzeige von radio-button und label nebeneinander*/
/* End hide from IE-mac */

/*select     {width:190px; font-size:1em; color:#333;line-height                : 1.3em;}*/



/*  PflichtfeldprŸfung:  */
.fehler {
        color: #C98B22;
        font-weight: bold;
        margin-bottom: 1em;
}