html, body {
background-image: url(imgs/bg.gif);
background-color: #172983;
background-position:top;
background-repeat:repeat-x;
width:100%;
height:100%;
margin: 0px; 
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
color: #000;
font-size: small;
}
a:link {
color : #172983; 
text-decoration : none; 
}
a:visited {
color : #172983; 
text-decoration : none; 
}
a:hover {
color: #172983;
text-decoration:underline;
}
a:active {
color: #172983;
text-decoration :underline;
}
#news {
position:absolute;
margin-left:600px;
margin-top:120px;
width:250px;
height:180px;
background-color:#fff;
border:solid;
border-color:#CC0000;
text-align:center;
}
	
#container {
margin: 0 auto;
height:auto;
width: 953px;
background-image:url(imgs/bg_cont.gif);
background-repeat:repeat-y;
}
#header {
background-image:url(imgs/header.gif);
height: 158px;
width: 953px;
}
#navigation {
position:relative;
float:left;
height:auto;
width:235px;
padding-left:25px;
padding-top:10px;
}
#navigation p{
font-size:medium;
font-weight:bold;
line-height:0.4em;
color:#7f8080;
}

#navigation a:link {
color : #172983; 
text-decoration : none; 
}
#navigation a:visited {
color : #172983; 
text-decoration : none; 
}
#navigation a:hover {
color: #7f8080;
text-decoration : none; 
}
#navigation a:active {
color: #7f8080;
text-decoration : none; 
}
#content {
float:left;
width:630px;
padding-left:30px;
}

#content p {
text-align:justify;
}
#ies {
padding-top:40px;
}
#webdesign {
margin-left:70px;
width:500px;
height:325px;
}
#netzwerk {
margin-left:60px;
width:500px;
height:364px;
}
#webcam {
margin-left:60px;
width:500px;
height:468px;
}
#bild1 {
float:left;
margin-right:26px;
}
#bild2 {
float:left;
}
#bild1, #bild2 {
border-style:solid;
border-bottom-color:#000;
border-width:1px;
margin-bottom:15px;
width:300px;
height:225px;
}
#ueber {
float:right;
width:630px;
height:450px;
background-image:url(imgs/ueber.gif);
background-repeat:no-repeat;
background-position:top right;
}
#server {
margin-top:20px;
margin-bottom:30px;
}
#noc {
border-style:solid;
border-bottom-color:#000;
border-width:1px;
width:600px;
height:400px;
}
#aktuell {
border-style:solid;
border-bottom-color:#000;
border-width:1px;
width:600px;
height:260px;
}
#logo {
margin-top:20px;
margin-left:-5px;
width:130px;
height:40px;
}
#tele {float:right;
margin-left: 20px;
}
#mail{
visibility:hidden;
margin-top:5px;
width:400px;
height:100px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
background-color:#fff;
border:solid;
border-color:#172983;
}
#links1 {
float:left;
width:300px;
height:auto;
}
#links2 {
float:left;
width:300px;
height:auto;
}
.referenzen{
float:left;
width:174px;
height:auto;
margin-right:30px;
margin-top:25px;
border:thin #172983 solid;
}
.referenzen h3 {
text-align:center;
}
.referenzen p {
padding: 0px 5px 0px 5px;
}

#footer {
position:relative;
clear:left;
height: 40px;
width: 953px;
}
#footer p {
text-align:right;
color:#ffffff;
padding-top:34px;
padding-right:10px;
font-size:x-small;
}
h1 {
color:#172983;
font-size:x-large;
}
h2 {
color:#172983;
font-size:large;
}
h3 {
color:#172983;
font-size:small;
}
h4 {
color:#7f8080;
font-size:large;
margin-bottom:0px;
}
#news a:link {
color:#CC0000;
font-size:large;
margin-bottom:0px;
text-decoration:underline;
}
#news a:visited {
color:#CC0000;
font-size:large;
margin-bottom:0px;
text-decoration:underline;
}
#news a:hover {
color:#CC0000;
font-size:large;
margin-bottom:0px;
text-decoration:underline;
}
#news a:active {
color:#CC0000;
font-size:large;
margin-bottom:0px;
text-decoration:underline;
}