/**
 * Leipzig Blumenhalle, Website
 *
 * @version $Id: blumenhalle.css 261 2017-02-26 12:40:17Z  $
 * @copyright 2008-2017, Michael Wegner
 */


@charset "UTF-8";


/*
	Hellgrün: #d9dfce (ALT: #eef4e3) (Hintergrund)
	Hellergrün: #fcfff4 (Main)

	Grün: #005A2A			(Text) 0,90,42
	pink: #b61540			(Rahmen)

*/





@media print {

/*	@page { size:landscape; } */

	body {
		margin:0;
		padding:0;
		background:none;
		}

	} /* media print */




@media screen, handheld {
	body {
		/* background:url(/images/background.png); */
		background:#384F35;
		/* background:rgb(77,100,74); /* Laubgrün	6002 */

		margin: 0;

		text-align:center; /* WHACK */
		}

	} /* medis screen, handheld */




#main {
	margin:16px auto;
	text-align:left;

	width:860px;
	border:2px solid #b61540;
	background:#fcfff4 url(/images/menubg.png) repeat-y;
	}


	#main #head {
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		padding:102px 0 0 0;
		/*border-bottom:1px solid #b61540;*/


		background:#d9dfce url(/images/head17.png) repeat-x;
/*		background:#eef4e3 url(/images/head.png) repeat-x;*/
/*		border-bottom:3px solid #d9dfce; */
		}

/*
		#main #head h1 {
			font-size:10pt;
			font-weight:bold;
			color:#005a2a;
			margin:6px 0 0 0;
			}

		#head a:link, #head a:visited, #head a:active {
			color:#005a2a;
			background-color:transparent;
			text-decoration:none;
			}

		#main a:hover {
			background:#005a2a;
			color:white;
			}
*/


	#main #foot {
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		font-weight:bold;
		color:#005a2a;
		margin:4px 0 0 0;
		text-align:center;
		border-top:1px solid #b61540;
		clear:both;
		background:#d9dfce;
		height:32px;
		}

		#main #foot h1 {
			font-size:8pt;
			/*letter-spacing:0.06em;*/
			font-weight:bold;
			color:#005a2a !important;
			margin:8px 0 3px 0;
			}

		#main #foot h2 {
			font-size:9pt;
			font-weight:bold;
			color:#005a2a !important;
			margin:8px 0 0;
			}


		#main #foot h1 a {
			color:#005a2a;
			}

		#main #foot h1 a:hover {
			background:#005a2a;
			color:white;
			}

		#foot a:link, #foot a:visited, #foot a:active {
			padding:0 2px;
			color: #b61540;
			background-color:transparent;
			text-decoration:none;
			}

		#foot a:hover  {
			color:#e7f2de;
			background-color:#b61540;
			text-decoration:none;
			}

                #foot span {
                        margin:0 10pt;
                        }



	#main #container {
		position:relative;
		background:none; /* inherit; /*White;*/
		color:#005a2a;

		font-family: /*Times, Lucida Sans Unicode, Lucida Grande, sans-serif, serif,*/ Arial,Helvetica,sans-serif;
		font-size:11pt;

		line-height:1.5em;
		/*letter-spacing:0.02em;*/

		min-height:480px;

		overflow:visible;

		margin:28px 0px 20px 240px;
		padding-right:10px;
		}


	.imprint { background: url(/images/2.png) 300px 50px no-repeat !important; }

	.floristik { background: url(/images/katalog/xl/281.jpg) 50px 150px no-repeat !important; }


	#container h1 {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		color:#005a2a;
		font-size:18pt;
		border-bottom: 2px solid #b61540;
		margin-right:-10px;
		}

	#container h2 {
		color:#005a2a;
		font-size:12pt;
		}

		#container h2 + p.small { margin-top:-14px; }


	#container h2.red {
		color:#b61540;
		font-size:12pt;
		}

	#container h3 {
		color:#005a2a;
		font-size:11pt;
		margin:14px 0 0 0;
		}


	#container div.center { width:574px; }

	#container div.center img {	margin:5px 10px; }


	#main img.right {
		float:right;
		margin:0 36px 0 12px;
		}

	#main img.left {
		float:left;
		margin:0 12px 0 0;
		}

	#main img.center {
		text-align: center;
		margin:0 10pt auto;
		display:block;
		}

	#container div.werbung {
		width:285px;
		background:none;

		margin-right:20px;
		display:inline;
		float:left;
		}


	#container div.werbung2009 {
		width:340px;
		border: 1px solid #060;
		text-align:center;
		padding:0px;
		margin: 0 auto;
		}

		#container div.werbung2009 p.who {
			font-size:11pt;
			font-weight:bold;
			line-height:1.2em;
			letter-spacing:0em;
			}

		#container div.werbung2009 h1 {
			font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
			font-style:italic;
			}

		#container div.werbung2009 p.fussnote {
			font-size:8pt;
			color:#005a2a;
			padding-left: 16px;
			line-height:1.25em;
			}

		#container .werbung h1 {
			text-align:center;
			background:#fcfff4;
			border:1px solid #060;
			font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
			font-style:italic;
			font-size:16pt;
			line-height:18pt;
			margin:0 0 6px;
			padding:2px 0 4px 0;
			display:block;
			}

		#container .werbung h2 {
			font-size:12pt;
			margin:0;
			}

		#container .werbung p.left {
			text-align:left;
			font-size:12pt;
			font-weight:normal;
			color:#060;
			margin:0;
			}

		#container .werbung p {
			text-align:right;
			font-size:12pt;
			font-weight:bold;
			color:#b61540;
			margin:0;
			}


		#container .werbung p.fussnote {
			margin:2px 0;
			font-size:8pt;
			font-weight:normal;
			/*font-style:italic;*/
			color:#005a2a;
			padding-left: 16px;
			text-align:left;
			line-height:1.25em;
			text-indent: -14px;
			}


	#container a:link, #container a:active, #container a:visited {
		color: #005a2a;
		text-decoration: none; /*underline;*/
                /* border-bottom:1px dotted green; */
		}

	#container a:hover {
		background: #005a2a;
		color:#d9dfce;
		text-decoration: underline;
		}

	#container a > img { border:none !important; }

	img.zoom { cursor: url('/media/lupe.cur'), pointer; }

	#container > p {
		margin-right:36px;
		}

	#container h3 + p {
		margin:0;
		}


	a.top {
		display:block;
		text-align:center;
		width:100px;
		border-top:1px dotted green;
		font-size:9pt;
		line-height:1em;
		}

		a:hover.top { background: url(/images/top.png); }

