/* Dieses CSS-File wurde von Daniel Gander erstellt und untersteht seinem Copyright. */

@media all /* CSS Styles welche alle Medien betreffen */

/* Standard Elemente */

{ 
  * {
  	padding: 0px;
	margin: 0px;
}
  td, p, tr, table {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
}
  li {
	padding: 5px;
} 

/* Body */

  body {
    font-family: Verdana, Arial, Sans-serif, Helvetica; 
    background-color: #000000; 
}
  body.index {
    /*background-image: url("images/bg_index.jpg"); */
    background-position: bottom right;
    background-attachment : fixed;
    background-repeat: no-repeat;
    text-align: center;
    width: 600px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -310px;
}

/* Hyperlinks */

  a {
	color: #FFB600;
} 
  a.plain {
  	text-decoration: none;
}
  a:active {
	color: #FFB600;
	text-decoration: underline overline;
}
  a:link {
	color: #FFB600;
	text-decoration: none;
} 
  a:hover {
	color: #FFB600;
	text-decoration: underline overline;
} 
  a:visited {
	color: #FFB600;
	text-decoration: none;
} 
  a:visited:hover {
	color: #FFB600;
    text-decoration: underline overline;
} 

/* Überschriften */

  p.gallerytitlebig {
  	font-weight: bold;
	color: #FFCC66;
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}
  p.gallerytitlesmall {
  	font-weight: bold;
	color: #FFFF99;
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
}
  h1 {
  	font-weight: bold;
	text-align: center;
	color: #ffe197;
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB600;
    background-image: url("images/muzi.jpg"); 
    background-repeat: no-repeat; 
    background-position: bottom right;
	margin-top: 5px;
	padding: 23px 0px 6px 0px;
}
  h1.back {
  	font-weight: bold;
	text-align: left;
	color: #ffe197;
	font-size: 75%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB600;
    background-image: url("images/muzi.jpg"); 
    background-repeat: no-repeat; 
    background-position: bottom right;
	margin-top: 5px;
	padding: 27px 0px 6px 0px;
}
  h2 {
  	font-weight: bold;
	color: #FFB600;
	font-size: 90%;
	clear: left;
	padding: 15px 0px 10px 0px;
}
  h3 {
  	font-weight: bold;
	color: #FFFF99;
	font-size: 80%;
}

/* Normaler Text */

  .textclear {
	font-size: 75%;
	color: #ffe197;
	text-align: justify;
	line-height: 18px;
	clear: left;
} 	
  .textklein {
	font-size: 70%;
	color: #ffe197;
	text-align: left;
	margin-top: 7px;
} 	
  .textnormal {
	font-size: 75%;
	color: #ffe197;
	text-align: justify;
	line-height: 18px;
	margin-top: 7px;
} 	
  .textzentriert {
	font-size: 75%;
	color: #ffe197;
	text-align: center;
	line-height: 18px;
	margin-top: 7px;
} 	
  .einzugtextnormal {
	font-size: 75%;
	color: #ffe197;
	margin-left: 15px;
	text-align: justify;
	line-height: 20px;
	margin-top: 7px;
} 	
  .einzugtextklein {
	font-size: 70%;
	color: #ffe197;
	margin-left: 15px;
	text-align: left;
	line-height: 20px;
	margin-top: 7px;
} 	
  .points {
	margin-left: 25px;
	font-size: 75%;
	color: #ffe197;
	text-align: justify;
	line-height: 16px;
} 	

/* Spezieller Text */

  acronym {
    border-bottom-width: 0;
} 
  .newpics {
	font-size: 80%;
	color: #FF0000;
	background-color: #FFFF99;
	font-weight: bold;
	font-style: normal;
	padding: 1px 3px;
} 	
  .zitat {
	font-size: 75%;
	padding: 5px 5px 5px 15px;
	font-style: italic;
	border-top: 1px solid #805b00;
	border-right: 1px solid #805b00;
	border-bottom: 1px solid #805b00;
	border-left: thick solid #805b00;
	margin: 10px 15px 0px 15px;
	color: #ffe197;
	text-align: justify;
} 	
  .zitat:hover {
	/*background-color: #666666;*/
	border-top: 1px solid #FFB600;
	border-right: 1px solid #FFB600;
	border-bottom: 1px solid #FFB600;
	border-left: thick solid #FFB600;
}
  .errormail {
	font-size: 75%;
	color: #FF5F00;
	line-height: 18px;
	margin-top: 7px;
	margin-left: 30px;
	margin-right: 30px;
} 	

/* Tabellen */

  table.einzugtab {
	margin-left: 25px;
}
  table.zentriert {
    margin-left: auto;
	margin-right: auto;
}
  td.tab {
	border-top: 1px solid #805b00;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: thick solid #805b00;
	padding: 5px;
}
  td.eventscaption {
	font-size: 75%;
	font-weight: bold;
	color: #FFB600;
	text-align: center;
	line-height: 18px;
	border-top: 1px solid transparent;
	border-left: thick solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
  td.eventscell {
	font-size: 75%;
	font-weight: normal;
	color: #ffe197;
	text-align: left;
	line-height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #805b00;
	border-left: thick solid #805b00;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
/* Wenn Maus über Tabelle ändert sich Rahmenfarbe */
  td.tab:hover, td.eventscell:hover {
	border: 1px solid #FFB600;
	border-left: thick solid #FFB600;
}

/* Bilder */

  .imgrandom {
	border: 1px solid #805b00;
	margin-top: -20px;
}
  .imgborder {
	border: 1px solid #805b00;
}
  .imgbanner {
	border: 1px solid #805b00;
	margin: 5px;
}
  .imgbordermargin {
	border: 1px solid #805b00;
	margin: 30px;
}
  .noimgborder {
	border: 0px;
}
  .gallerylist {
	width: 350px;
	float: left;
	margin: 5px 0px;
}
  .bildfluss {
    float: left;
	margin: 0px 10px 0px 10px;
	border: 1px solid #805b00;
}
  .imgborder:hover, .imgbordermargin:hover, .imgbanner:hover, .imgrandom:hover, .bildfluss:hover{
	border: 1px solid #FFB600;
}

/* Andere Elemente */

  .padding {
	padding: 0px 10px;
}
  .mantschgerl {
	margin: 0px;
	border-bottom: 1px solid #FFB600;
}     	
  .fusszeile {
	width: 100%;
	text-align: right;
	font-size: 60%;
	color: #ffe197;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
} 	

} /* Ende alle Medien */

@media screen /* CSS Styles welche nur die Anzeige am Bildschirm betreffen */
{
  div.seite {
    position: absolute;
    left: 160px;
    top: 180px;
    width: 800px;
	border: 1px solid #805b00;
	background-color: #332400;
}
  div.inhalt {
	padding: 0px 10px 0px 10px;
    background-attachment: absolute; 
    background-repeat: no-repeat; 
    background-position: left top;
}
  div.inhalt#home {
    background-image: url("images/bg_home.jpg"); 
}
  div.inhalt#classes {
    background-image: url("images/bg_classes.jpg"); 
}
  div.inhalt#media {
    background-image: url("images/bg_media.jpg"); 
}
  div.inhalt#aboutus {
    background-image: url("images/bg_aboutus.jpg"); 
}
  div.inhalt#links {
    background-image: url("images/bg_links.jpg"); 
}
  div.inhalt#guestbook {
    background-image: url("images/bg_guestbook.jpg"); 
}
  div.inhalt#contact {
    background-image: url("images/bg_contact.jpg"); 
}
  div.inhalt#datesevents {
    background-image: url("images/bg_events.jpg"); 
}
  div.bamiddle {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 150px;
    z-index: 1;
}
  div.batopleft {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 400px;
    height: 150px;
    z-index: 3;
}
  div.batopright {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 400px;
    height: 150px;
    z-index: 2;
}
  div.babottomleft {
    position: absolute;
    left: 0px;
    top: 150px;
    width: 320px;
    height: 20px;
    z-index: 3;
}
  div.babottomrest {
    position: absolute;
    left: 0px;
    top: 170px;
    width: 100px;
    height: 30px;
    z-index: 3;
}
  div.baenglish {
    position: absolute;
    right: 6px;
    top: 20px;
    /*top: 128px;*/
    width: 40px;
    height: 20px;
    z-index: 4;
}
  div.bagerman {
    position: absolute;
    right: 55px;
    top: 20px;
    /*top: 128px;*/
    width: 30px;
    height: 20px;
    z-index: 4;
}
  div.batext {
	font-size: 70%;
	color: #ffe197;
    position: absolute;
	text-align: right;
	vertical-align: baseline;
    right: 15px;
    top: 50px;
    z-index: 4;
}
  div.menu {
    margin-left: 0px;
}
  div.innerdiv  {
    width: 100%;
}

