/**
 * Styles for www.blumenbutler.de relaunch 2008
 *
 * @section		screen
 * @author		ks@web-factory.de
 * @version		1.01
 * @copyright	marketing factory consulting gmbh
 * @media		screen
 *
 * @link
 * @colordef	black		  	    #000
 *  			dark brown			#573e32
 *              middle brown		#b4a9a3
 *              light brown			#c5bcae
 *              very light brown    #ebe8e1
 *              link brown			#9e7259
 *
 * @todo 		everything
 * @subsections: (TOC)
 *               00- Reset
 *               01- Global
 *               02- Grid
 *               03- Navigation
 *               06- Katalogseite
 *               08- Homepage
 *
 border: 1px solid #f00;
 */
/**
 * *******************   00- Reset  **************************************
 *
 * @section browser reset
 * @see     http://meyerweb.com/eric/tools/css/reset/index.htmls
 * @author  eric meyer
 *
 * Reset any browser specific CSS  declaration to known values
 */
/* v1.0 | 20080212 */


		/**
		**************************************************
		 * ------------------------------------------------ *
		 *  					UPDATES						*	
		 * ------------------------------------------------ *
		 ***************************************************
		 */
/** 
	 * div box hoehe vergr�ssert fuer den 4 Zeiligen Versandkostentext 
	 * des Links Versandkosten unter jedem "bestellen" button
	 * 
	 * class hinweisversand 
	 *
	 *
 	 * @mp  Markus Piechulla <mpiechulla@marketing-factory.de>
	 * @since 2010-04-08
*/
/** 
	 * div box hoehe vergroessert von dem 295x295 Produktbild
	 * 
	 * somit verrutscht der Text rechts neben dem Bild nicht nach Links
	 *
	 * class productsingleviewimage
	 *
 	 * @mp  Markus Piechulla <mpiechulla@marketing-factory.de>
	 * @since 2010-04-13
*/
/** 
	 * live person chat style hinzugef�gt
	 *
 	 * @mp  Markus Piechulla <mpiechulla@marketing-factory.de>
	 * @since 2010-05-28
*/

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, b, u, i, center, 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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}




dt {
    clear: both;
    float: left;
    width: 30%;
    /* line-height:2em; */
    margin-top: 1em;
}

/* liveperson chat */
.LPform {
	width:210px;
	height:50px;
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#LPidentifier {
	display:none;
}
#LPmessage {
	display:inline;
}



dd {
    float: left;
    width: 66%;
    /* line-height:2em; */
    margin-top: 1em;
}

blockquote, q {
    quotes: none;
}

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

/* remember to define focus styles! */:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**
 * *******************  01- Global   **************************************
 *
 * @section global
 * @author  ks@web-factory.de
 *
 * Basic styles for standard elements
 */ 
 
 #modalContentLayer, .simplemodal-data input, body {
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, Times, Roman, serif;
}

h1 {
color:#8B7F79;
font-size:2em;
line-height:1.2em;
margin:15px 0 10px;
}

h2 {
color:#8B7F79;
font-size:1.6em;
line-height:1.2em;
margin:15px 0 10px;
}

h3 {
color:#000;
font-size:1.4em;
line-height:1.2em;
margin:15px 0 10px;
}

h4 {
color:#000;
font-size:1.2em;
line-height:1.2em;
margin:15px 0 10px;
}

h5 {
color:#000;
font-size:1em;
line-height:1.2em;
margin:15px 0 10px;
}




/*

h1, h2, h3, h4, h5, h6 {
    margin: .8em 0 .5em 0;
}
*/



a, a:link, a:visited {
    color: #7d3b16;
}

a:hover, a:active {
    color: #000;
    background: #f5ebe0;
}

a img, a:hover img {
    border: none;
    background: #fff;
    margin: 0;
    padding: 0;
    vertical-align: text-bottom;
    text-decoration: none;
} 

.checkout a img, .checkout a:hover img {
    background: #f5f4f1;
} 

.clear {
    clear: both;
}

td {
    vertical-align: top;
} 

.accessible {
    display: none;
}

fieldset {
    border: 1px solid #ccc;
}

legend.main, .checkout form.data fieldset legend.main, h2.main, .productsingleview h2 {
    color: #966;
    font-size: 2em;
    line-height: 1.2em;
    margin: 15px 0 25px;
}

h3.main, .productsingleview h3 {
    color: #966;
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 12px 0 25px;
}

