body {
 background-color: #d0d0d0;
 font-family: Arial, Tahoma, Helvetica;
 color: #303030;
}

#page {
 position: absolute;
 top: 0px;
 left: 50%;
 margin-left: -422px;
 width: 844px;
 height: 100%;
 background-image: url(images/hintergrund.gif);
 background-repeat: repeat-y;
 z-index: 1;
}

div.microsoft {
 position: absolute;
 top: 22px;
 left: 50%;
 margin-left: 428px;
 height: 33px;
 width: 73px;
 background-image: url(images/Cert_GoldPrt_white_73x33.gif);
 z-index: 3;
}

 div.microsoft2 {
 position: absolute;
 top: 102px;
 left: 50%;
 margin-left: 428px;
 height: 40px;
 width: 73px;
 background-image: url(images/microsoft_certified.gif);
 z-index: 3;
}

div.header {
 position: relative;
 top: 0px;
 left: 9px;
 height: 274px;
 width: 826px;
/* background-image: url(images/project.png); */
/* background-repeat: no-repeat; */
 z-index: 3;
}

#login {
 position: absolute;
 top: 20px;
 right: 20px;
 font-family: Arial, Tahoma, Helvetica;
 color: #ffffff;
 font-size: 9px;
 text-transform: uppercase;
 z-index: 4;
}

#login ul {
margin:0;
padding-left:5px;
padding-right:5px;
list-style:none;
}

#login ul li {
 display:inline;
 padding-left: 5px;
 font-family: Arial, Tahoma, Helvetica;
 color: #ffffff;
 font-size: 9px;
 text-transform: uppercase;
 text-decoration: none;
}

#login a {
 font-family: Arial, Tahoma, Helvetica;
 color: #ffffff;
 font-size: 9px;
 text-transform: uppercase;
 text-decoration: none;
}

#login small {
 font-family: Arial, Tahoma, Helvetica;
 color: #e87200;
 font-size: 9px;
 text-transform: uppercase;
}

#navigation {
 position: absolute;
 top: 275px;
 left: 9px;
 z-index: 3;
}

#mpunkt {
 margin-top: 0px;
 margin-left: 25px;
 padding-bottom: 14px;
}

#mpunkt a {
 color: #303030;
 font-size: 10px;
 text-transform: uppercase;
 text-decoration: none;
}

#mpunkt a:hover {
 color: #e87200;
 font-size: 10px;
 text-transform: uppercase;
 text-decoration: none;
}

#mpunkt_on {
 margin-top: 0px;
 margin-left: 25px;
 padding-bottom: 15px;
}

#mpunkt_on a {
 font-size: 10px;
 text-transform: uppercase;
 color: #e87200;
 text-decoration: none;
}

#sub {
 padding: 0px;
 margin: 0px;
 width: 150px;
 background-image: url(images/strich_project.gif);
 background-repeat: no-repeat;
 background-position: 22px 0px;
}

#sub_leer {
 padding: 0px;
 margin: 0px;
 height: 15px;
 width: 150px;
}

#sub_zwischen {
 padding: 0px;
 margin: 0px;
 height: 10px;
 width: 150px;
 background-image: url(images/strich_project.gif);
 background-repeat: no-repeat;
 background-position: 22px 0px;
}

#sub_on {
 padding: 0px;
 margin: 0px;
 width: 150px;
 background-image: url(images/aktiv_project.gif);
 background-repeat: no-repeat;
 background-position: 22px 0px;
}

#sub a {
 padding-left: 37px;
 font-size: 10px;
 text-transform: uppercase;
 color: #303030;
 text-decoration: none;
 display: block;
}

#sub a:hover {
 padding-left: 37px;
 font-size: 10px;
 text-transform: uppercase;
 color: #e87200;
 text-decoration: none;
 display: block;
}

#sub_on a {
 padding-left: 37px;
 font-size: 10px;
 text-transform: uppercase;
 color: #e87200;
 text-decoration: none;
 display: block;
}

