/********** CSS Document **********/

/********** HTML, BODY, ROOT Hintergründe und Standard-Links**********/
html
{   
           background: url(design/background.gif); 
    background-repeat: repeat-x;
     background-color: #32587e; /*#84ABCF;  32587e*/
                color: #000000;
}

body    /*ganz hinten hinter allem*/
{  
    font-size: 14px;
    font-family: Arial;
    color: #000000;
    text-align: center;   
}

#root  /*hier ist der Inhalt drin*/
{   
    text-align: left;
    color: #000000;
    width: 1200px;
    margin: 0px auto;
}

#root a
{
    font-weight: bold;
    color: #486580;
}
#root a:hover
{
    color: #486580;
} 

 /********** Footer**********/

#footerBack
{                         
         text-align: center;
          font-size: 10px;
}

#footerBack a
{
	           color: #DEE8F0;
   text-decoration: none;
}
#footerBack a:hover
{
	color: #DEE8F0;
}

 #footerTransparentPart
{
     background-image: url(design/backTrans1px.png);       
    background-repeat: repeat;
               height: 55px;
}

#footerContent
{
        margin-top: 36px; 
 	/*border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #496886;*/
  text-align: center;
 	          height: 10px;
             width: 300px;
             float: right;
         font-size: 10px;
}
#footerContent a
{
	           color: #496886;
   text-decoration: none;
}
#footerContent a:hover
{
	color: #496886;
}

/********** Navigationen **********/

 #NaviBack
{   border-top-style:none;
    border-bottom-style:none;
   width: 990px;
   height: 35px;
   font-size: 14px;
   font-family: Arial;
   text-align: left;
    color: #ffffff;
   background-image: url(design/naviBack.jpg);
   background-repeat: repeat-x;  
   margin: 0px;
   padding: 0px;
    text-align: center;
}

#Navi
{
    margin: 0px;
    padding: 0px;
}

  ul#Navi li {
    list-style: none;
    display: inline;
    margin: 0px; padding: 0px;
  }

  ul#Navi a, ul#Navi span {
    float: left;
    margin: 0px; padding: 9px 2em; /*0.2em 2em;    */
    text-decoration: none; font-weight: bold;
    color: white;
    border-right: 1px solid #B2CDE8;
  }
  * html ul#Navi a, * html ul#Navi span {  /* Korrektur fuer IE 5.x */
    width: 8em;
    w\idth: 6em;
  }
  ul#Navi a:hover, ul#Navi span {
    border-color: #B2CDE8;
    color: #ffd200;
  }
  
      /***********/

 #NaviProductsBack
{   border-top-style:none;
    border-bottom-style:none;
   width: 600px;
   height: 25px;
   font-size: 12px;
   font-family: Arial;
   text-align: left;
    color: #32587e;
  /* background-image: url(design/naviBack.jpg);
  background-color: white;*/
   background-repeat: repeat-x;
   margin: 0px;
   margin-left:400px;
   padding: 0px;
    text-align: center;
}

#NaviProducts
{
    margin: 0px;
    padding: 0px;
}

  ul#NaviProducts li {
    list-style: none;
    display: inline;
    margin: 0px; padding: 0px;
  }

  ul#NaviProducts a, ul#NaviProducts span {
    float: left;
    margin: 0px; padding: 9px 2em; /*0.2em 2em;    */
    text-decoration: none; font-weight: bold;
    color: #32587e;
    border-right: 0px solid #B2CDE8;
  }
  * html ul#NaviProducts a, * html ul#NaviProducts span {  /* Korrektur fuer IE 5.x */
    width: 8em;
    w\idth: 6em;
  }
  ul#NaviProducts a:hover, ul#NaviProducts span {
    border-color: #B2CDE8;
    color: white;
  }


            /***********/
#NaviEventsBack
{
    font-size: 10px;
    float:right;
     /* text-align: right;*/
      border-style : solid; 
    border-color: #486580; 
    border-width:1px; 
    background-color: #486580;

    color: white;
}

#NaviEvents
{
    margin: 0px;
    padding: 0px;
}

  ul#NaviEvents li {
    list-style: none;
    display: inline;
    margin: 0px; padding: 0px;
  }

  ul#NaviEvents a, ul#NaviEvents span {
    float: left;
    margin: 0px; padding: 5px 2em; /*0.2em 2em;    */
    text-decoration: none; 
    color: white;
    border-right: 1px solid #B2CDE8;
  }
  * html ul#NaviEvents a, * html ul#NaviEvents span {  /* Korrektur fuer IE 5.x */
    width: 8em;
    w\idth: 6em;
  }
  ul#NaviEvents a:hover, ul#NaviEvents span {
    border-color: #B2CDE8;
    color: #ffd200;
  }
        

/********** Contentüberschriften, Hintergründe (die h-Überschriften werden über Google besser gefunden)**********/
#content
{                         
  background-color: #dedede;/*#DEE8F0;*/
  padding-bottom: 35px;
  width: 990px;
  
}


h1        /*Seitenüberschriften*/
{
      font-size: 18px;
      color: #6B98C4;
       margin-left: 20px;
       margin-top: 0px;
       width: 450px;
       padding-top: 30px;
}

h2       /*Unterüberschriften*/
{
        /*kann noch definiert werden*/
}

h3
{
    font-size: 14px;
    color: #6B98C4;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: bold;
}

h4
{
    font-size: 12px;
    color: #6B98C4;
    text-align: left;
    font-weight: bold;
}

 /********** Contenttexte **********/
 
.text /*Fließtext*/
{
	 margin-left: 50px;
 padding-right: 10px;
         width: 650px; 
}
.textleft
{
  text-align:left;
}