select,
textarea,
input {
    font-size: 1.2em;
    font-weight: bold;
}

input.text {
    font-size: 1.2em;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ccc;
}

input.radio, input.checkbox {
    border: none;
} 

.formlego input.submitnarrow, a:link.submitnarrow, a:visited.submitnarrow, a:hover.submitnarrow, a:active.submitnarrow, input.submitnarrow {
    font-family: Georgia, Times New Roman, Times, Roman, serif;
    border: 1px solid #999;
    padding: 2px 4px;
    margin: 4px 2px;
    line-height: 1.3em;
    color: #333;
    background: #dfdace;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

/**
 * *******************   02- Grid  **************************************
 *
 * @section
 * @see     http://meyerweb.com/eric/tools/css/reset/index.htmls
 * @author  eric meyer
 *
 * framework (grid) of the main page
 */
body {
    background: #fff url(img_bg_middle.jpg) center -9px repeat-y;

} 

.outerWrap {
    width: 100%;
    text-align: center;
    background: url(img_bg_100423.jpg) center top no-repeat;
    position: relative;
} 

.container {
    min-height: 600px;
    background: url(img_bg_bottom_100423.jpg) center bottom no-repeat;
} 

.page {
    width: 996px;
    margin: -20px auto 0 auto;
    position: relative;
    z-index: 2;
} 

.content {
    width: 750px;
    overflow: hidden;
    float: right;
   /* font-style: italic;*/
    line-height: 1.2em;
    text-align: left;
} 

.navi {
    width: 220px;
    float: left;
    min-height: 50px;
    padding: 20px 0 35px 0;
}

div.header {
    min-height: 140px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
} 

.footer {
    clear: both;
    min-height: 300px;
    background: url(img_bg_footer_02.jpg) center top no-repeat;
    margin: 0 auto;
} 

.footermeta, .footerlinks {
    width: 996px;
    margin: 0 auto;
} 

.footermeta {
    text-align: right;
    padding-top: 15px;
} 

.footermeta span {
    padding-right: 30px;
} 

.footermeta a:link, .footermeta a:visited, .footermeta a:hover, .footermeta a:active, .footermeta a {
    text-align: right;
    color: #4d5d03;
    text-transform: uppercase;
   /* font-style: italic;*/
    text-decoration: none;
    font-size: .9em;
    font-weight: normal;
    padding: 0 5px;
} 

.footermeta a:hover, .footermeta a:active {
    color: #333;
    background: transparent;
}

/**
 * *******************   03- Navigation  **************************************
 *
 * @section navigation and menus
 *
 */
/* meta navigation in header */
/* menu navigation in left navi colum */ #logo {
    display: block;
    width: 1000px;
    margin: 0px auto;
    text-align: left;
} 

#logo a {
    display: block;
    height: 180px;
    width: 315px;
    position: relative;
    margin-left: -31px;
    text-indent: -2000em;
    z-index: 1;
    background: url(img_bg_logo_100604.jpg) left 5px no-repeat;
} 

#logo a:hover {
    background: url(img_bg_logo_100604.jpg) left 5px no-repeat;
} 

#navigation .imgrep {
    width: 223px;
    position: relative;
    font-size: 1em;
} 

#navigation .imgrep span {
    width: 223px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
} 

#navigation .imgrep a:hover, 
#navigation .imgrep a {
    background: none;
} 

#navigation #m-straeusse {
    height: 31px;
    margin: 5px 0 5px 0;
} 

#navigation #m-straeusse span {
    height: 31px;
    background: url(menu_02_straeusse.png) no-repeat;
} 

#navigation #m-schnittblumen {
    height: 27px;
    margin: 5px 0 5px 0;
} 

#navigation #m-schnittblumen span {
    height: 27px;
    background: url(menu_03_bigbox.png) no-repeat;
} 
#navigation #m-seidenblumen {
    height: 25px;
    margin: 5px 0 5px 0;
} 

#navigation #m-seidenblumen span {
    background: url(menu_seidenblumen.png) no-repeat;
    height: 25px;
} 

#navigation #m-rosenservice {
    height: 25px;
    margin: 5px 0 5px 0;
} 

#navigation #m-rosenservice span {
    background: url(menu_05_rosenversand.png) no-repeat;
    height: 25px;
} 
#navigation #m-tulpenservice {
    height: 25px;
    margin: 5px 0 5px 0;
} 

