@CHARSET "UTF-8";

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "trebuchet ms", verdana, arial;
	background-color: #c6c6c6;
	
}

/* get rid of those system borders being generated for A tags */
a:active {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

/* navigation -----------------------------------------------------*/
#container {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#top {
	position: relative;
	height: 174px;
	margin: 0px;
	padding: 0px;
	background-color: #040b39;
}

#logo {
	position: relative;
	left: 26px;
	top: 61px;
	border: 0px;
}

#top a {
	position: absolute;
	top: 126px;
	height: 23px;
	border: 0;
	background-image: url(_img/button_hg.gif);
	text-align: center;
	text-decoration: none;
	color: #040b39;
	line-height: 23px;
	font-size: 12px;
	font-weight: bold;
}



#nav {
	position: absolute;
	top: 2px;
	height: 119px;
	width: 745px;
}

#nav ul {
	margin: 0 auto;
}

#nav li { 
	/* border:1px solid #ddd; */
	float: left;
	padding-left: 0px;
	width: 106px;
	list-style-type: none;
	text-align: center;
}

#nav a,#bottom a {
	color: #333333;
	display: block;
	padding: 0px;
	position: relative;
	word-spacing: -2px;
	font-size: 11px;
	height: 119px;
	text-decoration: none;
}

#bottom {
	clear: all;
	position: absolute;
	top: 558px;
	background-color: #040b39;
	background-image:url(_img/fogra.gif);
	background-position: 30px 10px;
	background-repeat: no-repeat;
	height: 87px;
	width: 980px;
}

#bottom ul {
	width: 320px;
	margin: 0;
}

#bottom li {
	padding-left: 0px;
	width: 106px;
	list-style-type: none;
	text-align: center;
}

#bottom #unterenav  a {
	position: absolute;
	top: 26px;
	height: 23px;
	border: 0;
	background-image: url(_img/button_hg.gif);
	text-align: center;
	text-decoration: none;
	color: #040b39;
	line-height: 23px;
	font-size: 12px;
	font-weight: bold;
}

.referenzbutton{
	position: absolute;
	top: 26px;
	height: 23px;
	border: 0;
	background-image: url(_img/button_hg.gif);
	text-align: center;
	text-decoration: none;
	color: #040b39;
	line-height: 23px;
	font-size: 12px;
	font-weight: bold;
}


/*-----------------------------Seitenspezifische Einstellungen-------------------------*/
#bodyfotografie #nav { 
	left: 215px;
}
#bodyfotografie #nav ul {
	width: 320px;
}

#bodyfotografie #nav #but0 {
	background: url(_img/ubut_produktfotografie.gif) no-repeat;
	background-position: 10px 10px;
	display: none;
}

#bodyfotografie #nav #but1 {
	background: url(_img/ubut_produktfotografie.gif) no-repeat;
	background-position: 10px 10px;
}
#bodyfotografie #nav #but1 a:hover {
	background: url(_img/ubut_produktfotografie1.gif) no-repeat;
}
#bodyfotografie #nav #but1 a.current {
	background: url(_img/ubut_produktfotografie1.gif) no-repeat;
}

#bodyfotografie #nav #but2 {
	background: url(_img/ubut_virtuellebegehung.gif) no-repeat;
	background-position: 10px 10px;
}
#bodyfotografie #nav #but2 a:hover {
	background: url(_img/ubut_virtuellebegehung1.gif) no-repeat;
	background-color: #040b39;
}
#bodyfotografie #nav #but2 a.current {
	background: url(_img/ubut_virtuellebegehung1.gif) no-repeat;
}


#bodyfotografie #bottom #referenzenfoto {
	background: url(_img/ubut_referenzen_foto.gif) no-repeat;
	background-color: #040b39;
}
#bodyfotografie #bottom #referenzenfoto a:hover {
	background: url(_img/ubut_referenzen_foto1.gif) no-repeat;
	
}

/*-------------------------------------------------------------------------------*/

#bodylayoutsatz #nav { 
	left: 205px;
}
#bodylayoutsatz #nav ul {
	width: 480px;
}

