/*Copyright Anders & Szeifert Heidelberg März 2011 */
/*Verwendung: Komplette Firmenhomepage von Anders und Szeifert*/ 
/* Navigationsleiste links außen*/
div.navi {
	position:fixed;
    	top:0px;
        left:0px;
        width:185px;
        /*background-image:url(kalender.jpg);
        background-repeat:no-repeat; */
	height:785px;
	background-color:#FFFAE3;
     }
div.logo {
	position:absolute;
    	top:20px;
        left:20px;
        width:30px;
        height:40px;
	background-color:#FFFAE3;
    }
div.anders {
	position:absolute;
    	top:23px;
        left:45px;
        width:135px;
        height:40px;
	background-color:#FFFAE3;
    }
/*Navigationsleiste links außen - die Seitenlinks richtig positioniert*/
div.verweise {
	position:absolute;
    	top:120px;
	left:25px;
        width:150px;
        height:400px;
	background-color:#FFFAE3;
    }
/* Oberer Bildrand. Für Folgeseiten, wird die Grafik per css direkt in der Datei referenziert.*/
div.header {
	position:absolute;
	top:20px;
	left:210px;
	width:750px;
	height:150px;
    /*background-image:url(header_start.jpg);*/
	background-repeat:no-repeat;
	/*background-color:white;*/
					}
/* Container-Div für die vier Inhaltsbereiche */
div.inhalt {
	position:absolute;
	top:155px;
	left:210px;
	width: 750px;
	height: 725px;
					}
/* Inhaltsbereich oben links */

div.aus	{
	position:absolute; top:0px; left:0px; width:350px; height:300px;
      z-index:1; background-color:#EEF8FC; border:1px outset gray;

					}
/* Inhaltsbereich oben rechts */
div.doku	{
	position:absolute; top:0px; left:400px; width:350px; height:300px;
      z-index:2; background-color:#FFFAE3; border:1px outset gray;

					}
/* Inhaltsbereich unten links */
div.elearning	{
	position:absolute; top:325px; left:0px; width:350px; height:300px;
      z-index:1; background-color:#FFFAE3; border:1px outset gray;

					}
/* Inhaltsbereich unten rechts */
div.usability	{
	position:absolute; top:325px; left:400px; width:350px; height:300px;
      z-index:2; background-color:#FFFAE3; border:1px outset gray;
			}
/*Fusszeile Startseite*/
div.fusszeile	{
	position:absolute; top:640px; left:0px; width:800px; height:30px;
      z-index:3; background-color:#FFFFF;
			}
/* Folgeseiten */
/* Textbereich */
div.projekte {
        position:absolute; top:0px; left:0px; width:580px; height:1600px;
      z-index:1; background-color:#FFFAE3;
					}
/* Bildbereich */
div.rechtsprojekte {
           position:absolute; top:0px; left:600px; width:150px; height:630px;
      z-index:2; background-color:#FFFAE3;
					}