#navigation #m-tulpenservice span {
    background: url(menu_tulpenversand.png) no-repeat;
    height: 25px;
} 
#navigation #m-mpservice {
    height: 28px;
    margin: 5px 0 5px 0;
} 

#navigation #m-mpservice span {
    background: url(menu_06_m-possible.png) no-repeat;
    height: 28px;
} 

#navigation #m-b2b {
    height: 53px;
    margin: 5px 0 5px 0;
} 

#navigation #m-b2b span {
    background: url(menu_06_b2b.png) no-repeat;
    height: 53px;
} 

#navigation #m-finden {
    height: 18px;
    margin: 0;
} 

#navigation #m-finden span {
    height: 18px;
    background: url(menu_01_blumen-finden.png) no-repeat;
} 

#navigation #m-ruler {
    margin: 5px auto;
} 

#navigation #m-konfigurator {
    height: 28px;
    padding: 0;
} 

#navigation #m-konfigurator span {
    height: 28px;
    background: url(menu_04_konfigurator.png) no-repeat;
}

#navigation select, 
#navigation select option {
	font-size: 100%;
	font-weight: normal;
}

/* menu quicklinks*/ .navi form {
} 

.searchslot select, .navi select {
    font-family: Georgia, Times New Roman, Times, Roman, serif;
   /* font-style: italic;*/
    text-align: left;
    width: 80%;
    border: 1px solid #b4a9a3;
    color: #573e32;
    margin: .2em;
} 

.searchslot select option, .navi select option {
} 

.searchslot select option choose, .navi select option.choose {
    color: #9a7f71;
    border-bottom: 2px solid #573e32;
} 

.searchslot select option:hover, .searchslot select option.choose[selected], .searchslot select option[selected], .navi select option:hover, .navi select option.choose[selected], .navi select option[selected] {
    background: #eeeee7;
} 

.navi ul {
    margin: .2em 0 .75em 0;
} 

.navi a, .navi ul a:link, .navi ul a:visited, .navi ul a {
    text-decoration: none;
   /* font-style: italic;*/
    line-height: 1.2em;
	background: none;
	color:#7D3B16;
} 

.navi ul a:hover, .navi ul a:active {
    text-decoration: underline;
} 

.navi p {
    margin-bottom: .5em;
}

/*headerlinks*/ .header .headerlinks {
    margin: 10px auto 0 auto;
    width: 996px;
} 

.header .headerlinks div {
    float: left;
} 

.header .headerlinks div a:hover {
    background: #fff;
    background: none;
} 

.header .headerlinks div div {
    float: none;
} 

.header .headerlinks #meta01 {
    margin: 0 0 0 280px;
} 

.header .headerlinks #meta01 img {
    width: 131px;
    height: 69px;
} 

.header .headerlinks #meta02 {
    text-align: center;
    padding: 0px 5px 0 5px;
} 

.header .headerlinks #meta03,
.header .headerlinks #meta04,
.header .headerlinks #meta05,
.header .headerlinks #meta06 {
    padding: 0 0 0 5px;
} 

.header .headerlinks #meta04 a, 
.header .headerlinks #meta05 a, 
.header .headerlinks #meta04 img, 
.header .headerlinks #meta05 img {
    margin: 0;
    padding: 0px 5px 0 5px;
    vertical-align: left;
} 

.header .headerlinks #meta06 img {
    margin: 0;
    padding: 0px 15px 0 68px;
    vertical-align: right;
} 


.header .headerlinks a img, .header .headerlinks a:hover img {
    background-color: transparent;
}

/* menu navigation in footerlinks */ .footerlinks .liketable {
    display: table;
    width: 90%;
    margin: 30px 50px 15px 20px;
} 

.footerlinks .likerow {
    display: table-row;
} 

.footerlinks .likecell {
    display: table-cell;
    vertical-align: top;
    text-align: left;
} 

.footerlinks .likecell img.headerimg {
    margin: 20px 30px 15px 0;
    cursor: pointer;
} 

.footerlinks .likecell a, .footerlinks .likecell a:hover img, .footerlinks .likecell a img {
    background: none;
    vertical-align: middle;
} 

.footerlinks .likecell form input.text, .footerlinks .likecell form, .footerlinks .likecell p, .footerlinks .likecell p a, .footerlinks .likecell ul li a {
   /* font-style: italic;*/
    text-decoration: none;
    color: #4d5d03;
    font-weight: bold;
    line-height: 1.2em;
    padding: 2px 10px 2px 0;
} 

