/* -- Hauptlayout -- */

body {
	padding-top: 0.5em;
	font-family: verdana, sans-serif;
	font-size: 1em;
	background-color: #ACACAE;
	background-image: url(../images/hg1_pkt.gif);
}

#siteBox { 
  margin-left: auto;
  margin-right: auto;
  width: 1191px;
  color: #fff;
  background-color:#ACACAE;

}

/* -- Kopfzeile Anzeige und Layout -- */

#header {
  width: 100%;
  height: 99px;
  background: url(../images/header_hg1.png) no-repeat top left;
  
}

#header a {
  float: right;
  width: 8.6em;
  padding: 5px 10px 5px 10px;
  margin-top: 3px;
  margin-right: 11px;
  font-size: 0.6em;
  text-align: center;
  text-decoration: none;
  color: #FFF;  
  background-color: #666;
  border-bottom: 2px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
}

#header a:hover, #header a.active {
  padding-top: 5px;
  margin-top: 3px;
  margin-right: 11px;
  background-color: #333;
  color: #fbc6bf;
}


#header a.lastMenuItem {
  background-image: url(../images/corner_tr1.gif);
  background-repeat: no-repeat;
  background-position: top right;
  border-right: 0px;
}

#header a.lastMenuItem_active {
  color: #fbc6bf;
  padding-top: 5px;
  margin-top: 3px;
  margin-right: 11px;
  background-color: #333;
  background-image: url(../images/corner_tr1.gif);
  background-repeat: no-repeat;
  background-position: top right;
  border-right: 0px;
}


a .desc {
  display: none;
  text-transform: lowercase;
  color: #fbc6bf;  
}

a:hover .desc, .active .desc {

  display: block;
  color: #fbc6bf;
}


#textbox_mini_sml{
	position:static;
	left: 500px;
	top: 630px;
	width: 598px;
	height: 80px;
	margin-left: 14px;
	margin-top: 15px;
	border: #ccc 1px solid;
	overflow: auto;
	scrollbar-face-color: #ccc;
	scrollbar-track-color: #ccc;
	
	
	text-align: justify;
	font-size: 1.0em;
	line-height: 1.8em;
  }



/* -- Kopftitel und Untertitel Anzeige und Layout -- */

.subTitle {
  font-size: 0.9em;
 line-height: 1.2em;
 letter-spacing: 0em;
 color: #d00c1b;
}

#header_tab {
	float: left;
	width: 324px;
	height: 90px;
}

#header_logo {
	float: left;
	margin-top:20px;
	margin-left:0px;
}

#header_grafik_links {
	float: left;
	margin-top:-34px;
	margin-left:2px;
	width: 176px;
	height: 130px;
	background-image: url(../images/titel_links.png);
	background-repeat:no-repeat;
	background-position:left top;

}

#header_grafik_rechts {
	float: left;
	margin-top:-34px;
	margin-left:0px;
	width: 100px;
	height: 130px;
	background-image: url(../images/titelgrafik2.png);
	background-repeat:no-repeat;
	background-position:top right;
}

/* -- Inhalt Anzeige und Layout -- */

#content {
	float: left;
	width: 1189px;
	height: 625px;
	padding: 11px 0 15px 0;
	background-color: #ACACAE;
	border-left: 2px solid #e2c9c5;
	background-image: url(../images/rand_rechts.png);
	background-position: right top;
	background-repeat: repeat-y;
}

#contentLeft_1 {
	float: left;
	width: 280px;
	background-image: url(../images/naviSubFeld_obenBlau.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 397px;
	color: #003399;
	letter-spacing: 0.03em;
}
#contentLeft_1a {
	float: left;
	width: 280px;
	background-image: url(../images/naviSubFeld_obenGrau.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 430px;
	color: #003399;
}
#contentLeft_2 {
	float: left;
	width: 280px;
	margin-top: 0.8em;
	background-image: url(../images/naviSubFeld_untenGrau.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 190px;
}

#contentRight {
	float: right;
	width: 890px;
	height: 645px;
	}
#textbox0 {
	position: static;
	width: 542px;
	height: 530px;
	border: #ccc 1px solid;
	overflow: auto;
	scrollbar-face-color: #ccc;
	scrollbar-track-color: #ccc;
	text-align: justify;
	font-size:0.85em;
	color:#fff;
	left: 652px;
	top: 210px;
}	
/* Inhaltsformatierung home-Seite, links*/
	