div.personenbild {
 position:absolute; top:0px; left:0px; width:125px; height:630px;
      z-index:2; background-color:#FFFAE3; }

div.personentext {
 position:absolute; top:0px; left:125px; width:455px; height:630px;
      z-index:2; background-color:#FFFAE3; }
/*ab hier die Formatierungen des Textes*/

h1 { font-size:80%;
    font-family:Verdana, Helvetica,sans-serif;
    padding-left:10pt;
    margin-top:15px;
    margin-bottom:0px;
    margin-right: 5px;
    color:#a50021;
        }
h1.adresse { font-size:80%;
    font-family:Verdana, Helvetica,sans-serif;
    padding-left:10pt;
    margin-top:15px;
    margin-bottom:5px;
    margin-right: 5px;
    color:#a50021;
    }
h1.navi {
font-size:68%;
    font-family:Verdana, Helvetica,sans-serif;
    padding-left:5pt;
    margin-top:0px;
    margin-bottom:0px;
    color:#00007B;
        }
/*uebernommen aus dem aus.css und von p auf h1 geändert*/
h1.bereich {font-family: "Verdana", sans-serif;
        font-size:80%;
        font-weight:bold;
        color: #FFFFFF;
        margin-top: 12pt;
        margin-bottom: 6pt;
        margin-left: 10pt;
        margin-right: 0pt;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        }

h1.produkt {font-family: "Verdana", sans-serif;
        font-size:80%;
        font-weight:bold;
        color: #FF0099;
        margin-top: -4pt;
        margin-bottom: 0pt;
        margin-left: 20pt;
        margin-right: 0pt;
        padding-top: 6pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        }

h2 { font-size:68%;
    font-family:Verdana, Helvetica,sans-serif;
    padding-left:5pt;
    margin-bottom:-10px;
    margin-top:10px;
    line-height:140%;
    font-family:Verdana,Helvetica,sans-serif;
    letter-spacing:0.1mm;
    word-spacing:0.2mm;
    font-weight:bold;
    color:#00007B;
   /* #D62118*/ }

h2.projekte { font-size:72%;
    font-family:Verdana, Helvetica,sans-serif;
    padding-left:10pt;
    margin-bottom:-10px;
    margin-top:10px;
    line-height:140%;
    font-family:Verdana,Helvetica,sans-serif;
    letter-spacing:0.1mm;
    word-spacing:0.2mm;
    font-weight:bold;
    color:#00007B;
   /* #D62118*/ }

h3 { font-size:72%;
   font-family:Verdana, Helvetica,sans-serif;
   line-height:140%;
   padding-left:10pt;
   margin-top:15px;
   margin-bottom:-10px;
   font-family:Verdana,Helvetica,sans-serif;
   letter-spacing:0.1mm;
   word-spacing:0.2mm;
   font-weight:bold; }

p  { font-size:72%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; margin-top:10px; margin-bottom:5px; padding-left:10pt;}

p.fusszeile  { font-size:60%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; word-spacing:0.4mm; margin-top:0px; margin-bottom:0px; padding-left:0pt; color:#00007B;}
p.adresse  { font-size:60%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; word-spacing:0.10mm; margin-top:0px; margin-bottom:0px; padding-left:10pt;}

p.bildrechts  { font-size:60%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; word-spacing:0.10mm; margin-top:30px; margin-bottom:0px; padding-left:10pt;}

p.fett  { font-size:72%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; font-weight:bold; margin-top:15px; margin-bottom:10px; padding-left:10pt;}

p.startseitelink  { font-size:68%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; margin-top:20px; margin-bottom:5px; padding-right:10pt; text-align:right;}

b  { font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; font-weight:bold; }

b.rot { font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; font-weight:bold; color:#943139; }

ul  { font-size:72%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; margin-top:5px; }
li  { font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm;  margin-top:4px;}

ol  { font-size:66%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; margin-top:5px; }

img.port {vertical-align:middle;}
img.links {width:60px; float:left; margin-right:10px; margin-bottom:0px}
a:link.aktiv { color:#00007B; text-decoration:none; border:0;}
a:visited.aktiv { color:#00007B; text-decoration:none;border:0;}
a:active.aktiv { color:#00007B; text-decoration:none;border:0;}

img.projektlinks {margin-right:0px; margin-bottom:0px; border:none;}

/*anpasst an neue Schriftfarbe
dunkelgrau = #777777; dunkelblau = #00007B; dunkelrot = #a50021*/
a:link.rubrik { color:#777777; text-decoration:none;}
a:visited.rubrik { color:#777777; text-decoration:none; }
a:active.rubrik { color:#00007B;; text-decoration:none; }

/*Link in den Inhalt-Divs der Startseite*/
a:link.start { color:#00007B; }
a:visited.start { color:#00007B; }
a:active.start { color:#00007B; }