/*Styles für Bernhard Muders*/
/*Farben:
blau: #97CDE9
dunkelgrün: #45A3BA
hellgrün: #45C49C
pink: #CEF7BC
*/

/*BODY*/

body {
background-color: #e8ffff;
font-family: Arial, sans-serif;
color: black;
}

body a {
text-decoration: none;
color: black;
}

body a:hover {
text-decoration: none;
color: #026664;
letter-spacing: 1px;
}
/*ENDE BODY*/

/*Box zur Zentrierung*/

#center
{
position: absolute;
left: 50%;
top: 25px;
width: 800px;
height: 500px;
margin-left: -400px; /* half of width */
}
/*Ende Zentrierung*/

/*SCHRIFTBOXEN*/

#p10 {
font-size: 10px;
font-weight: bold;
margin-left: 10px;
margin-top: 5px;
margin-right: 10px;
}

#p12 {
font-size: 12px;
font-weight: normal;
margin-left: 10px;
margin-top: 5px;
margin-right: 10px;
}

#p14 {
font-size: 14px;
font-weight: normal;
margin-left: 10px;
margin-top: 5px;
margin-right: 10px;
}

#li12 {
font-size: 12px;
font-weight: normal;
margin-left: 15px;
margin-top: 5px;
margin-right: 10px;
padding-left: 15px;
padding-top: 5px;
padding-right: 10px;
text-indent: -10px;
list-style: none;
line-height: 18px;
}

#li12 :first-letter {
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}

/*ENDE SCHRIFTBOXEN*/

/*RASTER*/

#a1 {
position: absolute;
top: 0px;
left: 0px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/tasten.gif);
}

#a2 {
position: absolute;
top: 90px;
left: 0px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#a5 {
position: absolute;
top: 360px;
left: 0px;
width: 90px;
height: 90px;
background: #45C49C;
}

#a6 {
position: absolute;
top: 450px;
left: 0px;
width: 90px;
height: 90px;
background: #026664;
}

#b1 {
position: absolute;
top: 0px;
left: 90px;
width: 90px;
height: 90px;
background: #026664;
}

#b2 {
position: absolute;
top: 90px;
left: 90px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/cd.gif);
}

#b3 {
position: absolute;
top: 180px;
left: 90px;
width: 90px;
height: 90px;
background: #45C49C;
}

#b4 {
position: absolute;
top: 270px;
left: 90px;
width: 90px;
height: 90px;
background: url(../grafiken/logos/logo90.gif);
}

#b5 {
position: absolute;
top: 360px;
left: 90px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#b6 {
position: absolute;
top: 450px;
left: 90px;
width: 90px;
height: 90px;
background: #45A3BA;
}

#c1 {
position: absolute;
top: 0px;
left: 180px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#c2 {
position: absolute;
top: 90px;
left: 180px;
width: 90px;
height: 90px;
background: #026664;
}

#c3 {
position: absolute;
top: 180px;
left: 180px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#c4 {
position: absolute;
top: 270px;
left: 180px;
width: 90px;
height: 90px;
background: #026664;
}

#c5 {
position: absolute;
top: 360px;
left: 180px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/cdlaufwerk.gif);
}

#c6 {
position: absolute;
top: 450px;
left: 180px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#d1 {
position: absolute;
top: 0px;
left: 270px;
width: 90px;
height: 90px;
background: #45C49C;
}

#d2 {
position: absolute;
top: 90px;
left: 270px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#d3 {
position: absolute;
top: 180px;
left: 270px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/netzwerk.gif);
}

#d4 {
position: absolute;
top: 270px;
left: 270px;
width: 90px;
height: 90px;
background: #45A3BA;
}

#d5 {
position: absolute;
top: 360px;
left: 270px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#d6 {
position: absolute;
top: 450px;
left: 270px;
width: 90px;
height: 90px;
background: #026664;
}

#e1 {
position: absolute;
top: 0px;
left: 360px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/mobil.gif);
}

#e2 {
position: absolute;
top: 90px;
left: 360px;
width: 90px;
height: 90px;
background: #45A3BA;
}

#e3 {
position: absolute;
top: 180px;
left: 360px;
width: 90px;
height: 90px;
background: #026664;
}

#e4 {
position: absolute;
top: 270px;
left: 360px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#e5 {
position: absolute;
top: 360px;
left: 360px;
width: 90px;
height: 90px;
background: #026664;
}

#e6 {
position: absolute;
top: 450px;
left: 360px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/usb.gif);
}

#f1 {
position: absolute;
top: 0px;
left: 450px;
width: 90px;
height: 90px;
background: #45C49C;
}

#f2 {
position: absolute;
top: 90px;
left: 450px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/steckdose.gif);
}

#f3 {
position: absolute;
top: 180px;
left: 450px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#f4 {
position: absolute;
top: 270px;
left: 450px;
width: 90px;
height: 90px;
background: #45C49C;
}

#f5 {
position: absolute;
top: 360px;
left: 450px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#f6 {
position: absolute;
top: 450px;
left: 450px;
width: 90px;
height: 90px;
background: #026664;
}

