@charset "utf-8";
/* CSS Document */

@import url('reset.css');

@import url('global.css');

/* Menu Buttons */
@import url('menu.css');

/* Content Style */
@import url('content.css');
	
body {
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	background:url('http://css4you.at/images/background_green.jpg') repeat-x #fff;
}

body.unternehmensberatung { background:url('http://css4you.at/images/background_blue.jpg') repeat-x #fff; }
body.design, body.webdesign, body.mediendesign, body.grafik { background:url('http://css4you.at/images/background_grey.jpg') repeat-x #fff; }
body.it, body.elektrotechnik, body.technik, body.elektro, body.smat { background:url('http://css4you.at/images/background_yellow.jpg') repeat-x #fff; }
body.events { background:url('http://css4you.at/images/background_red.jpg') repeat-x #fff;}
body.unternehmen, body.kontakt { background:url('http://css4you.at/images/background_green.jpg') repeat-x #fff; }


/******* TOP BAR *******/


#top_bar {
	width:960px;
	height:20px;
	margin:0 auto;
	padding-right:40px;
	background:#000;
}

	#top_bar li { float:left; position:relative; }
	#top_bar a {
		display:block;
		height:20px;
		text-indent:-9999em;
		background:url('http://css4you.at/images/top_bar_btn.jpg') no-repeat;
	}
	
	#top_bar a.btn_home { width:60px; background-position:0px 0px; margin-right:20px; }
	#top_bar a.btn_home:hover { background-position:0px -20px; }
	.home #top_bar a.btn_home { background-position:0px -40px; }
	
	#top_bar a.btn_unternehmensbereiche { width:178px; background-position:-354px 0px; margin-right:20px; }
	#top_bar a.btn_unternehmensbereiche:hover { background-position:-354px -20px; }
	
	#top_bar li .top_submenu { display:none;}
	#top_bar li:hover .top_submenu {display:block; position:absolute; top:20px; left:0px; }
	#top_bar li .top_submenu a { 
		display:block; 
		width:100px; height:20px; 
		background:#f00; 
	}
	
	#top_bar a.btn_unternehmen { width:110px; background-position:-60px 0px; margin-right:20px; }
	#top_bar a.btn_unternehmen:hover { background-position:-60px -20px; }
	.unternehmen #top_bar a.btn_unternehmen { background-position:-60px -40px; }
	
	#top_bar a.btn_kontakt { width:80px; background-position:-170px 0px; margin-right:20px; }
	#top_bar a.btn_kontakt:hover { background-position:-170px -20px; }
	.kontakt #top_bar a.btn_kontakt { background-position:-170px -40px; }
	
	#top_bar a.btn_pb { width:100px; background-position:-250px 0px; margin-right:20px; }
	#top_bar a.btn_pb:hover { background-position:-250px -20px; }
	

	#top_bar a.btn_unternehmensberatung { width:10px; background-position:-960px 0px; }
	#top_bar a.btn_design { width:10px; background-position:-970px 0px; }
	#top_bar a.btn_it { width:10px; background-position:-980px 0px; }
	#top_bar a.btn_events { width:10px; background-position:-990px 0px;}
	
	
/******* TAB MENU ********/


#tab_menu {
	width:1000px;
	margin:2em auto 0 auto;
	border:0;
}

	#tab_menu li { float:left; }
	
	#tab_menu a {
		display:block;
		width:250px;
		height:55px;
		text-indent:-999em;
		background:url('http://css4you.at/images/menu_tab.gif') no-repeat;
	}
	
	#tab_menu a.tab_unternehmensberatung {background-position:0px 0px; }
	#tab_menu a.tab_unternehmensberatung:hover { background-position:0px -55px; }
	.unternehmensberatung #tab_menu a.tab_unternehmensberatung {background-position:0px -110px; }
	
	#tab_menu a.tab_design { background-position:-250px 0px; }
	#tab_menu a.tab_design:hover { background-position:-250px -55px; }
	.design #tab_menu a.tab_design { background-position:-250px -110px; }
	
	#tab_menu a.tab_it { background-position:-500px 0px; }
	#tab_menu a.tab_it:hover { background-position:-500px -55px; }
	.it #tab_menu a.tab_it { background-position:-500px -110px; }
	
	#tab_menu a.tab_events {background-position:-750px 0px; }
	#tab_menu a.tab_events:hover { background-position:-750px -55px; }
	.events #tab_menu a.tab_events { background-position:-750px -110px; }

