/*
TABLE OF CONTENTS

HTML Elements
Page Structure
Content Area
Forms
Tables
Clear
Misc

*/

/* //////////////////////////////////////////////////////////////////////////
/* CSS Resetting - CSS resetting work is done by famous Eric Meyer
////////////////////////////////////////////////////////////////////////// */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* //////////////////////////////////////////////////////////////////////////
/* HTML Elements
////////////////////////////////////////////////////////////////////////// */

body, html {
background:#d2d2d2 url(../_obj/_interface/bg_body.gif) repeat-x;
min-height:101%;
}

body, form {font:100% Arial, Helvetica, Verdana, sans-serif;}

br{}

p{ font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif; letter-spacing:normal;}

/*p a{text-decoration:none; color: #000;}

p a:link {color: #000;}

p , a:active {color: #000;}*/


a{text-decoration:none; color: #000;}

a:link {color: #000;}
a:active {color: #000;}

/* //////////////////////////////////////////////////////////////////////////
/* Page Structure
/* /////////////////////////////////////////////////////////////////////// */

#start {
	margin: 0 auto;
	width: 1024px;
}

#outsite {
	margin: 0 auto;
	width: 1034px;
}

#site_bg {
	width: 1034px;
	background: url(../_obj/_interface/bg_site.gif) repeat-y;
}

#site {
	font-size: 0.8em;
	width: 1030px;
	margin-left:2px;
	padding-bottom:15px;
}

#head {
	height: 130px;
	clear:both;
	background: url(../_obj/_interface/bg_header.gif) repeat-x;
}

#content {
margin-top:10px;
width:780px;
}

#sidebar {
width:250px;
}

#rightbar {
width:200px;
}

#footer {
background: top url(../_obj/_interface/bg_footer.gif) repeat-x;
clear:both;
padding:5px 20px;

}


/* //////////////////////////////////////////////////////////////////////////
/* Header Section
////////////////////////////////////////////////////////////////////////// */


/*  Logo & Claim
---------------------------------- */

#logo {
	margin:20px 0 0 20px;
	position:absolute;
}

/* wegen trans png und position absolute und link*/
#logoimg {
	width: 317px;
	height: 144px;
	background: url(../_obj/_interface/head_logo_ruckzuck.png) no-repeat;
}

#logoimg img{width:100%; height:100%;}

#claim {
	margin:40px 0 0 355px;
	width: 655px;
	height: 50px;
	display:block;
	position:absolute;
	background: url(../_obj/_interface/head_claim_ruckzuck.png) left top no-repeat;
}

/*  Ticker
---------------------------------- */
#ticker {
	margin:100px 0 0 355px;
	height: 30px;
	position:absolute;
}

#ticker ul li, #ticker ul li a {font: normal 16px/30px Arial, Verdana; color:#ffffff;}

#ticker ul li{float:left;}

#ticker ul li {color:#ffdf29;}

 #ticker ul li a:hover {color:#FFDF29;}
/*  Topnavi
---------------------------------- */
#topnav {
	height:25px; 
	float:right; 
	margin-right:20px;
	display: inline; /* IE Hack */
	}

#topnav ul {}

#topnav ul li {
	height:25px;
	display:inline;
	}

#topnav ul li#bgl, #topnav ul li#bgr {
	width:6px;
	height:25px;
	float:left;
	}
	
#topnav ul li#bgl{background:url(../_obj/_interface/topnav_bg_l.gif) no-repeat;}
#topnav ul li#bgr{background:url(../_obj/_interface/topnav_bg_r.gif) no-repeat;}

#topnav li a{
	margin:0 0 0 1px;
	float:left;
	height:25px;
	display:block;
	padding:0 10px;
	font-size: 11px;
	line-height:23px;
	background:url(../_obj/_interface/topnav_bg_c.gif) repeat-x;
}

#topnav li a.ml0{margin-left:0px;}

