/**
* TBS Sport Promotion GmbH.
*
* @link http://www.tbs-sportpromotion.ch
* @author Nicole von Dach
* @copyright, Nicole von Dach

*
CSS erstellt mit Hilfe der folgender Internetseiten:
- http://de.selfhtml.org/css/
- http://jendryschik.de/wsdev/einfuehrung/
*/

/**
* Globale Einstellungen
*
*/

* {
  margin: 0;                              /* Aussenabstand */
  padding: 0;                             /* Innenabstand */
  }
  
body { 
  font: normal 75%/167% Verdana, Arial, Helvetica, sans-serif;     /* Schrift */
  text-align: center;                     /* Zentrierung im Internet Explorer */
  color: #333333;                         /* Schriftfarbe */
  background-color: white;                /* Hintergrundfarbe */
  }  

/**
* @section Klassen
*
*/
.print { 
  display: none;                          /* Druckausgabe -> print.css */
  }
.uppercase {
  text-transform: uppercase               /* Bockschrift */
  }
.left {
  text-align: left; 
  }
.right {
  text-align: right; 
  }  
.center {
  text-align: center;
  }      
.end {  
  margin-bottom: 1em;
  } 
.small {
  font-size: 9px;
  }
.smallend {
  font-size: 9px;
  margin-bottom: 1em;
  padding-bottom: 1em;
  }  
.floatright {                             /* Ausrichtung rechts */
  float: right;
  margin: 1em;
  }     
.floatleft {                              /* Ausrichtung links */
  float: left;
  margin: 1em;
  }
.nofloat {
  clear: both;
  }         
.bordertop {
  border-top: 0.1em outset #006699;
  padding-top: 1em;
  } 
.borderbottom {
  border-bottom: 0.1em inset #006699; 
  margin-bottom: 1em;
  }
.padding {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  }
.paddingtop {
  padding-top: 1em;
  }  
.paddingbottom {
  padding-bottom: 1em;
  }  
.paddingleft {
  padding-left: 1em;
  }  
.paddingright {
  padding-right: 1em;
  }  
.nopadding {
  padding-top: 0;
  padding-bottom: 0;
  }

/**
* @section Ueberschriften
*/
h1 {                                          /* Haupt-Titel - Weiss, Blockschrift */
  color: white;
  background-color: #006699;
  font-size: 11px;
  line-height: 2;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.1em; 
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em; 
  }
    h1 a:link {	                 
      color: white; 
      background-color: #006699;
      }
    h1 a:visited {
      color: white; 
      background-color: #006699;
      }
    h1 a:hover, h1 span {
      color: #006699; 
      background-color: white;
      padding-top: 0.2em;
      padding-bottom: 0.2em;
      padding-left: 1em;
      padding-right: 1em;
      margin-bottom: 1em; 
	  border: 0.1em outset #006699;
      }
    h1 a:active {
      color: white; 
      background-color: #006699;
      }  
h2 {                                          /* Haupt-Titel - Weiss */
  color: white;
  background-color: #006699;
  font-size: 11px;
  line-height: 2;
  text-align: left;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
  }
h3 {                                          /* Unter-Titel - Blau, Blockschrift */
  color: #006699;
  background-color: white;
  font-size: 11px;
  line-height: 1.5;  
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-left: 1em;
  padding-right: 1em;  
  padding-bottom: 0.5em;
  }
h4 {                                         /* Unter-Titel - Blau */
  color: #006699;
  background-color: white;
  font-size: 11px;
  line-height: 1.5;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  }
h5 {                                          /* Unter-Titel - Grau  */
  color: #333333;
  background-color: white;
  font-size: 11px;
  line-height: 1.1;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.2em;
}
h6 {                                          /* Unter-Titel - Grau, Klein */
  color: #333333;
  background-color: white;
  font-size: 9px;
  line-height: 1;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  }

/**
* @section Absätze
*/
p { 
  color: #333333;
  font-size: 11px;
  text-align: justify;
  line-height: 1.5;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  }
  
/**
* @section Links und Anker
*/
a:link {
  color: #006699;
  background-color:transparent;
  text-decoration: none;
  }
a:visited {
  color: #006699;
  background-color: transparent;
  text-decoration: none;
}
a:hover, a:focus {
  color: white;
  background-color: #006699;
  }
a:active {
  color: white;
  background-color: #006699;
}

/**
* @section Bilder
*/
img, a img {                              /* Rahmen entfernen */
  border: 0.1em solid white;
  }
a img:link, a img:hover, a img:focus, a img:active {
  border: 0.1em inset #006699;
  } 

/**
* @section Tabellen
*
*/
table {
  width: 100%;                            /* Tabellenbreite */
  font-size: 11px;
  line-height: 1.5;
  }