#g1 {
position: absolute;
top: 0px;
left: 540px;
width: 90px;
height: 90px;
background: #026664;
}

#g2 {
position: absolute;
top: 90px;
left: 540px;
width: 90px;
height: 90px;
background: #45A3BA;
}

#g3 {
position: absolute;
top: 180px;
left: 540px;
width: 90px;
height: 90px;
background: #45C49C;
}

#g4 {
position: absolute;
top: 270px;
left: 540px;
width: 90px;
height: 90px;
background: #026664;
}

#g5 {
position: absolute;
top: 360px;
left: 540px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/telefon.gif);
}

#g6 {
position: absolute;
top: 450px;
left: 540px;
width: 90px;
height: 90px;
background: #45A3BA;
}

#h1 {
position: absolute;
top: 0px;
left: 630px;
width: 90px;
height: 90px;
background: #45A3BA;
}

#h2 {
position: absolute;
top: 90px;
left: 630px;
width: 90px;
height: 90px;
background: #97CDE9;
}

#h3 {
position: absolute;
top: 180px;
left: 630px;
width: 90px;
height: 90px;
background: #026664;
}

#h4 {
position: absolute;
top: 270px;
left: 630px;
width: 90px;
height: 90px;
background: url(../grafiken/deko/mainbord.gif);
}

#h5 {
position: absolute;
top: 360px;
left: 630px;
width: 90px;
height: 90px;
background: #45A3BA;
}

#h6 {
position: absolute;
top: 450px;
left: 630px;
width: 90px;
height: 90px;
background: #45C49C;
}
/*ENDE RASTER*/

/*NAVIGATION*/

#nav {
position: absolute;
top: 180px;
left: 0px;
text-align: left;
width: 90px;
height: 180px;
font-size: 14px;
font-weight: bold;
line-height: 17px;
background-color: #fff;
}
/*ENDE NAVIGATION*/

/*CONTENT BOXEN*/

#start {
position: absolute;
top: 270px;
left: 180px;
width: 270px;
height: 90px;
background: white;
text-align: left;
z-index: 3;
}

#impressum {
position: absolute;
top: 270px;
left: 180px;
width: 180px;
height: 180px;
background: white;
text-align: left;
z-index: 3;
}

#kontakt {
position: absolute;
top: 90px;
left: 270px;
width: 360px;
height: 360px;
background: white;
text-align: left;
font-size: 12px;
font-weight: bold;
line-height: 15px;
z-index: 3;
}

#kontakt input {
width: 300px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 2px solid black;
background: white;
font-weight: bold;
}

#kontakt textarea {
width: 300px;
height: 100px;
border: 2px solid black;
}

#kontakt2 {
position: absolute;
top: 450px;
left: 360px;
width: 270px;
height: 90px;
background: white;
text-align: left;
z-index: 3;
}

#profil {
position: absolute;
top: 0px;
left: 90px;
width: 270px;
height: 180px;
background: white;
text-align: left;
z-index: 3;
}

#profil :first-letter{
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}

#profil2 {
position: absolute;
top: 90px;
left: 360px;
width: 270px;
height: 450px;
background: white;
text-align: left;
z-index: 3;
}

#hardware {
position: absolute;
top: 0px;
left: 180px;
width: 180px;
height: 360px;
background: white;
text-align: left;
z-index: 3;
}

#hardware2 {
position: absolute;
top: 270px;
left: 450px;
width: 270px;
height: 180px;
background: white;
text-align: left;
z-index: 3;
}

#hardware2 :first-letter{
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}

#software {
position: absolute;
top: 90px;
left: 270px;
width: 180px;
height: 360px;
background: white;
text-align: left;
z-index: 3;
}

#software2 {
position: absolute;
top: 270px;
left: 270px;
width: 270px;
height: 180px;
background: white;
text-align: left;
z-index: 4;
}

#software2 :first-letter{
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}

#internet {
position: absolute;
top: 90px;
left: 90px;
width: 450px;
height: 90px;
background: white;
text-align: left;
z-index: 3;
}

#internet :first-letter{
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}

#internet2 {
position: absolute;
top: 270px;
left: 360px;
width: 270px;
height: 180px;
background: white;
text-align: left;
z-index: 3;
}

#internet2 :first-letter{
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}

#telefonie {
position: absolute;
top: 90px;
left: 90px;
width: 540px;
height: 90px;
background: white;
text-align: left;
z-index: 3;
}

#telefonie :first-letter{
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}

#telefonie2 {
position: absolute;
top: 270px;
left: 180px;
width: 360px;
height: 180px;
background: white;
text-align: left;
z-index: 3;
}

#telefonie2 :first-letter{
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}

#beratung {
position: absolute;
top: 0px;
left: 360px;
width: 360px;
height: 270px;
background: white;
text-align: left;
z-index: 3;
}

#verkauf {
position: absolute;
top: 90px;
left: 180px;
width: 360px;
height: 270px;
background: white;
text-align: left;
z-index: 3;
}

#verkauf :first-letter{
font-size: 16px;
font-weight: bold;
color: #45A3BA;
}