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

body {
	background-color:#000;
	background-image:url(../images/hg_body_01.png);
	background-repeat:repeat-x;
	font-family:"Lucida Sans unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#fff;
	}

#zentrierung {
	position:absolute;
    left:50%;
    margin-left:-535px;
    width:1070px;
	height:100%;
    z-index:10;
	}

h1 {
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#fff;
	margin-bottom:90px;}
	
h2 {
	font-size:0.85em;
	color:#fff;}

p {
	font-size:0.8em;
	line-height: 1.7em;
	text-align:justify;
	clear:both;
	}
	
.orange {
	color:#d79664
	}

.listenpunkt {
	margin-right:20px;
	}



/* Allgemeine Einstellung für Links im Text */

a:link, img {
	color:#d79664;
	border:none;
	text-decoration:underline;}
	
a:visited, img {
	color:#d79664;
	border:none;
	text-decoration:underline;}
	
a:hover, img {
	color:#ad3c42;
	border:none;
	text-decoration:underline;}
	
a:active, img{
	color:#ad3c42;
	border:none;
	text-decoration:underline;
}



/* Allgemeine Einstellung für Links in der Hauptnavigation */

#mainnavigation a:link {
	color:#d79664;
	text-decoration:none;
	}
	
#mainnavigation a:visited {
	color:#d79664;
	text-decoration:none;
	}	
	
#mainnavigation a:hover {
	color:#ad3c42;
	text-decoration:none;
	}	
	
#mainnavigation a:active {
	color:#ad3c42;
	text-decoration:none;
	}




/* Positionierung und Aussehen der Hauptnavigation */

#mainnavigation {
	margin:0 0 0 30px;
	font-size:0.9em;
	list-style-type:none;
	color:#d79664;
	}
#mainnavigation li {
	float:left;
	padding:15px 20px 0 0;	
	}
#mainnavigation li .aktiv {
	color:#999999;
	}




/* Positionierung und Aussehen der Seitenelemente */

#flashcontent {
	background-color:#000;
	display:block;
	width:970px;
	position:relative;
	z-index:35;
	margin-left:50px;
	top:1px;
	}

#header {
	background-image:url(../images/header_hg.png);
	height:49px;
	width:1070px;
	position:relative;
	top:0px;
	left:0px;
	z-index:20;
	}

#logo {
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
	}

#content {
	background-image:url(../images/content_hg.png);
	background-repeat:repeat-y;
	width:1070px;
	position:relative;
	top:0px;
	margin-bottom:20px;
	left:0px;
	z-index:20;
	}
	
#texthome {
	width:300px;
	position:relative;
	left:350px;
	padding-top:80px;
	z-index:40;
	}
	
#text {
	width:600px;
	position:relative;
	left:350px;
	padding-top:80px;
	z-index:40;
	}
	
#content01 {
	background-image:url(../images/content_01_hg.png);
	background-repeat:no-repeat;
	height:578px;
	width:1070px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:30;
	}

#footer {
	background-image:url(../images/content_02_hg.png);
	height:78px;
	width:1070px;
	position:relative;
	left:0px;
	z-index:30;
	}

.copyright {
	float:right;
	margin-top:45px;
	font-size:0.6em;
	color:#333;
	margin-right:85px;
	text-decoration:none;
	}

.copyright a:link, .copyright a:visited {
	text-decoration:none;
	color:#333;
	}

.copyright a:active, .copyright a:hover {
	text-decoration:none;
	color:#ad3c42;
	}




/* Allgemeine Einstellung für Links auf der Referenzen-Seite */

#weisserlink a:link {
	color:#FFF;
	}
#weisserlink a:visited {
	color:#666;
	}	
#weisserlink a:active, #weisserlink a:hover {
	color:#ad3c42;
	text-decoration:none
	}


	

/* Positionierung und Aussehen der Kategorie-Navigation auf der Showroom-Startseite */

#showroomkategorien {
	font-size:0.9em;
	list-style-type:none;
	text-decoration:none;
	color:#d79664;
	margin:0 0 0 -10px;
	}
#showroomkategorien li {
	float:left;
	padding:0 25px 50px 0;	
	}
#showroomkategorien li .aktiv {
	color:#999999;
	}
	
	
	
	
	
/* Positionierung, Aussehen und Wechselbild-Funktion der Direkt-zum-Showroom-Navigation auf der Startseite */

#showroomdirekt {
	width:200px;
	position:relative;
	left:740px;
	padding-top:190px;
	z-index:40;
	}


.aktuell01 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}
.aktuell01 a:link, .aktuell01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-05-10.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell01 a:active {
	background-position:right;
	}
.aktuell01 a:hover {
	background-position:right;
	}
	
.aktuell02 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}	
.aktuell02 a:link, .aktuell02 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-01-10.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell02 a:active {
	background-position:right;
	}
.aktuell02 a:hover {
	background-position:right;
	}

.aktuell03 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}
.aktuell03 a:link, .aktuell03 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-08-10.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell03 a:active {
	background-position:right;
	}
