body{
	text-align: center;
	font-family: Georgia, sans-serif;
	background-color: #ffffff;
}

h5,h2,h4,h3, h2 ,h1{
	font-family: Georgia;
	color: #505050;
	line-height: 0px;
}

hr {
  height: 1px;
  color: #b0b0b0;
}

#root
{
	position: relative;
	margin:0px auto;
	width: 1100px;
	text-align: left;
	z-index:1;
}


#bild_stadt_schlange
{
	position: absolute;
	top:-60px;
	height:533px;
	width: 980px;
	z-index:2;
}

#logo_animiert
{
	position: absolute;
	left: 280px;
	top: -30px;
	width: 650px;
	height:150px;
	z-index:3;
}

#top1
{	
	position: absolute;
	top: 230px;
	left:80px;
	width: 750px;
	height: 80px;
	z-index:2;
}

#menu
{	
	position: absolute;
	top: 300px;
	left: 100px;
	width: 800px;
	height: 50px;
	z-index:2;
}


#danimation
{	
	position: absolute;
	padding: 10px;
	border: 1px solid;
	border-color: #e8e8e8; 
	top: 440px;
	left: 0px;
	width: 330px;
	height: 210px;
	z-index:2;
}

#fotoprodukt
{	
	position: absolute;
	padding: 10px;
	border: 1px solid;
	border-color: #e8e8e8;
	top: 440px;
	left: 366px;
	width: 330px;
	height: 210px;
	z-index:2;
}

#echtzeit
{	
	position: absolute;
	padding: 10px;
	border: 1px solid;
	border-color: #e8e8e8;
	top: 440px;
	left: 732px;
	width: 330px;
	height: 210px;
	z-index:2;
}

#prodvis
{	
	position: absolute;
	padding: 10px;
	border: 1px solid;
	border-color: #e8e8e8;
	top: 680px;
	left: 0px;
	width: 330px;
	height: 195px;
	z-index:2;
}

#stereo
{	
	position: absolute;
	padding: 10px;
	border: 1px solid;
	border-color: #e8e8e8;
	top: 680px;
	left: 366px;
	width: 330px;
	height: 195px;
	z-index:2;
}

#webentwicklung
{	
	position: absolute;
	padding: 10px;
	border: 1px solid;
	border-color: #e8e8e8;
	top: 680px;
	left: 732px;
	width: 330px;
	height: 195px;
	z-index:2;
}


#text_ueberuns
{	
	position: absolute;
	top: 355px;
	left: 100px;
	width: 700px;
	height: 100px;
	z-index:2;
}

#impressum
{	
	position: absolute;
	padding: 10px;
	border: 0px;
	top: 440px;
	left: 90px;
	width: 330px;
	height: 210px;
	z-index:2;
}

#galerie
{	
	position: absolute;
	text-align: center;
	margin: 0px auto;
	top: 440px;
	left: 0px;
	width: 560px;
	height: 570px;
	z-index:2;
}

#filme
{	
	position: absolute;
	text-align: center;
	margin: 0px auto;
	top: 440px;
	left: 450px;
	width: 250px;
	height: 570px;
	z-index:2;
}

#linksfremd
{	
	position: absolute;
	text-align: center;
	margin: 0px auto;
	top: 440px;
	left: 730px;
	width: 300px;
	height: 570px;
	z-index:2;
}

#galeriehg
{	
	position: absolute;
	background-image: url(bilder-layout/transparent50.gif);
	background-image: transparent;
	opacity:0.75;
	text-align: center;
	margin: 0px auto;
	top: 440px;
	left: 0px;
	width: 430px;
	height: 570px;
	z-index:2;
}

#echtz
{	
	position: absolute;
	top: 440px;
	left: 0px;
	width: 500px;
	height: 150px;
	z-index:2;
}

#echtz2
{	
	position: absolute;
	top: 420px;
	left: 550px;
	width: 300px;
	height: 150px;
	z-index:2;
}

#ref
{	
	position: absolute;
	text-align: center;
	top: 440px;
	left: 0px;
	width: 1100px;
	height: 500px;
	z-index:2;
}

#prod360
{	
	position: absolute;
	text-align: center;
	top: 330px;
	left: 200px;
	width: 1100px;
	height: 500px;
	z-index:2;
}

#textprod360
{	
	position: absolute;
	padding: 10px;
	border: 1px solid;
	border-color: #e8e8e8; 
	top: 440px;
	left: 100px;
	width: 330px;
	height: 120px;
	z-index:2;
}

