/*Definitionen der Homepage von Wolfgang Moritz Blossfeld*/
/*-------------------------------------------------------*/
/**/
/*Hinweise*/
/*body (dokument)*/
/*h1 (Überschridften 1. Ordnung)*/
/*p (Textabsätze)*/
/**/

/*-------------------------------------------------------*/
/*Formatierung der Schriftfarbe und Schriftfamilie*/
body { font-family: Arial, Helvetica, sans-serif;  behavior:url("csshover.htc");}

/*-------------------------------------------------------*/
/*Links*/
/* allgemein definition von links (überall in allen frames)*/
 /*
Erklärungen:
a:link definiert das Aussehen des Links wenn nichts passiert, also die Mouse ausserhalb des sensitiven Bereichs des Links ist.
Mit dem Attribut color: #00CC66 wird die Farbe festgelegt.
a:hover definiert das Aussehen des links, wenn der Internet-User mit der Mouse über den Link fährt.
Mit dem Attribut color: #FF0000 wird die Farbe festgelegt.
a:active definiert das Aussehen des Links, wenn der Link aktiviert wird, also - wenn der User auf den Link klick.
Mit dem Attribut color: #F00000 wird die Farbe festgelegt.
a:visited definiert das Aussehen des Links, wenn der User den Link schon einmal mit dem Browser aufgerufen (oder besucht) hat.
Mit dem Attribut color: #000000 wird die Farbe festgelegt.
text-decoration: none heisst in diesem Fall, das der Link-Text nicht unterstrichen werden soll.
*/
/*Farben*/
/* dunkelau1:  #000000   */
/* Rot          #CC0000  */
/* cyanblau     #0099FF  */
/* grün         #00FF33  */
/* dunkelblau2  #000077  */
/* orange       #FF9900  */ 

/*id="navi"*/
/* Link Navigationsmenü Bsp-Netz*/
#navi, #navi ul { list-style-type:none; margin:0; padding:0; }
#navi li { width:128px; height:15px; float:left; 
/*background-image: url('Grafiken/100_2934-n4.JPG');
background-repeat: no-repeat;*/
background-position: 0 .5em;}
#navi li ul { display:none; }
  #navi li:hover ul { display:block; }
/* ACHTUNG + behavior:url("csshover3.htc"); in Body notwending*/

/*BSP WMB alt*/
/*id="links"*/
#links a{
   color: #0099FF;
   font-weight: bold; 
   text-decoration: none;
   border-bottom:2px solid #0099FF;
   font-size: 10px;
   }
/*Linksmouseover*/
#links a:hover{
   color: #CC0000;
   font-weight: bold; 
   text-decoration: none;
   border-bottom:2px solid #0099FF;
   font-size: 10px;
   }

/*BSP WMB neu*/
/* über  <td  id="na"><a align="center" href="Startseite-n.html">&nbsp;Home</a>&nbsp;</td> für link mit id="na" in allen frames*/
#na a:link{
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#000077;  /* dunkelblau2  #000077 */
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
  /*display:inline;*/
  display:block;
  /*display:inline-block;*/
 background-image: url('Grafiken/100_2934-n4.JPG');
 background-repeat: no-repeat;
}
#na a:visited{
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   /*color:#CC0000; /* rot  #CC0000  */
   color:#000077;  /* dunkelblau2  #000077 */
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
  /*display:inline;*/
  display:block;
  /*display:inline-block;*/
background-image: url('Grafiken/100_2934-n4.JPG');
 background-repeat: no-repeat;
}
#na a:hover{
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
  /* color: #FF9900;  /* orange       #FF9900  */ 
   color: #CC0000;     /* rot     #CC0000   */ 
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
  /*display:inline;*/
  display:block;
  /*display:inline-block;*/
background-image: url('Grafiken/100_2934-n4.JPG');
 background-repeat: no-repeat;
}
 /* für IE anzeige nach dem klick*/
#na a:active { 
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#0099FF;   /* cyanblau     #0099FF   */
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
  /*display:inline;*/
  display:block;
  /*display:inline-block;*/
background-image: url('Grafiken/100_2934-n4.JPG');
 background-repeat: no-repeat;
 }
