body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/**
 * Frontend-CSS
 * Domain: www.blumen-bluethgen.de
 */

/* general */
body,td,a,b,span,div,input,select,textarea { font-family:Verdana,Arial,Helvetica,sans-serif }
body { margin:15px 10px 40px 10px; color:#000; background:#f0fff0 url("../../files/blumen-bluethgen.de/theme/img/body.gif") }
input,select,textarea { font-size:90% }

ul,ol { margin:0; padding-left:15px }
p,ul,ol	{ margin-top:0; margin-bottom:10px }
li { margin-bottom:5px }
table,img { border:0 }

h1,h2,h3 { color:#030; margin-top:0; margin-bottom:10px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif }
h1 { font-size:140% }
h2 { font-size:125% }
h3 { font-size:110% }

hr { color:#80b0a0; background:#80b0a0; border:0; height:1px }

a			{ color:#508070; text-decoration:none }
a:visited	{ color:#508070 }
a:hover		{ color:#030; text-decoration:underline }

/* site layout */
#wrapper { text-align:left; margin:0 auto; padding:0; background:#fff; overflow:hidden;
	-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; border:#508070 2px solid;
}

#header { background:#fff url("../../files/blumen-bluethgen.de/theme/img/line.gif") no-repeat center bottom }
#header .inside { width:100%; padding:10px 0 15px; text-align:center }

#container { padding:0; overflow:hidden }

#left .inside { padding:15px 10px; }

#main { border-left:#c7e0d7 1px dotted }
#main .inside { padding:18px; line-height:20px }

#footer { padding:5px 10px }
#footer .inside { text-align:center; color:#030 }

/* navigation */
.mod_navigation ul { margin:0; padding:0; list-style: none; }
.mod_navigation li { margin:0; padding:0 }

.mod_navigation li a { color:#fff; background:#70a090 url("../../files/blumen-bluethgen.de/theme/img/arrow.gif") right no-repeat;
	font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-decoration:none;
	padding:2px 18px 2px 6px; margin:2px 2px 7px 2px; display:block; border:#508070 1px solid;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}

.mod_navigation li a:hover { color:#fff; background-color:#80b0a0; text-decoration:none }

.mod_navigation li span.active { color:#030; background:#f0fff0 url("../../files/blumen-bluethgen.de/theme/img/arrow.gif") right no-repeat;
	font-weight:bold; font-family:Arial,Helvetica,sans-serif;
	padding:2px 18px 2px 6px; margin:2px 2px 7px 2px; display:block; border:#508070 1px solid;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}

.mod_navigation li a.trail { color:#030; background:#f0fff0 url("../../files/blumen-bluethgen.de/theme/img/arrow.gif") right no-repeat }

/*#fleurop { margin:10px 0; padding:10px 0; overflow:hidden;
	border-top:#80b0a0 1px dotted; border-bottom:#80b0a0 1px dotted }
#fleurop img { float:left }
#fleurop span { float:left; margin-left:10px; font-weight:bold }*/

#opening { text-align:center; margin-top:10px; padding-top:10px; border-top:#80b0a0 1px dotted }
#opening p:nth-child(2) { text-align:right; display:inline-block }

.fblnk { padding-top:10px; border-top:#80b0a0 1px dotted; text-align:center }
.fblnk a { background:url("../../files/blumen-bluethgen.de/theme/img/facebook.gif") left no-repeat; padding-left:20px }

/* content */
#startseite { text-align:center }

#main .image_container { margin:0; padding:0 }

#main .ce_gallery { margin-bottom:15px }
#main .ce_gallery li { background:none; margin:5px 10px 5px 0; padding:0 }
#main .ce_gallery li a { background:#fff; border:#508070 1px solid; padding:4px;
	text-align:center; display:block; line-height:0;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#main .ce_gallery li a:hover { background:#f0fff0 }

#main .ce_gallery li a img { filter:alpha(opacity=100); opacity:1 }
#main .ce_gallery li a:hover img { filter:alpha(opacity=80); opacity:.8 }

#main .formbody div { margin: 4px 0 }
#main .ce_form label { display:block; float:left; width:120px; font-weight:bold }
#main .ce_form label:after { content:":"; margin-left:-5px }
#main .ce_form span.mandatory { color:#db4e1e; float:left; margin-right:5px }
#main .ce_form p.error { color:#db4e1e; font-size:11px; margin:0 }
#main .ce_form input.text,
#main .ce_form select,
#main .ce_form textarea { width:350px }
#main .ce_form input.captcha { width:50px }
#main .ce_form input.submit { margin:10px 120px; font-size:14px }

#main .gmaps a { vertical-align:middle; padding-top:8px }

/* responsive options */
/*@media (max-width:479px) {}*/

@media (max-width:767px)
{
	#wrapper {
		margin:0;
		width:auto;
	}
	#container {
		padding-left:0;
		padding-right:0;
	}
	#main,#left,#right {
		float:none;
		width:auto;
	}
	#left {
		right:0;
		margin-left:0;
	}
	#right {
		margin-right:0;
	}

	body { margin:0; font-size:14px }
	#wrapper { border:none }
	#header { background-size:90% !important }
	#startseite img { max-width:80% }
	#logo img {	max-width:90% }
	.mod_navigation li * { text-align:center; background-image:none !important }
	.mod_navigation li a,
	.mod_navigation li span.active { margin-bottom: 12px }
	#fleurop { text-align:center }
	#fleurop span,
	#fleurop img { float:none; vertical-align:middle }
	#main .inside { padding:18px 18px 0; line-height:20px }
	#main .ce_gallery img { height:50px; width:auto }
	#main .formbody div { margin: 8px 2px }
	#main .ce_form input.text,
	#main .ce_form select,
	#main .ce_form textarea { width:98% }
	#main .ce_form input.submit { margin:0; width:50% }
}

@media (min-width:768px) and (max-width:979px)
{
	body { font-size:14px }
	#wrapper { width:720px }
	#header { background-size:90% !important }
	#logo img {	max-width:90% }
	#left { width:180px; float:left; margin-left:-720px }
	#fleurop img { margin-left:20px }
	#fleurop span { width:70px }
	#main { width:540px; min-height:300px; float:left; margin-left:180px }
	#main .ce_gallery img { height:75px; width:auto }
	#footer { width:700px }
}

@media (min-width:980px)
{
	body { font-size:16px }
	#wrapper { width:900px }
	#left { width:200px; float:left; margin-left:-900px }
	#fleurop img { margin-left:25px }
	#fleurop span { width:80px }
	#main { width:700px; min-height:400px; float:left; margin-left:200px }
	#footer { width:880px }
}
