body {background:#ffffcc;
      margin:0; border:0; padding:0; 
      height:100%;
      font-size:76%; font-family:"book antigua, verdana, arial, sans-serif"; 
      color:#ffffcc; overflow:hidden; 
      }
      
     
      
/* for internet explorer */

* html body {padding:101px 0 31px 0;}



:link img {border:none; text-decoration:none;}
:visited img {border:none; text-decoration:none;}
:link:active img, :visited:active img {border:none; text-decoration:none;}

#container {position:fixed; top:100px; left:0; bottom:30px; right:0; overflow:auto;
            color:#8f443e;
            padding:2%; font-family:"book antigua", serif; font-size:1.2em; text-align:center;
            z-index:2;}
            
* html #container {height:100%; width:100%;}

#hintergrund {position:absolute; z-index:1; width:100%; height:100%;}

#base {margin-bottom:-300px; height:50%; width:1px; float:left;}

#expo_conti {background:#ffffcc;
	position:relative; 
	height:600px;
	overflow:hidden;
	border:1px solid #8f443e;
	width:948px;
	 margin:0 auto;  clear:left;
	 z-index:800;
}
#expo_conti_an {background:#ffffcc;
	position:relative;
	height:100%;
	overflow:auto;
	border:1px solid #8f443e;
	width:948px;
	 margin:0 auto; 
	 z-index:1000;
}

     
#kopf {
      position:absolute; 
      top:0; left:0;
      width:100%; height:100px;
      overflow:auto;
      background:#8f443e url('/css/pics/kopf_back.png') repeat-x center; 
      z-index:3; 
      border-bottom:1px solid #6B312E; 
      }
* html #kopf {height:10px;}

#logo {
      position:absolute; 
      top:0; left:0;
      width:100%; height:100px;
      overflow:auto;
      background: url('/css/pics/ir_logo_kopf.png') no-repeat center; 
      z-index:4; 
      
      }

#fuss {
      position:absolute; 
      bottom:0; left:0;
      width:100%; height:30px; padding:0; margin:0;
      overflow:hidden; z-index:3;
      text-align:center; font-family:verdana; font-size:12px;
      background: #8f443e url('/css/pics/fuss_back.png') repeat-x center; color:#ffffcc;
      border-top:1px solid #6B312E; 
      }
* html #fuss {height:31px;}


#fuss a{position:relative; display:block;
      bottom:0; left:24px; color:#ffffcc; margin:0 3%; padding:0 ;}
      
#fuss_links {position:absolute; bottom:0; left:50%;  min-width:948px; height:30px; border:0; float:left;
             display:block; padding:0; margin-left:-474px; z-index:450 ;}


#scroll {
	position:relative;
	height:460px;
	overflow:hidden;
	border:1px solid #8f443e;
	width:948px;
	padding:15px; margin:auto;
	
}

#tools {
	width:9999em;
	position:absolute;
	height:400px;
}

.tool {
	float:left;
	width:1000px;
	height:400px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

.details {
	
	color:#8f443e;
	float:left; display:block; text-align:justify; overflow:auto;
	font-size:18px; font-family:verdana;
	margin: 0;
	padding:0 40px;
	width:525px; height:365px;
}

#expo h2 {font-size:22px; text-align:center;
	display:block;
	padding:10px 0;}

#expo p {float:left; display:block; padding:0 40px 0 0;}

.detailsli, .detailsre {width:48%; float:left; display:block; text-align:left;
	
}
.detailsmi {width:96%; float:left; display:block; text-align:left;
	
}

.demos {
	background-color:#8f443e;
	
	border-left:1px solid #ddd;
	float:right;
	min-height:365px;
	padding:0 25px;
	width:272px;
}

.demos h2 {
	color:#ffffcc; font-family:verdana; 
	font-size:22px;
	display:block;
	padding:10px 0;
}

.demos a {display:block;
	color:#ffffcc; font-family:verdana;
	font-size:16px; line-height:28px;
	text-decoration:none;
}

.demos p {
	margin:0 0 4px;
	background:transparent url(http://static.flowplayer.org/tools/img/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0 1px 22px;
}

#thumbs {
	background:url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat;
	height:90px;
	position:absolute;
	top:410px;
	width:990px;
	left:-8px;
}

.t a {
	background:transparent url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat scroll -21px -90px;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:90px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:314px;
	_margin-left:304px;
}

/* CSS sprite for the navigation */
#t0 		  { margin-left:20px; _margin-left:10px;}
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }

#t1			{ background-position:-325px -90px; }
#t1:hover 	{ background-position:-325px -180px; }
#t1:active	{ background-position:-325px -270px; }
#t1.active	{ background-position:-325px 0 !important; }