#bodylayoutsatz #nav #but0 {
	background: url(_img/ubut_Zeitschriften0.gif) no-repeat;
	background-position: 10px 10px;
	display: none;
}

#bodylayoutsatz #nav #but1 {
	background: url(_img/ubut_Zeitschriften0.gif) no-repeat;
	background-position: 10px 10px;
}
#bodylayoutsatz #nav #but1 a:hover {
	background: url(_img/ubut_Zeitschriften1.gif) no-repeat;
}
#bodylayoutsatz #nav #but1 a.current {
	background: url(_img/ubut_Zeitschriften1.gif) no-repeat;
}

#bodylayoutsatz #nav #but2 {
	background: url(_img/ubut_Geschaeftsberichte0.gif) no-repeat;
	background-position: 0px 10px;
}
#bodylayoutsatz #nav #but2 a:hover {
	background: url(_img/ubut_Geschaeftsberichte1.gif) no-repeat;
}
#bodylayoutsatz #nav #but2 a.current {
	background: url(_img/ubut_Geschaeftsberichte1.gif) no-repeat;
}

#bodylayoutsatz #nav #but3 {
	background: url(_img/ubut_Buchlayout0.gif) no-repeat;
	background-position: 0px 10px;
}
#bodylayoutsatz #nav #but3 a:hover {
	background: url(_img/ubut_Buchlayout1.gif) no-repeat;
}
#bodylayoutsatz #nav #but3 a.current {
	background: url(_img/ubut_Buchlayout1.gif) no-repeat;
}

#bodylayoutsatz #nav #but4 {
	background: url(_img/ubut_Flyer0.gif) no-repeat;
	background-position: 0px 10px;
}
#bodylayoutsatz #nav #but4 a:hover {
	background: url(_img/ubut_Flyer1.gif) no-repeat;
}
#bodylayoutsatz #nav #but4 a.current {
	background: url(_img/ubut_Flyer1.gif) no-repeat;
}


/*-------------------------------------------------------------------------------*/

#bodylithografie #nav { 
	left: 200px;
}
#bodylithografie #nav ul {
	width: 600px;
}

#bodylithografie #nav #but0 {
	background: url(_img/ubut_Trommelscans0.gif) no-repeat;
	background-position: 1px 10px;
	display: none;
}

#bodylithografie #nav #but1 {
	background: url(_img/ubut_Trommelscans0.gif) no-repeat;
	background-position: 1px 10px;
}
#bodylithografie #nav #but1 a:hover {
	background: url(_img/ubut_Trommelscans1.gif) no-repeat;
}
#bodylithografie #nav #but1 a.current {
	background: url(_img/ubut_Trommelscans1.gif) no-repeat;
}

#bodylithografie #nav #but2 {
	background: url(_img/ubut_Flachbettscans0.gif) no-repeat;
	background-position: 1px 10px;
}
#bodylithografie #nav #but2 a:hover {
	background: url(_img/ubut_Flachbettscans1.gif) no-repeat;
}
#bodylithografie #nav #but2 a.current {
	background: url(_img/ubut_Flachbettscans1.gif) no-repeat;
}

#bodylithografie #nav #but3 {
	background: url(_img/ubut_Redigitalisierung0.gif) no-repeat;
	background-position: 1px 10px;
}
#bodylithografie #nav #but3 a:hover {
	background: url(_img/ubut_Redigitalisierung1.gif) no-repeat;
}
#bodylithografie #nav #but3 a.current {
	background: url(_img/ubut_Redigitalisierung1.gif) no-repeat;
}

#bodylithografie #nav #but4 {
	background: url(_img/ubut_Bildbearbeitung0.gif) no-repeat;
	background-position: 1px 10px;
}
#bodylithografie #nav #but4 a:hover {
	background: url(_img/ubut_Bildbearbeitung1.gif) no-repeat;
}
#bodylithografie #nav #but4 a.current {
	background: url(_img/ubut_Bildbearbeitung1.gif) no-repeat;
}