#topnav li a:hover,
#thl_welcome .thl_welcome, #thl_parkett .thl_parkett, #thl_zubehoer .thl_zubehoer,
#thl_service .thl_service, #thl_news .thl_news, #thl_about .thl_about, 
#thl_maerkte .thl_maerkte, #thl_kontakt .thl_kontakt, #thl_warenkorb .thl_warenkorb,
#thl_angebote .thl_angebote, #thl_aktionen .thl_aktionen
{color:#FF0000; background: url(../_obj/_interface/topnav_bg_c.gif) repeat-x;}


/* //////////////////////////////////////////////////////////////////////////
/* Sidebar Section
////////////////////////////////////////////////////////////////////////// */

#suche_box {
	margin: 20px 0 0 20px;
	width: 220px;
	height: 54px;
	display:block;
	background: url(../_obj/_interface/bg_suche_box.gif) no-repeat;
}

.sidebar_box h1 {
	color: #fff;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:-1px;
	padding:15px 0 0 10px;
}


.sidebar_box {
	margin: 10px 0 0 20px;
	width: 218px;
	float:left;
	display: inline; /* IE Hack */
	border: 1px solid #980000;
	background: #cc0000;
}

.sidebar_box img{margin:5px 0 0 0; float:right;}

.sidebar_banner {
	margin: 10px 0 0 20px;
	width: 218px;
	float:left;
	display: inline; /* IE Hack */
}

.preiskat {height:234px;}
.sliderbox {height:238px;}

#laminatslider {
	width: 218px;
	height: 200px;
	margin-left:2px;
}

#laminatslider p{
	color:#ffdf29;
	font-size:12px;	
	padding:10px 10px 0 10px;
}

#laminatslider img{ float:left; margin:10px 0 0 10px; }

/* //////////////////////////////////////////////////////////////////////////
/* RightBar
////////////////////////////////////////////////////////////////////////// */

.banner_rs, .box_filialen_rs {
	display:block;
	float: left;
	height: 90px;
	width: 200px;
}

.box_filialen_rs {
	background: url(../_obj/banner/box_rs_filialen.gif) no-repeat;
}


/*  Submenu Styles
---------------------------------- */

.submenu {
	display:inline;
	float: left;
	margin-top:5px;
	width: 200px;
}

.submenu  .header{
	background: bottom url(../_obj/_interface/submenu_header.gif) no-repeat;
	display:block;
	float:left;
	height:45px;
	width:200px;
}

.submenu h1{
	color:#000;
	font-size:22px;	
	font-style:italic;
	font-weight:bolder;
	letter-spacing:-1px;
	padding:15px 0 0 10px;
}

.submenu .content{
	background:#fff;
	border: 1px solid #fdb43a;
	float:left;
	width:178px;
	padding:0; 
}

.submenu ul li{
	display:inline;
	float:left;
	margin-top:1px ;
	width:163px;
	}
	