#t2			{ background-position:-435px -90px; }
#t2:hover 	{ background-position:-435px -180px; }
#t2:active	{ background-position:-435px -270px; }
#t2.active	{ background-position:-435px 0 !important; }

#t3			{ background-position:-545px -90px; }
#t3:hover 	{ background-position:-545px -180px; }
#t3:active	{ background-position:-545px -270px; }
#t3.active	{ background-position:-545px 0 !important; }

#t4			{ background-position:-655px -90px; }
#t4:hover 	{ background-position:-655px -180px; }
#t4:active	{ background-position:-655px -270px; }
#t4.active	{ background-position:-655px 0 !important; }

#t5			{ background-position:-765px -90px; }
#t5:hover 	{ background-position:-765px -180px; }
#t5:active	{ background-position:-765px -270px; }
#t5.active	{ background-position:-765px 0 !important; }

#t6			{ background-position:-875px -90px; }
#t6:hover 	{ background-position:-875px -180px; }
#t6:active	{ background-position:-875px -270px; }
#t6.active	{ background-position:-875px 0 !important; }

#galerie_solo {position:relative; height:270px; width:260px; float:left; display:block;
          border:0; background-color:#8f443e;
	      margin:20px 25px 20px 25px; overflow:hidden;}
	      
.galli_solo {position:absolute; top:178px; left:34px; width:88px; height:92px;
        text-align:left; font-size:10px; line-height:6px; text-decoration:none; padding:2px 0;}
.galre_solo {position:absolute; top:178px; right:34px; width:88px; height:92px;  
        text-align:right; font-size:10px; line-height:6px; text-decoration:none; padding:2px 0;}
        
#galerie_miet {position:relative; height:292px; width:260px; float:left; display:block;
          border:0; background-color:#8f443e;
	      margin:20px 25px 20px 25px; overflow:hidden;}
	      
.galli_miet {position:absolute; top:120px; left:14px; width:108px; height:170px;
        text-align:left; font-size:12px; line-height:8px; text-decoration:none; padding:2px 0;}
.galre_miet {position:absolute; top:120px; right:14px; width:108px; height:170px;  
        text-align:right; font-size:12px; line-height:8px; text-decoration:none; padding:2px 0;}


#galerie {position:relative; height:240px; width:260px; float:left; display:block;
          border:0; background-color:#8f443e;
	      margin:20px 25px 20px 25px; overflow:hidden;}
	      
.link {display:block; text-decoration:none; width:260px; height:240px;}

#galdetail {color:#ffffcc; font-family:verdana;
            display:block; float:left;
            }
            
#galdetail h3{ position:absolute; top:5px; left:20px; width:220px; height:36px; 
               display:block; font-size:12px; margin:5px 0;}
	          
#galdetail img {position:absolute; top:48px; left:35px; width:184px; height:124px;
                border:1px solid #ffffcc; display:block; padding:2px; }

 #galdetail a {position:absolute; top:48px; left:24px; width:202px; height:60px;
                border:1px solid #ffffcc; display:block; text-align:justify; padding:2px; font-size:12px;}
                               

.galli {position:absolute; top:178px; left:34px; width:88px; height:62px;
        text-align:left; font-size:10px; line-height:6px; text-decoration:none; padding:2px 0;}
.galre {position:absolute; top:178px; right:34px; width:88px; height:62px;  
        text-align:right; font-size:10px; line-height:6px; text-decoration:none; padding:2px 0;}
	          
	          


#haus {width:930px; height:11px; display:block; text-align: center; letter-spacing: 20px; margin:2px auto;}


#mail {position:absolute; bottom:0; left:0; width:44px; height:30px; float:left; display:block; overflow:hidden;
       border-left:1px solid transparent; border-right:1px solid transparent;
       }
#mail:hover {border-left:1px solid #ffffcc; border-right:1px solid #ffffcc;}       

#serv {position:absolute; bottom:0; left:0; width:110px; height:30px; float:left; display:block; 
       border-left:1px solid transparent; border-right:1px solid transparent; overflow:hidden;}
#serv:hover {border-left:1px solid #ffffcc; border-right:1px solid #ffffcc;}

#imp  {position:absolute; bottom:0; left:0; width:110px; height:30px; float:left; display:block; 
       border-left:1px solid transparent; border-right:1px solid transparent; overflow:hidden;}
#imp:hover {border-left:1px solid #ffffcc; border-right:1px solid #ffffcc;}

#tel {position:absolute; bottom:0; left:0; width:160px; height:30px; float:left; display:block; overflow:hidden;}
#fax {position:absolute; bottom:0; left:0; width:160px; height:30px; float:left; display:block; overflow:hidden;}