#bodylithografie #nav #but5 {
	background: url(_img/ubut_Composing0.gif) no-repeat;
	background-position: 10px 10px;
}
#bodylithografie #nav #but5 a:hover {
	background: url(_img/ubut_Composing1.gif) no-repeat;
}
#bodylithografie #nav #but5 a.current {
	background: url(_img/ubut_Composing1.gif) no-repeat;
}

/*-------------------------------------------------------------------------------*/

#bodyservice #nav { 
	left: 200px;
}
#bodyservice #nav ul {
	width: 600px;
}

#bodyservice #nav #but0 {
	background: url(_img/ubut_Service1.gif) no-repeat;
	background-position: 10px 10px;
	display: none;
}

#bodyservice #nav #but1 {
	background: url(_img/ubut_Service0.gif) no-repeat;
	background-position: 0px 10px;
}
#bodyservice #nav #but1 a:hover {
	background: url(_img/ubut_Service1.gif) no-repeat;
}
#bodyservice #nav #but1 a.current {
	background: url(_img/ubut_Service1.gif) no-repeat;
}

#bodyservice #nav #but2 {
	background: url(_img/ubut_Druckdaten0.gif) no-repeat;
	background-position: 10px 10px;
}
#bodyservice #nav #but2 a:hover {
	background: url(_img/ubut_Druckdaten1.gif) no-repeat;
}
#bodyservice #nav #but2 a.current {
	background: url(_img/ubut_Druckdaten1.gif) no-repeat;
}

#bodyservice #nav #but3 {
	background: url(_img/ubut_Digitalproofs0.gif) no-repeat;
	background-position: 10px 10px;
}
#bodyservice #nav #but3 a:hover {
	background: url(_img/ubut_Digitalproofs1.gif) no-repeat;
}
#bodyservice #nav #but3 a.current {
	background: url(_img/ubut_Digitalproofs1.gif) no-repeat;
}

#bodyservice #nav #but4 {
	background: url(_img/ubut_Belichtungen0.gif) no-repeat;
	background-position: 0px 10px;
}
#bodyservice #nav #but4 a:hover {
	background: url(_img/ubut_Belichtungen1.gif) no-repeat;
}
#bodyservice #nav #but4 a.current {
	background: url(_img/ubut_Belichtungen1.gif) no-repeat;
}

#bodyservice #nav #but5 {
	background: url(_img/ubut_CD_Bedruckung0.gif) no-repeat;
	background-position: 0px 10px;
}
#bodyservice #nav #but5 a:hover {
	background: url(_img/ubut_CD_Bedruckung1.gif) no-repeat;
}
#bodyservice #nav #but5 a.current {
	background: url(_img/ubut_CD_Bedruckung1.gif) no-repeat;
}

/*-------------------------------------------------------------------------------*/

#bodyinternet #nav { 
	left: 215px;
}
#bodyinternet #nav ul {
	width: 420px;
}

#bodyinternet #nav #but0 {
	background: url(_img/ubut_Programmierung0.gif) no-repeat;
	display: none;
}

#bodyinternet #nav #but1 {
	background: url(_img/ubut_Konzeption0.gif) no-repeat;
	background-position: 10px 10px;
}
#bodyinternet #nav #but1 a:hover {
	background: url(_img/ubut_Konzeption1.gif) no-repeat;
}
#bodyinternet #nav #but1 a.current {
	background: url(_img/ubut_Konzeption1.gif) no-repeat;
}

#bodyinternet #nav #but2 {
	background: url(_img/ubut_Programmierung0.gif) no-repeat;
	background-position: 1px 10px;
}
#bodyinternet #nav #but2 a:hover {
	background: url(_img/ubut_Programmierung1.gif) no-repeat;
}
#bodyinternet #nav #but2 a.current {
	background: url(_img/ubut_Programmierung1.gif) no-repeat;
}

#bodyinternet #nav #but3 {
	background: url(_img/ubut_Google0.gif) no-repeat;
	background-position: 10px 10px;
}
#bodyinternet #nav #but3 a:hover {
	background: url(_img/ubut_Google1.gif) no-repeat;

}
#bodyinternet #nav #but3 a.current {
	background: url(_img/ubut_Google1.gif) no-repeat;
	
}