/* NAVIGATION Hauptmenü */

  /* Lage der Buttons im Navigationsfenster */
  div.navigation {
    width: 125px;  /* Breite der Buttons*/
	position: absolute;
    top: 190px; /* Abstand vom oberen Rand */
    left: 17px; /* Abstand vom linken Rand */
	display: inline;
}
  /* Text, Rahmen der Buttons */
  div.navigation a {
	text-decoration: none;
	display: block;
	padding: 5px;
	line-height: 80%;
	text-align: center;
}
  /* Textfarbe eines nicht aktiven Buttons ERSTER Ordnung */
  div.navigation div.normal {
	color: #FFFFFF;
	font-size: 80%;
	margin-top: 15px;
	margin-bottom: 15px;
}
  /* Textfarbe eines ausgewählten Buttons ERSTER Ordnung */
  div.navigation div.selected {
	color: #FFFFFF;
	font-size: 80%;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}
  /* Textfarbe eines verlinkten oder besuchten Buttons ERSTER Ordnung wenn nicht ausgewählt*/
  div.navigation div.normal a:link, div.navigation div.normal a:visited {
	color: #FFB600;
	text-decoration: none;
	border: 1px solid #805b00;
	border-left: thick solid #805b00;
	background-color: #332400;
}
  /* Textfarbe eines verlinkten oder besuchten Buttons ERSTER Ordnung wenn ausgewählt */
  div.navigation div.selected a:link, div.navigation div.selected a:visited {
	color: #ffe197;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #FFB600;
	border-left: thick solid #FFB600;
	background-color: #332400;
}
  /* Textfarbe der Buttons bei hover ERSTER Ordnung */
  div.navigation div.selected a:hover, div.navigation div.normal a:hover {
	color: #ffe197;
	border: 1px solid #FFB600;
	border-left: thick solid #FFB600;
}
} /* Ende Screenmedien */


@media print { /* CSS Styles welche nur Printmedien betreffen */
  body {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
}
  .seite {
	margin-left: 0px;
}
  #buttons { /* Navigationsmenü und Buttons beim Druck ausblenden */
  	display: none
}
  #submenu { /* Navigationsmenü und Buttons beim Druck ausblenden */
  	display: none
}
  #kopf { /* Seitenkopf ausblenden */
  	display: none
}
  #fuss { /* Fusszeile ausblenden */
  	display: none
}
} /* Ende Printmedien */