/******* CONTAINER *******/

#container {
	width:998px;
	margin:0 auto;
	border:1px solid #a9a9a9;
	border-top:0;
	background:url('http://css4you.at/images/background_content.jpg') repeat-y #fff;
}

* html #container { margin-top:-1em; }

.home #container { margin-top:0px; background: #fff; }

.smat #container { margin-top:20px; border-top:1px solid #a9a9a9; background:url('http://css4you.at/images/background_content_smat.jpg') repeat-y #fff; }

/******* MENU ************/

#menu {
	border-top:1px solid #fff;
	width:200px;
}

	#menu h2 { display:block; width:190px; height:16px; padding:3px 5px 1px 5px; font-size:1.2em; font-weight:bold; background:#636363; color:#fff; }
	
	#menu li {
		background:url('http://css4you.at/images/menu_btn_bg.jpg') repeat-x bottom;
	}
	
	#menu li:hover {
		background:url('http://css4you.at/images/menu_btn_bg_hover.jpg') repeat-x bottom;	
	}
	
	#menu a {
		display:block;
		cursor:pointer;
		width:164px; height:20px;
		margin:0;
		padding:5px 2px 5px 34px;
		font-size:12px;
		line-height:20px;
		font-weight:bold;
		color:#636363;
		text-decoration:none;
		text-indent:-9999px;
		background:url('http://css4you.at/images/menu_icons.jpg') no-repeat;
	}
	.smat #menu a { background:url('http://css4you.at/images/smat_menu_icons.jpg') no-repeat; }
	
	
	
	#menu div.icon {
		display:block;
		width:30px;
		height:20px;
		background:url('http://css4you.at/images/menu_icons.png') no-repeat;
	}
	
	#menu span.heading {
		padding:5px;
		color:#636363;
		font-size:1em;
	}
	
	#menu span.info {
		padding:5px 5px 0px 5px;
		color:#636363;
		font-size:0.8em;
	}
	
	
/************** CONTENT ***************/


#content {
	width:540px;
	margin:0 220px;
}
	
	#content .body {
		font-size:1em;
		padding:10px 20px 20px 20px;
	}

/*********** CONTENT HOME *********/


#content_home {
	width:100%;
	padding-top:40px;
}
	#content_home h2 { color:#709d39; font-size:1.4em; font-weight:bold; font-style:normal; text-decoration:none; padding:1em 0 0 15px;  border-top:1px solid #a9a9a9;  }
	#content_home h3 { float:left; color:#709d39; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; padding:0 0 5px 10px;  }
	#content home a { text-indent:-9999px; }

	#content_home .news_big { float:left; list-style:none; width:660px; }
	
	#content_home .news_big li { float:left; display:block; width:300px; height:229px; margin:15px; border-bottom:1px dotted #ccc;}
	
	#content_home .news_big img { width:300px; height:130px; border:1px solid #ccc; }
	
	#content_home .news_big p { padding:10px; font-size:0.8em;}
	
	#content_home .news_small { float:left; list-style:none; width:330px; }
	
	#content_home .news_small li { float:left; display:block; width:300px; height:99px; margin:15px; border-bottom:1px dotted #ccc;}
	
	#content_home .news_small img { float:left; width:100px; height:80px; border:1px solid #ccc; }
	
	#content_home .news_small h2 { float:left; font-size:1em; font-weight:bold; padding:0 0 5px 10px;}
	
	#content_home .news_small p { float:left; padding-left:10px; font-size:0.8em; width:180px;}
	
	#content_home .news_fields { list-style:none; width: 990px; }
	
	#content_home .news_fields li { float:left; margin:15px; border:1px solid #ccc; }
	
	#content_home .news_fields a { display:block; width:298px; height:128px; text-indent:-9999px;}
	
	#content_home .news_fields p { padding:10px; font-size:0.8em;}
	
	#content_home .news_field_newsletter { background:url('http://css4you.at/images/news_field_newsletter.jpg') no-repeat; }
	#content_home .news_field_rueckruf { background:url('http://css4you.at/images/news_field_rueckruf.jpg') no-repeat; }
	#content_home .news_field_partnerbuero { background:url('http://css4you.at/images/news_field_partnerbuero.jpg') no-repeat; }

