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%;}



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



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

#logo {
      position:absolute; 
      top:0; left:0;
      width:100%; height:100px;
      overflow:auto;
      background: url('/css/pics/ir_logo_kopf.png') no-repeat center; 
      height:100px; 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 {background:#ffffcc;
	position:relative;
	height:460px;
	overflow:hidden;
	border:1px solid #8f443e;
	width:948px;
	padding:15px; margin:0 auto; clear:left;
	
}

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

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

.details {
	background:#ffffcc; float:left; display:block; text-align:justify; overflow:auto;
	margin: 0; padding:0 40px; width:525px; height:365px;
}
.details h3 {color:#8f443e; font-size:16px; font-family:verdana; font-weight:bold; text-decoration:none}
.details a,
.details p {display:block; color:#8f443e; font-size:14px; font-family:verdana; font-weight:normal;line-height:28px;  text-decoration:none}
.details h2 {color:#8f443e; font-size:16px; font-family:verdana; font-weight:bold; text-decoration:none}

#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 {padding:0 30px; float:left; display:block; text-align:left;
	
}



.detailmos {background:#8f443e url('/css/pics/notar_bg.png') repeat-x ; color:#ffffcc;
	float:right; height:250px; margin:10px 0px; padding:0 25px; width:400px;}

.demoli {width:30%; float:left; display:block; text-align:left;}

.demore {width:70%; float:left; display:block; text-align:left;}
.demosre a:link {text-decoration:underline;}
.demosre a:visited {text-decoration:underline;}

.detailmos h3 {color:#ffffcc; font-family:verdana; 
	font-size:16px; display:block; padding:5px 0;}

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


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

.demos h2 { text-align:center;
	color:#ffffcc; font-family:verdana; 
	font-size:20px;
	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('/css/pics/bullet.png') no-repeat scroll 0 2px;
	padding:2px 0 1px 22px;
}

#thumbs {
	background:url('/css/pics/menue_tab_red_info.png') no-repeat;
	height:90px;
	position:absolute;
	top:410px;
	width:990px;
	left:-8px;
}

#thumbs_imp {
	background:url('/css/pics/menue_tab_red_imp.png') no-repeat;
	height:90px;
	position:absolute;
	top:410px;
	width:990px;
	left:-8px;
}

.t a {
	background:transparent url('/css/pics/menue_tab_red_info.png') no-repeat scroll -21px -90px;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:90px;
	cursor:pointer;
}

.t_imp a {
	background:transparent url('/css/pics/menue_tab_red_imp.png') 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; }

#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;}

#notarli {float:left; display:block; width:240px; height:75px; margin:0 0 40px 0; padding:10px 0 5px 0;}
#notarre {float:right; display:block; width:240px; height:75px; margin:0 0 40px 0; padding:10px 0 5px 0;}
#archi {float:left; display:block; width:240px; height:60px; margin:0 0 40px 0; padding:0;}