/* 
---> CSS fuer Hompage RC Freunde Leipzig Projekt 2 <----

---> Versuch mit PHP zu Arbeiten <---

---> Link fuer CCS Datei (  <link href="http://www.jan-test.de/style.css" rel="stylesheet" type="text/css">  )  Wird im <haed> Bereich eingebunden <---

*/


<!--


/* ---> allgemeines CSS -  gueltig fuer ganze Seite >> ANFANG <<  <----- */
/* -> alle Formatierungen auf null gesetzt <- */  

  * {
  padding: 0;
  margin: 0;
  }

  html {
  padding: 0px;
  margin: 0px;
  } 

  .zurueck_left {
  clear: left;
  }
  
  .zurueck_right {
  clear: right;
  }
  
   .zurueck {
  clear: both;
  }

/* -> Formatierungen fuer Schrift auf der Seite >> ANFANG << <- */
  
  p {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  }
 
  li {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  }
  
  ul {
  font-size: 12px;
  padding-left: 20px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  }

  span.schrift10{
  font-size: 10px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  }

  span.schrift11{
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  }

 /* -> Formatierungen fuer Ueberschriften <- */

  h1 { 
  color: #ffffff;
  height: 20px; 
  text-align: left;
  font-size: 12px;
  padding: 4px 10px 0px 10px; 
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  background-color: #0099FF;
  border-bottom: 1px solid #FF3300;
  }

  h2 { 
  color: #ffffff;
  height: 20px;
  font-size: 12px;
  padding: 4px 10px 0px 10px;
  margin: 0px 0px 1px 0px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  background-color: #0099FF;
  border-bottom: 1px solid #FF3300;
  }

   h3 { 
   color: #ffffff;
   height: 20px; 
   text-align: left;
   font-size: 12px;
   padding: 4px 10px 0px 10px; 
   margin: 0px 0px 1px 0px;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
   background-color: #0099FF;
   border-bottom: 1px solid #FF3300;
   }
 
  h4 { 
  color: #000000;
  height: 20px; 
  text-align: left;
  font-size: 12px;
  padding: 4px 10px 0px 10px; 
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  background-color: #ffffff;
  border: 1px solid #0000CD;
  }


	
/* -> Formatierungen fuer Schrift auf der Seite >> ENDE << <- */

/* -> Formatierungen Bilder die umlaufen werden sollen Seite allgemein für komplette Seite >> ANFANG << <- */

  #picture_left {
  float:left;
  margin: 0px 20px 0px 0px;
  }
  
  #picture_right {
  float: right;
  }
  
/* -> Formatierungen Bilder die umlaufen werden sollen Seite allgemein für komplette Seite >> ENDE << <- */
	
/* -> Formatierungen fuer Links << ANFANG << <- */

 a:link {color: #000000; text-decoration: None}
 a:visited {color: #000000; text-decoration: None}
 a:active {color: #000000; text-decoration: None}
 a:hover {color: #FF0000; text-decoration: None}
 
 /* -> Formatierungen fuer Links << ENDE << <- */
   
/* -> kompletter Hintergrund der Seite <- */  

  body, html {
  height: 100%;
  text-align:center;
  margin: auto;
  background-color: #ffffff;
  }
  
/* -> BOX / FUSSZEILE >> ANFANG << <- */

  #fusszeile {
  width: 940px;
  height: 60px;
  text-align: center;
  padding: 10px 10px 10px 10px;
  margin: 10px 0px 10px 0px;
  background-color: #ffffff;
  border: solid 1px #0000CD;
  }
  
/* -> BOX / FUSSZEILE >> ENDE << <- */
 
/* ---> allgemeines CSS -  gueltig fuer ganze Seite >> ENDE <<  <----- */
/* ---> spezielles CCS  -  gueltig fuer ganze Seite Inhalt - Standart - Layout ( Kopf-, Navigation-, Inhalt- und Fussbereich  ( Anfang )  <----- */

/* -> BOX für komplette Seite mittig ausgerichtet. <- */

  #hauptbereich {
  width: 960px;
  margin: 0px auto;
  text-align: left;
  background-color: #ffffff;
  }

/* -> BOX für Kopflogo / Bild 960 px breit ACHTUNG URL- muss geaendert werden   <- */

  #kopf_logo {
  width: 960px;
  height: 160px;
  text-align: left;
  margin: 0px 0px 1px 0px;
  background-image: url(http://www.jan-test.de/image_kopflogo/logo_kopf_960x160.gif);
  background-color: #ADD8E6;
  }

/* -> Container für Navigationsleiste im Kopfbereich zeigt aktuell besuchte Seite 960 px breit <-  */
  
  #kopf_nav {
  height: 20px;
  text-align: left;
  font-size: 12px;
  padding: 4px 10px 0px 10px;
  margin: 1px 0px 10px 0px;
  font-family: Verdana, Arial, sans-serif;
  background-color: #D3D3D3;
  border: 0px;
  
 }

/* -> HAUPTSEITE / NAVIGATION UND INHALT >> ANFANG << <- */
/* -> Container für Navigationsleiste im Hauptbereich steuert Hintergrundfarbe / Hauptseite <- */

  #box_nav {
  float: left;
  width: 180px;
  padding-right: 20px;
  font-family: Verdana, Arial, sans-serif;
  background-color: #ffffff;
  }

