@charset "utf-8";
/* CSS Document for CCL Vienna - http://www.ccl.at, by officeTT - http://office-tt.com */

*													{ margin: 0; padding:0; }
body											{ margin: 0px; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; background-image: url(bgMain.gif); background-repeat: no-repeat; min-width: 940px; word-wrap: break-word; }

/* Startseite Anfang */

#body											{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(bg_start.gif); background-repeat: repeat-y; background-position: center; background-color: #CCCCB2; }
.startfenster							{ width: 900px; height: 419; background-image: url(bg_startfenster.jpg); }
.stf_1										{ width: 1%; text-align: left; vertical-align: top; }
.stf_2										{ width: 98%; text-align: center; vertical-align: top; }
.stf_3										{ width: 1%; text-align: right; vertical-align: top; }
.stf2											{ width: 100%; height: 47px; margin-left: -1px; text-align: center; vertical-align: middle; background-image: url(bg_startfenster2.jpg); background-position: center; background-repeat: no-repeat; }
.stf2_1										{ width: 100%; text-align: center; vertical-align: top; background-image: url(linie_rot.gif); background-position: top; background-repeat: repeat-x; }

#StartContent							{ width: 857px; height: 125; border: 1px solid #e3e3ca; background-image: url(bgStartContent.gif); text-align: left; overflow: hidden; }
#StartNavi								{ margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; list-style-type: none; font-size: 11px; color: #666666; }
#StartNavi .Header				{ width: 160px; font-weight: bold; padding: 0px 0px 10px 0px; xtext-decoration: underline; }
#StartNavi li							{ float: left; width: 49%; }
#StartNavi li a						{ display: block; padding: 2px 0px 2px 18px;  color: #666666; text-decoration: none; background-image: url(pfeil_rot.gif); background-repeat: no-repeat; background-position: 0px 4px; }
#StartNavi li a:hover			{ text-decoration: underline; color: #a5162e; }

#StartText								{ display: block; margin: 20px 0px 0px 0px; padding-left: 20px; padding-right: 10px; height: 85px; font-size: 11px; color: #666666;  }
#StartText .SPLink				{ color: black; text-decoration: none; line-height: 14px; }
#StartText .SPLink:hover	{ color:#a5162e; text-decoration: underline; }

#StartAdresse			{ display: block; margin: 20px 0px 0px 0px; padding-left: 20px; width: 100%; height: 85px; font-size: 11px; color: #666666; }
#StartAdresse a			{ color: #666666; }
#StartAdresse a:hover	{ color: #a5162e; }

/* Startseite Ende */

.DN						{ display: none; }
	
#MetaNav				{ background-color: #666666; display: block; width: 100%; height: 20px; margin: 0px 0px 0px 0px; text-align: right; font-size: 9px; color: #bfbfbf; padding-top: 2px; position: absolute; z-index: 1; top: 2px; left: 0px; }
#MetaNav a				{ text-decoration: none; color: #bfbfbf; }
#MetaNav a:hover		{ text-decoration: none; color: white; }
#MetaNav a:focus		{ text-decoration: none; color: white; }
#MetaNav .aktive		{ text-decoration: none; color: white; }

#Logo					{ display: block; float: left; width: 135px; height: 188px; border-right: 1px solid white; background-color: black; padding: 0px; position: relative; z-index: 2; background-image: url(logo_swf.gif); }
#Logo #flashcontent		{ margin: 48px 0px 0px 10px; color: white; font-size: 10px; }

#MainNav				{ display: block; float: left; list-style-type: none; padding: 0px; margin: 0px; position: relative; z-index: 2; background-color: white; overflow: hidden; height: 188px; }
#MainNav li				{ float: left; }

#MainNav .classicLounge	a				{ display: block; float: left; width: 188px; height: 376px; overflow: hidden; border-right: 1px solid white; }
#MainNav .classicLounge	a:hover			{ margin-top:-188px; }
#MainNav .classicLounge	a:focus			{ background-image: url(lounge_classic_.jpg);  }
#MainNav .classicLounge	.aktiv			{ margin-top:-188px; }
#MainNav .classicLounge	a span			{ display: none; }
#MainNav .classicLounge	a img			{ border: none; }