.submenu ul li a{
	background:#fef5da url(../_obj/_interface/submenu_li.gif) 5px center no-repeat;
	display:block;
	font-size: 11px;
	padding:2px 0 2px 15px;
	width:100%;
}
.submenu ul li a:hover, 
/*
	Automatische Submenu-Highlights
	In der Fuse muss nur noch die Id für submenu gesetzt werden
	shl= submenu-highlight
*/
#shl1 .shl1, #shl2 .shl2, #shl3 .shl3, #shl4 .shl4, #shl5 .shl5,
#shl6 .shl6, #shl7 .shl7, #shl8 .shl8, #shl9 .shl9, #shl10 .shl10
{background:#ffdf29 url(../_obj/_interface/submenu_li.gif) 5px center no-repeat;}


/* //////////////////////////////////////////////////////////////////////////
/* Content Area
////////////////////////////////////////////////////////////////////////// */

/*  Banner
---------------------------------- */

.banner {
	display:block;
	float: left;
}

 img.banner {
	float: left;
}


/*  content boxen
---------------------------------- */
.box_cl {
	width: 290px;
	height: 180px;
	display:block;
	float: left;
	background: url(../_obj/banner/box_cl_angebot.gif) no-repeat;
}

.box_cl .promo_info {float:left;  height:100px; margin-top:5px; width:280px; }
.box_cl .promo_preis {display:inline; float:right; width:160px; }

.box_cl h1{
	color:#ffdf29;
/*	font-size:22px;	
	font-style:italic;
	font-weight:bolder;*/
	letter-spacing:-2px;
	padding:10px 10px 0 10px;
	font: bold italic 21px/22px Verdana, Arial, Helvetica, sans-serif;
}

.box_cl h2{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:3px 10px 0 10px;
}

.box_cl p{
	color:#fff;
	font-size:12px;
	padding:0 10px 0 10px;
}

.box_cl p.preis{
	font: bold italic 40px/40px Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	color:#000;
	float:right;
	letter-spacing:-0.09em;
	margin:0 20px 0 0;
	padding:0;
	text-align:right;
	width:120px;
}

.box_cl  p.pe{
	color:#000;
	font: bold italic 16px/16px Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	float:right;
	letter-spacing:-0.01em;
	margin:0 10px 0 0;
}

.box_cl img{padding:20px 0 0 10px;}


/*  content frame
---------------------------------- */

.content_header{
	background: bottom url(../_obj/_interface/content_frame_header.gif) no-repeat;
	display:block;
	float:left;
	height:50px;
	width:570px;
}

.content_header h1{
	color:#000;
	font-size:22px;	
	font-style:italic;
	font-weight:bolder;
	letter-spacing:-1px;
	line-height:33px;
	padding:15px 0 0 20px;
}

.content_data {
	background:#fff;
	border: 1px solid #fdb43a;
	float:left;
	width:568px;
	padding:0 0 30px 0; 

}

.content_data h1,h2,h3,h4{color:#000;font-weight:bolder;letter-spacing:-1px; font-style:italic;}

.content_data h1{
	font-size:22px;	
	padding:30px 5px 5px 20px;

}

.content_data h1.datenblatt{
	font-size:22px;	
	padding:30px 5px 0 20px;
}

.content_data h2.datenblatt{
	font-size:16px;	
	padding:0 5px 0 20px;
}

.content_data h2{
	font-size:16px;	
	padding:20px 5px 0 20px;
}

.content_data h3{
	font-size:13px;	
	padding:10px 5px 5px 20px;
}

.content_data p{
	margin:0 20px 15px 20px;
	line-height:1.38em;
}


.content_data p.infobox{
	background:#FFDF29;
	padding:20px;
	width:250px;
	margin-left:20px;
}

.content_data img{
	margin:0 0 0 20px;
}

.content_data p.img{ /*Bildunterschrift*/
	font-size:11px;
	font-weight:bold;
}

.content_data p.preisinfo, .box_cl p.preisinfo{ /*preisinfo*/
	font-size:11px;
	margin:0;
}

.content_data p img{
	margin:0 5px 0 0;
}

.content_data p a{
	color:#CC3300;
}

.content_data p a:hover{
	color:#CC3300;
	text-decoration:underline;
}


/* //////////////////////////////////////////////////////////////////////////
/* content_data_spalte1
////////////////////////////////////////////////////////////////////////// */

.content_data_spalte1 {
	background:#FEF5D8;
	border: 0 solid #eae3ce;
	border-width: 0 1px 1px 0;
	
	display:inline;
	float: left;
	margin:10px 0 0 9px;
	width: 269px;
}

.content_data_spalte1 h1{
	font-size:13px;	
	padding:20px 5px 10px 10px;
}

.content_data_spalte1 p{
	margin:0 20px 15px 10px;
}

.content_data_spalte1 img{float: left; margin:0;}

/* //////////////////////////////////////////////////////////////////////////
/* Datenblatt
////////////////////////////////////////////////////////////////////////// */

.produkt_bild {
	background:#fef5d8;	
	border: 1px solid #eae3ce;
	display:block;
	height:145px;
	width:268px;
}

.produkt_bild .centerx{
	left:50%;
	position:relative;
	top:50%;
	}
	

/* //////////////////////////////////////////////////////////////////////////
/* content_row
////////////////////////////////////////////////////////////////////////// */

.content_row {
	display:inline;
	float: left;
	margin:10px 0 0 9px;
	width: 550px;
}

/*  Produktübersicht
---------------------------------- */

.produkt_box {
	display:inline;
	float: left;
	width: 120px;
	height: 120px;
	margin:10px 0 0 13px;
	padding: 2px;
	border: 1px solid #ffdf29;
}


.produkt_box p{font-size:11px; line-height:12px; margin:0 0 0 5px;}
.produkt_box p.artnr{color:#666666; }
.produkt_box img{margin:0;}




/* //////////////////////////////////////////////////////////////////////////
/* EigenschaftsIcons
////////////////////////////////////////////////////////////////////////// */

.prop_icon_wrapper{
	float:left;
	padding: 10px 10px 0 0 ;
	width:550px;
}

.prop_icon_wrapper a{
display:block;
height:100%;
width:100%;
}


.prop_icon_beanspruchung_31, .prop_icon_beanspruchung_32, .prop_icon_edelmatt,
.prop_icon_effektstruktur, .prop_icon_fase, .prop_icon_feinpore, .prop_icon_fliesenoptik,
.prop_icon_garantie10, .prop_icon_garantie15, .prop_icon_gehobelte_struktur,
.prop_icon_isowaxx, .prop_icon_keramikstruktur, .prop_icon_megaloc,
.prop_icon_sonderformat5inch, .prop_icon_sonderformat6inch, .prop_icon_staerke7mm, .prop_icon_staerke8mm, .prop_icon_staerke10mm, .prop_icon_struktur, .prop_icon_trittschall
{
	float:left;
	height:45px;
	margin-left:3px;
	width:45px;
}

.prop_icon_beanspruchung_31{
	background: bottom url(../_obj/propicons/beanspruchung_31.png) no-repeat;
}

.prop_icon_beanspruchung_32{
	background: bottom url(../_obj/propicons/beanspruchung_32.png) no-repeat;
}

.prop_icon_edelmatt{
	background: bottom url(../_obj/propicons/edelmatt.png) no-repeat;
}

.prop_icon_effektstruktur{
	background: bottom url(../_obj/propicons/effektstruktur.png) no-repeat;
}

.prop_icon_fase{
	background: bottom url(../_obj/propicons/fase.png) no-repeat;
}

.prop_icon_feinpore{
	background: bottom url(../_obj/propicons/feinpore.png) no-repeat;	
}

.prop_icon_fliesenoptik{
	background: bottom url(../_obj/propicons/fliesenoptik.png) no-repeat;
}

.prop_icon_garantie10{
	background: bottom url(../_obj/propicons/garantie10.png) no-repeat;
}

.prop_icon_garantie15{
	background: bottom url(../_obj/propicons/garantie15.png) no-repeat;
}

.prop_icon_isowaxx{
	background: bottom url(../_obj/propicons/isowaxx.png) no-repeat;
}

.prop_icon_gehobelte_struktur{
	background: bottom url(../_obj/propicons/gehobelte_struktur.png) no-repeat;
}

.prop_icon_keramikstruktur{
	background: bottom url(../_obj/propicons/keramikstruktur.png) no-repeat;
}

.prop_icon_megaloc{
	background: bottom url(../_obj/propicons/megaloc.png) no-repeat;
}

.prop_icon_sonderformat5inch{
	background: bottom url(../_obj/propicons/sonderformat5inch.png) no-repeat;
}

.prop_icon_sonderformat6inch{
	background: bottom url(../_obj/propicons/sonderformat6inch.png) no-repeat;
}

.prop_icon_staerke7mm{
	background: bottom url(../_obj/propicons/staerke7mm.png) no-repeat;
}

.prop_icon_staerke8mm{
	background: bottom url(../_obj/propicons/staerke8mm.png) no-repeat;
}

.prop_icon_staerke10mm{
	background: bottom url(../_obj/propicons/staerke10mm.png) no-repeat;
}

.prop_icon_struktur{
	background: bottom url(../_obj/propicons/struktur.png) no-repeat;
}

.prop_icon_trittschall{
	background: bottom url(../_obj/propicons/trittschalldaemmung.png) no-repeat;
}



/* //////////////////////////////////////////////////////////////////////////
/* Table Styles
////////////////////////////////////////////////////////////////////////// */

table{ 
	border-collapse:separate; 
	border-spacing: 3px;
	font-size:11px;
	margin:10px 0 0 10px; 
	text-align:left;
	width:548px;
}

td,th {
	padding:5px; 
	border-bottom: 1px solid #eae3ce;
	border-right: 1px solid #eae3ce;
}

th {color:#666666; background:#eae3ce;}
td {background:#fef5d8;}

tr {}


td.hl, th.hl {background:#eae3ce;}
td.tr, th.tr  {text-align:right;}

td.fett{ font-weight:bold;}

/* //////////////////////////////////////////////////////////////////////////
/*  Listen Styles
////////////////////////////////////////////////////////////////////////// */

.tab_s, .tab_l {
	font-size:11px;
	line-height:26px;	
}


.tab_s  li {
	background:#fef5d8;	
	border-bottom: 1px solid #eae3ce;
	float:left;
	height:26px;
	margin-bottom:3px;
	width:270px;
}

.tab_s span { display:block; float:left; padding:0 0 0 5px;}
.tab_s span.label {width:120px; color:#666666;}
.tab_s span.trenner {width:5px; color:#666666;}
.tab_s span.data {width:130px; font-weight:bold;}

.tab_s span.formlabel {width:60px; color:#666666; }
.tab_s span.formdata {width:190px; font-weight:bold;}

.tab_l {}

.tab_l li {
	border-bottom: 1px solid #eae3ce;
	float:left;
	margin-bottom:3px;
	width:550px;
}

.tab_l li a{
	background:#fef5d8 5px center url(../_obj/_interface/li_pfeil.gif) no-repeat; 
	cursor:pointer;
	color:#575757;
	display: block;
	height:26px;
	padding:0 0 0 30px;
	width:520px;
}

.tab_l li a:hover{
	color:#000;
	background:#ffdf29 5px center url(../_obj/_interface/li_pfeil.gif) no-repeat;
}


/* //////////////////////////////////////////////////////////////////////////
/* Warenkorb
////////////////////////////////////////////////////////////////////////// */

#wknav{float:right; margin:5px 10px 0 0;}


/* //////////////////////////////////////////////////////////////////////////
/* Accordion-Menüs
////////////////////////////////////////////////////////////////////////// */

#accordion{}

.tab_l#accordion li {
	font-size:16px;	
	font-style:italic;
	font-weight:bolder;
	letter-spacing:-1px;
	}

#accordion .container {
	float:left;
	display:inline;
	margin:10px 0 10px 0; 
}

#accordion .spalte {
	display:inline;
	width: 270px;
}

#accordion .spalte img{margin:0;}

#accordion p{margin-left:30px;}

#accordion .spalte a{
	background:none;
	color:#CC3300;
	display:inline;
	font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif; 
	letter-spacing:normal;
	margin:0;
	padding:0; 	
}

#accordion .spalte a:hover{
	color:#CC3300;
	background:none;
}

#plzsuche .container {
	float:left;
	display: none;
	margin:10px 0 10px 0; 
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;

}

#plzsuche .spalte {
	display: inline;
	width: 270px;

}

#plzsuche .spalte img{margin:0;}

#plzsuche p{margin-left:30px;}

#plzsuche .spalte a{
	background:none;
	color:#CC3300;
	display:inline;
	font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif; 
	letter-spacing:normal;
	margin:0;
	padding:0; 	
}

#plzsuche .spalte a:hover{
	color:#CC3300;
	background:none;
}