.footerlinks .likecell p a:hover, .footerlinks .likecell ul li a:hover {
    color: #768e06;
    padding: 2px 10px 2px 0;
   /* background: #b8a28a; */
} 

.footerlinks .likecell form {
    line-height: 35px;
} 

.footerlinks .likecell form fieldset {
    border: none;
} 

.footerlinks .likecell form legend {
    display: none;
} 

.footerlinks .likecell label {
    height: 35px;
    width: 80px;
    float: left;
    clear: both;
} 

.footerlinks .likecell form input.text {
    border: none;
    background: url(img_bg_form_input_02.gif) no-repeat;
    height: 35px;
    line-height: 35px;
    padding: 8px 0 0 6px;
    width: 120px;
    float: left;
    font-style: normal;
    font-size: .8em;
} 

.footerlinks .likecell form input.submit {
    float: left;
    margin: 0 0 0 5px;
}

/**
 * *******************   04- General styles BlumenButler  **************************************
 *
 *
 */ .contentpadder {
    margin: 0 40px 50px 35px;
    font-size: .9em;
} 

.contentpadder p {
    margin: 0 0 .75em 0;
    font-size: .9em;
} 

.contentpadder ul {
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
    list-style-type: disc
} 

.contentpadder li {
    margin: 0 0 .5em 5px;
    padding: 0 0 0 5px;
} 

.contentpadder img.border {
    border: 1px solid #ccc;
} 

.footerlinks .likecell a:hover img.external, .external {
    padding-right: 5px;
} 

.ruler {
    text-align: center;
    margin: 15px 0;
} 

.display-intro, .intro, .curlyquote {
    border: 1px solid #ccc;
    background: #eeeee7;
    position: relative;
    margin: 15px 0;
    padding: 30px;
	float: left;
} 

.rahmengrau {
background:none repeat scroll 0 0 #EEEEE7;
border:1px solid #CCCCCC;
margin:15px 0;
padding:30px;
position:relative;
float:left;
}

.rahmenrot {
background:none repeat scroll 0 0 #FFE8E6;
border:1px solid #DB342E;
margin:15px 0;
padding:30px;
position:relative;
}


/* bild text elemente fuer normalen Fliesstext*/ 
.imagebox {
    margin: 20px 0;
	clear:both;
}

/* bildausrichtung */ 
.imageleft a img,
.imageleft a:hover img,
.imageleft img {
    margin: 0 15px 15px 0;
    float: left;
} 

.imageright img {
    margin: 0 0 15px 15px;
    float: right;
}

.imageleft ul {
	clear: left;
} 
.imageleft ul li {
} 


 
#modalContentLayer form fieldset {
    margin: 15px;
    padding: 15px;
} 
#modalContentLayer form fieldset legend {
    padding: 0 5px;
} 
#modalContentLayer form fieldset td {
    padding: 3px 0;
} 
#modalContentLayer form label {
    float: right;
	text-align: right;
    margin-right: 15px;
    width: auto;
}

/* blumenstrauss teaser elemente*/

.blumenstrauss {
    width: 225px;
    float: left;
    text-align: left;
    position: relative;
} 

.blumenstrauss .blumenstraussproduktgruppe {
    height: 200px;

} 

.blumenstrauss .blumenstraussproduktgruppe a:hover {
    background: #fff;
} 

.blumenstrauss .produktdetailsproduktgruppe {
    height: 60px;
    overflow: hidden;
    font-size: .85em;
}

/* generierte seiten - nur 2 zeilen text*/ 
.display-list .blumenstrauss .produktdetailsproduktgruppe {
    height: 42px;
} 

.blumenstrauss .blumenstraussproduktgruppe a img, .blumenstrauss .blumenstraussproduktgruppe a:hover img, .blumenstrauss .blumenstraussproduktgruppe img {
    /*border: 1px solid #ccc;*/
    margin: 0 0 0 10px;
} 

.blumenstrauss p {
    margin: 0 0px 0 10px;
} 

.blumenstrauss a {
    color: #000;
} 

.blumenstrauss a:hover img, .blumenstrauss a img, .blumenstrauss img {
    vertical-align: middle;
} 

.display-list .produktpreis {
    color: #966;
    font-size: .8em;
    line-height: 1.4em;
    margin: 0 0 2em 10px;
} 

