*
{
  font-family:      Arial, Verdana;
  font-size:        12px;
  padding:          0px;
  margin:           0px;
}

/* Body-Klasse steht in header.php wg. TinyMCE-Editor (der macht sonst den Hintergrund in der Farbe und richtet den Text so aus)
body
{
  text-align:       left;
  background-color: #D9DBEE;
}
*/

img
{
  border:           none;
}

h1
{
  font-size:        24px;
}

h2
{
  font-size:        18px;
}

h3
{
  font-size:        16px;
}

h4
{
  font-size:        14px;
}

h1, h2, h3, h4
{
  margin-bottom:    17px;
}

a
{
  text-decoration:  none;
  color:            #00F;
}

a:hover
{
  text-decoration:  underline;
  color:            #006;
}


/* Website */
#website
{
  width:            900px;
  border:           1px solid #000;
  margin:           0px auto;
  text-align:       left;
  background:       #FFF url(../images/website_navi_background.gif) repeat-y left;
}


/* Header */
#header
{
  height:           79px;
  background:       url(../images/header_background.png) repeat-y;
  border-bottom:    1px solid #000;
  padding:          20px 20px 0px 20px;
}

#header h1
{
  margin-bottom:    5px;
  cursor:           pointer;
}


/* Navigation */
#navigation
{
  width:            188px;
  float:            left;

}

#navigation h4
{
  background:       url(../images/navigation_head_background.gif) repeat-x center;
  text-align:       center;
  padding-top:      4px;
  height:           20px;
  border-bottom:    1px solid #000;
}

#navigation ul
{
  list-style-type:  none;
  padding:          0px 20px 20px;
}

#navigation ul li
{
  cursor:           pointer;
  color:            #000;
  text-align:       left;
  padding:          0px 0px;
}
#navigation ul li:hover
{
  cursor:           pointer;
  background-color: #B5D2F4;
  color:            #000;
}

#navigation ul li a
{
  display:          block;
  color:            #000;
  text-align:       left;
  padding:          0px 0px;
  text-decoration:  none;
}


/* Brotkrumen */
#breadcrumbs
{
  border-bottom:    1px dotted #000;
  padding-bottom:   4px;
  margin-bottom:    10px;


}


/* Inhalt */
#content
{
  width:            671px;
  padding:          5px 20px 20px;
  float:            right;
  background-color: #FFF;
}


/* Formulare und Formularfelder */
form label, input, select, textarea
{
  margin-bottom:    5px;
}

form label
{
  width:            150px;
  float:            left;
  display:          inline-block;
  height:           15px;
  padding:          1px 5px 1px 0px;
  font-weight:      bold;
}

input[type=text], select, textarea
{
  width:            450px;
}

input[type=radio], input[type=checkbox]
{
  width:            13px;
}

optgroup option
{
  padding-left:     15px;
}


/* Umfliessen beenden */
.clear { clear: both; }


/* Allgemein */
.highlight
{
  background-color: #DDF;
}

fieldset
{
  border:           1px solid #666;
  padding:          10px;
}

fieldset legend
{
  border:           1px solid #666;
  padding:          2px 5px;
  background-color: #DDF;
}

fieldset.picture_box
{
  width:            130px;
  float:            left;
  text-align:       center;
  margin:           5px;
}

/* Download */
div.download
{
  width:            220px;
  border:           1px solid #000;
  text-align:       left;
  float:            right;
  padding:          5px;
  margin-left:      10px;
}


/* Mitglieder */
td.team_large
{
  width:            500px;
}

img.team_pic
{
  max-width:        600px;
}

td
{
  width:            120px;
  vertical-align:   top;
  text-align:       left;
  padding:          2px 5px;
}