/************ HEADER **************/

#header {
	width:663px;
	height:220px;
	background:no-repeat #fff;
	padding:15px 0px 15px 335px;
	border-bottom:1px solid #a9a9a9;
	background:url('http://css4you.at/images/header_css4you.jpg') no-repeat;
}
	
	.unternehmensberatung #header { background:url('http://css4you.at/images/header_unternehmensberatung.jpg'); }
	.design #header { background:url('http://css4you.at/images/header_design.jpg'); }
	.it #header { background:url('http://css4you.at/images/header_it.jpg'); } 
	.events #header { background:url('http://css4you.at/images/header_events.jpg'); }
	.smat #header { background:url('http://css4you.at/images/header_smat.jpg'); }
	
	#header p {
		float:left;
		width:300px;
		height:180px;
		padding:20px 15px 0 15px;
		font-weight:normal;
		font-size:10px;
		line-height:1.5em;
		color:#005c32;
	}
	
	#header p.background {
		background:url('http://css4you.at/images/header_ruler.jpg') no-repeat top right;
	}
	
	.smat #header { position:relative; }
	.smat #header p a.pdf { 
		display:block;
		padding-left:20px;
		height:18px;
		text-decoration:none;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-transform: normal;
		letter-spacing: 0.2px;
		line-height: 1.5em;
		background:url('http://css4you.at/images/page_white_acrobat.png') no-repeat left center;
	}
	.smat #header a.geizhals {
		position:absolute;
		bottom:20px; right:20px;
		width:120px; height:80px;
		text-indent:-9999px;
	}
	.smat #header a.dvb {
		position:absolute;
		top:10px; right:20px;
		width:60px; height:50px;
		text-indent:-9999px;
	}

/********** ORGANIGRAMM ***********/

.organigramm { margin-bottom:20px; }

.organigramm .unternehmen {
	display:block;
	width:400px; height:300px;
	margin-left:100px;
	text-indent:-9999px;
	background:url('http://css4you.at/images/intro_css.jpg') no-repeat;
}

.organigramm ul li a {
	display:block;
	width:300px; height:65px;
	text-indent:-9999px;
	line-height:0px;
	font-size:0px;
	margin-bottom:5px;
	background:url('http://css4you.at/images/intro_bereiche.jpg') no-repeat;
}

.organigramm ul li a.unternehmensberatung { background-position:0px -10px; }
.organigramm ul li a.unternehmensberatung:hover { background-position:0px -310px; }
.organigramm ul li a.design { background-position:0px -80px; }
.organigramm ul li a.design:hover { background-position:0px -380px; }
.organigramm ul li a.it { background-position:0px -150px; }
.organigramm ul li a.it:hover { background-position:0px -450px; }
.organigramm ul li a.events { background-position:0px -220px; }
.organigramm ul li a.events:hover { background-position:0px -520px; }
	
.organigramm .bereiche {
	display:block;
	width:140px; height:300px;
	text-indent:-99999px;
	line-height:0px;
	font-size:0px;
	background:url('http://css4you.at/images/intro_bereiche_text.jpg') no-repeat;
}

/************ CONTENT *************/


/************ SMAT ***************/

.smat #content .ul-news { list-style:none; margin:0; padding:0;}
.smat #content .ul-news li {
	float:left;
	width:200px; height:320px;
	margin:10px 20px;
	border:1px solid #ceeda9;
}
.smat #content .ul-news li img {
	width:176px; height:126px;
	padding:12px;
	background:url('../images/background_smat_news.jpg') no-repeat;
}
.smat #content .ul-news h4 { 
	height:24px;
	padding-bottom:6px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	text-decoration:none;
	letter-spacing: 0.2px;
	line-height: 1.5em;
}
.smat #content .ul-news p { height:80px;padding:15px 12px 3px; }
.smat #content .ul-news a.btn-mehr {
	display:block;
	width:60px; height:20px;
	margin:0 auto;
	text-indent:-9999px;
	background:url('../images/btn_mehr.jpg') no-repeat;
}