.produktpreis span, .display-list .blumenstrauss .produktpreis span {
    font-size: 1.8em;
    font-weight: bold;
} 

.blumenbilder dl {
    border: 1px solid #C5BD9E;
    background: url(img_bg_page_paper-inner-fieldset-h1.jpg) repeat-y;
    width: 150px;
    text-align: left;
    padding: 15px;
    float: left;
    margin: 0 10px 10px 0;
    font-size: .8em;
} 

.blumenbilder dt {
    font-weight: bold;
    width: 100%;
    text-align: center;
} 

.blumenbilder dt img {
    border: 1px solid #C5BD9E;
    width: 100px;
    height: 100px;
} 

.blumenbilder dd {
    clear: left;
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 1.2em;
} 

.blumenstrauss div.button, .blumenstrauss p.button {
    position: absolute;
    top: 95px;
    right: 0px;
    width: 83px;
    height: 13px;
    background: none;
} 

.blumenstrauss div.button a:hover, .blumenstrauss div.button a img, .blumenstrauss div.button a:hover img, .blumenstrauss p.button a img, .blumenstrauss p.button a:hover img, .blumenstrauss p.button a {
    background: none;
    margin: 0;
} 


.rosenservice .rosenbild img {
    width: 50px;
    height: 50px;
} 

.searchslot {
    width: 100%;
} 

.suggestlinks {
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
} 

.suggestlinks a {
    padding: 0 15px;
} 

#goog-fixurl .content {
    width: auto;
    float: none;
} 

#goog-fixurl .content form {
    margin: 15px;
}

/**
 * *******************   06- Katalogseite  **************************************
 *
 *
 */ 
 
.breadcrumb {
    width: 680px;
} 

.breadcrumb p {
    float: left;
    width: 280px;
} 

.breadcrumb form {
    width: 375px;
    float: right;
    text-align: right;
} 
.breadcrumb form select {
	font-size: .9em;
} 

.productsingleview {
    width: 680px;
    margin: 0pt 0pt 0pt 10pt;
    text-align: left;
    position: relative;
} 

.productsingleview .productsingleviewimage {
    float: left;
    margin: 20px 15px 25px 0;
    position: relative;
    height: 400px; /* aenderung div hoehe (diese zeile ist neu eingefuegt)*/
} 

.productsingleview .productsingleviewimage:after {
    clear: left;
} 

.productsingleview .productsingleviewimage img {
    /*border: 1px solid #C5BD9E;*/
    margin: -10pt 5pt 0pt -4pt;
    width: 295px;
    height: 295px;
} 
.blumenstrauss .season,
.productsingleview .productsingleviewimage .season {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background: url(images/momentan_keine_saison.png) 0px -20px no-repeat;
} 

.blumenstraussproduktgruppe .season {
    width: 210px;
    height: 210px;
	
}
.blumenstraussproduktgruppe .season p {
	margin-left: -500px;
	overflow: hidden;	
}

.productsingleview .productsingleviewimage .season p {
    text-indent: -2000em;
} 

.productsingleview p {
    font-size: 0.9em;
    padding: 0pt 5px 0pt 0pt;
} 

.singleviewdescription {
    margin: 10px;
} 

.productsingleview .productsingleviewimage .moreimages {
    float: left;
} 

.moreimages {
    position: absolute;
    top: 378px;
    left: 300px;
    padding: 0pt;
    text-align: right;
    width: 295px;
    /*
     text-align: center;
     */
} 

.productsingleview .moreimages img {
    border: medium none;
    float: none;
    margin: 0pt;
    width: 13px;
} 

.moreimages a:hover, .moreimages a img, .moreimages a:hover img {
    background: none;
} 

#simplemodal-container, #modalContentLayer, #modalContentLayer div {
    background: #ebe8e1;
} 

.messagebox {
    font-family: Georgia, Times New Roman, Times, Roman, serif;
    font-size: 0.9em;
    text-align: left;
    padding: 10pt 15px 10pt 10pt;
    margin: 10pt 15px 10pt 10pt;    
    background: #ff0000;
}


#modalContentLayer p {
    margin-bottom: 10px;
} 

#modalContentLayer table {
    width: 100%;
} 

#modalContentLayer form {
    margin: 15px;
    display: block;
} 

#modalContentLayer form input.submit {
    margin: 0 15px;
} 

/* hinweistexte zum einblenden */