#sp_01 {
	float: left;
	height: 635px;
	width: 440px;
	}

#sp_01a {
	float: left;
	margin-top: 15px;
	height: 47px;
	width: 440px;
	background-image:url(../images/smilift-logo_mText.png);
	background-repeat:no-repeat;
	}
	
	#sp_01a_gb {
	float: left;
	margin-top: 15px;
	height: 47px;
	width: 440px;
	background-image:url(../images/smilift-logo_en-text.png);
	background-repeat:no-repeat;
	}
	
#sp_01b {
	float: left;
	margin-top: -15px;
	height: 430px;
	width: 440px;
	background-image:url(../images/smilift-titelfoto.png);
	background-repeat:no-repeat;
	}

#sp_01c_box {
	float: left;
	height: 120px;
	width: 440px;
	margin-left: 18px;
	background-image:url(../images/smilift-boxSchalter.png);
	background-repeat:no-repeat;
	}
	
/* Inhaltsformatierung folge-Seiten symmetrisch, links */	
	
#sp_sym_01 {
	float: left;
	height: 635px;
	width: 440px;
	}

#sp_sym_01a {
	float: left;
	margin-top: 15px;
	height: 47px;
	width: 440px;
	}
	
#sp_sym_01b {
	float: left;
	margin-top: -15px;
	height: 430px;
	width: 440px;
}

#sp_sym_01c_box {
	float: left;
	height: 120px;
	width: 440px;
	margin-left: 18px;
	}	

/* Inhaltsformatierung folge-Seiten asymmetrisch, links */	
	
#sp_asym_01 {
	float: left;
	height: 465px;
	width: 273px;
	}

#sp_asym_01_DB {
	float: left;
	height: 465px;
	width: 240px;
	}

#sp_asym_01a {
	float: left;
	margin-top: 15px;
	height: 47px;
	width: 273px;
	}
	
#sp_asym_01b {
	float: left;
	margin-top: -15px;
	height: 550px;
	width: 240px;
}	

#sp_asym_01b_DB {
	float: left;
	margin-top: -15px;
	height: 550px;
	width: 273px;
}	

#sp_asym_01c_box {
	float: left;
	height: 120px;
	width: 440px;
	margin-left: 18px;
	}		
/* Inhaltsformatierung Produkt-Seite asymmetrisch, links */	
	
#sp_asym_001 {
	float: left;
	height: 465px;
	width: 199px;
	}

#sp_asym_001a {
	float: left;
	margin-top: 15px;
	height: 47px;
	width: 273px;
	}
	
#sp_asym_001b {
	float: left;
	margin-top: -15px;
	height: 475px;
	width: 199px;
}	

#sp_asym_001b a {
	background-color: none;
	text-decoration:none;
	
}

#sp_asym_001b a:hover {


}


#sp_asym_001c_box {
	float: left;
	height: 120px;
	width: 440px;
	margin-left: 18px;
	}		

/* Inhaltsformatierung home-Seite, rechts */	
	
#sp_02 {
	float: right;
	height: 635px;
	width: 440px;
	}

#sp_02a {
	float: right;
	margin-top: 15px;
	height: 47px;
	width: 440px;
	background-image:url(../images/smigrip-logo_mText.png);
	background-repeat:no-repeat;
	}

#sp_02a_gb {
	float: right;
	margin-top: 15px;
	height: 47px;
	width: 440px;
	background-image:url(../images/smigrip-logo_en-text.png);
	background-repeat:no-repeat;
	}
	
#sp_02b {
	float: right;
	margin-top: -12px;
	height: 430px;
	width: 440px;
	background-image:url(../images/smigrip-titelfoto.png);
	background-repeat:no-repeat;
	}

#sp_02c_box {
	float: right;
	height: 120px;
	margin-top: -3px;
	width: 440px;
	margin-right: -5px;
	background-image:url(../images/smigrip-boxSchalter.png);
	background-repeat:no-repeat;
	}

/* Inhaltsformatierung folge-Seiten symmetrisch, rechts */	