/* für Firefox anzeige nach dem klick*/
#na a:focus {
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#0099FF;   /* cyanblau     #0099FF   */
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
  /*display:inline;*/
  display:block;
  /*display:inline-block;*/
  background-image: url('Grafiken/100_2934-n4.JPG');
  background-repeat: no-repeat;
}

/* über  <td height ="5" marginwidth="0" marginheight="0" align="center"><div class="button1"><a align="center" href="nochfrei.html">&nbsp;Download&nbsp;</a></div></td>
/*Buttons (jeder Button bekommt eine eigene Klasse
/* der Punkt zeigt eine Klasse (letztlich ein <tag> )
in dem sich der Link befindet */
.button1 a:link{
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#000077;  /* dunkelblau2  #000077 */
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
   /*display:inline;*/
   display:block;
   /*display:inline-block;*/
   background-image: url('Grafiken/100_2934-n4.JPG');
   background-repeat: no-repeat;
}
.button1 a:visited{
font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   /*olor:#CC0000; /* rot  #CC0000  */
   color:#000077; /* dunkelblau2  #CC0000  */
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
   /*display:inline;*/
   display:block;
   /*display:inline-block;*/
   background-image: url('Grafiken/100_2934-n4.JPG');
   background-repeat: no-repeat;
}
.button1 a:hover{
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   /*color: #FF9900;  /* orange       #FF9900  */ 
   color: #CC0000;     /* rot     #CC0000   */ 
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
   /*display:inline;*/
   display:block;
   /*display:inline-block;*/
   background-image: url('Grafiken/100_2934-n4.JPG');
   background-repeat: no-repeat;
}
 /* für IE anzeige nach dem klick*/
.button1 a:active{
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#0099FF;   /* cyanblau     #0099FF    */
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
   /*display:inline;*/
   display:block;
   /*display:inline-block;*/
  background-image: url('Grafiken/100_2934-n4.JPG');
   background-repeat: no-repeat;
}
/* für Firefox anzeige nach dem klick*/
.button1 a:focus {
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#0099FF;   /* cyanblau     #0099FF    */
   font-size:14px;
   font-weight:bold;
   padding-left:0px;
   padding-right:0px;
   margin:0px;
   /*display:inline;*/
   display:block;
   /*display:inline-block;*/
  background-image: url('Grafiken/100_2934-n4.JPG');
  background-repeat: no-repeat;
}

/*< <td width="270" valign="top" id="copy"> 
  <h1 align="left" >&nbsp;&nbsp;E-Mail an&nbsp;&nbsp; <a href="mailto:mail@moritz-blossfeld.de">Wolfgang 
        Moritz Blo&szlig;feld</a></h1>
    </td>  gilt für alle frames*/
#copy a:link{
   text-decoration:none;
   color:#000077;  /* dunkelblau2  #000077 */
   font-weight:bold;
 background-image: url(../img/Rechteck000.png);
 background-repeat: no-repeat;
}
#copy a:visited{
   text-decoration:none;
   /*color:#CC0000; /* rot  #CC0000*  */
   color:#000077;  /* dunkelblau2  #000077 */
   font-weight:bold;
 background-image: url(../img/Rechteck666.png);
 background-repeat: no-repeat;
}
#copy a:hover{
   text-decoration:none;
   /*color: #FF9900;  /* orange       #FF9900   */ 
   color: #CC0000;     /* rot     #CC0000   */ 
   font-weight:bold;
 background-image: url(../img/RechteckF90.png);
 background-repeat: no-repeat;
}
 /* für IE anzeige nach dem klick*/
#copy a:active { 
   text-decoration:none;
   color:#0099FF;   /* cyanblau     #0099FF    */
   font-weight:bold;
 background-image: url(../img/Rechteck000.png);
 background-repeat: no-repeat;
 }
/* für Firefox anzeige nach dem klick*/
#copy a:focus {
   text-decoration:none;
   color:#0099FF;   /* cyanblau     #0099FF   */
   font-weight:bold;
  background-image: url('Grafiken/100_2934-n4.JPG');
  background-repeat: no-repeat;
}
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*Definition Überschriften allgemein*/
h1 {
   font-weight: normal;
   font-size: 12px;
   padding: 0;
   margin: 0;
   color: #000077;
   }
   
/*Überschrift mit linkfunktion */
h2 , #links h2
   {
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-bottom:2px solid #0099FF;
   font-size: 12px;
   }
   
