/* w-h-a-t-e-v-e-r.de .:nina holzberg */
body{
    font-family: Verdana,Arial,"Trebuchet MS";
    font-size: 11pt;
    color: #000000;
    text-align:center;
    }

.subtitle{
font-size: 8pt;
}
.code{
  font-family:"courier";
  font-size:10pt;
}

a:link    {color:#FFFFFF; text-decoration:none; }
a:visited {color:#FFFFFF; text-decoration:none; }
a:hover   {color:#FFFFFF; text-decoration:none; }
a:active  {color:#FFFFFF; text-decoration:none; }

#ads{
    position:relative;
    margin-top:80px;
    margin-left:850px;
    z-index:10;
}


#grauerBg{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:700px;
    background:#E4E1E1;
    z-index:0;
}

#grauerBgDat{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:4700px;
    background:#E4E1E1;
    z-index:0;
}

#grauerSe{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:2400px;
    background:#E4E1E1;
    z-index:0;
}

#grauerBgCga2{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:3200px;
    background:#E4E1E1;
    z-index:0;
}

#grauerBgCga{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:1300px;
    background:#E4E1E1;
    z-index:0;
}
#grauerBgWebdesign{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:1300px;
    background:#E4E1E1;
    z-index:0;
}

#grauerBgIcons{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:700px;
    background:#E4E1E1;
    z-index:0;
}

#grauerBgAs1{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:1500px;
    background:#E4E1E1;
    z-index:0;
}

#grauerBgGraphik{
    position:relative;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    width:800px; 
    height:1700px;
    background:#E4E1E1;
    z-index:0;
}

#header{
    position:absolute;
    top:0px;
    left:0px;
    width:800px;
    z-index:1;
}

#footer{
    position:absolute;
    top:580px;
    left:0px;
    width:800px;
    z-index:1;
}

#footerDat{
    position:absolute;
    top:3570px;
    left:0px;
    width:800px;
    z-index:1;
}

#footerSe{
    position:absolute;
    top:2000px;
    left:-30px;
    width:800px;
    z-index:1;
}

#footerCga2{
    position:absolute;
    top:1950px;
    left:-30px;
    width:800px;
    z-index:1;
}

#footerCga{
    position:absolute;
    top:1170px;
    left:0px;
    width:800px;
    z-index:1;
}

#footerPr4{
    position:absolute;
    top:2100px;
    left:-30px;
    width:800px;
    z-index:1;
}

#footerWebdesign{
    position:absolute;
    top:1180px;
    left:0px;
    width:800px;
    z-index:1;
}

#footerIcons{
    position:absolute;
    top:570px;
    left:0px;
    width:800px;
    z-index:1;
}

#footerAs1{
    position:absolute;
    top:1370px;
    left:0px;
    width:800px;
    z-index:1;
}

#footerGraphik{
    position:absolute;
    top:1570px;
    left:0px;
    width:800px;
    z-index:1;
}

#balkenLight{
    position:absolute;
    top:204px;
    left:0px;
    width:800px;
    height:25px;
    background:#C7C6C6;
    z-index:1;
}

#balkenDark{
    position:absolute;
    top:233px;
    left:0px;
    width:800px;
    height:25px;
    background:#B4B2B2;
    z-index:1;
}

/* navigation */
#naviHome      {position:absolute; top:207px; left:10px;  width:100px; height:20px; font-size: 12pt; font-weight:bold;z-index:2;}
#naviMedieninfo{position:absolute; top:207px; left:140px; width:100px; height:20px; font-size: 12pt; font-weight:bold;z-index:2;}
#naviDesign    {position:absolute; top:207px; left:350px; width:100px; height:20px; font-size: 12pt; font-weight:bold;z-index:2;}
#naviWeiteres  {position:absolute; top:207px; left:470px; width:100px; height:20px; font-size: 12pt; font-weight:bold;z-index:2;}
#naviKontakt   {position:absolute; top:207px; left:595px; width:100px; height:20px; font-size: 12pt; font-weight:bold;z-index:2;}

/* navigation medieninformatik */
#naviBsys1{ position:absolute; top:236px; left:1px; width:100px; height:20px; z-index:2;}
#naviMg1{ position:absolute; top:236px; left:100px; width:100px; height:20px; z-index:2;}
#naviAs1{ position:absolute; top:236px; left:200px; width:100px; height:20px; z-index:2;}
#naviDat{ position:absolute; top:236px; left:300px; width:100px; height:20px; z-index:2;}
#naviCga1{ position:absolute; top:236px; left:400px; width:100px; height:20px; z-index:2;}
#naviCga2{ position:absolute; top:236px; left:500px; width:100px; height:20px; z-index:2;}
#naviPr4{ position:absolute; top:236px; left:600px; width:100px; height:20px; z-index:2;}
#naviSe{ position:absolute; top:236px; left:700px; width:100px; height:20px; z-index:2;}