.textCenterLittle
{
     font-size: 9px;
    text-align: center;
        margin: 0px;
   margin-left: 50px;
       padding: 0px;
 padding-right: 2px;
         width: 650px;
}

.textCenterBold
{
   font-weight: bold;
    text-align: center;
 margin-bottom: 0px;
   margin-left: 50px;
 padding-right: 10px;
         width: 650px;
}

/********** Striche Startseite und Eventseite*********/

.strich
{
 background-color:#486580; 
 width:820px; 
 height:1px; 
 margin-left:90px; 
 margin-top:30px; 
 margin-bottom: 3px;
}
/********** Boxen **********/
.boxDashed
{
    border-style : solid; 
    border-color: #7F9DB9; 
    border-width:1px; 
    margin: 0px 10px;
    /*background-color:white;*/
}

/********** Unterseite Index-Styles**********/
.newsText/*Fließtext*/
{
	 margin-right: 15px;
   margin-top: 15px; 
         color: #486580;
}

/********** Unterseite Galerie-Styles**********/
.galerieUeberschriften
{
     font-size: 14px;
    color: #7f1005;
    border-bottom: 1px solid #7f1005;
    padding-top: 15px;
}

 /********** Unterseite BuliLive-Styles**********/
.contentMedia
{
   margin-left: 10px;
   width: 970px;
}

/********** Unterseite Kontakt **********/
.kontakt
{
        color: #486580;
	margin-left: 90px;
        width: 500px;
        
}
.kontakt b
{
    font-size: 20px;
} 

/********** Unterseite BuliLive-Gästebuch **********/
.buch
{
        color: #486580;
	margin-left: 90px;
        width: 750px;
        
}

/********** Unterseite BuliLive-Begegnungen **********/

.contentBegegnungenFloat
{
   margin-left: 30px;
   width: 400px;
   float:left;
}

.contentBegegnungen
{
   margin-left: 50px;
   width: 970px;
}

.competitions
{
        color: #486580;
	margin-left: 90px;
        width: 750px;
        
}

.begegnung_h3
{ 
       margin:0px; 
  margin-top:23px; 
        width:100px;
        font-size: 14px;
    color: #6B98C4;
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    margin-left: 20px;
    
}

.competitiontable
{
  float:left;
  margin:0px; 
  margin-left:40px;
  margin-top:20px;
}

.competitiontable_textleft
{
  text-align:left;
  width:130px;
}

.competitiontablelp_textleft
{
  text-align:left;
  width:140px;
}

.competitiontable_textcenter
{
  text-align:center;
  width:40px;  
}

.clubtable
{
       float:left;
      margin:0px; 
 margin-left:40px;  
 margin-top:20px;      
      border:1px;      
}

/********** Unterseite Entwickler und Paypal/Spendenkonto/Cancel/Success**********/
.entwickler
{
        color: #486580;
	margin-left: 90px;
        width: 850px;
        font-size: 14px;
        
}
.entwickler b
{
    font-size: 20px;
}

/********** Unterseite Impressum **********/
.impressum
{
        color: #486580;
	margin-top: 30px;
} 
.impressumText/*Fließtext*/
{
	 margin-left: 40px;
   margin-top: 15px; 
}

/********** Unterseite Produkte **********/
.contentProduct
{
       color: #486580;
	margin-left: 90px;
        width: 850px;
        font-size: 14px;
} 

/********** Unterseite Events **********/
.event
{
        color: #486580;
	margin-top: 30px;
}

.galerieShowImage
{
      border: 1px solid #486580; 
      padding:1px;"
}

/********** Unterseite Video Download **********/
.download
{
        color: #486580;
}

/********** Infoboxen **********/
.redHint
{
    color: red;
    margin-top: 10px;
    padding-top: 10px;
}


/********** Hilfsklassen wie clear und php-Hilfsmittelchen  **********/

.selected      /* wenn in der Navigation angeklickt ist, wird die Klasse hier dynamisch angebunden*/
{
    border-color: #B2CDE8 !important;
    color: #ffd200 !important;
    color: #ffd200;
}

.selectedProducts      /* wenn in der Navigation angeklickt ist, wird die Klasse hier dynamisch angebunden*/
{
    border-color: #B2CDE8 !important;
    color: white !important;
    color: white;
}

.clear         /* hebt floats wieder auf! */
{
    clear: both !important;
    clear: both;
}

.hidden
{
  display:none;
}

.tabStyle
{
    float:left;
    padding:8px;
    border-bottom:none;
    background-color:#e9e9e9;
}

.Tabs
{padding-top: 10px;}

.Tabs a:link
{
    color: #034af3;
    text-decoration: none;

}
.Tabs a:visited
{
    color: #505abc;
    text-decoration: none;
}
.Tabs a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
.Tabs a:active
{
    color: #12eb87;
    text-decoration: none;
}


  /********** Infos und ... vielleicht braucht man das mal...  **********/
/*.transparent
/*{
/*filter:alpha(opacity=10); /* IE */
/*-moz-opacity: 0.10; /* Gecko */
/*opacity: 0.10; /* Opera, Firefox */
/*-khtml-opacity: 0.1; /* safari */
/*}

/* Schriftfarbe */
/* Body {color: #FFFFFF}*/

/* Hintergrundbild */
/* Body {background-image: url(hintergrund.gif)}*/

/* Schriftfamilie und Größe */
/* Body {font-family: Verdana, Arial; font-size: 10px}*/

/* Hyperlink Farbe - Schriftgröße und Schriftfamilie */
/* A {color: #0000FF; font-size: 9px; font-family: Arial}*/

/* Hyperlink  besuchte Seite */
/* A:visited {color: #FF00FF}*/

/* Hyperlink  aktive Seite */
/* A:active {color: #00FF00}*/