body{
   background-color: #345D93;
   text-align:center;
   behavior:url("csshover.htc");
}

div{
   top: 0px;
   margin: auto;
}
div.HEADER{
    background-image: url(../img/header5.jpg);
    width:980px;
    height:122px;
    border: 0px;
    padding: 0px;
}
div.BUTTONBAR{
    width:980px;
    height:60px;
    border: 0px;
    padding: 0px;
}
div.lmargb{
    background-image: url(../img/lmarg.jpg);
    width:8px;
    height:60px;
    border: 0px;
    padding: 0px;
    float:left;
}
div.start{
    width:241px;
    height:60px;
    border: 0px;
    padding: 0px;
    float:left;
}

div.serv{
    width:241px;
    height:60px;
    border: 0px;
    padding: 0px;
    float:left;
}
div.ref{
    width:241px;
    height:60px;
    border: 0px;
    padding: 0px;
    float:left;
}
div.kont{
    width:241px;
    height:60px;
    border: 0px;
    padding: 0px;
    float:left;
}
div.rmargb{
    background-image: url(../img/rmarg.jpg);
    width:8px;
    height:60px;
    border: 0px;
    padding: 0px;
    float:left;
}
div.MAIN{
    background-image:url(../img/main.jpg);
    background-repeat:no-repeat;
    width:980px;
    height:350px;
    border: 0px;
    padding: 0px;
}
div.FOOTERBAR{
    background-image:url(../img/footerbar.jpg);
    width:980px;
    height:8px;
    border: 0px;
    padding: 0px;
    font-size:1px;
}
div.FOOTER{
    background-image:url(../img/footer2.jpg);
    width:980px;
    height:76px;
    border: 0px;
    padding: 0px;
}
img{
    vertical-align:bottom;
    border:none;
}
.refimg{
    vertical-align:bottom;
    border:none;
    width:100px;
}

.link {font-family: Arial, Verdana, Helvetica; font-size: 100%; color: #FFAD43; font-weight:bold;
}

A.link:link {COLOR: #FFAD43; TEXT-DECORATION: none;
}

A.link:visited {COLOR: #FFAD43; TEXT-DECORATION: none;
}

A.link:hover{COLOR: #FFAD43; TEXT-DECORATION: underline;
}

A.link:active {COLOR: #FFAD43; TEXT-DECORATION: none;
}


div.services{
    margin:auto;
    width:400px;
    height:300px;
    border: 0px;
    padding: 10px;
}

div.kontakt{
    display:table;
    width:900px;
    height:300px;
    border: 0px;
    padding: 0px;
	margin-top:5px;
	border:0px;
	border-spacing:0px;/*IE support*/
	border-collapse:separate;
}

div.konttablediv {
display: table-cell;
width:400px;
border:0px;
border-spacing:0px;/*IE support*/
border-collapse:separate;
float:left;
}
div.imptablediv {
display: table-cell;
padding-left:50px;
width:450px;
border:0px;
border-spacing:0px;/*IE support*/
border-collapse:separate;
text-align:left;
color: #FFFFFF;
}

div.adrdiv {
display: table-cell;
width:250px;
text-align:center;
padding-left:50px;
color:#FFFFFF;
}

div.reftablediv {
margin-top:25px;
margin-left:50px;
display: table;
width:800px;
border:0px;
border-spacing:0px;/*IE support*/
border-collapse:separate;
float:left;
}

div.hatablediv {
margin-top:10px;
margin-left:50px;
display: table;
width:800px;
border:0px;
border-spacing:0px;/*IE support*/
border-collapse:separate;
float:left;
}

div.servicetablediv {
margin-top:75px;
margin-left:100px;
display: table;
width:800px;
border:0px;
border-spacing:0px;/*IE support*/
border-collapse:separate;
float:left;
}

div.starttablediv {
margin:auto;
display: table;
width:800px;
border:0px;
border-spacing:0px; /*IE support*/
border-collapse:separate;
float:left;
}


div.celldiv {
float:left;
display: table-cell;
width:200px;
text-align: left;
color: #FFFFFF;
}

div.refimgcelldiv {
float:left;
display: table-cell;
width:100px;
height:100px;
text-align: left;
color: #FFFFFF;
}
div.refinfocelldiv {
margin-left:50px;
float:left;
display: table-cell;
width:600px;
height:30px;
text-align: left;
color: #FFFFFF;
}
div.impinfocelldiv {
margin-left:50px;
float:left;
display: table-cell;
width:600px;
height:30px;
text-align: left;
color: #FFFFFF;
}
div.hainfocelldiv {
margin-left:0px;
float:left;
display: table-cell;
width:800px;
height:30px;
text-align: left;
color: #FFFFFF;
font-size:10px;
}
div.serviceimgcelldiv {
float:left;
display: table-cell;
width:100px;
height:100px;
text-align: left;
color: #FFFFFF;
}
div.serviceinfocelldiv {
margin-left:50px;
float:left;
display: table-cell;
width:600px;
height:30px;
text-align: left;
color: #FFFFFF;
}