div.sub_anfang_farbe {
 height: 4px;
 width: 150px;
 margin-left: 0px;
 background-color: #e87200;
}

div.sub_ende_farbe {
 height: 4px;
 margin-left: 0px;
 width: 150px;
 background-color: #e87200;
}

div.sub_ende_weiss {
 height: 11px;
 margin-left: 0px;
 width: 150px;
 background-color: #ffffff;
}

/* Der Text DIV gibt die maximale Laenge vor, deshalb beinhaltet es das Hintergrundbild */

#textbereich {
 position: absolute;
 top: 274px;
 width: 844px;
 font-size: 12px;
 line-height: 20px;
 background-image: url(images/hintergrund.gif);
 background-repeat: repeat-y;
/* padding-bottom: 300px; */
 padding-bottom: 10px;
} 

#textbereich a {
 font-size: 12px;
 color: #e87200;
 text-decoration: underline;
}

#textbereich h2 {
 height: 48px;
 margin: 0px;
 padding: 0px 227px 0px 187px;
 color: #e87200;
 font-size: 12px;
 font-weight: normal;
 text-transform: uppercase;
}

#textbereich h1 {
 margin: 0px;
 padding: 0px 227px 2px 187px;
 font-size: 12px;
 font-weight: bold;
 color: #303030;
}

#textbereich p {
 margin: 0px;
 padding: 0px 227px 12px 187px;
 font-size: 12px;
 color: #303030;
}

#textbereich ol, ul {
 margin: 0px;
 padding: 0px 227px 12px 218px;
 font-size: 12px;
 color: #303030;
}

#textbereich table {
 margin: 0px;
/* padding: 0px 227px 12px 187px; */
 padding: 0px;
 font-size: 12px;
 color: #303030;
 line-height: 20px;
 text-align: left;
}

#textbereich table p {
/* padding-left: 0px; */
 padding-left: 180px;
 padding-right: 20px;
}

#textbereich th {
 vertical-align: top;
 padding: 0 0 0 5px;
}

#textbereich td {
 vertical-align: top;
 padding: 0 0 0 5px;
}

#seitenleiste {
 position: absolute;
 top: 323px;
 right: 9px;
 width: 190px;
 z-index: 3;
 font-size: 11px;
}

#seitenleiste p {
 margin: 0px;
 padding: 0px;
 width: 162px;
 font-size: 11px;
 font-weight: normal;
 line-height: 17px;
}

#seitenleiste img {
/* border: 1px solid #c8c8c8; */
/* margin: 12px 0 12px 20px; */
 margin: 0px;
}

#seitenleiste div.links {
 border: 1px solid #c8c8c8;
 margin: 12px 20px 24px 0px;
 padding: 11px;
 line-height: 18px;
}

#seitenleiste div.links_ohne_rahmen {
 margin: 12px 20px 24px 0px;
 padding: 0px 11px 0px 0px;
 line-height: 18px;
}

#seitenleiste div.links_ohne_rahmen .csc-textpic-imagewrap {
 padding-top: 12px;
 line-height: 18px;
}

#seitenleiste a {
 font-size: 11px;
 color: #e87200;
 text-decoration: none;
}

#seitenleiste h1 {
 margin: 0px;
 padding-bottom: 0px;
 font-size: 11px;
 color: #303030;
 text-transform: uppercase;
 z-index: 4;
}

#footer {
 position: absolute;
 padding-top: 25px;
 text-align: right;
 left: 0px;
 width: 844px;
 font-size: 12px;
 line-height: 20px;
 background-image: url(images/hintergrund.gif);
 background-repeat: repeat-y;
 z-index: 3;
}

#footer img {
 border: 0px;
 padding: 0 10px 10px 0;
}

.footerpunkt {
 margin-right: 220px;
}

.linie {
 margin-left: 187px;
 margin-right: 227px;
 border-top: 1px solid #303030;
 padding-bottom: 10px;
}