/*Überschrift mit Navigation-n-heado border-top */   
h4
   {
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-top:4px solid #0099FF;
   font-size: 12px;
   padding: 0;
   margin: 0;
   }
/*Überschrift mit Copyright border-top */ 
h5
   {
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-top:4px solid #0099FF;
   font-size: 12px;
   padding: 0;
   margin: 0;
   }
   
.copyrightframe h5
   {
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-top:1px solid #0099FF;
   font-size: 12px;
   padding: 0;
   margin: 0;
   }

   /*
   Hinweis
   Weiterhin wird ein Individualformat mit dem Selektor h1#Titel definiert. 
   Das ist eine Syntax, die erst seit CSS2 zur Verfügung steht. 
   Dabei wird vor dem Gatterzeichen, das ein Individualformat kennzeichnet, 
   ein HTML-Elementtyp notiert, im Beispiel also h1 für Überschriften erster Ordnung. 
   Hinter dem Gatterzeichen dann wieder der Name des Individualformats. I
   m Beispiel wird die Formatdefinition nur dann angewendet, 
   wenn es in der HTML-Datei ein h1-Element mit dem Attribut id="Titel" gibt. 
   Wenn es dagegen etwa ein Element div mit id="Titel" gäbe, würde die Formatdefinition dort ignoriert.
   */
h6
   {
   font-weight: normal;
   font-size: 11px;
   padding: 0;
   margin: 0;
   color: #000077;
   }
p
   {
   font-weight: normal;
   font-size: 14px;
   padding: 0;
   margin: 0;
   color: #000077;
   }
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*Definition Hauptframe */
/*Hintergrund, Schrift */
/*Hintergrund: no-repeat  : nur ein bild*/
/*Hintergrund: fixed center : framegröße > bildgröße => 2. Bild daneben oder drunter */
/*Hintergrund: left center : frame höhe < lad bild höhe = center über die höhe*/

.Hauptframe 
   {
   background-color: #FFFFFF; /* #FFFFFF=weiß*/
   background-image: url('Grafiken/Hintergrund2.png') ;
   background-repeat: repeat;
   background-position: center center; 
   background-attachment: fixed;
   /*background-attachment: scroll;  */
  /*bild wird mit text im vordergrung gleichzeitig verschoben*/
   /* 
   oder 
   background:#FFFFFF url('Grafiken/Hintergrund2.png') no-repeat fixed center center; 
   */
   /*border: 20px solid red;*/
   
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-style: normal; 
   font-weight: normal; 
   font-variant: normal; 
   text-transform: none 
 }
 /*
Background
This is a little different than a normal html background, however it may still be the same if you wish. This is used to create a CSS background which may be used in almost all styles or tags.
You can use this tag for either the body or for div's or even links.
background-color: #000;
Pretty obvious on what this means.
background-image: url(image.jpg);
url is literally url. However the word image.jpg should be the name of the image you wish to use.
background-repeat: no-repeat;
This stops the browser from repeating the image used. You may also use repeat, repeat-x or repeat-y inplace of no-repeat to have the image repeat itself. repeat-x meaning repeating horizontally, repeat-y meaning repeating virtically.
background-attachment: fixed;
Using fixed will make the background not move when you scroll the page. When exchanging the word "fixed" for "scroll" the background will move.
background-position: 50px 50px;
Using this puts your background at a specific position. You may use pixels or percentages to place the background by horizontal position first then virtical following. Or, you may use one of these:
    * top left
    * top center
    * top right
    * center left
    * center center
    * center right
    * bottom left
    * bottom center
    * bottom right
Background Shortcut
The background shortcut is when you may use all or some background styles. To use the background shortcut, write it in this order:
   1. color
   2. image
   3. repeat
   4. attachment
   5. position
Example: background: { #000 url(bg.jpg) no-repeat fixed center center; }
 */
 
/*Überschrift*/
.hauptframe h3
   {
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-bottom:4px solid #0099FF;
   font-size: 24px;
   }
