body 		{
				text-align: left;
				font-size: 9pt;
				font-family: Century Gothic, Arial, sans-serif;
				margin: 0;
				color: #333333;
				background-color: #24262a;
				}
		
#wrapper	{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100.01%;
				height: 100.01%;
				}
							
#horizontal{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 100.01%;
	height: 510px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../images/00002.png);
	background-position: left top;
	background-repeat: repeat;
				}
				
#horizontal.dark{
	background-image: url(../images/lightboxoverlay.png);
	background-position: left top;
	background-repeat: repeat;
				}
				
* html #horizontal.dark{
	background-image: url(../images/lightboxoverlay.gif);
	background-position: left top;
	background-repeat: repeat;
				}
				
* html #horizontal{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 100.01%;
	height: 510px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-image: none;
	background-color: #EFEFEF;
				}
				
#vertikal	{
	position: absolute;
	top: 0px;
	right: 150px;
	width: 450px;
	height: 100.01%;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color: #440000;
				}
#vertikal.dark	{
	width: 458px;
						}
				
#content	{
	position: absolute;
	top: 101px;
	left: 150px;
	width: 810px;
	height: 510px;
				}

#imgpos	{
				position: absolute;
				top: 30px;
				left: 50px;
				width: 300px;
				height: 300px;
				border: 1px solid #FFFFFF;
	 			background-color: #242529;
				}

#imgpos_start	{
				position: absolute;
				top: 80px;
				left: 40px;
				width: 300px;
				height: 300px;
				}

#imgpos_fla	{
				position: absolute;
				top: -80px;
				left: -40px;
				width: 450px;
				height: 450px;
				}
				
#inline		{
	position: absolute;
	top: 65px;
	right: 0px;
	width: 580px;
	height: 440px;
				}
				
#logo		{
	position: absolute;
	top: 44px;
	right: 95px;
	width: 114px;
	height: 116px;
	border: 1px solid white;
	background-image: url(../images/logo_small.png);
	background-position: center;
	background-repeat: no-repeat;
				}
				
* html #logo		{
				background-image: url(../images/logo_small.gif);
				background-position: center;
				background-repeat: no-repeat;
				}


#contlist 	{
	position: absolute;
	bottom: 40px;
	left: 30px;
	width: 550px;
	height: 200px;
			}
			
#liste	{
		list-style-position: outside;
		line-height: 1.6em;
		list-style: none;
		}
		
#liste a, #liste a:visited {
		color: #330000;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px dotted #330000;
		}
		
#liste a:active, #liste span {
		color: #990000;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px dotted #990000;
		}
		
#liste li a:hover, #liste li a:focus {
		color: #777777;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px dotted #777777;
		}
		
#inline_left	{
	position: absolute;
	text-align: right;
	top: 45px;
	left: 80px;
	width: 30px;
	height: 350px;
					}
		
#inline_right	{
	position: absolute;
	top: 50px;
	left: 130px;
	width: 300px;
	height: 300px;
					}
							
#mailing			{
	position: absolute;
	left: 70px;
	top: 80px;
	margin-left: 25px;
	width: 300px;
	height: 300px;
	background-image: url(../images/00002.png);
	background-position: left;
	background-repeat: repeat;
	border: 1px solid #FFFFFF;
	font-size: 8pt;
	text-align: center;
					}
					
* html #mailing	{
					background-image: none;
					background-color: #FFFFFF;
					}
					
#mailing p		{color: #333300}

#mailing img	{position: absolute; right: -1px; top: -1px; width: 25px; height: 25px}

	
/* --- FOOTER --- */
			
#footer{
	position: absolute;
	left: 0px;
	bottom: -22px;
	height: 20px;
	width: 100%;
	font-size: 11px;
	color: #e1e1e1;
	text-align: right;
         }
#footer a	{text-decoration: none; border: none; color: #e1e1e1;font-weight:normal}

ul.foot
{
	position: absolute;
	top: 3px;
	right: 0px;
	width: 200px;
}

ul.foot li
{
	display: inline;
}

ul.lang
{
	position: absolute;
	top: 3px;
	left: 0px;
}

ul.foot li.lang
{
	width: 300px;
	float: left;
}
	
/* -- Images -- */
				