#sp_sym_02 {
	float: right;
	height: 635px;
	width: 440px;
	}

#sp_sym_02a {
	float: right;
	margin-top: 15px;
	height: 47px;
	width: 440px;
	}
	
#sp_sym_02b {
	float: right;
	margin-top: -15px;
	height: 430px;
	width: 440px;
	}

#sp_sym_02c_box {
	float: right;
	height: 120px;
	margin-top: -3px;
	width: 440px;
	margin-right: -5px;
	}
	
/* Inhaltsformatierung Folge-Seiten asymmetrisch, rechts */	

#sp_asym_02 {
	float: right;
	height: 565px;
	width: 545px;
	margin-right: 50px;
	}

#sp_asym_02_DB {
	float: right;
	height: 565px;
	width: 568px;
	margin-right: 82px;
	}

#sp_asym_02a {
	float: right;
	margin-top: 15px;
	height: 47px;
	width: 545px;
	}

#sp_asym_02b {
	float: right;
	margin-top: -15px;
	height: 585px;
	width: 545px;
	}

#sp_asym_02b_DB {
	float: right;
	margin-top: -15px;
	height: 585px;
	width: 545px;
	}

#sp_asym_02c_box {
	float: right;
	height: 120px;
	margin-top: -3px;
	width: 440px;
	margin-right: -5px;
	}

/* Inhaltsformatierung Produkt-Seite asymmetrisch, rechts */	

#sp_asym_002 {
	float: right;
	height: 465px;
	width: 619px;
	margin-right: 50px;
	}

#sp_asym_002a {
	float: right;
	margin-top: 15px;
	height: 47px;
	width: 545px;
	}

#sp_asym_002b {
	float: right;
	margin-top: -15px;
	height: 475px;
	width: 619px;
	position: static;
	}

#sp_asym_002c_box {
	float: right;
	height: 120px;
	margin-top: -3px;
	width: 440px;
	margin-right: -5px;
	}


.contentLeft_home {
	text-align: left;
	display: block;
	width: 92%;
	color: #FFFFFF;
}

#content p {
	margin: 1.2em 1.2em 2em 1.2em;
	font-size: 0.8em;
	line-height: 1.8em;
	width: 92%;
	text-align: justify;
}

#content a {  
  text-decoration: none;
  color: #ddd;
}

#content a:hover {
  color: #fbc6bf;
  background-color: #888;
}

#content a:visited {
  border:#fbc6bf;
}


#contentRight a {
}

#contentRight a:hover { background:none;
}

#contentRight a:visited {
}

.ueberschrift_klein {
	display: block;
	clear: right;
	font-weight: bold;
	font-size: .95em;
	text-transform: lowercase;
	color: #fbc6bf;
	border-bottom: 1px solid #fbc6bf;
	letter-spacing: 1px;
	width: 92%;
}
.ueberschrift, .subHeader {
	display: block;
	clear: right;
	font-weight: bold;
	font-size: .95em;
	text-transform: lowercase;
	color: #fbc6bf;
	letter-spacing: 1px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fbc6bf;
}


.Stil_Termin {
	color: #FBC6BF;
	font-weight: bold;
}



.Stil2 {
	color: #D01A28;
	font-size: x-large;
}

.Stil10 {font-size: .8}