.hinweistext  {
    border: 1px solid #ccc;
    position: relative;
    margin: 15px;
    padding: 10px;
	position: relative;
	clear: left;
	
}

.hinweistext .closeAll {
	position:absolute;
	top: 0px;
	right:0px; 
}

.hinweisversand {
	width: 151px;
	height: 80px; /* aenderung div hoehe (diese zeile ist neu eingefuegt)*/
	float: left; 
	margin: 0 20px 20px 0; 
	line-height: 2.5em;
}
.hinweisversand div {
	color: #c00; 
	padding: 10px 0 0 0; 
	line-height: 2.5em; 
}
.hinweisversand div span{
	font-size: 2em; 
}



.catalogueform {
    clear: left;
    margin: 30px 10px 20px 0;
    padding: 0 0 15px 0;
} 

.catalogueform .fieldsetsubstitute {
    border: 1px solid #966;
    color: #000;
    margin: 15px 15px 15px 10px;
    padding: 10px 0pt 15px;
    position: relative;
} 

.catalogueform fieldset {
    border: 1px solid #966;
    color: #966;
    margin: 0px 15px 15px;
    position: relative;
} 

.catalogueform h5, .catalogueform h1 {
    background: transparent url(img_bg_page_paper-inner-fieldset-h1.jpg) repeat-y scroll 0%;
    color: #966;
    background: #fff;
    font-size: .8em;
    font-weight: bold;
    left: 0pt;
    margin: 0px 15px 0px 15px;
    padding: 5px 10px;
    position: absolute;
    top: -15px;
} 

.catalogueform form {
    margin: 0pt;
    padding: 0pt;
} 

.catalogueform table {
    border-collapse: separate;
    margin: 15pt 5px 0pt 15px;
    width: 95%;
    clear: both;
} 

.catalogueform table th {
    font-size: .8em;
} 

.catalogueform table td {
    background: #FBFAF7 none repeat scroll 0%;
    border: 1px solid #CBC7B9;
    padding: 0pt;
    vertical-align: middle;
} 

.catalogueform table p {
    padding: 0pt 10px;
} 

.catalogueform table td input.text, .catalogueform table td input.quantity {
    background: #F5F4F0 none repeat scroll 0%;
    border: 1px solid #CBC7B9;
    height: 20px;
    margin: auto;
    width: 35px;
} 

.simplemodal-data input.submit, .catalogueform table td input.submit {
    margin: auto;
    background: #DFDACE;
    border: 1px solid #999999;
    color: #333333;
    font-family: Georgia, Times New Roman, Times, Roman, serif;
    cursor: pointer;
} 

.catalogueform table .cf-anzahl {
    text-align: center;
    width: 70px;
} 

.catalogueform table .cf-blumen {
    width: 255px;
} 

.catalogueform table .cf-preis {
    width: 90px;
    font-weight: bold;
} 

.cf-preis-big {
    width: 100px;
    font-size: 1.3em;
    font-weight: bold;
} 

.catalogueform table .cf-bestellen {
    text-align: center;
    width: 135px;
} 

.catalogueform p.small {
    font-size: .9em;
    text-align: center;
    padding: 15px 0 0 0;
} 

.socialbookmarks {
    text-align: center;
    font-size: .9em;
    margin: 1em;
    border: 1px solid #C5BD9E;
    background: #ffffff;
    padding-bottom: .25em;
} 

.socialbookmarks p {
    color: #966;
    text-align: left;
    margin: 1em;
} 

.socialbookmarks a:hover, .socialbookmarks a {
    margin: 0 .5em 0 0.5em;
    text-decoration: none;
} 

.socialbookmarks a img, .socialbookmarks img {
    vertical-align: middle;
}

#modalContentLayer form#b2b fieldset select,
#modalContentLayer form#b2b fieldset textarea,
#modalContentLayer form#b2b fieldset input {
	font-size: 1em;
}

#modalContentLayer form#b2b fieldset {
	margin: 5px;
	padding: 5px;
}
#modalContentLayer form#b2b fieldset legend{

	font-weight: bold;
	margin-bottom: 5px;
}
#modalContentLayer form#b2b .check div  {
	clear: left;
	float: left;
	width: 15px;
	padding-top: 3px;
	line-height: 1em;
	font-size: 1em;
}
#modalContentLayer form#b2b .check label {
	float: left;
	text-align: left;
	width: 255px;
	margin: 5px 0 5px 5px;
	padding: 0px 0 5px 5px;
}