/*-------------------------------------------------------------------------------*/

#bodyspezialgebiete #nav { 
	left: 205px;
}
#bodyspezialgebiete #nav ul {
	width: 480px;
}

#bodyspezialgebiete #nav #but0 {
	background: url(_img/ubut_Packaging0.gif) no-repeat;
	background-position: 10px 10px;
	display: none;
}

#bodyspezialgebiete #nav #but1 {
	background: url(_img/ubut_3D0.gif) no-repeat;
	background-position: 1px 10px;
}
#bodyspezialgebiete #nav #but1 a:hover {
	background: url(_img/ubut_3D1.gif) no-repeat;
}
#bodyspezialgebiete #nav #but1 a.current {
	background: url(_img/ubut_3D1.gif) no-repeat;
}

#bodyspezialgebiete #nav #but2 {
	background: url(_img/ubut_Packaging0.gif) no-repeat;
	background-position: 10px 10px;
}
#bodyspezialgebiete #nav #but2 a:hover {
	background: url(_img/ubut_Packaging1.gif) no-repeat;
}
#bodyspezialgebiete #nav #but2 a.current {
	background: url(_img/ubut_Packaging1.gif) no-repeat;
}

#bodyspezialgebiete #nav #but3 {
	background: url(_img/ubut_Gemeindeplan0.gif) no-repeat;
	background-position: 1px 10px;
}
#bodyspezialgebiete #nav #but3 a:hover {
	background: url(_img/ubut_Gemeindeplan1.gif) no-repeat;
}
#bodyspezialgebiete #nav #but3 a.current {
	background: url(_img/ubut_Gemeindeplan1.gif) no-repeat;
}

#bodyspezialgebiete #nav #but4 {
	background: url(_img/ubut_FM-Raster0.gif) no-repeat;
	background-position: 10px 10px;
}
#bodyspezialgebiete #nav #but4 a:hover {
	background: url(_img/ubut_FM-Raster1.gif) no-repeat;
}
#bodyspezialgebiete #nav #but4 a.current {
	background: url(_img/ubut_FM-Raster1.gif) no-repeat;
}




/*--------------------Ende Seitenspezifische Einstellungen----------------------------*/





/*--------------------------------------------------------------Menübuttons werden gehilited  ---------------------------------------------------*/
#bodyfotografie #fotografie,#bodylayoutsatz #layoutsatz,#bodylithografie #lithografie,#bodyservice #service,#bodyinternet #internet,#bodyspezialgebiete #spezialgebiete
	{
	color: #F1F1F1;
}

#bodyhome #unterenav #home,#bodyimpressum #unterenav #impressum,#bodyanfahrt #unterenav #anfahrt,#bodykontakt #unterenav #kontakt, #bodyreferenzen #unterenav #referenzen
	{
	color: #F1F1F1;
}


/* Inhalte  -------------------------------------------------------- */
#inhalt {
	background-color: #fef8ea;
	width: 980px;
	height: 384px;
	clear: all;
	position: relative;
}

/* crossfading effect needs absolute positioning from the elements */
#inhalt div {
	background-color: #fef8ea;
	display: none;
	position: absolute;
	top: 47px;
	left: 104px;
	font-size: 15px;
	color: #444;
	width: 876px;
	line-height:1.3em;
}

#inhalt div #bild {
	float: right;
	margin-left: 35px;
}

#inhalt div img{
	float: right;
	margin-left: 35px;
}

#inhalt div #text {
	position:absolute;
	left:-139px;
	top:-47px;
	border:0;
	background-color: #fef8ea;
}

#inhalt p.dick {
	color: #000;
	font-weight: bold;
}

#inhalt h1 {
	margin: 0 0 -5px 0;
	font-size: 24px;
	font-weight: bold;
}

#inhalt h3 {
	margin: 0 0 -5px 0;
	font-size: 22px;
	font-weight: normal;
}

#inhalt ul{
	margin-top:0;
	margin-left:50px;
}


.winzig{
	position:absolute;
	left:0px;
	top:0px;
	width:1px;
	height:1px;
}
.nobr { white-space:nowrap; }