/* Styles Ideengestalt */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

/* Splash Page */

body#splash {
	background-color: #000;
}

body#splash #claim {
	display: block;
	width: 102px;
	height: 7px;
	position: absolute;
	top: 81px;
	left: 51px;
	background: url('/grafik/splash/claim.gif') no-repeat;
	text-indent: -40000px;
}

body#splash #navi {
	display: block;
	height: 60px;
	width: 108px;
	position: absolute;
	top: 538px;
	left: 760px;
}



body#splash #navi a#n_ueberuns { background: url('/grafik/splash/n_ueberuns.gif') no-repeat; margin-bottom: 7px; }
body#splash #navi a#n_leistungen { background: url('/grafik/splash/n_leistungen.gif') no-repeat; }
body#splash #navi a#n_projekte { background: url('/grafik/splash/n_projekte.gif') no-repeat; }
body#splash #navi a#n_kontakt  { background: url('/grafik/splash/n_kontakt.gif') no-repeat; }

/* Regulärere Seiten */

#page {
	display: block;
	position: relative;
	margin: 50px 0px 20px 50px;
	min-height: 400px;
	width: 832px;
}

#header {
	display: block;
	height: 145px;
}

#header a {
	display: block;
	width: 241px;
	height: 38px;
	text-indent: -40000px;
	background: url('/grafik/header/logo.gif') no-repeat;
}


#navi {
	display: block;
	height: 60px;
	width: 108px;
	position: absolute;
	top: 484px;
	left: 709px;
}

#navi a {
	display: block;
	width: 108px;
	height: 16px;
	margin: 0px 0px 5px 0px;
	text-indent: -40000px;
		overflow: hidden;
}



#navi a#n_ueberuns { background: url('/grafik/navi/ueberuns_lo.gif') no-repeat; margin-bottom: 7px;}
#navi a#n_leistungen { background: url('/grafik/navi/leistungen_lo.gif') no-repeat; }
#navi a#n_projekte { background: url('/grafik/navi/projekte_lo.gif') no-repeat; }
#navi a#n_kontakt  { background: url('/grafik/navi/kontakt_lo.gif') no-repeat; }

#navi a#n_ueberuns.aktiv, #navi a#n_ueberuns:hover { background: url('/grafik/navi/ueberuns_hi.gif') no-repeat; margin-bottom: 7px;}
#navi a#n_leistungen.aktiv, #navi a#n_leistungen:hover { background: url('/grafik/navi/leistungen_hi.gif') no-repeat; }
#navi a#n_projekte.aktiv,#navi a#n_projekte:hover { background: url('/grafik/navi/projekte_hi.gif') no-repeat; }
#navi a#n_kontakt.aktiv,#navi a#n_kontakt:hover { background: url('/grafik/navi/kontakt_hi.gif') no-repeat; }


#subnav {	
	position: absolute;
	top: 576px;
	left: 709px;
	display: block;
	width: 245px;
	height: 100px;
}

#subnav.regular {
	display: block;
	width: 87px;
	height: 60px;
}


#subnav.regular a {
	display: block;
	width: 87px;
	height: 16px;
	text-indent: -40000px;
	margin: 0px;
	overflow: hidden;
}

#subnav.flow a {
	display: block;	
	text-indent: -40000px;
	float: left;
	height: 12px;
	margin: 0px 6px 0px 0px;
	overflow: hidden;
}


span.fliesstext {
	display: block;
	font: 11px arial,sans;
	color: #000;
	line-height: 16px;
}

span.fliesstext a {
	font-weight: bold;
	color: #000;
}

span.fliesstext a.pfeile {
	text-decoration: none;
}

span.gross {
	font-size: 12px;
}

span.listentext {
	display: block;
	font: 12px arial,sans;
	color: #000;
	line-height: 16px;
}

span.listentext strong {
	font-size: 13px;
}

span.listentext a {
	text-decoration: underline;
	color: #000;
	font-weight: regular;
}

span.smalltext {
	font: 11px arial,sans;
	color: #000;
}


#content {
	display: block;
	position: relative;
}



/* Über Uns - nicht mehr benötigt*/

#subnav a#s_ideengestalt { background: url('/grafik/navi/ideengestalt_lo.gif') no-repeat; }
#subnav a#s_leistungen { background: url('/grafik/navi/leistungen_lo.gif') no-repeat; }

#subnav a#s_ideengestalt.aktiv, #subnav a#s_ideengestalt:hover { background: url('/grafik/navi/ideengestalt_hi.gif') no-repeat; }
#subnav a#s_leistungen.aktiv, #subnav a#s_leistungen:hover { background: url('/grafik/navi/leistungen_hi.gif') no-repeat; }

/* Kontakt Subnav */


#subnav a#s_anfahrt { background: url('/grafik/navi/anfahrt_lo.gif') no-repeat; }
#subnav a#s_impressum { background: url('/grafik/navi/impressum_lo.gif') no-repeat; }