.smat #content .border-box-green, #content .border-box-green  {	border:1px solid #ceeda9; width:530px; height:180px; margin-bottom:20px; padding-left:10px; background:url('../images/background_smat_box.jpg') no-repeat; }
.smat #content .border-box-green img, #content .border-box-green img { margin:52px 22px 0 0; }

#content .ul-receiver { list-style:none; margin:0 0 20px; padding:0; }
#content .ul-receiver li { 
	height:40px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.1em;
	color:#a0a0a0;
}
#content .ul-receiver h4 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0.2px;
	line-height: 1.5em;
	text-decoration:none;
	padding:0; margin:0;
}

.smat #content a.btn-shop, #content a.btn-shop {
	display:block;
	width:60px;
	margin:8px 0 30px 0;
	padding-left:20px;
	height:18px;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0.2px;
	line-height: 1.5em;
	background:url('../images/icons/buy_16.png') no-repeat left center;
}

.smat #content a.btn-datenblatt, #content a.btn-datenblatt {
	display:block;
	width:60px;
	padding-left:20px;
	height:18px;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0.2px;
	line-height: 1.5em;
	background:url('http://css4you.at/images/page_white_acrobat.png') no-repeat left center;	
}

.smat #content a.btn-beschreibung, #content a.btn-beschreibung {
	display:block;
	width:100px;
	padding-left:20px;
	height:18px;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0.2px;
	line-height: 1.5em;
	background:url('http://css4you.at/images/page_white_acrobat.png') no-repeat left center;	
}

.smat #content a.btn-www, #content a.btn-www {
	display:block;
	width:60px;
	padding-left:20px;
	height:18px;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0.2px;
	line-height: 1.5em;
	background:url('../images/icons/globe_16.png') no-repeat left center;	
}

.smat #content a.btn-shop:hover, .smat #content a.btn-datenblatt:hover { color:#4c6b27; }

.smat #content .ul-products { margin:0 0 20px 0; padding:0; list-style:none; border-bottom:1px dotted #ccc; }
.smat #content .li-product { width:540px; margin:10px 10px 30px; padding:0; border:0; list-style:none; }
.smat #content .li-product .product-header {
	border-top:1px dotted #ccc;
	padding-top:10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#666;
}

.smat #content .li-product .product-body { height:120px; }

.smat #content .li-product .product-img { float:left; width:160px; height:120px; margin-right:10px; }

.smat #content .li-product .product-description { 
	float:left;
	width:200px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#666;
}

.smat #content .li-product .product-description img { margin:0 0 10px 0;}

.smat #content .li-product .product-price {
	width:150px;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -0.1;
	line-height: 1.4em;
}

.smat #content .li-product .product-order { margin-left:30px; background:url('../images/background_smat_stk.jpg') no-repeat; width:80px; height:32px; padding-left:20px; }

.smat #content .li-product .product-order .product-count { float:left; width:28px; margin:4px 0 0 2px; padding:0; color:#fff; font-weight:bold; }

.smat #content .li-product .product-order input[type='text'] {
	float:left;
	width:30px;
	margin:5px 0 0; padding:0;
	text-align:right;
	font-weight:bold;
}

.smat #content .li-product input[type='submit'] {
	display:block;
	float:left;
	width:75px; height:32px;
	margin:0; padding:0;
	text-indent:-9999px;
	background:url('../images/btn_kaufen.jpg') no-repeat right;
	border:0;
	cursor:pointer;
	font-size:0;
	color: transparent;
}

.smat #content .li-product .product-footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#a0a0a0;
}

.smat #content .btn-bestellung {
	display:block;
	width:150px; height:32px;
	text-indent:-9999px;
	background:url('../images/btn_bestellung.jpg') no-repeat;
}