form table {                              /* Tabellen in Formularen */
  width: 100%;
  margin: 0 0.5em;
  font-size: 11px;
  line-height: 1.5;
  color: #333333;
  }
  form td,form th {
    padding: 0.3em;
	}  

/**
* @section Formulare
*/
input[type="text"] {
  border: 0.1em outset #006699;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  }
input[type="password"] {
  border: 0.1em outset #006699;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  }
  input[type="submit"] {
  color: white;
  background-color: #006699;
  border: 0.2em outset #006699;
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 0 1em;
  }
textarea {
  border: 0.1em outset #006699;
  margin: 0.5em 0;
  padding: 0.2em 0.3em;
  }
select {
  border: 0.1em outset #006699;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.2em;
  padding-right: 0;
  }	
  
/**
* Page
*
*/
div#page {
    text-align: left;                     /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;                       /* standardkonforme horizontale Zentrierung */
    width: 77em;                          /* Seitenbreite */
    padding: 0.5em;                       /* Innenabstand */
   }


/**
* Header
*
*/
div#header {
  width: 100%;                            /* Breite */
  margin-top: 0.5em;                        /* Aussenabstand oben */
  padding-top: 0.5em;                     /* Innenabstand oben */
  border-top: 0.1em solid #FFCC66;		  /* Rahmen oben */			      
  border-bottom: 0.1em solid #FFCC66;     /* Rahmen unten */
  }
  
  
/**
* Headbar - Navigation
*
*/
div#headbar {
  padding-top: 0.3em;                     /* Innenabstand oben */
  padding-bottom: 0.3em;                  /* Innenabstand unten */
  padding-left: 17em;                     /* Innenabstand links */
  padding-right: 1em;                     /* Innenabstand rechts */
  }  


/**
* Left - Navigation, Kontakt
*
*/
div#left {
  float: left;                            /* Ausrichtung */
  width: 14em;                            /* Breite */
  margin-top: 0.5em;                      /* Aussenabstand oben */
  text-align: left;
  }
  ul#sidebar {                            /* Menü */
    list-style: none;
    font-size: 11px;
    }
    ul#sidebar li {                       /* Menüleiste */
      list-style: none;
      text-decoration: none;
      }
    ul#sidebar a, ul#sidebar span {       /* "Kästchen" */
      display: block;
      text-decoration: none;
      margin-top: 0.5em;                  /* Abstand zwischen "Kästchen" */
      padding-top: 0.1em;
      padding-bottom: 0.1em;
      padding-left: 1em;
      font-weight: bold;
      }
    ul#sidebar a:link {	                 
      color: #333333; 
      background-color: #FFCC66;
      border: 0.2em outset #FFCC66;
      }
    ul#sidebar a:visited {
      color: #333333; 
      background-color: #FFCC66;
      border: 0.2em outset #FFCC66;
      }
    ul#sidebar a:hover, ul#sidebar span {
      color: white; 
      background-color: #006699;
      border: 0.2em inset #006699;
      }
    ul#sidebar a:active {
      color: white; 
      background-color: #006699;
      border: 0.2em inset #006699;
      }  
  div#kontakt {                           /* Kontaktangaben */
	margin-top: 2.5em;
	margin-bottom: 2.5em;
    }  
  
  
/**
* Right - Infos (News, Kontaktpersonen, Inhaltsverzeichnis, Downloads, Links...)
*
*/
div#right {
  float: right;                           /* Ausrichtung */
  width: 16em;                            /* Breite */
  margin-top: 1em;                        /* Aussenabstand oben */
  margin-bottom: 1em;                     /* Aussenabstand unten */
  text-align: left;
  }
  div#infos {
    margin-bottom: 2em;                   /* Aussenabstand unten */
    border: 0.1em outset #006699;         /* Rahmen */
	text-align: left;
    }


/**
* Middle - Inhalte
*
*/
div#middle {                              
  margin-top: 1em;                        /* Aussenabstand oben */
  margin-left: 17em;                      /* Aussenabstand links */
  margin-right: 19em;                     /* Aussenabstand rechts */
  text-align: center;
  }
  div#content {
    margin-bottom: 2em;                   /* Aussenabstand unten */
    border: 0.1em inset #006699;          /* Rahmen */
    text-align: left;
    }
  * html div#content {
    height: 1em;                          /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    }

/**
* Footer
*
*/
div#footer {
  clear: both;                            /* Ausrichtung (float) zurücksetzen */
  padding-top: 0.5em;                     /* Innenabstand oben */
  border-top: 0.1em solid #FFCC66;        /* Rahmen oben */
  border-bottom: 0.1em solid #FFCC66;     /* Rahmen unten */
  }
  table#footer td#left {
    width: 22%;
    padding-left: 0.5em;
    }
  table#footer td#middle {
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
    }
  table#footer td#right {
    width: 25%;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding-right: 0.5em;
     }