#MainNav .businessLounge a				{ display: block; float: left; width: 188px; height: 376px; overflow: hidden; border-right: 1px solid white; }
#MainNav .businessLounge a:hover		{ margin-top:-188px; }
#MainNav .businessLounge a:focus		{ background-image: url(lounge_business_.jpg); }
#MainNav .businessLounge .aktiv			{ margin-top:-188px; }
#MainNav .businessLounge a span			{ display: none; }
#MainNav .businessLounge a img			{ border: none; }

#MainNav .packages a					{ display: block; float: left; width: 140px; height: 376px; border-right: 1px solid white; }
#MainNav .packages a:hover				{ margin-top:-188px; }
#MainNav .packages a:focus				{ background-image: url(packages_.gif); }
#MainNav .packages .aktiv				{ margin-top:-188px; }
#MainNav .packages a span				{ display: none; }
#MainNav .packages a img				{ border: none; }


#MainNavi								{ display: block; float: left; list-style-type: none; padding: 0px; margin: 0px; position: relative; z-index: 2; background-color: white; overflow: hidden; height: 188px; }
#MainNavi li							{ float: left; }

#MainNavi .classicLounge a				{ display: block; float: left; width: 188px; height: 376px; border-right: 1px solid white; background-image: url(../dat/lounge_classic.jpg); }
#MainNavi .classicLounge a:hover		{ background-position: 0px 188px; }
#MainNavi .classicLounge .aktiv			{ background-position: 0px 188px; }
#MainNavi .classicLounge a span			{ display: none; }
#MainNavi .classicLounge a img			{ border: none; }

#MainNavi .businessLounge a				{ display: block; float: left; width: 188px; height: 376px; border-right: 1px solid white; background-image: url(../dat/lounge_business.jpg); }
#MainNavi .businessLounge a:hover		{ background-position: 0px 188px; } 
#MainNavi .businessLounge .aktiv		{ background-position: 0px 188px; }
#MainNavi .businessLounge a span		{ display: none; }
#MainNavi .businessLounge a img			{ border: none; }

#MainNavi .packages a					{ display: block; float: left; width: 140px; height: 376px; border-right: 1px solid white; background-image: url(../dat/packagesN.gif); }
#MainNavi .packages a:hover				{ background-position: 0px 188px;  }
#MainNavi .packages .aktiv				{ background-position: 0px 188px;  }
#MainNavi .packages a span				{ display: none; }
#MainNavi .packages a img				{ border: none; }

#SubNav												{ display: block; float: left; margin: 0px; padding: 5px 0px 0px 0px; background-color: #ccccb2; width: 136px; height: 183px; list-style-type: none; position: relative; z-index: 2; }
#SubNav	li										{ border-top: 1px solid #ccccb2; border-bottom: 1px solid #ccccb2; }
#SubNav	li a									{ display: block; width: 106px; font-size: 10px; padding: 4px 15px 4px 15px; text-decoration: none; color: #333333; letter-spacing: 1px; }
#SubNav	li a:hover						{ background-color: #a5162e; color: white; }
#SubNav	li a:focus						{ background-color: #a5162e; color: white; }
#SubNav	li a span							{ color: red; font-weight: bold;  }	
#SubNav	li .active						{ display: block; width: 106px; font-size: 10px; padding: 4px 15px 4px 15px; text-decoration: none; background-color: #e5e5cc; color: #a5162e; }
#SubNav .Suche								{ padding: 34px 0px 0px 24px; background-position: 4px 36px; background-image: url(suchen_icon.gif); background-repeat: no-repeat;  }
#SubNav .Suche form input			{ font-size: 9px; opacity: 0.7; }

.zoom_searchform						{  }
.zoom_searchbox							{ width: 180px; margin-left: -2px; margin-right: -2px; height: 15px; }
.zoom_button							{  }
.zoom_results_per_page					{ display: block; margin: 10px 0px 0px 0px; font-size: 11px; padding-left: 0px; }
.zoom_match								{ font-size: 11px; }
.searchheading							{ font-size: 11px; font-weight: bold; display: block; margin: 0px 0px 0px -1px; }
.summary								{ font-size: 11px; display: block; margin: -10px 0px 20px -1px; font-style: italic; }
.result_pagescount						{ display: none; font-size: 11px; margin: -8px 0px 20px 0px; }
.results								{ margin: 0px 0px 0px 0px;  }

#Content .Txt .Rahmen input, select		{ font-size: 10px; }
#Content .Txt .Rahmen center p			{ display: block; text-align: right; margin: 15px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px dotted #999999; color: #999999; }
#Content .Txt .Rahmen center p a		{ font-size: 10px; border-bottom: none; }
#Content .Txt .Rahmen center p a b		{ font-weight: lighter; }

