/*-------------------------------------------------*/
/* CSS-Datei für www.die-tauchschule.de            */
/* # Seite Index (Home)    #                       */
/* Redesign 06/2011 bis xx/2011                    */
/*-------------------------------------------------*/
/* weiss = fbfbfb, grüngrau = 375555, rot = 8e5964 */
/* hellgrau = c9cdd6, Text = 2f2f2f                */
/*-------------------------------------------------*/


/* ### -- Seitenformatierung -- ### */
body
{
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 30px;
 background-color: #f7f7f7; /* Balken links und rechts */
 background-image: url(../grafiken/allgemein/bannerbg.jpg);
 background-repeat: repeat-x;
 background-position: 50% 0%;
 background-attachment: fixed;
}


/*-------------------------------------------------*/


/* ### -- Webseitenname 1+2 -- ### */
.tsdle
{
 letter-spacing: -2px;
 color: #fbfbfb;
 /* padding-right: 20px; */
 font-family: "trebuchet ms",tahoma,verdana,arial,helvetica,sans-serif;
 font-size: 40px;
 font-variant: normal;
 font-weight: normal;
}

.tsdle2
{
 letter-spacing: -2px;
 color: #8e5964;
 /* padding-right: 20px; */
 font-family: "trebuchet ms",tahoma,verdana,arial,helvetica,sans-serif;
 font-size: 40px;
 font-variant: normal;
 font-weight: normal;
}

.tsdle3
{
 color: #ffffff;
 font-size: 18px;
 letter-spacing: 2px;
 font-family: "trebuchet ms",tahoma,verdana,arial,helvetica,sans-serif;
 font-variant: normal;
 font-weight: normal;
}


/*------------------------------------------------- */


/* ### -- äusserer dünner Rahmen -- ### */
#rahmen1
{
 width: 1020px;
 border: solid 2px #ffffff;
}

/* ### -- 2. breiter Rahmen -- ### */
.rahmen2
{
 background-color: #ffffff;
 border: solid 14px #c9cdd6;
}

/* ### -- Balken über Hauptmenu -- ### */
#balken1
{
 height: 30px;
 text-align: left;
 vertical-align: middle;
 background-color: #979eb0;
 border-left: solid 1px #000000;
 border-top: solid 1px #000000;
 border-right: solid 1px #ffffff;
 border-bottom: solid 1px #ffffff;
 /* border-bottom: solid 1px #6a757b; */
 background-image: url(../grafiken/allgemein/balken1bg.jpg);
 background-repeat: no-repeat;
 background-position: 50% 50%;
}


/*-------------------------------------------------*/


/* ### -- Hauptmenü -- ### */
#hauptmenubox
{
 height: 202px;
 background-color: #d5d8e1;
 color: #ffffff;
 text-align: left;
 vertical-align: top;
 padding-bottom: 0px;
 padding-top: 10px;
 border-top: solid 1px #dce0e4;
 border-bottom: solid 1px #778897;
 border-right: solid 1px #000;
 background-image: url(../grafiken/allgemein/box1bg.jpg);
 background-repeat: repeat-x;
 background-position: 50% 0%;
}

/* ### -- Slogan -- ### */
#slogan
{
 background-color: #d5d8e1;
 background-image: url(../grafiken/allgemein/box2bg.jpg);
 background-repeat: repeat-y;
 background-position: 0% 0%;
 height: 78px;
 border-bottom: solid 1px #778897;
 border-top: solid 1px #f7f8F9;
 border-right: solid 1px #000000;
 text-align: left;
 vertical-align: middle;
 padding-left: 30px;
 font-family: "trebuchet ms",tahoma,verdana,arial,helvetica,sans-serif;
}

#slogan_header
{
 letter-spacing: 4px;
 color: #8e5964;
 padding-right: 20px;
 font-size: 19px;
 font-weight: normal;
}

#slogan_inhalt1
{
 color: #375555;
 font-size: 17px;
 letter-spacing: 2px;
 font-weight: normal;
}


/*-------------------------------------------------*/


/* ### -- Balken unter Hauptmenu und Slogan -- ### */
#balken2
{
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 font-size: 13px;
 color: #000000;
 text-align: center;
 vertical-align: middle;
 padding-left: 10px;
 height: 30px;
 background-color: #b8bcc7;
 background-image: url(../grafiken/allgemein/balken2bg.jpg);
 background-repeat: no-repeat;
 background-position: 50% 50%;
 border-top: solid 1px #e6e9ec;
 border-bottom: solid 1px #eaedee;
}


/*-------------------------------------------------*/


/* ### -- Überschriften -- ### */
h1
{
 color: #000000;
 margin-bottom: 25px;
 letter-spacing: 2px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 font-size: 21px;
 font-variant: normal;
 font-weight: normal;
}

h2
{
 font-size: 14px;
 font-weight: bold;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: left;
 vertical-align: top;
 padding-top: 0px; padding-bottom: 0px;
 padding-left: 0px;padding-right:20px;
 border-right: dotted 0px #000;
}

#inhalt
{
/*    background-image: url(../grafiken/allgemein/irgendeine_hintergrundgrafik.jpg);
 background-repeat: no-repeat;
 background-position: 50% 50%;  */
 height: 0px; /* ### feste Seitenhöhe ### */
 background-color: #ffffff;
 text-align: left;
 vertical-align: top;
 padding-top: 30px;
 padding-bottom: 30px;
 padding-left: 30px;
 padding-right:30px;
 letter-spacing: 0px;
 width: 100%;
 color: #4d5164;
 border-top: solid 1px #3f4549;
 font-size: 14px;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 border-bottom: solid 1px #434b54;
}