#subnav a#s_anfahrt.aktiv, #subnav a#s_anfahrt:hover { background: url('/grafik/navi/anfahrt_hi.gif') no-repeat; }
#subnav a#s_impressum.aktiv, #subnav a#s_impressum:hover { background: url('/grafik/navi/impressum_hi.gif') no-repeat; }


/* Projekte */
#subnav a#s_arisma { width: 49px; background: url('/grafik/navi/projekte/arisma_lo.gif') no-repeat; }
#subnav a#s_ask { width: 23px; background: url('/grafik/navi/projekte/ask_lo.gif') no-repeat; }
#subnav a#s_bergisch { width: 108px; background: url('/grafik/navi/projekte/bergisch_lo.gif') no-repeat; }
#subnav a#s_denon { width: 45px; background: url('/grafik/navi/projekte/denon_lo.gif') no-repeat; }
#subnav a#s_denondj { width: 61px; background: url('/grafik/navi/projekte/denondj_lo.gif') no-repeat; }
#subnav a#s_fabuloes { width: 122px; background: url('/grafik/navi/projekte/fabuloes_lo.gif') no-repeat; }
#subnav a#s_holland { width: 57px; background: url('/grafik/navi/projekte/holland_lo.gif') no-repeat; }
#subnav a#s_ideengestalt_p { width: 85px; background: url('/grafik/navi/projekte/ideengestalt_lo.gif') no-repeat; }
#subnav a#s_kundn { width: 27px; background: url('/grafik/navi/projekte/kundn_lo.gif') no-repeat; }
#subnav a#s_pusteblume { width: 79px; background: url('/grafik/navi/projekte/pusteblume_lo.gif') no-repeat; }
#subnav a#s_querspringer { width: 84px; background: url('/grafik/navi/projekte/querspringer_lo.gif') no-repeat; }
#subnav a#s_total { width: 32px; background: url('/grafik/navi/projekte/total_lo.gif') no-repeat; }
#subnav a#s_walter { width: 49px; background: url('/grafik/navi/projekte/walter_lo.gif') no-repeat; }

#subnav a#s_arisma.aktiv, #subnav a#s_arisma:hover { width: 49px; background: url('/grafik/navi/projekte/arisma_hi.gif') no-repeat; }
#subnav a#s_ask.aktiv, #subnav a#s_ask:hover { width: 23px; background: url('/grafik/navi/projekte/ask_hi.gif') no-repeat; }
#subnav a#s_bergisch.aktiv, #subnav a#s_bergisch:hover { width: 108px; background: url('/grafik/navi/projekte/bergisch_hi.gif') no-repeat; }
#subnav a#s_denon.aktiv, #subnav a#s_denon:hover { width: 45px; background: url('/grafik/navi/projekte/denon_hi.gif') no-repeat; }
#subnav a#s_denondj.aktiv, #subnav a#s_denondj:hover { width: 61px; background: url('/grafik/navi/projekte/denondj_hi.gif') no-repeat; }
#subnav a#s_fabuloes.aktiv, #subnav a#s_fabuloes:hover { width: 122px; background: url('/grafik/navi/projekte/fabuloes_hi.gif') no-repeat; }
#subnav a#s_holland.aktiv, #subnav a#s_holland:hover { width: 57px; background: url('/grafik/navi/projekte/holland_hi.gif') no-repeat; }
#subnav a#s_ideengestalt_p.aktiv, #subnav a#s_ideengestalt_p:hover { width: 85px; background: url('/grafik/navi/projekte/ideengestalt_hi.gif') no-repeat; }
#subnav a#s_kundn.aktiv, #subnav a#s_kundn:hover { width: 27px; background: url('/grafik/navi/projekte/kundn_hi.gif') no-repeat; }
#subnav a#s_pusteblume.aktiv, #subnav a#s_pusteblume:hover { width: 79px; background: url('/grafik/navi/projekte/pusteblume_hi.gif') no-repeat; }
#subnav a#s_querspringer.aktiv, #subnav a#s_querspringer:hover { width: 84px; background: url('/grafik/navi/projekte/querspringer_hi.gif') no-repeat; }
#subnav a#s_total.aktiv, #subnav a#s_total:hover { width: 32px; background: url('/grafik/navi/projekte/total_hi.gif') no-repeat; }
#subnav a#s_walter.aktiv, #subnav a#s_walter:hover { width: 49px; background: url('/grafik/navi/projekte/walter_hi.gif') no-repeat; }


div.dreispalter {
	display: block;
	width: 230px;
	float: left;
}

#projekte_bildernav {
	display: block;
	position: absolute;
	top: 6px;
	left: 711px;
	width: 87px;
}

#projekte_bildernav #pfeile a {
	display: block;
	float: left;
	width: 23px;
}

#projekte_bildernav #zaehler {
	display: block;
	position: absolute;
	top: -4px;
	left: 100px;
}

#projekte_bildernav #zaehler span {
	font: bold 11px arial,sans;
	color: #000;
}

#projekte_text {
	display: block;
	position: absolute;
	top: 40px;
	left: 711px;
	width: 170px;
}

#projekte_text strong {
	text-transform: uppercase;
}





#projekte_bilder img {
	cursor: pointer;
}