.aktuell03 a:hover {
	background-position:right;
	}
	

.aktuell04 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}
.aktuell04 a:link, .aktuell04 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-11-10.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell04 a:active {
	background-position:right;
	}
.aktuell04 a:hover {
	background-position:right;
	}	
	

.aktuell05 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}
.aktuell05 a:link, .aktuell05 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-06-1-11.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell05 a:active {
	background-position:right;
	}
.aktuell05 a:hover {
	background-position:right;
	}


.aktuell06 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}
.aktuell06 a:link, .aktuell06 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-06-2-11.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell06 a:active {
	background-position:right;
	}
.aktuell06 a:hover {
	background-position:right;
	}


.aktuell07 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}
.aktuell07 a:link, .aktuell07 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-06-3-11.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell07 a:active {
	background-position:right;
	}
.aktuell07 a:hover {
	background-position:right;
	}	


.aktuell08 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}
.aktuell08 a:link, .aktuell08 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-09-11.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell08 a:active {
	background-position:right;
	}
.aktuell08 a:hover {
	background-position:right;
	}


.aktuell09 div{
	border:1px solid #000;
	width:300px;
	height:115px;
	}
.aktuell09 a:link, .aktuell09 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/aktuell-link-10-11.jpg);
	background-position:left;
	text-decoration:none;
	}
.aktuell09 a:active {
	background-position:right;
	}
.aktuell09 a:hover {
	background-position:right;
	}
	
	
.menschen div{
	border:1px solid #000;
	width:200px;
	height:130px;
	}
.menschen a:link, .menschen a:visited {
	display:block;
	width:200px;
	height:130px;
	border:1px solid #000;	
	background-image:url(../images/menschen-link.jpg);
	background-position:left;
	text-decoration:none;
	margin-top:8px;
	}
.menschen a:active {
	background-position:right;
	}
.menschen a:hover {
	background-position:right;
	}

	

.hochzeit div{
	border:1px solid #000;
	width:200px;
	height:130px;
	}
.hochzeit a:link, .hochzeit a:visited {
	display:block;
	width:200px;
	height:130px;
	border:1px solid #000;	
	background-image:url(../images/hochzeit-link.jpg);
	background-position:left;
	text-decoration:none;
	margin-top:5px;
	}
.hochzeit a:active {
	background-position:right;
	}
.hochzeit a:hover {
	background-position:right;
	}


.event div{
	border:1px solid #000;
	width:200px;
	height:130px;
	}
.event a:link, .event a:visited {
	display:block;
	width:200px;
	height:130px;
	border:1px solid #000;	
	background-image:url(../images/event-link.jpg);
	background-position:left;
	text-decoration:none;
	margin-top:5px;
	}
.event a:active {
	background-position:right;
	}
.event a:hover {
	background-position:right;
	}
	
	
	
.projekte div{
	border:1px solid #000;
	width:200px;
	height:130px;
	}
.projekte a:link, .projekte a:visited {
	display:block;
	width:200px;
	height:130px;
	border:1px solid #000;	
	background-image:url(../images/projekte-link.jpg);
	background-position:left;
	text-decoration:none;
	margin-top:5px;
	}
.projekte a:active {
	background-position:right;
	}
.projekte a:hover {
	background-position:right;
	}	



.environment div{
	border:1px solid #000;
	width:200px;
	height:130px;
	}
.environment a:link, .environment a:visited {
	display:block;
	width:200px;
	height:130px;
	border:1px solid #000;	
	background-image:url(../images/environment-link.jpg);
	background-position:left;
	text-decoration:none;
	margin-top:5px;
	}
.environment a:active {
	background-position:right;
	}
.environment a:hover {
	background-position:right;
	}


.gfx div{
	border:1px solid #000;
	width:200px;
	height:130px;
	}
.gfx a:link, .gfx a:visited {
	display:block;
	width:200px;
	height:130px;
	border:1px solid #000;	
	background-image:url(../images/gfx-link.jpg);
	background-position:left;
	text-decoration:none;
	margin-top:5px;
	}
.gfx a:active {
	background-position:right;
	}
.gfx a:hover {
	background-position:right;
	}




/* Positionierung, Aussehen und Wechselbild-Funktion der Links zu den einzelnen Galerien innerhlab der Kategorien */

#galerie {
	width:610px;
	height:570px;
	position:relative;
	left:350px;
	padding-top:80px;
	z-index:40;
	}
#galerie div{
	width:300px;
	height:150px;
	float:left;
	margin-right:5px;
	}
	
	
.menschen01 a:link, .menschen01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/menschen01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.menschen01 a:active {
	background-position:right;
	}
.menschen01 a:hover {
	background-position:right;
	}


.menschen02 a:link, .menschen02 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/menschen02.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.menschen02 a:active {
	background-position:right;
	}
.menschen02 a:hover {
	background-position:right;
	}
	