.smat #content fieldset {
	border:0;
}
.smat #content fieldset legend {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#666;
	margin:10px;
}

.smat #content fieldset p { 
	padding:0; margin:10px 10px 10px 30px;
}

.smat #content fieldset label {
	float:none;
	width:300px;
	display:block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0.2px;
	line-height: 1.5em;	
	color:#29384C;
	margin:0; padding:0;
	text-align:left;
}

.smat #content fieldset input, .smat #content fieldset select { float:none; }

.smat #content fieldset input, .smat #content fieldset select {
	width:300px; height:18px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	background:url('../images/background_input.png') repeat-x;
	border:1px solid #8D9095;
	padding:5px 5px 3px;
	margin:0;
	color:#a0a0a0;
}

.smat #content fieldset input[type="checkbox"] { width:32px; }
.smat #content fieldset select {
	width:312px; height:26px;
}

.smat #content fieldset button {
	display:block;
	width:100px; height:32px;
	text-indent:-9999px;
	background:url('../images/btn_weiter.jpg') no-repeat right;
	border:0;
	cursor:pointer;
}

.smat #content fieldset button.bestellung {
	width:220px; background:url('../images/btn_bestellung_abschicken.jpg') no-repeat;
}

.smat #content button.btn-weiter {
	display:block;
	width:100px; height:32px;
	margin-right:10px;
	text-indent:-9999px;
	background:url('../images/btn_weiter.jpg') no-repeat right;
	border:0;
	cursor:pointer;
}
	

.smat #content input.error { border:1px solid #f00; }
.smat #content span.error { color:#f00; }

.smat #content .tbl-kosten { width:480px; margin:40px 20px 40px 20px; }
.smat #content .tbl-kosten thead tr td {
	font-weight:bold;
	background:#efefef;
	color:#666;
	padding:3px;
}
.smat #content .tbl-kosten tbody tr td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	text-align:right;
	padding:3px;
}
.smat #content .tbl-kosten tbody tr td.name {
	font-weight:bold;
	text-align:left;
}
.smat #content .tbl-kosten tfoot tr td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	text-align:right;
	padding:3px;
	border-top:1px solid #999;
}
.smat #content .tbl-kosten tfoot tr td.name {
	font-weight:bold;
	text-align:left;
}


.smat #content .ul-files { list-style:none; margin:10px 0px 20px; padding:0; }
.smat #content .ul-files li { margin:20px 10px 30px; }
.smat #content .ul-files li h3 { margin:0; padding:0 0 8px; }
.smat #content .ul-files li p { margin:0; padding:0 0 8px; }
.smat #content .ul-files li a {
	display:block;
	height:18px;
	padding:0px 0 0 20px;
	font-weight:bold;
	text-decoration:none;
	background:url('../images/icons/down_16.png') no-repeat left center;
}
/************ CONTACT ************/

#contact {
	width:200px;
	padding-top:25px;
}

	#contact h2 {
		display:block;
		width:198px;
		height:47px;
		text-indent:-999em;
		background:url('http://css4you.at/images/contact_ansprechperson.jpg') no-repeat;
	}
	.unternehmen #contact h2 { display:none; }
	
	#contact .person {
		display:block;
		width:200px;
		height:225px;
		text-indent:-9999px;
		background:url('http://css4you.at/images/contacts.jpg') no-repeat 0px 0px;
	}
	
	.unternehmen #contact .person { background-position:0px -900px; }
	.unternehmensberatung #contact .person { background-position:0px -225px; }
	.design #contact .person { background-position:0px -450px; }
	.it #contact .person { background-position:0px 0px; }
	.events #contact .person { background-position:0px -675px; }

	#contact a {
		display:block;
		width:198px;
		height:18px;
		text-indent:-999em;
		background:url('http://css4you.at/images/contact_btn.jpg') no-repeat;
	}
	
	#contact ul { margin:1em 0; }
	
	#contact a.nachricht {  background-position:-0px -7px; }
	#contact a.nachricht:hover { background-position:-0px -25px; }
	#contact a.rueckruf { background-position:-0px -43px; }
	#contact a.rueckruf:hover { background-position:-0px -61px; }
	#contact a.kontakt { background-position:-0px -79px; }
	#contact a.kontakt:hover { background-position:-0px -97px; }

