@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000;


}

img {
	border:none;
	}
#background{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;

	}

#mainshadow{
	position:absolute;
	left:-17px;
	top:51px;
	height:397px;
	width:1024px;
	z-index:2;  
}
#main{
	position:relative;

	height:600px;
	z-index:3;  
	width:978px;
 	margin-left: auto ;
 	margin-right: auto ;
 	 margin-top:0 px;
 	 text-align:left;
}

#logo{
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
	height:77px;
	width:212px;
	background-image:url(/images/basis/viscons-logo.png);
}

#meta{
	position:absolute;
	color:#818584;
	right:0;
	top:0;
	margin:0;
	padding-top:15px;
	height:77px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#adress{
	position:absolute;
	color:#999999;
	right:0;
	top:550px;
	margin:0;
	padding-top:15px;
	height:77px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#meta a {color:#818584;
		text-decoration: none;}
#meta a:hover {text-decoration: underline;
}
a {color:#0099cc;
		text-decoration: none;}
a:hover {text-decoration: underline;
}
a.fliesstext {color:#0099cc;
			text-decoration: none;}
a.fliesstext:hover {
	
	color:#0099cc;
	text-decoration: underline;
}
a.fliesstext:active {
	
	color:#0099cc;
	text-decoration: underline;
}

img.a {border:none;
		padding-right:5px;
		margin-right:5px;}
		
.linkHighlight             {color:#FFFFFF;}
img.arrow                  {display: inline; position: static; width:9px; height: 11px; background-image:url(../images/basis/pfeil_standard.gif); background-repeat: no-repeat; background-position: top left;  height:11px; margin-top: 0px;}
a img.arrow                {display: inline; position: static; width: 9px; height: 11px; background-image:url(../images/basis/pfeil_standard.gif); background-repeat: no-repeat; background-position: top left;  height:11px; margin-top: 0px;}
a:hover img.arrow          {display: inline; position: static; width: 9px; height: 11px; background-image:url(../images/basis/pfeil_standard.gif); background-repeat: no-repeat; background-position: bottom left; border: 0;  height:11px; margin-top: 0px;}
a.linkHighlight img.arrow  {display: inline; position: static; width: 9px; height: 11px; background-image:url(../images/basis/pfeil_standard.gif); background-repeat: no-repeat; background-position: bottom left; border: 0;  height:11px; margin-top: 0px;}
a.arrow                    {color: #929696; text-decoration: none; height:11px; margin-top: 0px;}
a:hover                    {color: #FFFFFF;
}
a.arrow img                {display: inline; position: static; width: 9px; height: 11px; background-image:url(../images/basis/pfeil_standard.gif); background-repeat: no-repeat; background-position: top left;  height:11px; margin-top: 0px;}
a.arrow:hover img          {display: inline; position: static; width: 9px; height: 11px; background-image:url(../images/basis/pfeil_standard.gif); background-repeat: no-repeat; background-position: bottom left; border: 0;  height:11px; margin-top: 0px; }
a.arrow.linkHighlight      {color: #FFFFFF;}
a.arrow.linkHighlight img  {display: inline; position: static; width: 9px; height: 11px; background-image:url(../images/basis/pfeil_standard.gif); background-repeat: no-repeat; background-position: bottom left; border: 0;  height:11px; margin-top: 0px; }

#unternehmen{
	position:absolute;
	left:0;
	top:77px;
	margin:0;
	padding:0;
	width:325px;
	height:325px;
	z-index:30;
	}
#unternehmenOVER{
	z-index:100;
	}
#projekte{
	position:absolute;
	left:326px;
	top:77px;
	margin:0;
	padding:0;
	width:325px;
	height:325px;
	z-index:31;
	}
	
#service{
	position:absolute;
	left:652px;
	top:77px;
	margin:0;
	padding:0;
	width:325px;
	height:325px;
	z-index:32;
	}
#PROverlay{
	visibility:visible;
	background-color:#fbfbfb;
	width:977px;
	height:286px;
	position:absolute;
	left:0;
	float:left;	
	top:116px;
	z-index:16;
	overflow:visible;
	}
.PROverlayIN{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	float:left;
	line-height:24px;	
	}

.PROverlayIMG{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	float:left;
	line-height:24px;	
	list-style-type:none;
	position:absolute;
	display:inline;
	overflow:visible;
	float:left;
	left:0px;
	padding:0;
	height:62px;
	}
.PROverlayIMG img{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	float:left;
	line-height:24px;	
	padding:0;
	margin-right:3px;
	margin-bottom:9px;
	list-style-type:none;
	display:inline;
	
			}
	