/*Links*/
.hauptframe a {font-size: 13px; padding: 0; margin: 0; color: #000077;font-weight: bold;text-decoration: none;}
/*Linksmousover*/
.hauptframe a:hover {font-size: 13px; padding: 0; margin: 0; color: #CC0000;font-weight: bold;}

/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*Definition navigationsframe links*/
/*Hintergrund*/
.navigationsframe 
 {  
   background:#FFFFFF url('Grafiken/Navigation.png') no-repeat fixed 3px 3px; 
 }
/*Links*/
.navigationsframe a
 {
font-size: 11px;
 padding: 0; 
 margin: 0; color: #000077;
 font-weight: normal;
 text-decoration: none;
 }
/*Linksmouseover*/
.navigationsframe a:hover {
font-size: 11px;
 padding: 0; 
 margin: 0;
  color: #CC0000;
 font-weight: bold;
 }
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*Definition .navigationsframe-heado */
/*Hintergrund*/
.navigationsframe-heado
 {  
   background-color: #FFFFFF; /* #FFFFFF=weiß*/
   /*background-image: url('Grafiken/100_2934-n4.JPG'); */
   background-repeat: repeat;
   background-position: left top;
   background-attachment: fixed;
 }

/*Überschrift mit Navigation-n-heado ohne border-top */  
.navigationsframe-heado h2
   {
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-bottom:0px solid #0099FF;
   font-size: 12px;
   } 
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*Definition navigationsframe oben*/
/*Hintergrund*/
.navigationsframe-head 
 {  
   background-color: #FFFFFF; /* #FFFFFF=weiß*/
   background-image: url('Grafiken/100_2934-n4.JPG') ; 
   background-repeat: repeat;
   background-position: left center;
   background-attachment: fixed;
   /*background-attachment: scroll; */
   /*
   oder
   background:#FFFFFF url('Grafiken/100_2934.JPG' ) repeat fixed center center
   */
 }
 /*Überschrift mit Navigation-n-heado ohne border-top */  
.navigationsframe-head h2
   {
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-bottom:0px solid #0099FF;
   font-size: 12px;
   } 
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*Definition Navigation-n-headu */
/*Hintergrund*/
.navigationsframe-headu 
 {  
   background-color: #FFFF00; /*  gelb*/
   background-color: #FFFFFF; /* weiss*/
   background-color: #FFCCCC; /* hell rosa*/
   background-color: #FFCCFF; /* hell lila*/
   background-color: #CCCFFF; /* blasses hell lila*/
  /* background-image: url('Grafiken/100_2934-n4.JPG') ; */
   background-repeat: repeat;
   background-position: left center;
   background-attachment: fixed;
   /*background-attachment: scroll; */
   /*
   oder
   background:#FFFFFF url('Grafiken/100_2934.JPG' ) repeat fixed center center
   */
 }
/*Überschrift mit Navigation-n-headu border-bottom */  
.navigationsframe-headu h1 
{
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-top:2px solid #0099FF;
   border-bottom:2px solid #0099FF;
   font-size: 12px;
   padding: 0;
   margin: 0;
}
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*Definition copyrightframe */
/*Hintergrund*/
.copyrightframe 
 {  
   background-color: #FFFFFF; /* #FFFFFF=weiß*/
   background-image: url('Grafiken/100_2934-n4.JPG'); 
   background-repeat: repeat;
   background-position: left top;
   background-attachment: fixed;
 }

/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*Definition für klasse lebenslauf */
/*Hintergrund, Schrift */
.lebenslauf 
 {
   background:#FFFFFF url('Grafiken/Hintergrund2.png') no-repeat fixed left center; font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-style: normal; 
   font-weight: normal; 
   font-variant: normal; 
   text-transform: none 
 }
/*Überschriften*/
.lebenslauf h2{
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-bottom:2px solid #0099FF;
   font-size: 12px;
   }
.lebenslauf h1
   {
   font-weight: normal;
   font-size: 12px;
   padding: 0;
   margin: 0;
   color: #000077;
   }
.lebenslauf h3
   {
   color: #000077;
   font-weight: bold; 
   text-decoration: none;
   border-bottom:4px solid #0099FF;
   font-size: 24px;
   }
/*Links*/
.lebenslauf a 
{
font-size: 12px; 
padding: 0; 
margin: 0; 
color: #000077;
font-weight: bold;
text-decoration: none;
}
/*Linksmouseover*/
.lebenslauf a:hover 
{
font-size: 12px; 
padding: 0; 
margin: 0; 
color: #CC0000;
font-weight: bold;
}
/*-------------------------------------------------------*/