a,h1,h2,td,th,b,i,div {
 font-family:Arial; }

h1 {font-size:18px; color:#000000;text-decoration:none;font-weight:bold;}

h2 { font-size:16px; color:#000069;text-decoration:none;font-weight:bold;}

h3 { font-size:12px; color:#000000;text-decoration:none;font-weight:bold;}

b { font-size:12px; color:#000000; font-weight:bold;}

img {border:0px none;}

img.picture {margin-left: auto; margin-right: auto; display:block;}

a:link { color:#000000;text-decoration:none;}

a:visited { color:#000000;text-decoration:none;}

a:active { color:#c0c0c0;text-decoration:none;}

a:hover { color:#c0c0c0;text-decoration:none;}

a.current { color:#a0a0a0; }



body {
text-align:center;
}

#wrap {
position: relative; 
width: 800px;
height: 600px;
margin: 0px auto;
background-image:url(img/dhubbg.jpg);
}

#logo { 
position: absolute; 
top: 14px;
left: 718px;
}

#dhub {
position: absolute;
top: 28px;
left: 450px;
font-family:Times New Roman, Georgia, Bookman;
font-size:18px; color:#000000;text-decoration:none;
text-align:left;
}

#menu {
position: absolute;
top: 76px;
left: 0px;
font-size:10px; text-decoration:none;font-weight:bold;
text-align:left;
}

#menubar li {
display: inline;
list-style-type: none;
padding-right: 11px;
}

#title {
position: absolute;
top: 118px;
left: 50px;
text-align:left;
}

#telcos {
position: absolute;
top: 110px;
left: 50px;
text-align:left;
}

#energiewirtschaft {
position: absolute;
top: 171px;
left: 40px;
text-align:left;
}

#subtitle {
position: absolute;
top: 172px;
left: 50px;
text-align:left;
}

#thumb { 
position: absolute; 
top: 111px;
left: 606px;
}

#index_left {
position: absolute;
top: 214px;
left: 50px;
width: 450px;
height: 280px;
font-size:11px; color:#000000;text-decoration:none;
text-align:justify;
}

#index_right {
position: absolute;
top: 202px;
left: 510px;
border-left: 1px solid #000000; padding: 10px;
width: 178px;
height: 280px;
font-size:11px; color:#000000;text-decoration:none;
text-align:left;
}

#sublinkA {
position: absolute;
top: 520px;
left: 50px;
font-size:13px; text-decoration:none;font-weight:bold;
text-align:left;
}

#sublinkB {
position: absolute;
top: 551px;
left: 50px;
font-size:13px; text-decoration:none;font-weight:bold;
text-align:left;
}

#sublinkC {
position: absolute;
top: 520px;
left: 530px;
font-size:13px; text-decoration:none;font-weight:bold;
text-align:center;
}

#diagram {
position: absolute;
top: 161px;
left: 708px;
}

#outsideA {
position: absolute;
top: 270px;
left: 712px;
width: 82px;
font-size:10px; text-decoration:none;
text-align:center;
}

#outsideB {
position: absolute;
top: 428px;
left: 708px;
width: 90px;
font-size:11px; text-decoration:none;font-weight:bold;
text-align:center;
}

#outsideC {
position: absolute;
top: 396px;
left: 708px;
width: 90px;
font-size:11px; text-decoration:none;font-weight:bold;
text-align:center;
}

#outsideD {
position: absolute;
top: 330px;
left: 708px;
width: 90px;
font-size:11px; text-decoration:none;font-weight:bold;
text-align:center;
}

.bullets ul {
list-style-type: square; 
list-style-position:inside;
padding: 0px 15px;
margin: 0;
}

.bullets li {
list-style-position:outside;
padding: 0px 0px;
}

#validation {
position: absolute;
top: 514px;
left: 712px;
font-size:9px;
font-weight:bold;
}

#content {
position: absolute;
top: 202px;
left: 50px;
width: 640px;
height: 280px;
font-size:11px; color:#000000;text-decoration:none;
text-align:justify;
}

#about_top {
position: absolute;
top: 214px;
left: 50px;
width: 640px;
height: 140px;
font-size:11px; color:#000000;text-decoration:none;
text-align:justify;
}

#about_left {
position: absolute;
top: 370px;
left: 50px;
width: 178px;
height: 110px;
font-size:12px; color:#000000;text-decoration:none;font-weight:bold;
text-align:left;
}

#about_right {
position: absolute;
top: 370px;
left: 180px;
border-left: 1px solid #000000; padding: 10px;
width: 450px;
height: 110px;
font-size:11px; color:#000000;text-decoration:none;
text-align:left;
}

#references_left {
position: absolute;
top: 214px;
left: 50px;
width: 228px;
height: 270px;
font-size:12px; color:#000000;text-decoration:none;font-weight:bold;
text-align:left;
}

#references_right {
position: absolute;
top: 214px;
left: 230px;
border-left: 1px solid #000000; padding: 10px;
width: 475px;
height: 270px;
font-size:11px; color:#000000;text-decoration:none;
text-align:left;
}

#references_line {
position: absolute;
top: 214px;
left: 150px;
border-left: 1px solid #000000; padding: 10px;
width: 5px;
height: 270px;
font-size:11px; color:#000000;text-decoration:none;
text-align:left;
}

#references_bullets {
position: absolute;
top: 200px;
left: 160px;
width: 555px;
height: 280px;
font-size:10px; color:#000000;text-decoration:none;
text-align:left;
}

#imprint {
position: absolute;
top: 202px;
left: 350px;
width: 340px;
height: 280px;
border-left: 1px solid #000000; padding: 10px;
font-size:11px; color:#000000;text-decoration:none;
text-align:justify;
}

#disclaimer{
position: absolute;
top: 516px;
left: 50px;
width: 640px;
font-size:11px; text-decoration:none;
text-align:left;
}

#pertexo_left {
position: absolute;
top: 182px;
left: 50px;
width: 290px;
height: 280px;
font-size:11px; color:#000000;text-decoration:none;
text-align:justify;
}

#pertexo_right {
position: absolute;
top: 202px;
left: 350px;
width: 330px;
height: 280px;
border-left: 1px solid #000000; padding: 10px;
font-size:11px; color:#000000;text-decoration:none;
text-align:justify;
}

#pertexo_logos{
position: absolute;
top: 520px;
left: 50px;
width: 640px;
font-size:11px; text-decoration:none;
text-align:left;
}

#oi_left {
position: absolute;
top: 166px;
left: 50px;
width: 620px;
height: 280px;
font-size:12px; color:#000000;text-decoration:none;
text-align:justify;
}

#oi_right {
position: absolute;
top: 70px;
left: 300px;
}

#oi_center {
position: absolute;
top: 170px;
left: 150px;
}

#imageA {
position: absolute;
top: 25px;
left: 662px;
width: 82px;
font-size:10px; text-decoration:none;
text-align:center;
}

#imageB {
position: absolute;
top: 110px;
left: 662px;
width: 82px;
font-size:10px; text-decoration:none;
text-align:center;
}


.padded {
margin-left:64px;
}

#left {text-align:left;}

#right {text-align:right;}

.left {text-align:left;}

.right {text-align:right;}