.img_001	{
				background-image: url(../images/img_001.jpg);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_002	{
				background-image: url(../images/img_002.gif);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_003	{
				background-image: url(../images/img_003.png);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_004	{
				background-image: url(../images/img_004.jpg);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_005	{
				background-image: url(../images/img_005.jpg);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_007	{
				background-image: url(../images/img_007.jpg);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_008	{
				background-image: url(../images/img_008.jpg);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_009	{
				background-image: url(../images/img_009.jpg);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_0010	{
				background-image: url(../images/img_0010.jpg);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.img_0011	{
				background-image: url(../images/img_0011.jpg);
				background-position: center;
				background-repeat: no-repeat;
				}
				
.ref_003big{
				background-image: url(../images/ref_003_big.png);
				background-position: center;
				background-repeat: no-repeat;
				}
				
/* -- TIP -- */

#qTip	 	{
				padding: 3px;
				border: 1px solid #444444;
				display: none;
				background-image: url(../images/00004.png);
				background-position: left top;
				background-repeat: repeat;
				color: #FFFFFF;
				font: normal 9pt Century Gothic, Arial, Helvetica;
				text-align: left;
				position: absolute;
				z-index: 1000;
				}
				
/* -- Toggle -- */
					
#animation1		{
					position: absolute;
					left: 0px;
					top: 30px;
					width: 400px;
					height: 400px;
					background-image: url(../images/lightboxoverlay.png);
					background-position: center;
					background-repeat: repeat;
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#animation2		{
					position: absolute;
					left: 0px;
					top: 30px;
					width: 400px;
					height: 400px;
					background-image: url(../images/lightboxoverlay.png);
					background-position: center;
					background-repeat: repeat;
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#animation3		{
					position: absolute;
					left: 0px;
					top: 30px;
					width: 400px;
					height: 400px;
					background-image: url(../images/lightboxoverlay.png);
					background-position: center;
					background-repeat: repeat;
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#animation4		{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 400px;
	height: 400px;
	background-image: url(../images/lightboxoverlay.png);
	background-position: center;
	background-repeat: repeat;
	font-size: 8pt;
	text-align: left;
	border: 1px solid #CCCCCC;
					}
					
#animation5		{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 400px;
	height: 400px;
	background-image: url(../images/lightboxoverlay.png);
	background-position: center;
	background-repeat: repeat;
	font-size: 8pt;
	text-align: left;
	border: 1px solid #CCCCCC;
					}
					
#animation6		{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 400px;
	height: 400px;
	background-image: url(../images/lightboxoverlay.png);
	background-position: center;
	background-repeat: repeat;
	font-size: 8pt;
	text-align: left;
	border: 1px solid #CCCCCC;
					}
					
#view1		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle2.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view2		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle5.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view3		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle1.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view4		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle11.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view5		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle3.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view6		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle4.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view7		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle6.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view8		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle7.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view9		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle8.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view10		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle10.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view11		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle9.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#view12		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/view_toggle12.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#beschreibung1,
#beschreibung2,
#beschreibung3,
#beschreibung4,
#beschreibung5,					
#beschreibung6,
#beschreibung7,
#beschreibung8,
#beschreibung9,
#beschreibung10,
#beschreibung11,
#beschreibung12 	{
								position: absolute;
								top: 315px;
								left: 10px;
								width: 380px;
								}
					
#beschreibung1 h3,#beschreibung1 h4,#beschreibung1 h6,#beschreibung1 p,#beschreibung1 a,
#beschreibung2 h3,#beschreibung2 h4,#beschreibung2 h6,#beschreibung2 p,#beschreibung2 a,
#beschreibung3 h3,#beschreibung3 h4,#beschreibung3 h6,#beschreibung3 p,#beschreibung3 a,
#beschreibung4 h3,#beschreibung4 h4,#beschreibung4 h6,#beschreibung4 p,#beschreibung4 a,
#beschreibung5 h3,#beschreibung5 h4,#beschreibung5 h6,#beschreibung5 p,#beschreibung5 a,
#beschreibung6 h3,#beschreibung6 h4,#beschreibung6 h6,#beschreibung6 p,#beschreibung6 a,
#beschreibung7 h3,#beschreibung7 h4,#beschreibung7 h6,#beschreibung7 p,#beschreibung7 a,
#beschreibung8 h3,#beschreibung8 h4,#beschreibung8 h6,#beschreibung8 p,#beschreibung8 a,
#beschreibung9 h3,#beschreibung9 h4,#beschreibung9 h6,#beschreibung9 p,#beschreibung9 a,
#beschreibung10 h3,#beschreibung10 h4,#beschreibung10 h6,#beschreibung10 p,#beschreibung10 a,
#beschreibung11 h3,#beschreibung11 h4,#beschreibung11 h6,#beschreibung11 p,#beschreibung11 a,
#beschreibung12 h3,#beschreibung12 h4,#beschreibung12 h6,#beschreibung12 p,#beschreibung12 a	{color: white}


					
#work1		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle1.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}				
#work2		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle2.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}				
#work3		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle3.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}				
#work4		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle4.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}			
#work5		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle5.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}		
#work6		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle6.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}	
#work7		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle7.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
#work8		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle8.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
#work9		{
					position: absolute;
					left: 50px;
					top: 10px;
					width: 400px;
					height: 600px;
					background-image: url(../images/work_toggle9.jpg);
					font-size: 8pt;
					text-align: left;
					border: 1px solid #CCCCCC;
					}
					
#illu_bsp1	{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; background-image: url(../images/bild-bearbeitung/illu_bsp3.jpg);}
					
#illu_bsp2	{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; background-image: url(../images/bild-bearbeitung/illu_bsp1.jpg);}
					
#illu_bsp3	{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; background-image: url(../images/bild-bearbeitung/illu_bsp2.jpg);}
					
#illu_bsp4	{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; background-image: url(../images/bild-bearbeitung/logos.jpg);}
					
#illu_bsp5	{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; background-image: url(../images/bild-bearbeitung/illu_bsp4.jpg);}
					
#fdes_bsp1	{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; cursor: pointer}
					
#fdes_bsp2	{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; cursor: pointer}
					
#foto_bsp1	
{
position: absolute; 
top: 30px; 
left: 0px; 
width: 400px; 
height: 400px; 
border: 2px solid white; 
background-image: url(../images/bild-bearbeitung/foto_bsp2.jpg); 
background-position: center; 
background-repeat: no-repeat;
background-color: #000;
}
					
#foto_bsp2	
{
position: absolute; 
top: 30px; 
left: 0px; 
width: 400px; 
height: 400px; 
border: 2px solid white; 
background-image: url(../images/bild-bearbeitung/foto_bsp1.jpg); 
background-position: center; 
background-repeat: no-repeat;
background-color: #000;
}
					
#foto_bsp3	
{
position: absolute; 
top: 30px; 
left: 0px; 
width: 400px; 
height: 400px; 
border: 2px solid white; 
background-image: url(../images/bild-bearbeitung/foto_bsp3.jpg); 
background-position: top center; 
background-repeat: no-repeat;
background-color: #000;
}
					
#foto_bsp4	
{
position: absolute; 
top: 30px; 
left: 0px; 
width: 400px; 
height: 400px; 
border: 2px solid white; 
background-image: url(../images/bild-bearbeitung/foto_bsp4.jpg); 
background-position: center; 
background-repeat: no-repeat;
background-color: #000;
}
					
#face	{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; cursor: pointer}				
#hair		{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; cursor: pointer}				
#doc		{position: absolute; top: 30px; left: 48px; width: 300px; height: 372px; border: 2px solid white; cursor: pointer}

/* --- LINK-STYLE --- */


a:link {
       font-weight: bold;
       color: #330000;
       text-decoration: underline;
}
a:visited {
	 		font-weight: bold;
          	color: #330000;
          	text-decoration: underline;
}
a:focus {
        font-weight: bold;
        color: #820000;
        text-decoration: underline;
}
a:hover {
		font-weight: bold;
        color: #820000;
        text-decoration: none;
}
a:active {
		font-weight: bold;
        color: #AB9992;
        text-decoration: none;
}


/* --- CLASS-STYLE --- */

blockquote		{margin: 5px 20px}
.dot			{position: relative; border-bottom: 1px dotted #700000; width: 300px}
.white			{color: #FFFFFF}
.red			{color: #820000}
.help			{cursor: help; border-bottom: 1px dotted}
a.bold			{font-weight: bold; color: #330000}
a.small			{font-weight: normal; color: #330000; font-size: 8pt; text-decoration: none}
a.smaller		{font-weight: bold; color: #330000; font-size: 9pt; text-decoration: none}
.smaller		{font-weight: bold; color: #330000; font-size: 9pt; text-decoration: none}
a.smaller_now	{font-weight: bold; color: #330000; font-size: 10pt; text-decoration: none; border-bottom: 1px dotted;}
a.ref 		{font-size:   10pt; text-decoration: none; font-weight: bold; color: #330000}
.txtid			{}
h4.txtid2		{
		   display: block;
		   height: 25px;
		   margin: 6px auto;
		   text-decoration: none;
}

a.ref,
a:link.ref,
a:visited.ref {
		   font-weight: normal;
		   color: beige;
		   text-align: center;
		   display: block;
		   width: 25px;
		   line-height: 25px;
		   background-color: #820000;
		   text-decoration: none;
}
a:focus.ref {
	 		font-weight: normal;
          	color: #FFFFFF;
	   		background-color: #330000;
		   text-decoration: none;
}
a:hover.ref {
	 		font-weight: normal;
          	color: #FFFFFF;
	   		background-color: #330000;
		   text-decoration: none;
}
a:active.ref {
			font-weight: bold;
		   color: beige;
		   background-color: #7A6D68;
		   text-decoration: none;
}


a.ref2,
a:link.ref2,
a:visited.ref2 {
		   font-weight: normal;
		   color: beige;
		   text-align: center;
		   width: 25px;
		   padding: 3px 8px;
		   background-color: #820000;
		   text-decoration: none;
}
a:focus.ref2 {
	 		font-weight: normal;
          	color: #FFFFFF;
	   		background-color: #330000;
		   text-decoration: none;
}
a:hover.ref2 {
	 		font-weight: normal;
          	color: #FFFFFF;
	   		background-color: #330000;
		   text-decoration: none;
}
a:active.ref2 {
			font-weight: bold;
		   color: beige;
		   background-color: #7A6D68;
		   text-decoration: none;
}

/* --- HEADLINES --- */

h1, h2, h3, h4, h5, h6	
	{
   	font-weight: bold;
	margin: 2px auto;
   	text-decoration: none;
  	color: #330000;
	}
	
p	{margin: 6px auto; line-height: 12pt}

h1 {font-size: 12pt}
h2 {font-size: 11pt}
h3 {font-size: 10pt}
h4 {font-size:   9pt}
h5 {font-size:   8pt}
h6 {font-size:   7pt}

img,  img a	{border: none}