/* Hoehn Webdesign template.css */

/* ------------- General ------------- */
*, *:before, *:after { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 	}
* {
	margin:0;
	padding:0;
	color:#333;	}
html, body { font-size: 95%; line-height:1.15em;}
body { font-family: Helvetica, Arial, sans-serif; 
	background: url(../images/green_bg.jpg) repeat;  }
h1, h2, h3 { color: #693;}
h1 { font-size:120%; }
h2 { font-size:110%; padding: 10px 0 5px 0; }
h3 { font-size:105%; }
.readmore { margin:0px 0;}
p { margin:0.2em 0; }
a { color: #693; font-weight: bold; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }
img { margin:5px 5px 0px 5px; }
a img {  }
a:hover img { border: #693 1px solid;}
ul, ol { list-style: inside url(../images/list.png) disc; }
/*ol { list-style: inside url(../images/list.png) disc; }*/

/* ------------- Template specific ------------- */
#frame { overflow: hidden;
	/*background: url(../images/green_bg.jpg) repeat;*/ }
#container { margin: auto auto; 
	max-width: 1009px; }		
#header { width: 100%; margin: 25px 0px 0 0; 
	background: url(../images/rt-long.png) no-repeat top right; }
	
#header-right-spring, #header-right-summer, #header-right-winter {  margin:0 8px 0 0; }
#header-right-spring {  background: url(../images/header_right.jpg) no-repeat top right; }
#header-right-summer {  background: url(../images/header_right_summer.jpg) no-repeat top right; }
#header-right-winter {  background: url(../images/header_right_winter.jpg) no-repeat top right; }

#header:after { content: ""; display: table; clear: both; }	
#logo-sh {  width: 30.7%; float:none; padding:0 8px 0 0;
	background: url(../images/rt-long.png) no-repeat top right;}
	
#logo-spring, #logo-summer, #logo-winter { 
	height: 168px; float:none; width:100%; }
#logo-spring { background: url(../images/header_left.jpg) no-repeat top right; }
#logo-summer { background: url(../images/header_left_summer.jpg) no-repeat top right; }
#logo-winter { background: url(../images/header_left_winter.jpg) no-repeat top right; }	

.icon-link, .top-link  { display:none; }

#topb {margin: 0 3px 0 0;}
#topbar { width: 100%; background: url(../images/red_bg.jpg) repeat; }	
#topbar:after { content: ""; display: table; clear: both; }	
#nav-left { display: none; width:320px; padding: 8px 0 16px 0; }