div.startinfocelldiv {
margin-top:50px;
margin-left:150px;
float:left;
display: table-cell;
width:600px;
height:30px;
text-align: left;
color: #FFFFFF;
font-size:20px;
}

div.msgdiv {
margin-top:50px;
display: table-cell;
width:400px;
text-align:center;
padding-left:0px;
color:#FFFFFF;
}

div.inputdiv {
float:left;
display: table-cell;
width:200px;
text-align: left;
color: #000000;
}
div.rowdiv {
display: table-row;
width:auto;
float:left;
}

input.inputcell{
width:200px;
}
input.inputcell2{
width:151px;
}
input.inputcell3{
width:45px;
}

textarea.textcell{
width:200px;
}

input.dreidbutton{
color: #FFF;
display: block;
width: 200px;
background: #9C0 url(../img/gruen.jpg) top repeat-x;
padding: 10px 15px;
text-align: center;
border-top: #DBFF6C 2px solid; /* Farbe und Art des oberen Randes */
border-left: #DBFF6C 2px solid; /* linker Rand */
border-bottom: #698C00 2px solid; /* unterer Rand */
border-right: #698C00 2px solid; /* rechter Rand */
font-family: Tahoma;
font-size: 14px;
text-decoration: none;
font-weight: bold;
float:left;
}

input.dreidbutton:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
border-bottom: #DBFF6C 2px solid;
border-right: #DBFF6C 2px solid;
border-top: #698C00 2px solid;
border-left: #698C00 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 11px 14px 9px 16px;
}

img.image{ display: none; }

dl#serviceMap{
	margin: auto;
	padding: 0px;
	background: transparent url(../img/service.jpg) no-repeat;
	height: 300px;
	width: 400px;
	position: relative;
}

dt{ margin-top: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

dd#beratungDef{ top: 0px; left: 0px; }
dd#beratungDef a{ position: absolute; width: 200px; height: 150px; text-decoration: none; }
dd#beratungDef a span{ display: none; }
dd#beratungDef a:hover{ background: transparent url(../img/service.jpg) 0,0,200,150 no-repeat;}
dd#beratungDef a:hover span{
	position:absolute; top:50px; left:-250px; z-index:3;
	display: block;
	text-indent: 0px;
	text-align: center;
	color: #000;
	background: transparent url(../img/grueninfo.jpg) no-repeat;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	padding-top: 10px;
	width: 200px;
	height: 50px;
}

dd#netzwerkDef{ top: 0px; left: 200px; }
dd#netzwerkDef a{ position: absolute; width: 200px; height: 150px; text-decoration: none; }
dd#netzwerkDef a span{ display: none; }
dd#netzwerkDef a:hover{ background: transparent url(../img/service.jpg) -200 -0 no-repeat;}
dd#netzwerkDef a:hover span{
	position:absolute; top:50px; left:250px; z-index:3;
	display: block;
	text-indent: 0px;
	text-align: center;
	color: #000;
	background: transparent url(../img/blauinfo.jpg) no-repeat;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	padding-top: 10px;
	width: 200px;
	height: 50px;
}

dd#webdesignDef{ top: 150px; left: 0px; }
dd#webdesignDef a{ position: absolute; width: 200px; height: 150px; text-decoration: none;	}
dd#webdesignDef a span{ display: none; }
dd#webdesignDef a:hover{ background: transparent url(../img/service.jpg) 0 -150 no-repeat;}
dd#webdesignDef a:hover span{
	position:absolute; top:50px; left:-250px; z-index:3;
	display: block;
	text-indent: 0px;
	text-align: center;
	color: #000;
	background: transparent url(../img/rotinfo.jpg) no-repeat;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	padding-top: 10px;
	width: 200px;
	height: 50px;
}

dd#supportDef{ top: 150px; left: 200px; }
dd#supportDef a{ position: absolute; width: 200px; height: 150px; text-decoration: none; }
dd#supportDef a span{ display: none; }
dd#supportDef a:hover{ background: transparent url(../img/service.jpg) -200 -150 no-repeat;}
dd#supportDef a:hover span{
	position:absolute; top:50px; left:250px; z-index:3;
	display: block;
	text-indent: 0px;
	text-align: center;
	color: #000;
	background: transparent url(../img/gelbinfo.jpg) no-repeat;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	padding-top: 10px;
	width: 200px;
	height: 50px;
}
.impressum {font-family: Arial, Verdana, Helvetica; font-weight: normal; color:#000000;}

A.impressum:link {COLOR: #FFAD43; font-weight: bold; TEXT-DECORATION: none}

A.impressum:visited {COLOR: #FFAD43; font-weight: bold; TEXT-DECORATION: none}

A.impressum:hover {COLOR: #FFAD43; font-weight: bold; TEXT-DECORATION: underline}

A.impressum:active {COLOR: #FFAD43; font-weight: bold; TEXT-DECORATION: none}