/* navigation graphik */
#naviWebdesign{position:absolute; top:236px; left:24px; width:100px; height:20px; z-index:2;}
#naviGraphik{position:absolute; top:236px; left:160px; width:100px; height:20px; z-index:2;}
#naviIcons{position:absolute; top:236px; left:290px; width:100px; height:20px; z-index:2;}

/* navigation etc */
#naviLinks{position:absolute; top:236px; left:1px; width:100px; height:20px; z-index:2;}

#treesDark{
    position:absolute;
    top:310px;
    left:450px;
    z-index:1;
}

#subtitleHome{
    position:absolute;
    top:566px;
    left:10px;
    font-size:8pt;
    z-index:1;
}

#PicInfo{
    position:absolute;
    top:295px;
    left:291px;
    z-index:3;
}

/* subtitles medieninfo */
#subAs1  {position:absolute; top:260px; left:244px; width:100px; font-size:8pt; z-index:1;}
#subDat  {position:absolute; top:260px; left:304px; width:200px; font-size:8pt; z-index:1;}
#subBsys1{position:absolute; top:260px; left:38px;  width:100px; font-size:8pt; z-index:1;}
#subCga1 {position:absolute; top:260px; left:435px; width:200px; font-size:8pt; z-index:1;}
#subMg1  {position:absolute; top:260px; left:146px; width:100px; font-size:8pt; z-index:1;}
#subCga2  {position:absolute; top:260px; left:536px; width:200px; font-size:8pt; z-index:1;}
#subPr4  {position:absolute; top:260px; left:645px; width:100px; font-size:8pt; z-index:1;}
#subSe  {position:absolute; top:260px; left:605px; width:200px; font-size:8pt; z-index:1;}

/* medieninfo inhalte */
#text{
    position:absolute;
    top:300px;
    left:30px;
    width:750px;
    text-align:left;
    z-index:1;
}
#picMg{position:absolute; top:258px; left:400px; width:300px; z-index:3;}
#picCga{position:absolute; top:-20px; left:400px; width:300px; z-index:3;}

#cgaPic1{position:absolute; top:350px;  left:97px;  z-index:2;}
#cgaPic2{position:absolute; top:1000px; left:97px;  z-index:2;}
#cgaPic3{position:absolute; top:1000px; left:202px; z-index:2;}
#cgaPic4{position:absolute; top:1000px; left:308px; z-index:2;}
#cgaPic5{position:absolute; top:1000px; left:413px; z-index:2;}
#cgaPic6{position:absolute; top:1000px; left:519px; z-index:2;}
#cgaPic7{position:absolute; top:1000px; left:625px; z-index:2;}

#asPic1{ position:absolute; top:620px; left:100px;  z-index:2;}
#asPic2{ position:absolute; top:1120px; left:100px; z-index:2;}
#asPic3{ position:absolute; top:1120px; left:259px; z-index:2;}
#asPic4{ position:absolute; top:1120px; left:418px; z-index:2;}
#asPic5{ position:absolute; top:1120px; left:577px; z-index:2;}
#asPic6{ position:absolute; top:1230px; left:100px; z-index:2;}
#asPic7{ position:absolute; top:1230px; left:259px; z-index:2;}
#asPic8{ position:absolute; top:1230px; left:418px; z-index:2;}
#asPic9{ position:absolute; top:1230px; left:577px; z-index:2;}

#Pr4Pic1{position:absolute; top:250px;  left:0px;  z-index:2;}
#Pr4Pic2{position:absolute; top:200px;  left:0px;  z-index:2;}
#Pr4Pic3{position:absolute; top:550px;  left:0px;  z-index:2;}
#Pr4Pic4{position:absolute; top:0px;  left:480px;  z-index:3;}

#Cga2text{position:absolute; top:900px;  left:0px;  z-index:2;}
#Cga21{position:absolute; top:300px;  left:0px;  z-index:2;}
#Cga22{position:absolute; top:850px;  left:0px;  z-index:2;}
#Cga23{position:absolute; top:1400px;  left:0px;  z-index:2;}

#kontaktPic{position:absolute; top:270px; left:70px; z-index:1;}

#graphikPic1{position:absolute; top:570px; left:70px; z-index:1;}
#graphikPic2{position:absolute; top:570px; left:400px; z-index:1;}
#graphikPic3{position:absolute; top:870px; left:100px; z-index:1;}
#graphikPic4{position:absolute; top:855px; left:450px; z-index:1;}
#graphikPic5{position:absolute; top:1170px; left:50px; z-index:1;}
#graphikPic6{position:absolute; top:1170px; left:400px; z-index:1;}
#graphikPic7{position:absolute; top:270px; left:420px; z-index:1;}

#graphics1{position:absolute; top:350px;  left:160px;  text-align:left; z-index:1;}
#graphics2{position:absolute; top:350px;  left:30px;   z-index:1;}

#impressum{position:absolute; top:566px; left:730px; z-index:2;}