#menu {
	width:158px;
	min-height:100%;
	background:#d9dfce; /* #fcfff4 #d9dfce; */
	/*
	border-top:2px solid #b61540;
	border-left:2px solid #b61540;
	border-right:2px solid #b61540;
	border-bottom:2px solid #b61540;
*/
	font-family:/*"Trebuchet MS",*/ Arial, Helvetica, sans-serif;
	position:relative;
	z-index:5;

	font-size:11pt;
	font-weight:bold;

	float:left;
	/* margin:24px 20px;*/
	margin:0; padding:34px 0 0 20px;

	/* padding:10px 0;*/
	}


	#menu ul {
		margin:0;
		padding:0;

		list-style-type: none;
		border: none
		}

	#menu li {
		width: 100%;
		display: block;
		height:22px;
		text-align:left;
		padding:2px 0;
		margin-left:0;
		}
	#menu li.spacer {
                height:.4em !important;
                }

		#menu li.top {
			margin-top:14px; }



	#menu a:link, #menu a:visited, #menu a:active {
		padding:1px 6px;
		/*color: #040;*/
		text-decoration:none;
		display:block;
		}


		#menu a:hover  {
			color:#e7f2de;
			background:#004910;
			text-decoration:none;
			border-left:1px dotted white;
			border-top:1px dotted white;
			border-bottom:1px dotted white;
			}


		#menu .default {
			color: #040;
			border-top:1px solid #d9dfce;
			border-bottom:1px solid #d9dfce;
			}

		#menu .selected {
			color: #b61540;
			background:#fcfff4;
			border-top:1px solid #060;
			border-bottom:1px solid #060;
			border-left:1px solid #060;
			}

		#menu .sub {
			text-indent:10px;
			font-size:10pt;
			}

		#menu .sup {
			text-indent:5px;
			font-size:9pt;
			font-style:italic;
			margin-left: 15px;
			}


/* Lightbox (c) by Lokesh Dhakar - http://www.lokeshdhakar.com */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel_de.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel_de.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 87px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* mw-form */
input.text, input.text_error, textarea.textarea, textarea.textarea_error {
	width:400px;
	font-family:arial,helvetica,sans-serif;
	font-size:10pt;
	padding: 1px 3px;
	}

input.text, textarea.textarea {
	border:1px solid #040;
	}

input.text_error, textarea.textarea_error {
	border:1px solid #b61540	;
	background:#fff5ff;
	}


label.label, .label_error {
	font-size:11pt;
	display:block;
	margin-left:4px;
	padding:0 0 0 6px;
	cursor:pointer;
	}