.menschen03 a:link, .menschen03 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/menschen03.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.menschen03 a:active {
	background-position:right;
	}
.menschen03 a:hover {
	background-position:right;
	}


.menschen04 a:link, .menschen04 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/menschen04.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.menschen04 a:active {
	background-position:right;
	}
.menschen04 a:hover {
	background-position:right;
	}
		
	
	
.body01 a:link, .body01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/body01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.body01 a:active {
	background-position:right;
	}
.body01 a:hover {
	background-position:right;
	}


.kingsandboozers a:link, .kingsandboozers a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/kingsandboozers.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.kingsandboozers a:active {
	background-position:right;
	}
.kingsandboozers a:hover {
	background-position:right;
	}


.sedcard01 a:link, .sedcard01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/sedcard01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.sedcard01 a:active {
	background-position:right;
	}
.sedcard01 a:hover {
	background-position:right;
	}


.konzert01 a:link, .konzert01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/konzert01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.konzert01 a:active {
	background-position:right;
	}
.konzert01 a:hover {
	background-position:right;
	}


.theater01 a:link, .theater01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/theater01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.theater01 a:active {
	background-position:right;
	}
.theater01 a:hover {
	background-position:right;
	}


.theater02 a:link, .theater02 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/theater02.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.theater02 a:active {
	background-position:right;
	}
.theater02 a:hover {
	background-position:right;
	}


.theater03 a:link, .theater03 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/theater03.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.theater03 a:active {
	background-position:right;
	}
.theater03 a:hover {
	background-position:right;
	}


.theater04 a:link, .theater04 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/theater04.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.theater04 a:active {
	background-position:right;
	}
.theater04 a:hover {
	background-position:right;
	}


.theater05 a:link, .theater05 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/theater05.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.theater05 a:active {
	background-position:right;
	}
.theater05 a:hover {
	background-position:right;
	}


.web01 a:link, .web01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/web01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.web01 a:active {
	background-position:right;
	}
.web01 a:hover {
	background-position:right;
	}	


.gfx01 a:link, .gfx01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/gfx01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.gfx01 a:active {
	background-position:right;
	}
.gfx01 a:hover {
	background-position:right;
	}	


.environment01 a:link, .environment01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/environment01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.environment01 a:active {
	background-position:right;
	}
.environment01 a:hover {
	background-position:right;
	}	


.environment02 a:link, .environment02 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/environment02.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.environment02 a:active {
	background-position:right;
	}
.environment02 a:hover {
	background-position:right;
	}	


.environment03 a:link, .environment03 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/environment03.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.environment03 a:active {
	background-position:right;
	}
.environment03 a:hover {
	background-position:right;
	}


.hochzeit01 a:link, .hochzeit01 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/hochzeit01.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.hochzeit01 a:active {
	background-position:right;
	}
.hochzeit01 a:hover {
	background-position:right;
	}	


.hochzeit02 a:link, .hochzeit02 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/hochzeit02.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.hochzeit02 a:active {
	background-position:right;
	}
.hochzeit02 a:hover {
	background-position:right;
	}	


.hochzeit03 a:link, .hochzeit03 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/hochzeit03.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.hochzeit03 a:active {
	background-position:right;
	}
.hochzeit03 a:hover {
	background-position:right;
	}


.hochzeit04 a:link, .hochzeit04 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/hochzeit04.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.hochzeit04 a:active {
	background-position:right;
	}
.hochzeit04 a:hover {
	background-position:right;
	}	


.hochzeit05 a:link, .hochzeit05 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/hochzeit05.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.hochzeit05 a:active {
	background-position:right;
	}
.hochzeit05 a:hover {
	background-position:right;
	}


.hochzeit06 a:link, .hochzeit06 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/hochzeit06.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.hochzeit06 a:active {
	background-position:right;
	}
.hochzeit06 a:hover {
	background-position:right;
	}


.hochzeit07 a:link, .hochzeit07 a:visited {
	display:block;
	width:300px;
	height:115px;
	border:1px solid #000;	
	background-image:url(../images/showroom/hochzeit07.jpg);
	background-position:left;
	text-decoration:none;
	font-size:0.8em;
	}
.hochzeit07 a:active {
	background-position:right;
	}
.hochzeit07 a:hover {
	background-position:right;
	}	
	


	
	
/* Positionierung und Aussehen der Showroom-Navigation in der Galerie */


#shownavigation a:link {
	color:#d79664;
	text-decoration:none;
	}
	
#shownavigation a:visited {
	color:#d79664;
	text-decoration:none;
	}	
	
#shownavigation a:hover {
	color:#ad3c42;
	text-decoration:none;
	}	
	
#shownavigation a:active {
	color:#ad3c42;
	text-decoration:none;
	}
	
#shownavigation {
	margin:0 0 0 45px;
	font-size:0.8em;
	list-style-type:none;
	color:#d79664;
	}
#shownavigation li {
	float:left;
	padding:40px 20px 0 0;	
	}

#shownavigation li .aktiv {
	color:#999999;
	}