.result_title			{ font-size: 11px; }
.description			{ font-size: 11px; }
.infoline				{ font-size: 11px; color: #666666; display: block; margin: 0px 0px 10px 0px; }
.result_pages			{ font-size: 11px; display: block; border-top: 1px dotted #666666; padding-top: 10px; }
.highlight 				{ background: #FFFF40; }

#Slogan					{ display: block; }

#Pfad					{ margin: 0px 0px 0px 130px; height: 26px; padding: 15px 0px 0px 0px; }
#Pfad .spacer			{ background-color: white; color: white; position: relative; z-index: 10; margin: 0px -2px 0px 0px; font-size: 10px; }
#Pfad a					{ color: #b5b58f; text-decoration: none; border-left: 1px solid #b5b58f; padding-left: 8px; padding-right: 8px; font-size: 10px; position: relative; z-index: 2; }
#Pfad a:hover			{ color: #6b6b42; }

#Leiste					{ background-color: #a5162e; margin: 0px; height: 22px; position: relative; z-index: 90; }
#Leiste span			{ display: block; float: Left; width: 135px; background-color: white; height: 22px; }
#Leiste	h3				{ color: white; font-size: 12px; display: block; width: 122px; margin: 0px 0px 0px 0px; padding: 4px 5px 0px 10px; height: 18px; border-right: 1px solid white; float: left; }
#Leiste	h1				{ color: white; font-size: 12px; display: block; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; height: 18px; float: left; }

#Leiste .Spacer			{ display: block; float: left; width: 380px; height: 22px; background-color: #2b2b2b; xborder-right: 1px solid white;  }

#Content								{ margin: -1px 0px 0px 0px; padding: 0px; width: 100%; border-top: 1px solid white; position: relative; z-index: 10;  }
#Content .SpalteLi						{ display: block; float: left; margin: 0px 1px 0px 135px; width: 137px; position: relative; }
*html #Content .SpalteLi				{ display: block; float: left; margin: 0px 1px 0px 67px; width: 138px; position: relative; }
#Content .SpalteLi ul					{ margin: 23px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; overflow: hidden; width: 138px; height: 480px; }
#Content .SpalteLi ul li				{ overflow: hidden;  width: 138px; height: 110px; }

#Content .SpalteLi ul li .limousineEins				{ display: block; width: 138px; height: 120px; background-image: url(limousineKlein1.jpg); font-size: 10px; color: #666666; background-repeat: no-repeat; }
#Content .SpalteLi ul li .limousineEins:hover		{ color: #a5162e; }
#Content .SpalteLi ul li .limousineEinsA			{ display: block; margin-top: 1px; width: 138px; height: 240px; font-size: 10px; color: #a5162e; }
#Content .SpalteLi ul li .limousineEinsB			{ display: block; margin-top: -119px; width: 138px; height: 240px; font-size: 10px; color: #666666; }
#Content .SpalteLi ul li .limousineEinsB:hover		{ color: #a5162e; margin-top: 1px; }
#Content .SpalteLi ul li .limousineEinsB img		{ margin: 0px 0px -104px 0px; }

#Content .SpalteLi ul li .limousineZwei				{ display: block; width: 138px; height: 120px; background-image: url(limousineKlein2.jpg); font-size: 10px; color: #666666; background-repeat: no-repeat;  }
#Content .SpalteLi ul li .limousineZwei:hover		{ color: #a5162e;  }
#Content .SpalteLi ul li .limousineZweiA			{ display: block; width: 138px; height: 120px; background-image: url(limousineKlein2.jpg); font-size: 10px; color: #a5162e; background-repeat: no-repeat; }
#Content .SpalteLi ul li .limousineZweiB			{ display: block; margin-top: -104px; width: 138px; height: 240px; font-size: 10px; color: #666666; }
#Content .SpalteLi ul li .limousineZweiB:hover		{ color: #a5162e; margin-top: 0px; }
#Content .SpalteLi ul li .limousineZweiB img		{ margin: 0px 0px -104px 0px; }

#Content .SpalteLi ul li .limousineDrei				{ display: block; width: 138px; height: 120px; background-image: url(limousineKlein3.jpg); font-size: 10px; color: #666666; background-repeat: no-repeat; }
#Content .SpalteLi ul li .limousineDrei:hover		{ color: #a5162e;  }
#Content .SpalteLi ul li .limousineDreiA			{ display: block; width: 138px; height: 117px; background-image: url(limousineKlein3.jpg); font-size: 10px; color: #a5162e; background-repeat: no-repeat; }
#Content .SpalteLi ul li .limousineDreiB			{ display: block; margin-top: -117px; width: 138px; height: 240px; font-size: 10px; color: #666666; }
#Content .SpalteLi ul li .limousineDreiB:hover		{ color: #a5162e; margin-top: 0px; }
#Content .SpalteLi ul li .limousineDreiB img		{ margin: 0px 0px -104px 0px; }

#Content .SpalteLi ul li .limousineVier				{ display: block; width: 138px; height: 97px; background-image: url(limousineKlein4.jpg); font-size: 10px; color: #666666; background-repeat: no-repeat; }
#Content .SpalteLi ul li .limousineVier:hover		{ color: #a5162e;  }
#Content .SpalteLi ul li .limousineVierA			{ display: block; width: 138px; height: 97px; background-image: url(limousineKlein4.jpg); font-size: 10px; color: #a5162e; background-repeat: no-repeat; }
#Content .SpalteLi ul li .limousineVierB			{ display: block; width: 138px; height: 97px; background-image: url(limousineKlein4_.jpg); font-size: 10px; color: #666666; background-repeat: no-repeat; }
#Content .SpalteLi ul li .limousineVierB:hover		{ color: #a5162e; background-image: url(limousineKlein4.jpg); }

#Content .SpalteLi ul li .limousineFuenf			{ display: block; width: 138px; height: 97px; background-image: url(limousineKlein5.jpg); font-size: 10px; color: #666666; background-repeat: no-repeat; border: 1px solid red; }
#Content .SpalteLi ul li .limousineFuenf:hover		{ color: #a5162e;  }
#Content .SpalteLi ul li .limousineFuenfA			{ display: block; width: 138px; height: 97px; background-image: url(limousineKlein5.jpg); font-size: 10px; color: #a5162e; background-repeat: no-repeat; }
#Content .SpalteLi ul li .limousineFuenfB			{ display: block; width: 138px; height: 97px; background-image: url(limousineKlein5_.jpg); font-size: 10px; color: #666666; background-repeat: no-repeat; border: 1px solid red; }
#Content .SpalteLi ul li .limousineFuenfB:hover		{ color: #a5162e; background-image: url(limousineKlein5.jpg); border: 1px solid blue; }


#Content .SpalteLi ul li a .wagen1		{ display: block;  padding-left: 18px; background-image: url(pfeil_rot.gif); background-repeat: no-repeat; background-position: 0px 2px; position: absolute; top: 110px; left: 0px; cursor: pointer; }
#Content .SpalteLi ul li a .wagen2		{ display: block;  padding-left: 18px; background-image: url(pfeil_rot.gif); background-repeat: no-repeat; background-position: 0px 2px; position: absolute; top: 210px; left: 0px; cursor: pointer; }
#Content .SpalteLi ul li a .wagen3		{ display: block;  padding-left: 18px; background-image: url(pfeil_rot.gif); background-repeat: no-repeat; background-position: 0px 2px; position: absolute; top: 344px; left: 0px; cursor: pointer; }
#Content .SpalteLi ul li a .wagen4		{ display: block;  padding-left: 18px; background-image: url(pfeil_rot.gif); background-repeat: no-repeat; background-position: 0px 2px; position: absolute; top: 100px; left: 0px; cursor: pointer; }
#Content .SpalteLi ul li a .wagen5		{ display: block;  padding-left: 18px; background-image: url(pfeil_rot.gif); background-repeat: no-repeat; background-position: 0px 2px; position: absolute; top: 450px; left: 0px; cursor: pointer;  }

#Content .SpalteLi ul li a .zusatz		{ top: 76px; left: 0px; }

#Content .Bild							{ display: block; float: left; background-color: #e5e5cc; margin: 0px; position: relative; z-index: 900; width: 380px; }
*html #Content .Bild					{ margin-left: 0px; }
#Content .Bild a						{ padding: 10px 0px 0px 12px; display: block; width: 40px; height: 40px; float: left;  }
#Content .Bild p						{ margin: 0px 20px 0px 20px; font-size: 10px; color: #999999;  }
#Content .Bild p strong					{ color: #666666; display: block; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 20px; background-image: url(information.gif); background-repeat: no-repeat; background-position: 0px 0px;  }

#Content .Txt							{ display: block; float: left; margin: 0px; width: 100%; position: absolute; top: 0px; left: 0px; }
#Content .Txt .Rahmen					{ margin: 0px 0px 0px 273px; padding: 10px 10px 6px 396px; border-top: 1px solid #ccccb2; background-image: url(bgContent.gif); background-repeat: repeat-y; background-position: -273px 0px; position:relative; z-index: 100; background-color: #ccccb2; min-height: 300px; border-bottom: 1px solid white; min-height: 400px; }
*html #Content .Txt .Rahmen				{ height: 390px; }
#Content .Txt .Rahmen h2				{ margin: 0px 0px 6px 0px; padding: 0px; font-size: 12px; }
#Content .Txt .Rahmen h3				{ margin: 0px 0px 3px 0px; padding: 0px; font-size: 11px; }
#Content .Txt .Rahmen p					{ margin: 0px 0px 10px 0px; padding: 0px; font-size: 11px;   }
#Content .Txt .Rahmen ul				{ font-size: 11px; margin: 0px 0px 20px 30px; line-height: 18px;   }
#Content .Txt .Rahmen a					{ font-size: 11px; text-decoration: none; color: black; border-bottom: 1px dotted black; color: #a5162e; }
#Content .Txt .Rahmen .Wlink			{ font-size: 11px; text-decoration: none; color: black; border-bottom: 1px dotted black; color: #a5162e; display: block; padding: 6px 0px 6px 18px; margin: 0px 0px 0px 0px; background-image: url(pfeil_rot.gif); background-repeat: no-repeat; background-position: 0px 8px; }
*html #Content .Txt .Rahmen .Wlink		{ color: black; background-color: #e5e5cc; cursor: hand; }
#Content .Txt .Rahmen .Wlink:hover		{ background-color: #e5e5cc; }
#Content .Txt .Rahmen .Wlink:focus		{  }

#Content .Txt .Rahmen .boxAuf			{ padding: 0px 0px 0px 20px; margin: 10px 0px 15px 0px; }
#Content .Txt .Rahmen .boxAuf a			{ color: black; display: block; border-bottom: none; background-image: url(pdf_icon.gif); background-repeat: no-repeat; background-position: 0px 3px; padding: 4px 0px 4px 20px; }
#Content .Txt .Rahmen .boxAuf a:hover	{ color: black; text-decoration: underline; }
#Content .Txt .Rahmen .boxAuf a:active	{ color: black; text-decoration: underline; }
#Content .Txt .Rahmen .boxAuf a span	{ font-size: 9px; }

#Content .Txt .Rahmen .boxAuf .bild				{ color: black; display: block; border-bottom: none; background-image: url(bild_icon.gif); background-repeat: no-repeat; background-position: 0px 3px; padding: 4px 0px 4px 20px; }
#Content .Txt .Rahmen .boxAuf .bild:hover		{ color: black; text-decoration: underline; }
#Content .Txt .Rahmen .boxAuf .bild span		{ font-size: 9px; }

#Content .Txt .Rahmen .boxAuf .pps				{ color: black; display: block; border-bottom: none; background-image: url(pps_icon.gif); background-repeat: no-repeat; background-position: 0px 2px; padding: 4px 0px 4px 20px; }
#Content .Txt .Rahmen .boxAuf .pps:hover		{ color: black; text-decoration: underline; }
#Content .Txt .Rahmen .boxAuf .pps span			{ font-size: 9px; }

#Content .Txt .Rahmen .boxAuf .url				{ color: black; display: block; border-bottom: none; background-image: url(link_icon.gif); background-repeat: no-repeat; background-position: 0px 2px; padding: 4px 0px 4px 20px; }
#Content .Txt .Rahmen .boxAuf .url:hover		{ color: black; text-decoration: underline; }
#Content .Txt .Rahmen .boxAuf .url span			{ font-size: 9px; }

#Content .Txt .Rahmen .boxUL					{ margin: 10px 0px 15px 45px; padding: 0px 0px 0px 0px; } 

#Content .Txt .Rahmen table						{ width: 100%; font-size: 11px; }
#Content .Txt .Rahmen th						{ text-align: right; font-weight: lighter; font-size: 10px;  }
#Content .Txt .Rahmen td						{ border-bottom: 1px dotted #e5e5cc; padding: 6px 6px 6px 6px; }
#Content .Txt .Rahmen .preisLeer				{ text-align: left; padding: 0px 15px 10px 0px; border: none; width: 98%; }
#Content .Txt .Rahmen .preisBusiness			{ text-align: left; padding: 0px 15px 10px 0px; color: #666666; border: none; width: 1%; }
#Content .Txt .Rahmen .preisClassic				{ text-align: left; padding: 0px 4px 10px 0px;  color: #666666; border: none; width: 1%; }

#Content .Txt .Rahmen .ieTxt					{ display: none; }
*html #Content .Txt .Rahmen .ieTxt				{ display: none; padding: 10px 0px 20px 0px; }
*html #Content .Txt .Rahmen .ieTxt .bildIE		{ display: block;  padding: 3px 0px 3px 20px; border-bottom: none; text-decoration: underline; color: black; }

.Line											{ height: 1px; border-bottom: 1px dotted #666666; margin: 15px 0px 15px 0px; }
.txt_rotklein									{ color: #a5162e; }

blockquote										{ display: block; margin: 0px 0px 20px 0px; }

#Footer						{ margin: -1px 0px 0px 0px; position: relative; z-index: 1000; }
#Footer ul					{ list-style-type: none; margin: 0px 0px 0px 273px; padding: 0px 0px 0px 10px; background-color: #b3b3b3; height: 22px; }
#Footer ul li				{ float: left; margin: 0px 20px 0px 0px; }

#Footer ul li a				{ font-size: 10px; text-decoration: none; color: white; display: block; margin-top: 4px; padding: 0px 2px 0px 2px; }
#Footer ul li a:hover		{ background-color: #a5162e; }
#Footer ul li a:focus		{ background-color: #a5162e; }

#community					{ margin: 0px 0px 0px 272px; padding: 10px 0px 10px 10px; color: #999; font-size: 10px; background-color: #f2f2ec; line-height: 18px; }	
#community a				{ color: #999; text-decoration: none; }
#community a:hover			{ color: #a5162e; text-decoration: underline; }

#copy			{ border: 1px solid white; margin: 5px 0px 4px 272px; font-size: 10px; color: #c0c0c0; }
#copy a			{ background-image: url(w3c.gif); display: block; width: 38px; height: 13px; float: right; margin: 0px 4px 0px 0px; cursor: default; }
#copy a:hover	{ background-image: url(w3c_.gif); }
#copy a span	{ display: none; }

.formInput		{ width: 70%; height: 16px; }
.formAuswahl	{ width: 90%; }
.formFeld		{ width: 70%; }

.box table		{ border: 1px solid #e5e5cc; }

/* Tom Nachtrag: neue Navi für kleine Limousinen */
.sNavi				{ margin: 1px 0px 0px 0px; }
.sNavi a			{ display: block; width: 137px; height: 139px; margin: 0px 0px 1px 0px; }
.sNavi a span		{ display: none; }
.sNavi a:hover		{ background-position: 0px 139px; }
.sNavi .act			{ background-position: 0px 139px; }
.sNavi a.l1			{ background-image: url(kw1.gif); }
.sNavi a.l2			{ background-image: url(kw2.gif); }
.sNavi a.l3			{ background-image: url(kw3.gif); }
.sNavi a.l4			{ background-image: url(kw4.gif); }

.sNavi a.y1			{ background-image: url(ky1.gif); }
.sNavi a.y2			{ background-image: url(ky2.gif); }

.sCont				{ margin: 20px 0px 5px 0px; }
.sCont a			{ display: block; float: left; width: 137px; height: 139px; margin: 0px 0px 10px 10px; }
.sCont a span		{ display: none; }
.sCont a:hover		{ background-position: 0px 139px; }
.sCont a.l1			{ background-image: url(kw1.gif); }
.sCont a.l2			{ background-image: url(kw2.gif); }
.sCont a.l3			{ background-image: url(kw3.gif); }
.sCont a.l4			{ background-image: url(kw4.gif); }




/* Float clearing workaround also working on Mozilla */
.clearer 			{ clear:both; height:0px; overflow:hidden; margin-top:0px; }
* html .clearer 	{ height:1px; margin-top:-1px; }

.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-table; }				
/* Hides from IE-mac */
* html .clearfix 	{ height: 1%; }
/* End hide from IE-mac */
/* End clearfix */