/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* (C) 2005 proMedia Internet KG        */
/* http://www.promediakg.de             */
/* Tel.: 0800/ INTERNET (gebuehrenfrei) */
/* Tel.: 0261/ 1004 301                 */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* Groesse: 933 * 627                   */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

body {
	width: 100%;
	height: 100%;
	font-size:8pt;
	font-family:Verdana, Geneva, Arial, sans-serif;
	color: #666666;
	background-color: #c9c9c9;
}

* html body {
        overflow: auto;
}

A { TEXT-DECORATION: none}

BODY {
scrollbar-face-color:#FFFFFF;
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
}


div#alles {
	top: 50%;
	margin-top: -315px;
	left: 50%;
	margin-left: -467px;
	width: 933px;
	height: 627px;
	position:absolute;
	background-repeat:no-repeat;
	border-color: #0000ff;
	border-width: 1;
	border-style: none;
}



div#menue a{
	position:absolute;
	top: 250;
	display:block;
	width: 105;
	height: 205;
	font-size:12;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none; 
	color: #FFFFFF;
	background-repeat:no-repeat;
	z-index:2
	border-width: 1;
	border-style: none;
	border-style: none;

}


div#menue a:hover{
	width: 205;
	z-index:1
	color: #FF0000;

}



div#menue a.profil{
	left: 80;
	padding-left: 10;
	padding-top: 50;
	background-image:url(grel/profil_leer_n.gif);
	border-color: #0000ff;
}

div#menue a.projekte{
	left: 185;
	padding-left: 35;
	padding-top: 160;
	background-image:url(grel/projekte_leer_n.gif);
	border-color: #00ff00;
}

div#menue a.team{
	left: 290;
	padding-left: 45;
	padding-top: 50;
	background-image:url(grel/team_leer_n.gif);
	border-color: #ff0000;
}

div#menue a.leistung{
	left: 395;
	padding-left: 0;
	padding-top: 160;
	background-image:url(grel/leistung_leer_n.gif);
	border-color: #ff00ff;
}

div#menue a.kontakt{
	left: 500;
	padding-left: 40;
	padding-top: 50;
	background-image:url(grel/kontakt_leer_n.gif);
	border-color: #ffff00;
}

div#menue a.agentur{
	left: 605;
	padding-left: 10;
	padding-top: 160;
	background-image:url(grel/agentur_leer_n.gif);
	border-color: #00ffff;
}

div#menue a.news{
	left: 710;
	padding-left: 0;
	padding-top: 50;
	background-image:url(grel/news_leer_n.gif);
	border-color: #ffffff;
}

div#menue a.partner{
	left: 815;
	padding-left: 15;
	padding-top: 160;
	background-image:url(grel/partner_leer_n.gif);
	border-color: #ffffff;
}

div#menue a.projekte-fassade{
	top: 502;
	left: 374;
	width: 145;
	height: 105;
	padding-left: 25;
	padding-top: 125;
	background-image:url(grel/fassade.gif);
	color: #ffffff;
}

div#menue a.projekte-produkte{
	top: 482;
	left: 513;
	width: 145;
	height: 105;
	padding-left: 40;
	padding-top: 125;
	background-image:url(grel/produkte.gif);
	color: #ffffff;
}

div#menue a.projekte-screen{
	top: 445;
	left: 639;
	width: 145;
	height: 105;
	padding-left: 60;
	padding-top: 125;
	background-image:url(grel/screen.gif);
	color: #ffffff;
}

div#menue a.projekte-print{
	top: 373;
	left: 744;
	width: 145;
	height: 105;
	padding-left: 110;
	padding-top: 120;
	background-image:url(grel/print.gif);
	color: #ffffff;
}

div#menue a.projekte-web{
	top: 270;
	left: 800;
	width: 160;
	height: 105;
	padding-left: 130;
	padding-top: 110;
	background-image:url(grel/web.gif);
	color: #ffffff;
}


div#menue a.profil:hover{
	left: 30;
	padding-left: 60;
	background-image:url(grel/profil_krakel.gif);
}

div#menue a.projekte:hover{
	left: 135;
	padding-left: 85;
	background-image:url(grel/projekte_krakel.gif);
}

div#menue a.team:hover{
	left: 240;
	padding-left: 95;
	background-image:url(grel/team_krakel.gif);
}

div#menue a.leistung:hover{
	left: 345;
	padding-left: 50;
	background-image:url(grel/leistung_krakel.gif);
}

div#menue a.kontakt:hover{
	left: 450;
	padding-left: 90;
	background-image:url(grel/kontakt_krakel.gif);
}

div#menue a.agentur:hover{
	left: 555;
	padding-left: 60;
	background-image:url(grel/agentur_krakel.gif);
}

div#menue a.news:hover{
	left: 660;
	padding-left: 50;
	background-image:url(grel/news_krakel.gif);
}

div#menue a.partner:hover{
	left: 765;
	padding-left: 65;
	background-image:url(grel/partner_krakel.gif);
}

