/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 
Stile fuer den Internetauftritt der Jugendgruppe Downtown
2006 (c) www.simonsays.ch 

Diese Seite verwendet den Alternate Box Model Hack, wie er von Edwardson Tan beschrieben wird:
http://www.info.com.ph/~etan/w3pantheon/style/abmh.html

Diese Seite verwendet die Vertical-Centering-Methode, wie sie von Jon Hicks beschrieben wird:
http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*    Importieren bitte... 
--------------------------------------------------------------------------*/
@import "initial.css";

/*    =Allgemeine Definitionen 
--------------------------------------------------------------------------*/
body {
  background: #003;
}

/*    =Seitenstruktur 
--------------------------------------------------------------------------*/
#behaelter {
  background: transparent url(../bilder/bg_abend.jpg) repeat-y 0 0;
}
#seite {
  float: left;
  width: 300px;
  background: transparent;  
}
#haupt {
  float: left;
  padding: 20px 23px;
  width: 450px;
  background: transparent;
}
#oswald {
  float: left;
  padding: 190px 20px 20px;
  width: 100px;
}
#fuss {
  clear: both;
  padding: 10px 23px 5px 323px;
}

/*    =Hans
--------------------------------------------------------------------------*/
#seite {
  color: #fff;
  text-align: right;
}

/* Kopf */
#seite h1 {
  position: relative;
	width: 300px;
	height: 70px;
  font-size: 5px;
  text-align: left;
}
#seite span {
	background: url(../bilder/bg_kopf.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#seite p {
  margin: 0 0 60px 130px;
  width: 150px;
  font-size: 12px;
  line-height: 1.4em;
  letter-spacing: .03em;
}

/* Navigation */
#navigation  {
  margin: 0 20px 150px 100px;
}
#navigation li {
  list-style: none;
}
#navigation a {
  font: 500 2em/1.4em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #9DB2B1;
  text-decoration: none;
}
#navigation li ul {
  margin: 0 0 .7em 0;
}
#navigation li ul li a {
  font-size: 1.3em;
}
#start #startnavigation,
#programm #navigation #programmnavigation,
#hilfsmittel #navigation #hilfsmittelnavigation,
#ueberuns #navigation #ueberunsnavigation,
#souvenirs #navigation #souvenirsnavigation,
#photos #navigation #photosnavigation,
#photos #navigation #souvenirsnavigation,
#texte #navigation #textenavigation,
#texte #navigation #souvenirsnavigation,
#gaestebuch #navigation #gaestebuchnavigation {
  color: #f0c;  
}
#navigation li a:hover {
  color: #fff;
}

/* Friends, Autor */
#seite h2 {
  margin: 30px 20px 10px 0;
  font: 700 1em/1em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#friends, #autor {
  margin: 0 20px 0 100px;
}
#friends li, #autor li {
  margin: 0 0 .7em 0;
  list-style: none;
  font-size: .8em;
  line-height: 1em;
}
#friends li a {
  color: #fff;
}
#friends li a:hover {
  color: #f0c;
}


/*    =Haupt
--------------------------------------------------------------------------*/
/* Infos */
#infos p {
  margin: 0 0 20px 0;
  font: 500 .8em/1em Tahoma, Arial, Heletica, Sans-Serif;
  text-transform: uppercase;
}

/* Inhalt */
#inhalt p {
  margin: 0 0 1.5em 0;
  font-size: 1em;
  line-height: 1.5em;
}
#news p.datum {
  font-size:0.8333em;
  line-height:1.8em;
  margin: 0;
}
#inhalt h1 {
  margin: 0 0 20px 0;
  font: 500 2.5em/1em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #f60;
}
#inhalt h2 {
  font-size:1.1667em;  
  line-height: 1.286em;
  margin: 1.929em 0 0.643em 0;
}
#inhalt h3 {
  font-size: 1em;
  line-height: 1.5em;
}
#inhalt h3 span {
  font-weight: 500;
}

/* Inhalt: Links */
#inhalt a {
  letter-spacing: .05em;
  color: #f60;
}
#inhalt a:hover {
  color: #444;
}
#inhalt h2 a {
  color: #444;
}
#inhalt h2 a:hover {
  color: #444;
}

/* Inhalt: Tabellen */
#inhalt table {
  margin: 20px 0 0;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.5em;
}
#inhalt table tr.mjks {
  background: #ccc;
}
#inhalt table td {
  border: 1px solid #ccc;
  border-width: 1px 0;
  text-align: left;
  vertical-align: top;
}
#inhalt table td em {
  display: block;
  font-weight: 700;
  font-style: normal;
}
#inhalt table td.datum {
  padding: 8px;
  width: 90px;
  font-size: 30px;
}
#inhalt table td.datum span {
  display: block;
  clear: both;
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 1em;
}

/* Inhalt: Bilder allgemein */
#inhalt img {
  margin: 5px 10px 5px 0;
  border: 1px solid #ccc;
  padding: 4px;
}

/* Inhalt: Uebersicht Galerie */
#inhalt .ubrs_glr {
  margin: 10px 0;
  border: 1px solid #444;
  border-width: 3px 0 1px 0;
}
#inhalt a.a_ubrs {
  display: block;
  float: left;
  overflow: hidden;
  margin: 0 0 5px;
  border: 1px solid #444;
  border-width: 0 0 2px;
  width: 10%;
  height: 45px;
  background: transparent url("../bilder/loading.gif") no-repeat 50% 50%;
}
#inhalt a:hover.a_ubrs {
  border-color: #f60;
}
#inhalt img.schnipsel {
  margin: 0;
  border: 0;
  padding: 0;
  height: 50px;
}
#inhalt ul {
  display: block;
  clear: both;
  margin: 10px 0 0;
  text-align: right;
}
#inhalt ul li {
  display: inline;
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
}
#inhalt ul li a {
  font-size: .8em;
  color: #444;
}
#inhalt ul li a.hover {
  color: #f60;
}

/*    Oswald 
--------------------------------------------------------------------------*/
#oswald h2 {
  margin: 30px 20px 5px 0;
  font: 700 .8em/100% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #fff;
}

#oswald a {
  font-size: .6em;
  line-height: 100%;
  color: #fff;
}