span.adr_label{float:left;  margin:0; padding:0; width:70px;}
span.adr_data{float:left; margin:0; padding:0; width:150px;}

/* //////////////////////////////////////////////////////////////////////////
/* Form Styles
////////////////////////////////////////////////////////////////////////// */

form#form_filialen {padding:60px 0 0 5px;}

form br { clear: left; }

label, input, select, textarea { 
	color:#000;
	float: left;
	font: bold 11px Arial, Helvetica, Verdana, sans-serif;
	margin-top:3px;
}
	
label {
	height:18px;
	line-height:18px;
	margin-left:10px;
	text-align: left;
	width: 70px;
}

label a  {color:#CC3300;}

input, select, textarea {
	background:#fff;
	border: 0 solid #eae3ce;
	border-width: 1px 1px 0 0;
	padding:2px;
	width: 180px;
}

.radio { width:20px; height:20px; }

.icons img { margin: 6px 5px 0 0; }

label.info{margin-left:0; font-weight:normal; width: 160px;}
label.info2{ background:#fff; margin-left:0; font-weight:normal; width: 180px;}
label.info3{margin-left:0; font-weight:normal; width: 230px;}
label.hinweis{background:#FF0000; color:#fff; font-size:14px; margin-left:0;  text-align:center; width: 180px;}

textarea {height:50px;  overflow:auto;}
	
select{	
	background:#FDC25A;
	width: 163px;
	padding:0;
	}
	
	
option{ background:#FDC25A;}

option:hover{background:#FDC25A;}


input#submit { width: auto;}

input.img {border:none; padding:0; margin-top:10px; }

/* Datenblatt Form */
form#form_datenblatt {}

input#bestellmenge {
	
	border: 1px solid #000;
	float:right;
	padding:1px 2px;
	text-align:right;
	width:30px;
}

span input#bestellmenge{float:left;}

/* Suche Form */
form#form_produktsuche {padding:15px 0 0 10px;}
	
input#suche {
	background: url(../_obj/_interface/form_suche.gif) no-repeat;
	border:0;
	color:#6C6C6C;
	font-weight:normal;
	height:24px;
	padding:5px 5px;
	width: 163px;	
}


/* Submit-Button Styles */

input.submit_abschicken{
	 background: url(../_obj/_interface/submit_abschicken.gif) no-repeat;
	 border:0;
	 cursor:pointer;
	 height:21px;
	 margin-top:10px;
	 width:105px;
	 }

input.submit_abschicken:hover{
	background: url(../_obj/_interface/submit_abschicken.gif) no-repeat;
	} 

input.submit_pfeil{
	 background: url(../_obj/_interface/form_submit_pfeil.gif) no-repeat;
	 border:0;
	 cursor:pointer;
	 height:24px;
	 width:24px;
	 }

input.submit_pfeil:hover{
	background: url(../_obj/_interface/form_submit_pfeil_hover.gif) no-repeat;
	} 

input.submit_warenkorb{
	 background: url(../_obj/_interface/btn_warenkorb.gif) no-repeat;
	 border:0;
	 cursor:pointer;
	 height:21px;
	 margin-top:5px;
	 width:164px;
	 }

input.submit_bestellmenge{
	 background: url(../_obj/_interface/btn_menge.gif) no-repeat;
	 border:0;
	 cursor:pointer;
	 height:21px;
	 margin:0 0 0 10px;
	 width:164px;
	 }

input.submit_kundendaten{
	 background: url(../_obj/_interface/btn_kasse.gif) no-repeat;
	 border:0;
	 cursor:pointer;
	 height:21px;
	 margin:0 0 0 10px;
	 width:164px;
	 }

input.submit_check{
	 background: url(../_obj/_interface/btn_kasse.gif) no-repeat;
	 border:0;
	 cursor:pointer;
	 height:21px;
	 margin:0 0 0 10px;
	 width:164px;
	 }

input.submit_kasse{
	 background: url(../_obj/_interface/btn_kasse.gif) no-repeat;
	 border:0;
	 cursor:pointer;
	 height:21px;
	 margin:0 0 0 10px;
	 width:164px;
	 }


/* //////////////////////////////////////////////////////////////////////////
/* Footer Styles
////////////////////////////////////////////////////////////////////////// */

#footer ul {}

#footer li {
	font-size:11px;
	padding:3px;
	display:inline;
	list-style:none;
}

#footer a, #footer a:link {
	
}

#footer  a:hover, #footer a:active {
}


/* ———- @ Clear ———–*/

.clearfloat:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfloat {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfloat {
height:1%;
}

*+html .clearfloat {
height:1%;
}

.clearfloat {
display:block;
}
/* End hide from IE-mac */

.clear {
	clear: both;
	display: block;
	font-size:0;
	height: 0;
	line-height:0;
    visibility: hidden;
}

/* ———- @ Misc ———–*/

.h20{height:20px;}
.hl5 {display:block; height:15px;}
.h30{height:30px;}
.h140{height:140px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}

.mout {background-color:#fff;}

.mover {
	background-color:#ffdf29;
	cursor:pointer;
}

.bgnone {background:none;}
.nobo {border:0;}

.mover2 {
	background-color:#FEF5D8;
	cursor:pointer;
}


.mt20 {margin-top:20px;}

.ml0 {margin-left:0;}
.ml5 {margin-left:10px;}
.left {float:left;}

.right {float:right}