div#menue a.projekte-fassade:hover{
	background-image:url(grel/fassade_on.gif);
}

div#menue a.projekte-produkte:hover{
	background-image:url(grel/produkte_on.gif);
}

div#menue a.projekte-screen:hover{
	background-image:url(grel/screen_on.gif);
}

div#menue a.projekte-print:hover{
	background-image:url(grel/print_on.gif);
}

div#menue a.projekte-web:hover{
	background-image:url(grel/web_on.gif);
}


div#menue a.projekte-fassade-aktiv{
	top: 502;
	left: 374;
	width: 145;
	height: 105;
	padding-left: 25;
	padding-top: 125;
	background-image:url(grel/fassade_on.gif);
	color: #ffffff;
}

div#menue a.projekte-produkte-aktiv{
	top: 482;
	left: 513;
	width: 145;
	height: 105;
	padding-left: 40;
	padding-top: 125;
	background-image:url(grel/produkte_on.gif);
	color: #ffffff;
}

div#menue a.projekte-screen-aktiv{
	top: 445;
	left: 639;
	width: 145;
	height: 105;
	padding-left: 60;
	padding-top: 125;
	background-image:url(grel/screen_on.gif);
	color: #ffffff;
}

div#menue a.projekte-print-aktiv{
	top: 373;
	left: 744;
	width: 145;
	height: 105;
	padding-left: 110;
	padding-top: 120;
	background-image:url(grel/print_on.gif);
	color: #ffffff;
}

div#menue a.projekte-web-aktiv{
	top: 270;
	left: 800;
	width: 160;
	height: 105;
	padding-left: 130;
	padding-top: 110;
	background-image:url(grel/web_on.gif);
	color: #ffffff;
}




div#menue_int {
	top: 100;
	left: 240;
	width: 500;
	height: 20;
	position:absolute;
	display:block;
	color: #FFFFFF;
	font-size:11;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-weight: bolder;
	text-align:center;
	background-repeat:no-repeat;
	border-width: 1;
	border-style: none;
	border-color: #0000ff;
	z-index=4;
}


div#menue_int a {
	text-decoration: none; 
	margin-left: 5;
	color: #000000;
}

div#menue_int a:hover{
	color: #c9c9c9;
}


div#menue_int a.aktiv {
	color: #c9c9c9;
}

div#menue_int a.aktiv:hover{
	color: #c9c9c9;
}



div#ueber div{
	position:absolute;
	top: 9px; 
	left: 87px;
	height: 205px;
	width: 105px;
	background-repeat:no-repeat;
}

div#ueber div.profil {
	background-image:url(grel/profil_leer_n.gif);
}

div#ueber div.projekte {
	background-image:url(grel/projekte_leer_n.gif);
}

div#ueber div.team {
	background-image:url(grel/team_leer_n.gif);
}

div#ueber div.leistung {
	background-image:url(grel/leistung_leer_n.gif);
}

div#ueber div.kontakt {
	background-image:url(grel/kontakt_leer_n.gif);
}

div#ueber div.agentur {
	background-image:url(grel/agentur_leer_n.gif);
}

div#ueber div.news {
	background-image:url(grel/news_leer_n.gif);
}

div#ueber div.partner {
	background-image:url(grel/partner_leer_n.gif);
}

div#ueber div.projekte-fassade {
	top: 49px; 
	left: 45px;
	height: 205px;
	width: 180px;
	background-image:url(grel/fassade.gif);
}

div#ueber div.projekte-produkte {
	top: 49px; 
	left: 45px;
	height: 205px;
	width: 180px;
	background-image:url(grel/produkte.gif);
}

div#ueber div.projekte-screen {
	top: 49px; 
	left: 45px;
	height: 205px;
	width: 180px;
	background-image:url(grel/screen.gif);
}

div#ueber div.projekte-print {
	top: 49px; 
	left: 45px;
	height: 205px;
	width: 180px;
	background-image:url(grel/print.gif);
}

div#ueber div.projekte-web {
	top: 49px; 
	left: 45px;
	height: 205px;
	width: 180px;
	background-image:url(grel/web.gif);
}



div#hauptfenster {
	top: 150px; 
	left: 250px;
	height: 330px;
	width: 500px;
	position:absolute;
	overflow: auto;
}

div#hauptfenster h1 {
	font-size:8pt;
	color: #000000;
}


div#hauptfenster h2 {
	font-size:8pt;
	color: #000000;
	
}


div#hauptfenster td {
	font-size:8pt;

}

div#bildleiste {
	top: 230px;
	left: 255px;
	width: 765px;
	height: 170px;
	position:absolute;
	overflow:hidden;
	z-index=1;
}

div#passepartout {
	top: 0px; 
	left: 0px;
	width: 1024px;
	height: 768px;
	position:absolute;
	background-image:url(grel/passepartout.gif);
	z-index=3;
}

div#agentur_links {
	top: 450px; 
	left: 255px;
	position:absolute;
	z-index=3;
}

div#agentur_links a{
	text-decoration: none; 
	font-size:12pt;
	font-weight: 1000;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */