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

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

/* Standard Elemente */

{ 
  td, p, tr, table {
	font-family: "BankGothic Lt BT", Arial;
	color: #B9B9B9;
	font-size:14px
}
  li {
	padding: 5px;
} 

/* Body */

  body {
    font-family: "BankGothic Lt BT", Arial; 
    background-color: #000000; 
    background-repeat: no-repeat; 
    max-width: 800px;
    margin-left: 0px;
}
  body.index {
    background-position: bottom left;
    width: 640px;
    height: 480px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -360px;
}
  body.portfolio {
    background-image: url("images/bg_portfolio.jpg"); 
    background-position: bottom left;
    width: 780px;
    height: 610px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -390px;
    margin-top: -305px;
}
  body.home {
    background-image: url("images/bg_home.jpg"); 
}
  body.gallery {
    background-image: url("images/bg_gallery.jpg"); 
}
  body.info {
    background-image: url("images/bg_info.jpg"); 
}
  body.guestbook {
    background-image: url("images/bg_guestbook.jpg"); 
}
  body.links {
    background-image: url("images/bg_links.jpg"); 
}
  body.freetime {
    background-image: url("images/bg_freetime.jpg"); 
}
  body.study {
    background-image: url("images/bg_study.jpg"); 
}

/* Hyperlinks */

  a {
    color: #CCCCCC;
} 
  a.plain {
  	text-decoration: none;
}
  a:active {
	color: #FFCC66;
	text-decoration: underline overline;
}
  a:link {
	color: #999999;
	text-decoration: none;
} 
  a:hover {
	color: #FFCC66;
	text-decoration: inherit;
	background-color: #999999;
} 
  a:visited {
	color: #FFCC66;
	text-decoration: none;
} 
  a:visited:hover {
	color: #FFCC66;
    text-decoration: inherit;
} 

/* Ü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;
	color: #FF9900;
	font-size: 100%;
	margin-top: 30px;
	margin-bottom: 5px;
}
  h2 {
  	font-weight: bold;
	color: #FFCC66;
	font-size: 90%;
	margin-top: 25px;
	margin-bottom: 5px;
}
  h3 {
  	font-weight: bold;
	color: #FFFF99;
	font-size: 80%;
	margin-top: 15px;
	margin-bottom: 5px;
}
  h4 {
	font-weight: bold;
	font-style: italic;
	font-size: 80%;
	color: #CCCCCC;
	margin-top: 15px;
	margin-bottom: 5px;
}
  h1[id] {
    margin-top:-130px; 
    padding-top:160px;
}
  h2[id] {
    margin-top:-135px;
    padding-top:160px;
}

/* Normaler Text */

  .textklein {
	font-size: 80%;
  	color: #CC8B23;
} 	
  .einzugtextklein {
	font-size: 70%;
  	color: #CCCCCC;
	margin-left: 25px;
} 	
  .textnormal {
	font-size: 75%;
	color: #000000;
	text-align: justify;
	line-height: 20px;
} 	
  .textnormalzentriert {
	font-size: 75%;
	color: #CCCCCC;
	text-align: center;
	line-height: 20px;
} 	
  .einzugtextnormal {
	font-size: 75%;
  	color: #CCCCCC;
	margin-left: 25px;
	text-align: justify;
	line-height: 20px;
} 	
  .textgross {
	font-size: 75%;
	color: #FFFF99;
	text-align: justify;
	line-height: 20px;
} 	
  .textgrosszentriert {
	font-size: 75%;
	color: #FFFF99;
	text-align: center;
	line-height: 20px;
} 	
  .einzugtextgross {
	font-size: 75%;
  	color: #FFFF99;
	margin-left: 25px;
	text-align: justify;
	line-height: 20px;
} 	
  .textobenrand {
	font-size: 75%;
	color: #CCCCCC;
	text-align: justify;
	line-height: 20px;
	margin-top: 30px;
} 	
  .points {
	font-size: 75%;
	color: #CCCCCC;
	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: 80%;
	padding: 5px 5px 5px 15px;
	font-style: italic;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: thick solid #999999;
	margin-left: 15px;
	margin-right: 15px;
	color: #FFFF99;
	text-align: justify;
} 	
  .zitat:hover {
	background-color: #666666;
	border-top: 1px solid #FFFF99;
	border-right: 1px solid #FFFF99;
	border-bottom: 1px solid #FFFF99;
	border-left: thick solid #FFFF99;
}
  .errormail {
	font-size: 80%;
	color: #FF5F00;
} 	

/* Tabellen */

  table.einzugtab {
	margin-left: 25px;
} 	
  tr.bestof {
	font-size: 75%;
	color: #CCCCCC;
	text-align: justify;
	line-height: 16px;
} 	
  td.tabgrau {
	border: 1px solid #999999;
}
/*Style Tabelle auf der Startseite für News */
  td.tabnews {
	text-align: center;
	font-size: 75%;
	color: #FFFF99;
	border: 1px solid #999999;
	line-height: 20px;
	padding: 0px 15px;
    /*background-image: url("images/newsground.jpg"); 
    background-repeat: no-repeat; 
    background-position: right bottom;*/
}
  td.tabnews:hover {
	border: 1px solid #FFFF99;
}
/*Style für Foto des Monats auf der Startseite */
  td.tabmonth {
	font-size: 75%;
  	color: #CCCCCC;
	border: 1px solid #999999;
}
/* Wenn Maus über Tabelle ändert sich Rahmenfarbe */
  td.tabgrau:hover, td.tabmonth:hover {
	color: #FFFF99;
	border: 1px solid #FFFF99;
	background-color: #666666; 
}

/* Bilder */

  .imgmargin {
	border: 1px solid #999999;
	padding: 3px;
}
  .imgborder {
	border: 1px solid #000000;
	margin: 3px;
}
  .smallimgborder {
	border: 0px solid #666666;
}
  .textfluss {
    background-image: url("images/tabground.jpg"); 
    background-repeat: no-repeat; 
    background-position: right bottom;
	padding: 0px 10px;
	border: 1px solid #999999;
	margin-left: 0px;
}
  .bildfluss {
    float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid #999999;
}
  .imgborder:hover, .imgmargin:hover, .textfluss:hover, .bildfluss:hover{
	border: 1px solid #000000;
}

/* Andere Elemente */

  .padding {
	padding: 0px 10px;
} 	
  .fusszeile {
	font-size: 60%;
	color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #999999;
	font-weight: bold;
	padding: 0px 6px;
} 	

} /* Ende alle Medien */