.top1
{
        color: #909090;
        text-align: left;
        font-size: 13px;
        font-weight: normal;
        height: 17px;
        margin: 0;
        line-height: 17px;
        font-family: Georgia, sans-serif;
        font-style: normal;
}

.text
{
        color: #909090;
        text-align: justify;
        font-size: 13px;
        font-weight: normal;
        height: 17px;
        margin: 0;
        line-height: 17px;
        font-family: Georgia, sans-serif;
        font-style: normal;
}

.textref
{
        color: #909090;
        text-align: center;
        font-size: 13px;
        font-weight: normal;
        height: 17px;
        margin: 0;
        line-height: 17px;
        font-family: Georgia, sans-serif;
        font-style: normal;
}

a.echtzdown
{ 	
	text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    font-family: Georgia;
    font-style: normal;
}

a.echtzdown:link{color: #ff6600; text-decoration: none}
a.echtzdown:visited{color: #ff6600; text-decoration: none}
a.echtzdown:hover{color: #0000ff; text-decoration: none}

a.links 
{ 	
	text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    font-family: Georgia;
    font-style: normal;
}

a.linksgross
{ 	
	text-align: center;
    font-weight: bold;
    font-family: Georgia;
    font-style: normal;
}

a.gal:link{color: #909090}

a.ueberuns:link {float: left; background-image:url(bilder-layout/ueberuns.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.ueberuns:visited {float: left; background-image:url(bilder-layout/ueberuns_visited.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.ueberuns:hover {background-image:url(bilder-layout/ueberuns_over.gif)}

a.galerie:link {float: left; background-image:url(bilder-layout/galerie.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.galerie:visited {float: left; background-image:url(bilder-layout/galerie_visited.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.galerie:hover {background-image:url(bilder-layout/galerie_over.gif)}

a.echtzeit:link {float: left; background-image:url(bilder-layout/echtzeit.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.echtzeit:visited {float: left; background-image:url(bilder-layout/echtzeit_visited.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.echtzeit:hover {background-image:url(bilder-layout/echtzeit_over.gif)}

a.referenzen:link {float: left; background-image:url(bilder-layout/referenzen.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.referenzen:visited {float: left; background-image:url(bilder-layout/referenzen_visited.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.referenzen:hover {background-image:url(bilder-layout/referenzen_over.gif)}

a.impressum:link {float: left; background-image:url(bilder-layout/impressum.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.impressum:visited {float: left; background-image:url(bilder-layout/impressum_visited.gif); background-repeat: no-repeat; width:140px; height:44px; text-decoration: none}
a.impressum:hover {background-image:url(bilder-layout/impressum_over.gif)}

a.links:link{color:#ff6600; text-decoration: none;}
a.links:visited {color:#ff6600; text-decoration: none;}
a.links:hover	{color:#0000ff; background-color:transparent; border: none; text-decoration: none;}

a.linksgross:link{color:#ff6600; text-decoration: underline;}
a.linksgross:visited {color:#ff6600; text-decoration: underline;}
a.linksgross:hover	{color:#0000ff; background-color:transparent; border: none; text-decoration: none;}

a.linksfilm:link{color:#cccccc; text-decoration: none;}
a.linksfilm:visited {color:#cccccc; text-decoration: none;}
a.linksfilm:hover{color:#ff6600; background-color:transparent; border: none; text-decoration: none;}

a.fst1:link {float: left; background-image:url(bilder-layout/fst_kabelbox_n.jpg); background-repeat: no-repeat; width:250px; height:150px}
a.fst1:visited {float: left; background-image:url(bilder-layout/fst_kabelbox_n.jpg); background-repeat: no-repeat; width:250px; height:150px}
a.fst1:hover {background-image:url(bilder-layout/fst_kabelbox_o.jpg)}

a.fst2:link {float: left; background-image:url(bilder-layout/fst_udo_n.jpg); background-repeat: no-repeat; width:250px; height:150px}
a.fst2:visited {float: left; background-image:url(bilder-layout/fst_udo_n.jpg); background-repeat: no-repeat; width:250px; height:150px}
a.fst2:hover {background-image:url(bilder-layout/fst_udo_o.jpg)}

#footer {
position: relative;
margin: 0px;
bottom: 0px;
height : 400px;
width : 100%;
background-image : url('bilder-layout/stadt_footer.jpg'); height:400px ;
background-repeat: repeat-x;
background-position:center;
}

.hidepics {
  width:0px;
  height:0px;
  display:none;
}