/* ------------ main navigation menu (horizontal) --------------- */
ul.menu-mainnav { margin:0; padding:0; width:40%; display:inline; }
ul.menu-mainnav li { display:inline; padding:0 5px; height:1.2em; white-space:nowrap; }
ul.menu-mainnav > li > a { color:#fff; padding: 5px; }
ul.menu-mainnav > li > a:hover,
ul.menu-mainnav > li:hover > a { color:#fff; background: #693; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
ul.menu-mainnav > li.current > a { color:#fff; background: #693; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

/* --------------------------------------------------------------- */
	
#header-right-spring, #header-right-summer, #header-right-winter { overflow: hidden; }

#nav-right { float:left; padding: 10px 0 8px 0px; height: 36px; }

#top, #top1, #top2, #top3 { float:left; }
#top3 { float:left; margin:-1px 0 0 0; }


div.search .search-query { vertical-align: top; padding: 0 0 0 3px;}
/*div.search .button { margin: 0;}*/
div.search input:hover { border: #693 1px solid; }

.form-inline  button.btn-primary { float:right; margin:0 3px; width:50px; height:20px; 
	color:#fff; font-size:100%; line-height:100%; padding:0 0 2px 0;
	background:#693 url(../images/search-sx.png) middle center no-repeat; }

#searchForm .btn-toolbar { width:100%; float: left;}
#searchForm .btn-group { float:left; }
#searchForm button.btn { width:90px; color:#fff; margin:0 0 0 5px; height:32px;}
#searchForm fieldset.phrases { border: #693 1px solid; margin:5px 0; padding:3px; float: left; width: 100%; }
#searchForm .phrases-box, #searchForm .ordering-box { padding:2px; }
#searchForm .phrases-box .radio { margin:0 10px 0 0; }
#searchForm .phrases-box input { margin:0 2px 0 0; }

#searchForm .chzn-container a.chzn-single ,
#searchForm .chzn-container-active a.chzn-single { border:#693 1px solid;}
#searchForm .chzn-results li.result-selected, 
#searchForm .chzn-results li.highlighted { color:#fff; background:#693; }
#searchForm fieldset.only { display: none; }

.search-results .result-text { padding: 2px 0 7px 0; }
.search-results span.highlight { background: #C9F578; }
.search-results .result-created { display:none; }

#top-right { float: right; padding:7px 10px 0 0; }

div.mod-languages img { margin: 0 5px 0 5px; }
div.mod-languages a:hover { background: #693; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
li.lang-active { background: #693; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	
#main { background: url(../images/rsh.png) repeat-y right;}

#main2-fruit, #main2-milk { margin:0 8px 0 0; }
#main2-fruit { background: #fff url(../images/content_bg.jpg) top right no-repeat;}
#main2-milk { background: #fff url(../images/content_milk_bg.jpg) top right no-repeat;}

#main3-fruit { background:url(../images/footer.jpg) bottom right no-repeat; }
#main3-milk { background:url(../images/footer_milk.jpg) bottom right no-repeat; }

#main4 { background: none;}	
#main5 { background: none;}
#main6 { width:100%; display: table; table-layout: fixed; }

#main5:after, #main6:after { content: ""; display: table; clear: both; }

#sidebar { width: 30.7%; padding:0 8px 0 0; display: table-cell; vertical-align: top; 
  	background: url(../images/sidebar_bg.png) repeat-y top right; }

#sb-inner-fruit, #sb-inner-milk { min-height: 600px; height: auto !important; height: 100%; width: 100%; }
#sb-inner-fruit { background: url(../images/sidebar_left.jpg) right top no-repeat; }
#sb-inner-milk { background: url(../images/sidebar_milk_left.jpg) right top no-repeat; }
	
.sh1, .sh2, .sh3 { width: 100%; }	
.sh1 { background: url(../images/rtcorner.png) right top no-repeat; }
.sh2 { background: url(../images/bsh-long.png) right bottom no-repeat; padding: 8px 0 8px 0;}
.sh3 { background: url(../images/rsh.png) repeat-y right;}	
	
#sidebar .sh1, #sidebar-milk .sh1 { background: none; }
#sidebar .sh2 { background: none; padding:0;}
#sidebar-inner { width:100%; float:left; float: none;}

.navi { width: 98.9%; margin: 0 0px 8px 0; padding: 10px  0; }	
#siteNav-fruit, #siteNav-milk { width:200px; float:right; background: none; }
		
#left, #left1, #left3 { width: 200px; margin: 0 0px 0 0;}

.moduletable { width: 100%; padding: 5px 0px 0 0; }	
.moduletable h3 { color: #aaa; text-transform: uppercase; font-style:italic; text-align:right; font-size: 100%; 
	padding: 5px 0 0 0; border-bottom: #999 1px solid; }
	
li.item-6 ul.nav-child, li.item-21 ul.nav-child,
li.item-127 ul.nav-child, li.item-142 ul.nav-child { display: none; }
li.active ul.nav-child { display: block;}	
	
#content { display: table-cell; vertical-align: top; width: 69.3%; overflow: auto; }

#content2 { margin:0 0 0 0; padding:0 10px 0 0; overflow:auto; }

#breadcrumb { width: auto; padding:5px 10px 0 0; text-align:right; }
#breadcrumb .moduletable { padding: 0;}	
.breadcrumbs { color:#fff; font-size:0.9em; font-style:italic; padding: 0 3px; float:right; }	
.breadcrumbs a, .breadcrumbs span { color:#ddd; font-weight: bold; padding: 0 5px; }
.breadcrumbs a:hover { color:#fff; background: #693; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.breadcrumbs img { margin:0; }

#content-inner { margin: 90px 5px 5px 10px; }
#content-inner::after { content: ""; display: table; clear: both; }	

#content-footer { margin: 20px 0 0 0; }	

#content-inner p { margin:0.5em 0; }
section.blog h1, .item-page h1 { text-align: center; font-style:italic; color: #693; border-bottom: #693 1px solid; }
	
.page-header h1 { text-align:center; font-style:italic; padding: 0 0 7px 0; }
.cat-children div {clear: both;}
.item-title { padding: 10px 0 0 0;}
.items-row { margin-bottom: 10px !important; overfow: hidden; clear:both; }
section.blog .items-row:after { content: ""; display: table; clear: both; }
section.blog h3 {padding: 0 0 5px 0; }
.column-1, .column-2, .column-3 { padding: 10px 5px 0px 5px; }
	
.cols-2 .column-1 { float: left; width: 46%; }
.cols-2 .column-2 { float: right; width: 46%; }
.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 { float: left; width: 30%; }	

/* ------ forms ------*/

.bfQuickMode .bfNoSection{ padding: 0 0 0 5%; }
#newrecaptcha  { padding: 0 0 5% 10%; }

.bfQuickMode p.bfElemWrap { padding: 5px 5px 5px 0; }

select, textarea, input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
  	display: block; padding: 0 5px 0 5px; margin: 0; line-height: 30px;
  	font-size: 100%; border: 1px solid #693; 
  	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.bfQuickMode span.bfLabelLeft { width: 24%; margin:0; padding: 0 5px 0 0; text-align:center;}
.bfQuickMode span.bfLabelLeft label { float:none; margin:0; }
.bfQuickMode span.bfLabelLeft input { width: 100%; }
 	
 #row2, #row3, #row4, #row5, #row6, #row7, #row8, #row9, #row10 { 
 	border-top:#693 1px solid; padding:10px 0 0 5%; }	
 	
.bfQuickMode section select, .bfQuickMode section input[type=text], 
.bfQuickMode section textarea { width:45%; min-width:45%;} 
.bfQuickMode .bfLabelLeft label { width: 20%; min-width:20%; }

.bfQuickMode p input[type="text"], 
.bfQuickMode p textarea, 
.bfQuickMode p select { width: 60%; border: #693 1px solid; } 

select { height: 30px; }
select:hover, input:hover, textarea:hover { color: #666; border:#666 1px solid;}  

p#bfElemWrap103, p#bfElemWrap104, p#bfElemWrap309, p#bfElemWrap310 { width:49%; float:left;}
p#bfElemWrap103 button, p#bfElemWrap104 button, p#bfElemWrap309 button, p#bfElemWrap310 button { width:98%;}

#tos label { width:89%; margin: 0 0 0 0; }
#tos input { width:7%; float: left; vertical-align:middle; }
#tos span { width:99%; }
#tos span span { width:3%; float: left; margin:0; padding:0; }

button { -webkit-appearance: none; -moz-appearance: none;
  	float: left; display: block; margin: 1.5em 0;
  	font-size: 110%; line-height: 200%; font-weight: bold; font-style: italic; 
  	width:57%; height: 40px; border: 1px solid #999; background:#666;
  	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
button span { color: #fff; } 
button { background: #693;}
button:hover { color: #fff; border:#693 1px solid; background: #666;} 
	
.bfQuickMode .bfSubmitButton { float: left; margin: 0 0 0 25%; }
	
	
/* -------------------*/

#footer { clear:both; width:100%; margin:2%; }
#footer-inner { margin:2% 2% 0% 2%; vertical-align:bottom;}
.copyright { padding: 20% 5% 1% 2%; text-align:right; font-size: 80%; font-weight: bold; color:#fff;}

/* ------------- Menu ------------- */

ul.menu > li, ul.menu li,
ul.menu a, ul.menu li > a, ul.menu > li > a,
ul.menu ul li, ul.menu ul > li { display: block; }

ul.menu { margin: 0; padding: 0; font-size: 0.9em; text-align: right; }
	
ul.menu a { color: #fff; text-transform: uppercase; font-style:italic; }	

ul.menu > li > a { padding: 3px 10px; background:#666;}
ul.menu > li > a:hover,
ul.menu > li:hover > a {	/* highlighting 1-level-items when 2-level-items are selected */ 
	background: #693; }

ul.menu ul > li a { 		/* 2-level-items */
	padding: 3px 5px; background:none; text-transform: none; color: #333; }	

ul.menu > li > ul > li > a:hover, ul.menu li.active > ul li > a:hover { 
	color:#fff; background: #693; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

ul.menu ul { 
	margin: 0; padding: 5px 10px 0 0; 
	/* the transitions */
        -webkit-transition: opacity 300ms ease-in-out, top 200ms ease-in-out;
        -moz-transition: opacity 300ms ease-in-out, top 200ms ease-in-out;
        transition: opacity 300ms ease-in-out, top 200ms ease-in-out;		}

/* --- Active and parent classes - optional --- */
ul.menu li.current a, ul.menu li.active a { background: #693; }
ul.menu li.current > ul li > a, ul.menu li.active > ul li > a { background: none; }	
ul.menu ul li.current a, ul.menu li.active > ul li.current  a { 
	color:#fff; background: #693; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }	
ul.menu ul > li.item-177 a, ul.menu ul > li.item-196 a { color: red;}

.divider span { color: #693; text-align: right; text-transform: uppercase; font-style:italic; font-weight:bold; }

#redim-cookiehint { margin:5px auto; padding:15px; height:;
	float:left; width:100%;
	position: absolute; top:0; left:0;
	background: #333; /*opacity: .9; filter:Alpha(Opacity=90);*/ }
.cookiecontent { color:#fff; float:left; }
.cookiecontent p { color:#fff; }
.cookiebuttons { float:left; width: 100%; }
.cookiebuttons a { float:left; }
.cookiebuttons a:hover { color:#ccc;}
.cookiebuttons button { width: 50px; margin:3px; float:right; }
#cookiehintsubmit, #cookiehintsubmitno{
  	-webkit-appearance: none; -moz-appearance: none;
  	float: left;
  	display: block;
  	margin: 1.5em 0;
  	color: #333;
  	font-size: 110%; line-height: 200%; font-weight: bold; font-style: italic; /*text-transform: uppercase;*/
  	/*width: 450px;*/ height: 40px;
  	border: 1px solid #690; background:url(../images/footer-bg-600.jpg) repeat-x center right;
  	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#cookiehintsubmit, #cookiehintsubmitno { 
	margin:3px; float:right; border: 1px solid #999; background:#333; color:#690; text-align:center; border:#666 1px solid;}
#cookiehintsubmit:hover, #cookiehintsubmitno:hover { color:#ccc; border:#666 1px solid; }
#cookiehintsubmit { width: 110px; }
#cookiehintsubmitno { width: 110px; } 
#redim-cookiehint .clr { height: 10px; }


/* ------------- Tablets, Smartphones & Co ------------- */

@media screen and (max-width: 800px) {

html, body { font-size: 16px; line-height:1.2em;}
#header-right-spring {background: url(../images/header800-xs.png) no-repeat center right; }
#header-right-summer {background: url(../images/header800-xs-summer.png) no-repeat center right; }
#header-right-winter {background: url(../images/header800-xs-winter.png) no-repeat center right; }

#logo-sh { width:100%; background: url(../images/logo2.png) no-repeat right center;}
#logo-spring, #logo-summer, #logo-winter { width:100%; height:90px;
	background: url(../images/logo1.png) no-repeat left top; }

#topbar { height: 30px; }	
.icon-link { display: inline; position: absolute; top:120px;
	width: 49px; height: 49px; padding: 0 8px 0 0; 
	font-size: 20%; text-align: right; color: #693; }
#menu1 { padding: 10px 0 0 0; left:20px; width: 56px; background: url(../images/home-button-sx1-green.png) no-repeat top right; }
#menu1:hover { color: #666; background: url(../images/home-button-sx1-grey.png) no-repeat bottom right; }
#menu2 { left:77px; width: 56px; background: url(../images/fruit-button-green.png) no-repeat top right; }
#menu2:hover { color: #666; background: url(../images/fruit-button-grey.png) no-repeat bottom right; }
#menu3 { left:134px; width: 56px; background: url(../images/cheese-button-green.png) no-repeat top right; }
#menu3:hover { color: #666; background: url(../images/cheese-button-grey.png) no-repeat bottom right; }

#tel { left:191px; background: url(../images/tel-button-green.png) no-repeat top right; }
#tel:hover { color: #666; background: url(../images/tel-button-grey.png) no-repeat bottom right; }

#cart { left:241px; background: url(../images/cart-button-green.png) no-repeat top right; }
#cart:hover { color: #666; background: url(../images/cart-button-grey.png) no-repeat bottom right; }

#kat { left:291px; background: url(../images/kat-button-short-green.png) no-repeat top right; }
#kat:hover { color: #666; background: url(../images/kat-button-short-grey.png) no-repeat bottom right; }

#search { left:341px; background: url(../images/search-button-green.png) no-repeat top right; }
#search:hover { color: #666; background: url(../images/search-button-grey.png) no-repeat bottom right; }

#backtotop { position: fixed; bottom: 0px; right: 0px; }

.top-link { display: inline; width: 49px; height: 49px; color: #693; font-size: 50%; text-align: center;
	background: url(../images/btt-button-green.png) no-repeat bottom right;}
.top-link:hover { color: #666; background: url(../images/btt-button-grey.png) no-repeat bottom right; }

#nav-left { display: inline; }
#nav-right { display: none; }
#topbar .sh5 { padding: 8px 5px 16px 5px; }

#main2-fruit { background: #fff url(../images/content-bg-xl.png) top right no-repeat; }
#main2-milk { background: #fff url(../images/content-milk-bg-xl.png) top right no-repeat; }

#main3-fruit { background: url(../images/footer-xl.png) bottom right no-repeat; }
#main3-milk { background: url(../images/footer-milk-xl.png) bottom right no-repeat; }

#main4, #main5 {background: none; }
#main6 { padding: 25px 0 0 0; padding: 0px 0 0 0; }

#sidebar { background: none; }
#sb-inner-fruit, #sb-inner-milk { background: none; min-height:300px;}

#sidebar .sh1 { float:left; background: url(../images/rtcorner.png) right top no-repeat; }
#sidebar .sh2 { float:left; background: url(../images/bsh-long.png) right bottom no-repeat; padding: 8px 0 8px 0;}
#sidebar .sh3 { float:left; background: url(../images/rsh.png) repeat-y right; }

#sidebar-inner { width:292px; margin: -8px 8px 0 0; float:right;
	border-top: #693 5px solid; border-bottom: #693 5px solid;
	background: url(../images/sidebar-xs-bg.png) repeat-y right; }

#siteNav-fruit, #siteNav-milk { width:100%; }	
#siteNav-fruit { background: url(../images/sidebar-xs.png) right top no-repeat; }
#siteNav-milk { background: url(../images/sidebar-milk-xs.png) right top no-repeat; }

div#sidebar{ margin: 20px 0 0 0;
	left: -300px; width: 300px; position: absolute; line-height: 1.8; z-index: 9999; 
	/* the transitions */
  	-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;	}

/* --- the open state - using the CSS 3D Transforms --- */  
div#sidebar.sidebarIsActive { 
	-webkit-transform: translate3d(300px, 0, 0);
	-moz-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
	-webkit-overflow-scrolling: touch; 	}

div#left, div#left1, div#left3 { height:1px; overflow: hidden; float: right; }

div#left.leftIsActive, div#left1.left1IsActive, div#left3.left3IsActive { height:100%;}

li.item-6 ul.nav-child, li.item-21 ul.nav-child { display: block; }

ul.menu > li > a { padding: 8px 10px; }
ul.menu ul > li a { padding: 8px 10px; }
.moduletable h3 { padding: 0 0 0 0; }

#content { width:100%; margin:0 0 0 0; }
#content-inner{ margin: 65px 5px 5px 10px; }
	
.breadcrumbs { font-size: 0.7em; margin:0px 0 0 0; }
#content-footer { margin: 30px 0 0 0; }	

/* --- support for browsers which do not support 3D transforms - must use Modernizr for this feature --- */
.no-csstransforms3d ul.menu.menuIsActive { left: 0; } 
  
}

/* ------------- Tablets, Smartphones & Co ------------- */

@media screen and (max-width: 550px) {

#content-inner { margin: 20px 5px 5px 5px; }

#breadcrumb .moduletable:after { content: ""; display: table; clear: both; }

.breadcrumbs { float: left; margin:25px 0 0 8px; }
.breadcrumbs a, .breadcrumbs span { color:#333; }
.breadcrumbs img { background: #333; }

/* ------ forms ------*/	
.bfQuickMode section select, .bfQuickMode section select:hover,
.bfQuickMode section input[type=text], .bfQuickMode section input[type=text]:hover,.bfQuickMode section input:hover,
.bfQuickMode section textarea,.bfQuickMode section textarea:hover { 
	width:90%; min-width:70%; max-width:100%; line-height: 40px; } 
	
.bfQuickMode p input[type="text"], .bfQuickMode p textarea, .bfQuickMode p select { width: 90%; }		
.bfQuickMode .bfLabelLeft label { width: 90%; min-width: 90%; padding: 0 0 0 10px; margin: 0; } 	
button { width: 88%; height: 40px; }

p#bfElemWrap103, p#bfElemWrap104, p#bfElemWrap309, p#bfElemWrap310 { width:90%; margin: 0; }
p#bfElemWrap103 button, p#bfElemWrap104 button, p#bfElemWrap309 button, p#bfElemWrap310 button { width:100%; }

.bfQuickMode .bfSubmitButton { margin: 0 0 0 5%; width:85%; }

.bfQuickMode span.bfLabelLeft { width: 90%;  margin:5px 0; text-align:left; }	

}

/* ------------- Tablets, Smartphones & Co ------------- */

@media screen and (max-width: 480px) {

#container {  margin: 0% auto;	}
#header { margin:8px 0 0 0; }
#header-right-spring { background: url(../images/header-xs.png) no-repeat bottom center; }
#header-right-summer { background: url(../images/header-xs-summer.png) no-repeat bottom center; }
#header-right-winter { background: url(../images/header-xs-winter.png) no-repeat bottom center; }

#logo-sh { width:100%; background: url(../images/logo2-sx.png) no-repeat right top; }
#logo-spring, #logo-summer, #logo-winter { height:90px; background: url(../images/logo1-sx.png) no-repeat left center; }

.icon-link { top:103px; }

#menu1 { left:0px;} 
#menu2 { left:57px;} 
#menu3 { left:114px;} 
#tel { left:171px;} 
#cart { left:221px;} 
#kat { left:271px;} 
#search { left:321px;} 

#top-right { margin: -45px 0 0 0; }

#main2-fruit { background: #fff url(../images/content-bg-xs.png) top right no-repeat; }
#main2-milk { background: #fff url(../images/content-milk-bg-xs.png) top right no-repeat; }

#main3-fruit { background: url(../images/footer-xs.png) bottom right no-repeat; }
#main3-milk { background: url(../images/footer-milk-xs.png) bottom right no-repeat; }

#content-inner { margin: 10px 5px 5px 10px; }
/*#content {overflow: visible; }
#content2 { overflow: visible;}*/

/* ------ forms ------*/
.bfQuickMode .bfNoSection { padding: 0; }
#newrecaptcha  { padding: 0; }

.bfQuickMode section select, .bfQuickMode section select:hover,
.bfQuickMode section input[type=text], .bfQuickMode section input[type=text]:hover,.bfQuickMode section input:hover,
.bfQuickMode section textarea,.bfQuickMode section textarea:hover { 
	width:97%; min-width:97%; max-width:97%; line-height: 40px; } 
.bfQuickMode .bfLabelLeft label { width: 97%; min-width:97%; } 	
button { width: 95%; height: 40px; }

.bfQuickMode .bfSubmitButton { margin: 0; width:90%; }

.bfQuickMode span.bfLabelLeft { width: 90%; margin:0 }
.bfQuickMode span.bfLabelLeft input { width: 100%; }
/* -------------------*/

.cols-2 .column-1, .cols-2 .column-2 { float: left; width: 100%; }

}