.PROverlayIMG ul{
	position:absolute;
	left:0px;
	top:27px;
	display:inline;
	float:left;
	list-style-type:none;

	}






.PROverlayIN ul{
	padding:0px;
	margin:0px;
	left:0px;
	float:left;
	list-style-type:none;
	display:inline;

	
}
.PROverlayIN  li{
	margin:0px;
	left:0px;
	top:0px;
		display:inline;
		float:left;
}
.PROverlayIN  li a{
	text-decoration:none;
	color:#000;
}
.PROverlayIN  li a:hover{
	text-decoration:none;
	color:#338da9;
}
.tableLinks{
	color:#338da9;
	font-size:12px;
	}
.tableLinks a{
	color:#333333;
	font-size:12px;
	text-decoration:none;
	line-height:24px;
	}
.tableLinks a:hover{
	color:#338da9;
	font-size:12px;
	text-decoration:none;
	}
	
	
#produktIMG{
	width:325px;
	height:286px;
	position:absolute;
	left:651px;
	top:0px;
	overflow:hidden;
	background-color:#161517;
	padding-left:1px;
	}


br
{
	clear: left;
}
	
#navlist
{
list-style-type: none;
margin:0;
padding:0;
}
.NAVOVER{
	position:absolute;
	left:0;
	top:38px;
	margin:0;
	padding:0;
	width:325px;
	height:39px;
	z-index:20;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	background-image:url(/images/basis/over.png);
	background-repeat:repeat;
	visibility:hidden;
	}	
.NAVOVER ul{
	padding:0;
	margin:0;
	padding-top:14px;
	padding-left:11px;
	
}
.NAVOVER li{
	padding:0;
	margin:0;
	display:inline;
	list-style-type: inside;
	padding-right:8px;
	}
.NAVOVER li img {
	background-image:url(../images/basis/balken.gif);
	display: inline; position: static; width: 20px; height: 11px; background-repeat:no-repeat; padding-top:-20px;
	}
		
.NAVOVER li a {
	color:#FFFFFF;
		text-decoration: none;}

.NAVOVER li a:hover {
	text-decoration: underline;
}

.NAVOVER li a:active{
	text-decoration:underline;
}

#textContent{
	position:absolute;
	top:440px;
	width:600px;
	left:10px;
	}

h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#d7d6d7;
	margin:0;
	
	}
	h2{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:300;
	font-size:16px;
	color:#000;
	margin:0;
	
	}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3e3e3e;
	margin:0;
	padding:0;
	
	}
	
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#3e3e3e;
	margin:0;
	
	}

#hlPR{
	position:absolute;
	width:610px;
	left:27px;
	top:45px;
	line-height:16px;
	color:#000;
	height: 230px;
	overflow: visible;
	}


#hlPRIMG{
	position:absolute;
	width:619px;
	left:27px;
	top:45px;
	line-height:16px;
	color:#000;
	overflow:visible;
	}
	
h3 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	
	color:#000;
	}

h6{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:100;
	font-size:12px;
	color:#FFF;
	padding-left:40px;
	margin-top:-20px;
	
	}
p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#939796;
	
}

#PROverlay td{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#939796;
	}
#underline{
	height:2px;
	padding:0;
	margin:0;
	position:absolute;
	text-align:left;
	color:#F00;
	
	}
	#underline hr{

		width:50px;
	
	color:#F00;
		
		}




#hlPR a img {
	border: none;
}

.imageBorder {
	float: left;
	margin: 0 1px 1px 0;
	padding:0;}
	
.imageBorder img {
	width:71px;
	height:62px;
	display: block; /* Der Wert BLOCK für die Eigenschaft DISPLAY muss gesondert gesetzt werden */
	position: relative;
	margin-bottom: -62px; 
	padding:0;/* Sorgt dafür, dass der darunterliegende Link (selbst 192px hoch) über das Bild gelegt wird */
}




.imageBorder a {
	position: relative;
	display: block;
	top: 0px; /* Der Link wird lediglich um seine eigene Höhe nach oben verschoben (vgl. IMG) und muss deshalb nochmal versetzt werden */
	left: 0px;
	width: 71px; /* Breite und Höhe des Bildes müssen feststehen; wenn diese variabel sind funktioniert diese Methode nicht */
	height: 62px; /* In diesem Fall BILDHÖHE - 2 * TOP - BORDER-WIDTH-TOP - BORDER-WIDTH-BOTTOM */
	border: 2px ;
	border-style:solid;
	border-color: white;
}

.imageBorder a:hover {
	border-color: #3e3e3e;
	outline: none; 
}
.imageBorder a:active {
	border-color: #3e3e3e;
	outline: none; 
}