.smat #contact { padding:0; background:#fff; }

.smat #contact h2 { display:block; width:190px; height:16px; padding:3px 5px 1px 5px; font-size:1.2em; font-weight:bold; background:#636363; color:#fff; text-indent:0;}

	.smat #contact a {
		display:block;
		width:198px;
		height:18px;
		text-indent:-999em;
	}
	
	.smat #contact p { padding:5px 15px; font-size:1.1em; }
	
	.smat #contact .contact_telefon { display:block; width:200px; height:230px; text-indent:-999em; background:url('../images/contact_telefon.jpg') no-repeat;  }
	
	.smat #contact .contact_email { display:block; width:200px; height:30px; text-indent:-999em; background:url('../images/contact_email.jpg') no-repeat; }
	.smat #contact .contact_email:hover { background:url('../images/contact_email_hover.jpg') no-repeat; }


/********** FOOTER **********/

#footer {
	width:998px;
	margin:0 auto;
	height:330px;
	border:1px solid #a9a9a9;
	border-top:0px; border-bottom:0px;
	background:url('http://css4you.at/images/background_footer.jpg') no-repeat #fff;
	padding-top:20px;
}
	
	#footer h3 { font-size:1.2em; font-weight:bold; padding:10px;}
	
	#footer .sitemap {
		margin-left:25px;
		list-style:disc;
		list-style-position:outside;
		font-size:10px;
		list-style:none;
	}

	#footer .sitemap a {
		display:block;
		color:#000000;
		font-weight:bold;
		text-decoration:none;
		padding:2px 0 1px;
	}
	#footer .sitemap a:hover { color:#666; }
	* html #footer .sitemap a { display:inline; }

		#footer .sitemap ul { margin-left:5px; list-style: none; }
		#footer .sitemap>li {margin-bottom:1em; }
		* html #footer .sitemap li {margin-bottom:0;}
   
		#footer .sitemap ul a {
			font-weight:normal;
			color:#000000;
		}
		#footer .copy {
			width:300px;
			padding:72px 0px 0px 110px;
		}
   
   		#footer .social { width:340px; margin-left:40px;}
   		#footer .social li {float:left; }
   		#footer .social a {
			display:block;
			width:150px; height:32px;
			margin:0 0 8px 18px;
			text-indent:-9999px;
		}
			
		#footer .contact {
			width:280px;
			padding:16px 0px 0px 60px;
		}
   
			#footer .contact h3 {
				font-size:1.1em;
				font-weight:bold;
				line-height:1.3em;
			}
   
			#footer .contact p {
				line-height:1.3em;
			}
			
		#footer .links {
			width:200px;
			padding:72px 5px 0px 0px;
		}
   
		#footer a {
			color:#fff;
		}

.smat #footer {
	position:relative;
	width:998px;
	margin:0 auto;
	height:230px;
	border:1px solid #a9a9a9;
	border-top:0px; border-bottom:0px;
	background:url('../images/background_footer_smat.jpg') no-repeat #fff;
	padding-top:20px;
}
	
	
		.smat #footer .copy {
			position:absolute;
			top:234px; left:7px;
			width:998px;
			color:#fff;
			font-size:10px;
			margin:0;
			padding:0;
		}
		
		.smat #footer .copy a { color:#fff; font-weight:normal; }
		
		.smat #footer .alarm {
			position:absolute;
			display:block;
			left:110px; top:105px;
			width:180px; height:70px;
			text-indent:-9999px;
		}
   
		.smat #footer .contact {
			position:absolute;
			top:35px;
			left:450px;
			width:280px;
		}
   
			.smat #footer .contact h3 {
				font-size:1.1em;
				font-weight:bold;
				line-height:1.3em;
			}
   
			.smat #footer .contact p {
				line-height:1.3em;
			}
			
			.smat #footer .contact a {
				color:#000;
			}
			
		.smat #footer .links {
			width:200px;
			padding:72px 5px 0px 0px;
		}
   
		.smat #footer a {
			color:#fff;
		}