@media screen /* CSS Styles welche nur die Anzeige am Bildschirm betreffen */
{
  div.seite {
    position: absolute;
    left: 185px;
    max-width: 800px;
    margin-right: 5px;
    margin-top: 125px;
    background-image: url("images/oben.jpg"); 
    background-repeat: no-repeat; 
    background-position: right bottom;
}
  div.fond {
    position:fixed;
    left: 0px;
    top: 0px;
    width: 1000px;
    height: 120px;
    z-index: 1;
}
  div.restvertikal {
    position: fixed;
    left: 167px;
    bottom: 0px;
    width: 6px;
    height: 100%;
    z-index: 1;
}
  div.rest {
    position:fixed;
    right: 0px;
    top: 82px;
    width: 100%;
    height: 6px;
    z-index: 1;
}
  div.banner {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 1000px;
    height: 83px;
    z-index: 3;
}
  div.bannerunten {
    position: fixed;
    left: 0px;
    top: 83px;
    width: 247px;
    height: 81px;
    z-index: 3;
}
  div.quickshot {
    position: fixed;
    left: 133px;
    top: 61px;
    width: 74px;
    height: 48px;
    z-index: 4;
}
  div.menu {
    margin-left: 0px;
}
  div.innerdiv  {
    width: 100%;
}

/* NAVIGATION Hauptmenü */

  /* Lage der Buttons im Navigationsfenster */
  div.navigation {
    width: 120px;  /* Breite der Buttons*/
	position: fixed;
    top: 150px; /* Abstand vom oberen Rand */
    left: 24px; /* 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 {
	background-color: #333333;
	color: #FFCC66;
	font-size: 80%;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}
  /* Textfarbe eines ausgewählten Buttons ERSTER Ordnung */
  div.navigation div.selected {
  	background-color: #666666;
	color: #FFCC66;
	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 {
	background-color: #333333;
	color: #FFCC66;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #999999;
}
  /* Textfarbe eines verlinkten oder besuchten Buttons ERSTER Ordnung wenn ausgewählt */
  div.navigation div.selected a:link, div.navigation div.selected a:visited {
  	background-color: #666666;
	color: #FFCC66;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #999999;
}
  /* Textfarbe der Buttons bei hover ERSTER Ordnung */
  div.navigation div.selected a:hover, div.navigation div.normal a:hover {
  	background-color: #666666;
	color: #FFCC66;
	border: 1px solid #FFFF99;
}
  /* Textfarbe eines nicht aktiven Buttons ZWEITER Ordnung */
  div.navigation div.subnormal {
	background-color: #333333;
	color: #FFFF99;
	font-size: 75%;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: normal;
}
  /* Textfarbe eines ausgewählten Buttons ZWEITER Ordnung */
  div.navigation div.subselected {
  	background-color: #333333;
	color: #FFFF99;
	font-weight: bold;
	font-size: 75%;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: normal;
}
  /* Textfarbe eines verlinkten oder besuchten Buttons ZWEITER Ordnung nicht ausgewählt */
  div.navigation div.subnormal a:link, div.navigation div.subnormal a:visited {
	background-color: #333333;
	color: #FFFF99;
	text-decoration: none;
}
  /* Textfarbe eines verlinkten oder besuchten Buttons ZWEITER Ordnung wenn ausgewählt */
  div.navigation div.subselected a:link, div.navigation div.subselected a:visited {
  	background-color: #333333;
	color: #FFFF99;
	text-decoration: none;
	font-weight: normal;
	border: 1px dashed #999999;
}
  /* Textfarbe der Buttons bei hover ZWEITER Ordnung */
  div.navigation div.subselected a:hover, div.navigation div.subnormal a:hover {
  	background-color: #666666;
	color: #FFFF99;
}

/* NAVIGATION Quick Links in der Titelleiste */

  /* Quick Links in der Titelleiste */
  div.quicklink {
    font-size: 75%;
    position: fixed;
    top: 90px;
    left: 250px;
    width: 730px;
    z-index: 5;
} 	
  div.quicklink div.button {
    width: 117px; 
    float: left; 
    margin-left: 2px;
}
  div.quicklink div.button a {
    text-decoration: none; 
    color: #FFFF99; 
    display: block; 
    padding: 5px; 
    font-size: 100%; 
    line-height: 80%; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
}
  div.quicklink div.button a:link, div.quicklink div.button a:visited {
    text-decoration: none;
    color: #FFFF99;
}	
  div.quicklink div.button a:hover {
    background-color: #666666;
}
  div.quicklink a.active {
    border: 1px dashed #999999;
}

} /* 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
}
  #w3c { /* W3C Logos ausblenden */
  	display: none
}
} /* Ende Printmedien */
.tabletop {
	font-size: 75%;
	text-align: justify;
}
.imgborder1 {

	border: 1px solid #000000;
}