#inhalt_links
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: left;
 vertical-align: top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 20px;
 border-right: dotted 1px #000000;
}

#inhalt_rechts
{
 width: 470px;
 height: 100%;
 font-size: 14px;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: left;
 vertical-align: top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 20px;
 padding-right: 0px;
 border-right: solid 0px #000000;
}

#inhalt_einspaltig
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: left;
 vertical-align: top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 20px;
 border-right: none;
}

#inhalt_aktiv
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: left;
 vertical-align: middle;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 10px;
 border-right: dotted 1px #000000;
}

#inhalt_aktiv_center
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: center;
 vertical-align: middle;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 2px;
 padding-right: 2px;
 border-right: dotted 1px #000000;
}

#inhalt_aktiv_right
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: right;
 vertical-align: middle;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 2px;
 padding-right: 2px;
 border-right: dotted 1px #000000;
}

#inhalt_aktiv_nd
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: left;
 vertical-align: middle;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 10px;
}

#inhalt_aktiv_center_nd
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: center;
 vertical-align: middle;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 2px;
 padding-right: 2px;
}

#inhalt_aktiv_right_nd
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: right;
 vertical-align: middle;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 2px;
 padding-right: 2px;
}
/* ### -- waagerechte gepunktete Linien -- ### */
.linie
{
 width: 100%;
 border-bottom: dotted 1px #000000;
}

/* ### -- waagerechte Linien für Aktivitätentabelle -- ### */
.tabelle
{
 width: 100%;
 border-bottom: double 3px #000000;
}

/* ### -- rote Schrift, normal -- ### */
.rot
{
 color: #8e5964;
}

/* ### -- schwarze Schrift, fett -- ### */
.schwarzfett
{
 color: #000000;
 font-weight: bold;
}

/* ### -- rote Schrift, fett -- ### */
.rotfett
{
 font-size: 14px;
 color: #8e5964;
 font-weight: bold;
}

/* ### -- normale Schrift 14pt d'grau -- ### */
.normal
{
 font-size: 14px;
 color: #2f2f2f;
 font-weight: normal;
}

/* ### -- kleine Schrift 13pt d'grau -- ### */
.small
{
 font-size: 13px;
 color: #2f2f2f;
 font-weight: normal;
}

/* ### -- sehr kleine Schrift 11pt d'grau -- ### */
.verysmall
{
 font-size: 11px;
 color: #2f2f2f;
}


/* ### -- Termine -- ### */
.div_feste_breite_ie
{
 width: 60px
}

/* ### -- News mit Datum -- ### */
.news
{
 float: left;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 color: #2f2f2f;
 text-align: left;
 font-size: 14px;
 font-style: normal;
 padding: 0px;
}

.datum
{
 float: left;
 border: solid 1px #3a4152;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px; /* Abstände zwischen Terminen und Linie */
 margin-right: 0px;
 background-color: #ffffff;
 background-image: url(../grafiken/home/bg_kalender.png);
 color: #2f2f2f;
 text-align: center;
 font-size: 20px;
 font-style: normal;
 padding: 5px;
 height: 70px;
 width: 60px
}

.passfoto
{
 border: solid 1px #9f9f9f;
}

.bigbutton {width: 200px; height:30px; font-size: 10pt}

/*-------------------------------------------------*/


/* ### -- Menü links/rechts im Text -- ### */
.navi_imtext
{
 float: center;
 text-align: center;
 width: 380px;
 border: solid 0px #fff;
 padding: 0px;
 margin: auto;
}

.navi_imtext_left
{
 float: left;
 width: 170px;
 border:solid 0px #ffbf00;
 padding: 0px;
}

.navi_imtext_right
{
 float: left;
 width: 170px;
 border: solid 1px #ffffff;
 padding: 0px;
}


/*-------------------------------------------------*/


/* ### -- Teammitglieder -- ### */
.team
{
 float: left;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 color: #2f2f2f;
 text-align: left;
 font-size: 11px;
 font-style: normal;
 padding: 0px;
}


/*-------------------------------------------------*/


/* ### -- Fusszeile -- ### */
#fusszeile
{
 font-size: 15px;
 line-height: 20px;
 color: #ffffff;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 text-align: center;
 vertical-align: middle;
}


#fusszeile_inhalt
{
 font-size: 13px;
 line-height: 20px;
 color: #4d5164;
 width: 100%;
 background-color: #000000;
 height: 40px;
 border-top: solid 1px #f1f2f3;
 background-color: #b8bcc7;
 background-image: url(../grafiken/allgemein/fv9.jpg);
 background-repeat: no-repeat;
 background-position: 50% 50%;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
}


/*=================================================*/

/* ggf. löschen */

/*-------------------------------------------------*/


/* Foto unten im Text */
#foto_imtext
{
 float: center;
 width: 360px;
 background-color: #ffffff;
 padding: 4px;
 border: solid 1px #3a4152;
 margin-bottom: 30px;
}


/*-------------------------------------------------*/


/* grauer Block im Text */
#textblock
{
 float: center;
 width: 300px;
 margin-bottom: 0px;
 margin-right: 0px;
 background-color: #979eb0;
 border-bottom: solid 1px #6a757b;
 background-image: url(../grafiken/allgemein/balken1bg.jpg);
 background-repeat: no-repeat;
 background-position: 50% 50%;
 color: #535771;
 font-size: 13px;
 font-style: normal;
 padding: 10px;
 border: solid 1px #616981;
}