#modalContentLayer form#b2b .check .floatbox {
	float:left; 
	clear: none;
	width: 230px;
}

#modalContentLayer form#b2b .check .floatbox input {
	float: left;
}
#modalContentLayer form#b2b .check .floatbox  label {
	float: left;
	width: 200px;
}

/**
 * *******************   08- Homepage  **************************************
 *
 *
 */
/* main teaser */ 

.mainteaser {
    position: relative;
} 

.effectjump {
    margin-right: -10px;
    padding: 0;
} 

.claim {
    margin: 0 30px;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 350px;
    font-weight: bold;
} 

.claim a {
    text-decoration: none;
   /* font-style: italic;*/
} 

.mainteaser {
    text-align: right;
} 

.mainteaser p {
    text-align: left;
    margin: 5px 30px 0 30px;
   /* font-style: italic;*/
} 

.teaserbox {
    margin: 1em 0 2em 0;
    min-height: 200px;
} 

.teaserbox .subteaser {
    float: left;
    width: 180px;
    text-align: center;
} 

.teaserbox a {
    text-decoration: none;
   /* font-style: italic;*/
    font-weight: bold;
}

/* sonderteaser */
.blumenstrausshomepage {
    width: 240px;
    float: left;
    text-align: left;
    position: relative;
    margin-bottom: 15px;
} 

.hometeaser {
    margin-left: 25px;
} 

.blumenstrauss .blumenstrausshomepage .blumenstraussproduktgruppe {
    height: 150px;
} 

.blumenstrauss .blumenstrausshomepage .blumenstraussproduktgruppe a:hover {
    background: #fff;
} 

.blumenstrauss .blumenstrausshomepage .produktdetailsproduktgruppe,
.blumenstrauss .produktdetailsproduktgruppe {
    height: 60px;
    overflow: hidden;
    font-size: .9em;
}

/* generierte seiten - nur 2 zeilen text*/ 
.display-list .blumenstrauss .blumenstrausshomepage .produktdetailsproduktgruppe {
    height: 60px;
} 
 .blumenstrausshomepage .produktdetailsproduktgruppe {
	margin-right: 15px;
} 

.blumenstrauss .blumenstrausshomepage .blumenstraussproduktgruppe a img, 
.blumenstrauss .blumenstrausshomepage .blumenstraussproduktgruppe a:hover img, 
.blumenstrauss .blumenstrausshomepage .blumenstraussproduktgruppe img {
    margin: 0 0 0 .5em;
} 

.blumenstrauss .blumenstrausshomepage p {
    margin: .5em;
} 

.blumenstrauss .blumenstrausshomepage a {
    color: #000;
} 

.produktpreis span, 
.display-list .blumenstrauss .blumenstrausshomepage .produktpreis span {
    font-size: 1.50em;
    font-weight: bold;
} 

.blumenstrausshomepage p.button, 
.blumenstrauss div.button, 
.blumenstrauss p.button {
    position: absolute;
    top: 242px;
    right: 22px;
    width: 83px;
    height: 13px;
    background: none;
} 

.blumenstrausshomepage div.button, 
.blumenstrausshomepage p.button {
    position: absolute;
    top: 222px;
    right: 42px;
    width: 83px;
    height: 18px;
    background: none;
} 

.blumenstrausshomepage a, 
.blumenstrausshomepage a:hover, 
.blumenstrausshomepage a img, 
.blumenstrausshomepage a:hover img, 
.blumenstrauss .blumenstrausshomepage div.button a:hover, 
.blumenstrauss .blumenstrausshomepage div.button a img, 
.blumenstrauss .blumenstrausshomepage div.button a:hover img, 
.blumenstrauss .blumenstrausshomepage p.button a img, 
.blumenstrauss .blumenstrausshomepage p.button a:hover img, 
.blumenstrauss .blumenstrausshomepage p.button a {
    background: none;
    margin: 0;
} 


div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
border: 1px solid #D1C491;
}


/**
 * *******************   09- Mozilla Bugfixes  **************************************
 * @section mozilla flow clear after bugfix
 * @see     http://www.positioniseverything.net/easyclearing.html
 * @author  
 *
 */

/* bugfix floatclears for firefox */
.container:after,
.imagebox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

 
/**
 * *******************   is finished  **************************************
 */ 

/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css 955 2005-12-28 00:49:12Z mundaun $
# ***************************************************************************************/

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}