/* -> Container für Inhaltseite im Hauptbereich steuert Hintergrundfarbe / Hauptseite <- */
   
  #box_inhalt {
  float: left;
  width: 760px;
  text-align: left;
  background-color: #ffffff;	
  }
  
/* -> HAUPTSEITE / NAVIGATION UND INHALT >> ENDE << <- */

/* -> CSS FÜR NAVIGATIONSLEISTE LINKS >> ANFANG << <- */

  .nav_link {
  color: #000000;
  text-align: left;
  height: 20px;
  padding-left: 10px;
  padding-top: 2px;
  margin-bottom: 1px;
  background-color: #D3D3D3;
 }

  .nav_box {
  color: 000000;
  text-align: left;
  line-height: 25px;
  padding: 10px 0px 10px 10px;
  margin-bottom: 1px;
  background-color: #D3D3D3;
 }

  .nav_link_1 {
  color: #000000;
  text-align: left;
  line-height: 20px;
  padding: 10px 0px 10px 10px;
  margin-bottom: 1px;
  background-color: #D3D3D3;
 }
 
 /* -> Box - Navigationbereich / in diesem Bereich werden die Boxen in der Navigation geladen <- */

  .box_nav {
   background-color: #ffffff;
   }
 
/* -> CSS FÜR NAVIGATIONSLEISTE LINKS >> ENDE << <- */

/* -> CSS FÜR BOXEN IM INHALBEREICH >> ANFANG << <- */
/* -> Box volle Breite im Inhalt weis ohne Rahmen 360 px breit es passen 2 boxen nebeneinander <- */

  .box_inhalt_klein {
  float: left;
  color: 000000;
  width: 360px;
  line-height: 18px;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  }
  
/* -> Box volle Breite im Inhalt weis ohne Rahmen 740 px breit <- */

  .box_inhalt_gross {
  color: 000000;
  width: 740px;
  line-height: 18px;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  }

/* -> Box volle Breite im Inhalt und Rahmen Hintergrundfarbe #4682B4 - Hintergrundfarbe passend für ueberschrift h3 <- */

  .box_rahmen {
  color: 000000;
  text-align: left;
  line-height: 18px;
  padding: 10px 10px 10px 10px;
  background-color:#E8E8E8;
  }
 
 /* -> Box volle Breite im ohne hintergrund für bilder  120 px breit Bilbdereich <- */ 
 
  .box_bild_rahmen {
  float: left;
  color: 000000;
  width: 160px;
  line-height: 18px;
  }

  /* -> Box volle Breite im ohne hintergrund für bilder  120 px breit Textbereich <- */ 
  
  .box_inhalt_rahmen {
  float: left;
  color: 000000;
  width: 560px;
  line-height: 18px;
  }
  
  /* -> Box volle Breite im ohne hintergrund aber für hintergrund geeignet 
  ohne padding für bilder 330 px breit Bilbdereich oder Textbereich <- */   
  
  .box_inhalt_a {
  float: left;
  color: 000000;
  width: 360px;
  line-height: 18px;
  }

 /* -> Box volle Breite im ohne hintergrund für bilder  250 px breit Bildbereich <- */  
  
  .box_inhalt_b {
  float: left;
  color: 000000;
  width: 260px;
  padding: 0px 10px 0px 10px;
  line-height: 18px;
  }

/* -> Box volle Breite im ohne hintergrund für bilder  250 px breit Textbereich <- */  
  
  .box_inhalt_c {
  float: left;
  color: 000000;
  width: 460px;
  padding: 0px 10px 0px 10px;
  line-height: 18px;
  }
  
  /* -> Box volle Breite im ohne hintergrund für bildergalerie 4 boxen passen nebeinander 190px breit Textbereich <- */  
  
 .box_bildergalerie {
  float: left;
  color: 000000;
  width: 180px;
  padding: 10px 10px 10px 0px;
  line-height: 18px;
  } 
  

//-->