.Stil11 {color: #FF6306}

.Stil122 {color: #2E61B0}

h1 {
	color:#666;
	font-size:0.75em;
	margin-left: 1.2em;
}
	
	
.header_home {
	display: block;
	text-align:left;
	clear: right;
	font-size: 1.1em;
	color: #FBC6BF;
	letter-spacing: 0.01em;
	width: 92%;
	font-weight: bold;
}

.subHeader {
  border: 0px;
}

#tab_messe {
	float:left;
	height: 410px;
	width: 545px;
}

.content_messe {
font-size: 0.8em;
}

/* -- SubNavi linke Seite -- */

#content a.menuItem {
  color: #DDD;
  display: block;  
  padding: 5px 0 5px 28px;
  margin-right: 19px;
  background: url(../images/icon_quadrat.png) no-repeat top left;
  border: 0px;
}
#content a.menuItem_active {
  display: block;
  color: #fbc6bf;
  padding: 5px 0 5px 28px;
  margin-right: 19px;
  background: url(../images/icon_dreieck_on.png) no-repeat top left;
  border: 0px;
  cursor: default;
}
#content a.naviSub_unten_1 {
	display: block;
	padding: 5px 0 5px 54px;
	margin-right: 19px;
	border-style:none;
	background-image: url(../images/data_sheets.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#content a.naviSub_unten_2_gb {
	display: block;
	padding: 5px 0 5px 54px;
	margin-right: 19px;
	border-style:none;
	background-image: url(../images/english.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#content a.naviSub_unten_2_gr {
	display: block;
	padding: 5px 0 5px 54px;
	margin-right: 19px;
	border-style:none;
	background-image: url(../images/deutsch.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
#content a:hover.menuItem { 
  color: #fbc6bf;
  background: #888 url(../images/icon_quadrat_on.png) no-repeat top left;
  border: 0px;
}

#content a:hover.menuItem_active { 
  color: #fbc6bf;
  background: url(../images/icon_dreieck_on.png) no-repeat top left;
  border: 0px;
  cursor: default;
}

#image {
  background: url(../images/ersLager.jpg) no-repeat;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* -- Fußzeile Anzeige und Layout -- */

#footer {
	float: left;
	width: 100%;
	height: 43px;
	font-size: 0.7em;
	text-transform: lowercase;
	line-height: 2.6em;
	color: #66CCFF;
	background-image: url(../images/footer_hg.png);
	background-position: top right;
	
}

#footerLeft {
  float: left;
  width: 60%;
  height: 47px;
  text-align: left;
}

#footerRight {
  float: right;
  width: 40%;
  height: 47px;
  text-align: right;
}

#footer a {
  color: #333333;
}

#footer a:hover {
	color: #E19795;
}

/* -- Fußzeilen -Formate -- */

.bottom_menu {
  font-size: 0.9em;
  color: #AAA;
}

.white {
  color: #FFF;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #AAA;
}

/* -- <Listenelement -Formate>  -- */

ul{
  font-size: 0.8em;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style-image: url(../images/xxx.png);
}

li {
  margin-left: 50px;
}

/* -- Bildsatz -Formate -- */

.imgLeft {
  float: left;
  margin-left: 0px;
  margin-right: 20px;
}

.imgRight {
  float: right;
  margin-right: 0px;
  margin-left: 20px;
}

.img_symLeft {
	margin-top: 15px;
	margin-left: 15px;
}

/* -- Toolklassen für untere, gerundete Ecken  -- */

.bottomCorner {
  text-align: right;
}

.vBottom {
  vertical-align: bottom;
}


/* -- L_B - Styles  -- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick für IE */
 display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/L_B/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/L_B/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#siteBox #header #header_grafik_links {
}
#siteBox #header {
}

/*   ---Hoverbox Code für Galerie---   */

.ga_hoverbox
{
	cursor: default;
	list-style: none;
}

.ga_hoverbox a
{
	cursor: default;
}

.ga_hoverbox a .ga_preview
{
	display: none;
}

.ga_hoverbox a:hover .ga_preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 5;
	cursor:pointer;
}

.ga_hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.ga_hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.ga_hoverbox .ga_preview
{
	border-color: #000;
	width: 250px;
	height: 175px;
}
#textbox1 {
	position: absolute;
	width: 793px;
	height: 500px;
	top: 216px;
	left: 362px;
	border: #ccc 1px solid;
	overflow: no;
	background-repeat:no-repeat;
	background-position: center 93px;
	background-attachment:fixed;
	scrollbar-face-color: #ccc;
	scrollbar-track-color: #ccc;
	text-align: left;
	font-size:95%;
	color:#333333;
	z-index: 10;
	list-style:none;
	padding-right:20px;
}

#textbox_index {
	position: relative;
	width: 554px;
	height: 373px;
	top: 40px;
	left: 73px;
	border: #ccc 1px solid;
	overflow: no;
	background-repeat:no-repeat;
	background-position: center 93px;
	background-attachment:fixed;
	scrollbar-face-color: #ccc;
	scrollbar-track-color: #ccc;
	text-align: left;
	font-size:95%;
	color:#333333;
	z-index: 10;
	list-style:none;
	padding-right:20px;
}