label.label {
	border-bottom:1px dashed #040;
	}

.label_error {
	color: #b61540;
	border-bottom:1px dashed #b61540;
	}

input.button {
	color: #005a2a;
	background:#d9dfce;
	font-weight:bold;
	border:1px solid #005a2a;
	}

table#formular {
	border-collapse:collapse;
	}

#formular td { padding: 0; }


/* Öffnungszeiten */
div.oeffnungszeiten {
    width: 60%;
    margin: 0 auto 26px;
    background: #d9dfce none repeat scroll 0 0;
    display: block;
    padding: 6pt 10pt;
    text-align: center;
    border:1px solid #005a2a;
    border-radius: 8px;
    }


/* Googla Maps, mw 2010 */

#gmap {
		width: 574px;
		height: 400px;
		float:left;
		}


#gmap div.gmnoprint:first-child { padding:0; line-height:1.25em; font-size:10pt;}

td { vertical-align:top; }
table.liste {
	table-layout:fixed;
	border-collapse:collapse;
	}

table.liste td {
	padding:0 4px 0 0;
	font-size:11pt;
	color:#005a2a;
	height:1.5em;
	}

table.liste td:first-child {
	width:100px;
	font-size:9pt;
	text-align:right;
	padding-right:8px;
	}


table.liste td.small {
	height:1em !important;
	line-height: 1.2em !important; }





ul.ohne {
	list-style-type: none;
	margin:0;
	padding:0;
	}


ul.fontliste {
	list-style-type: none;
	padding: 0 0 0 20px;
	}

ul.fontliste label { cursor: pointer; }

/* Floristikkatalog */
table.katalog {
	width: 574px;
	border-collapse:collapse;
	table-layout:fixed;
	}

	table.katalog td {
		width:25%;
		font-size:9pt;
		/* text-align:center;*/
		vertical-align:bottom;
		/* background:#f3e2ae;*/
		border: none; /* 1px solid grey;*/
		font-weight:bold;
		}

		table.katalog td > a { background:#f3e2ae; width:125px; height:90px; text-align:center; display:inline-block;  }


	table.katalog td span.pk { color:#b61540; font-weight:normal; font-size:8pt;}



/* Schleifenkatalog */
table#katalog {
	width: 574px;
	border-collapse:collapse;
	}


	table#katalog td:first-child { width: 40px; text-align:right; font-weight:bold; padding-right:5px;}
	table#katalog td:first-child + td { width:24px; }
	table#katalog td:first-child + td + td { font-size:8pt; font-style:italic; }

	table#katalog th { background:#d9dfce; border-top: 1px solid #005a2a; }
	table#katalog td { vertical-align:middle; }
	table#katalog td img { vertical-align:middle; }

ul.clickable li { cursor:pointer; }


#container .fieldset { background:#eee; }
#container .fieldset legend { font-weight:bold; }
#container .fieldset label {
	display:inline !important;
	border: none !important;
	margin:0 !important;
	padding:0 !important;
	}

/*
select#schleifenfont
option#schleifenfont_1 { font-size:0; width:200px; height:17px; background: url(/images/schleifen/font1.jpg) no-repeat; }
option#schleifenfont_2 { font-size:0; width:241px; height:17px; background: url(/images/schleifen/font2.jpg) no-repeat; }
option#schleifenfont_3 { font-size:0; width:341px; height:17px; background: url(/images/schleifen/font3.jpg) no-repeat; }
option#schleifenfont_4 { font-size:0; width:341px; height:17px; background: url(/images/schleifen/font4.jpg) no-repeat; }
*/


blockquote, q, cite { background:#d9dfce; display: block; padding: 2pt 15pt; text-align:justify;  }
q { font-size:10pt; font-weight:bold; }
cite { font-size:8pt; color:#b61540; text-align:center;}



/* globals by mw 2008 */

.clear { clear:both; }

.block { text-align:justify; }
.indent { text-indent:10px;}
.center { text-align:center; }
.right { text-align:right; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }



.red { color:#b61540; }
.green { color:#040; }


.normal { font-weight:normal; letter-spacing: 0; line-height:1.4em; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }


.small { font-size:9pt !important; }
p.small { line-height:1.2em; }

.top20 { margin-top:20px !important; }
.top100 { margin-top:100px; }
.top200 { margin-top:200px; }
.top300 { margin-top:300px; }

.bordertop { border-top: 2px dotted #005a2a; padding-top:.8em !important;}

.print { display:none; }
.screen {}

p.bilder {
    text-align:center;
    }
    
    p.bilder a {
        margin:0 15px;
        }