/*
Theme Name: Green Orange
Theme URI: https://www.monika-flamm.de
Author: Mo Hübener
Author URI: https://www.mo-ment.de
Description: Dieses Thema ist statisch aufgebaut für Monika-Flamm.de, header, zwei sidebars, content und footer mit widgetized areas. 
Version: 1.0
License: 
License URI: license.txt
Tags: bamboo, columns, left-sidebar, right-sidebar, max-width 960, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, theme-options, orange #ff8c00, green #c1c911; schriftgrün #89a708;
*/

/* -------------------------------------------------------------- */

* { padding: 0; margin: 0; outline: none; border:none; font-weight:normal; list-style:none; }

/* Layout */
body { background: #f5f2c9 url(images/bg_flame.gif) 0 0 repeat; }

hr { border:none; 
	clear:both;
	display: block;
	float: none;
	height: 1px;
	margin-top: -1px;
	visibility: hidden;
	width: 1px;
}

#main { position: relative; margin: 0 auto; text-align: left; width:940px; max-width: 1200px; height:100%; margin-bottom:150px; }

#svg { position: absolute; top:40px;  margin: 0 -30px; width: 1000px; height:100%; z-index:1; padding-bottom: 15px;  
	background-color:#FF8C00;
    border-radius: 10px;

	-webkit-transform: rotate(-1.2deg);
	-moz-transform: rotate(-1.2deg);
	-o-transform: rotate(-1.2deg);
	-ms-transform: rotate(-1.2deg);
		
	-webkit-transform-origin:  0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-box-shadow: hsla(255, 100%, 10%, 0.5) 10px 10px 4px;
	-moz-box-shadow: hsla(255, 100%, 10%, 0.5) 10px 10px 4px;
	box-shadow: rgba(0, 0, 0, 0.5) 10px 10px 4px;	
	
	background-image: -ms-linear-gradient(-2deg, #FF8C00, #FFAD49 80%, #FF8C00 100%); 
	background-image: -moz-linear-gradient(-2deg, #FF8C00, #FFAD49 80%, #FF8C00 100%); 
	background-image: -o-linear-gradient(-2deg, #FF8C00, #FFAD49 80%, #FF8C00 100%); 
	background-image: -webkit-gradient(linear, center left, center right, color-stop(0%,#FF8C00),color-stop(80%,#FFAD49),color-stop(90%,#FF8C00)); 
	background-image: -webkit-linear-gradient(-2deg, #FF8C00, #FFAD49 80%, #FF8C00 100%); 
	behavior: url(PIE/PIE.htc);	
		}
		


#container-border
	{ position: relative; top:35px; width:948px; padding: 4px; 
	background-color:#FFF; 
    border-radius: 10px 10px 10px 0; 
	z-index:2;
	behavior: url(PIE/PIE.htc);
	}

#container
	{ background-color: #fff;

	background: url("images/Logo-Flamm-240.png") no-repeat 100% 100% / 190px;

	width:910px; padding: 15px; 
	border: solid 4px #c1c911;
	border-radius: 10px 10px 10px 0;
	z-index:3;
	behavior: url(PIE/PIE.htc);
	}
section { width: 690px; overflow:hidden; }
section .article {  /*Mozilla Präfix -moz-*/
	-moz-column-count:2;
	-moz-column-gap: 20px;

                /*Webkit Präfix -webkit-*/
	-webkit-column-count:2;
	-webkit-column-gap: 20px;
	column-count:2;
	column-gap: 20px; 
}
	
#header { position: relative; top: 30px; width:880px; height:85px; padding: 15px; 

	background-color: #c1c911; margin-bottom: 45px;
    border-radius: 10px 10px 10px 0;
	z-index:4; 
	behavior: url(PIE/PIE.htc);
}
#header, aside blockquote, #rechts .widget, aside img, #container-border { border-bottom: solid 1px #86654f; border-right: solid 1px #86654f;} 

#sprache { position: absolute; right:4px; top: -25px; }
#sprache li { float: left; margin-left: 8px}

#sprache .widget_mslswidget { position:relative; margin-right:70px;}
ul#sprache li#brief a { position:absolute; top:-7px; right:0; background:url(images/spread.png) no-repeat 0 -80px; width: 80px; height: 35px; text-indent:-9999px; }
#sprache #brief:hover a { background-position: 0 -140px; }



/* Position Navigation */
#nav {  }
#header h1 { position: relative; float: left; margin-right:10px; }
#header ul { float: right; }
#header ul ul { position: relative; float: left; margin:0 0 0 4px ; display:block; }



/* Position contents */

aside {   width: 182px; float: left; padding: 4px; margin-right:20px; 
	border: solid 1px #c1c911;
    border-radius: 10px 10px 10px 0;
	z-index:60; 
	behavior: url(PIE/PIE.htc);
} 

#container #rechts { float: right; margin-right:0px; margin-bottom:0px;}

#content {  width: 470px; float: left; padding: 6px; margin: 0 20px 0 0;  }

.article { padding-bottom: 27px; }

blockquote, .block, #rechts .widget { width:124px; min-height: 20px; padding: 15px 10px 15px 46px; 
	background: #ff8c00 url(images/spread.png) no-repeat -80px 50%; 
    border-radius: 10px 10px 10px 0;
	margin-bottom:15px;
	z-index:8;
	behavior: url(PIE/PIE.htc);
}

#rechts .widget { width:134px; background-color: #c1c911; background-position: -288px 50%; margin-bottom:4px; padding: 15px 10px 15px 36px;}

.tagcloud { padding: 0 4px 15px; 
	-moz-hyphens: manual;
	hyphens: manual; 
	display:block;
	overflow:hidden;  
}

img { border-radius: 10px 10px 10px 0;
	margin-bottom:0px;
	width: 180px; height: auto;
	behavior: url(PIE/PIE.htc);
}

section img { border: solid 1px #c1c911; padding: 4px; margin: 20px 0 10px 15px;  vertikal-align: text-top; float:right; width: 120px; height: auto; }
section h2 { -webkit-column-span: all; 
	-moz-column-span: all;
	column-span: all;
} 
#praxis p { position: relative;  }
img.map {  height: 206px; width:auto; margin: 0 10px 20px 0;  vertical-align: text-bottom; float: left; }
#map_canvas  { margin: 0 0 20px;	}

.clear { clear:both; }	
	
#footer { position: relative; width: 960px; height:100%; top:35px; padding: 4px; z-index:20; }
#footer .kontakt { width: 208px; padding: 0 30px 0 10px; }
#footer ul li { float: left; width: 17%; margin: 10px 0 0 10px; }
#footer ul li li { width: 100%; }


/*Schriften*/

body {
	font-family: Verdana, cursive, sans-serif; 
	font-size: 11px; 
	font-weight:400;
	line-height: 18px;
	color: #2f1000; 
	}
	
#header h1 a { font-family: 'Comfortaa'; font-style: normal; font-weight: 400;
	font-size: 24px; line-height:47px; 	 }
#header h1 a:hover { text-decoration: underline; }

#header h1 span a{ font-family: 'Comfortaa'; font-style: normal; font-weight:700; }
#header h1 sup { font-weight:700; font-size: 15px; letter-spacing: 0.1em; }

#header a { font-family: 'Comfortaa'; font-style: normal; font-weight:400; text-decoration: none; color: #42210b; }
#header #sprache a { font-size: 12px; }
#header #sprache a:hover { text-decoration: underline; color: #ff8c00; } 
#header #sprache a:active, #header #sprache .widget_mslswidget .current_language { text-decoration: none; color: #89a708; }
.widget_mslswidget h4 { display: none; }

#header #nav ul { max-width: 145px; margin-top: -3px; font-size: 14px; }

#header #nav ul #spez  {  line-height:18px;  }

#header #nav a {  }
#header #nav li li { padding: 4px 6px; border-bottom: solid 1px transparent; margin: 12px 0; border-right: solid 1px transparent;}
#header #nav a:visited {  }
#header #nav li li:hover, #header #nav li .current-menu-item, #header #nav li .current-menu-parent { background-color: #fff; 
    border-radius: 7px 8px 8px 0; 
	border-bottom: solid 1px #86654f; border-right: solid 1px #86654f;
	behavior: url(PIE/PIE.htc);
}

#header #nav #profil a { font-style:italic; } 
#header #nav #profil, #header #sprache a[title="español"]  { margin-left: 10px; padding-left: 10px;border-left: #86654f 1px solid; } 

#rechts .widget a { text-decoration: none; color: #2f1000;  }
aside#rechts a.lpbcWidgetPostTitle { font-family: 'Comfortaa'; color: #2f1000; font-style: normal; font-size: 14px; font-weight: 400; margin: 10px 0 0; }
#rechts .widget a:hover { text-decoration: underline; color: #2f1000;  }
aside .tagcloud, aside .tagcloud a { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; color: #ff8c00; line-height: 130% !important; }
aside .tagcloud a, aside .tagcloud a:visited {  color: #ff8c00; text-decoration: none; }
aside .tagcloud a:hover { color: #ff8c00; text-decoration: underline; }
#rechts .widget h4, .widget_tag_cloud h4 { text-decoration: none; display: block; font-family: 'Comfortaa'; font-style: normal; font-size: 21px; line-height: 26px; font-weight: 400; margin-bottom: 0px; } 
aside em, .post-meta li:nth-child(2) { display: block; font-size: smaller; font-style: italic; }
.post-meta-key { display: none; } 
.tagcloud h4, #rechts li.widget.lpbcWidget h2 { display: none; }


#content h2 { font-family: 'Comfortaa'; font-style: normal; font-size: 24px; line-height: 24px; font-weight: 400; margin: 0 0 18px; 	
	 } 
#content h2 a, #content h2 a:visited { text-decoration: none; color: #2f1000; }
#content h2 a:hover { text-decoration: underline; color: #ff8c00; }
#content p { margin: 0 0 18px; font-weight: 400; }
#content p:nth-child(1) { margin: 0 0 0px; }
#content h4 { font-family: 'Comfortaa'; color: #2f1000; font-style: normal; font-size: 14px; font-weight: 400; margin: 18px 0 0;} 
#content ul, #content ol { margin-bottom: 18px; }
#content ul li, #content ol li { margin-left:15px; list-style-position:outside; list-style-image: url(images/dot.gif); } 

#content a:hover, #content li a:hover { color: #ff8c00; text-decoration: underline; }
#content a, #content li a, .email a { color: #ff8c00; text-decoration: none; }
#content a:visited, #content li a:visited { color: #89a708; text-decoration: none;  }

#footer {  }
#footer ul { margin: 0 0 0 10px; }
#footer ul li { margin: 0 10px 0  0; line-height: 16px; }
#footer h4, #footer h2 { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; font-size: 13px; margin-top: 10px; }
#footer a, #footer a:visited { text-decoration: none; color: #42210b; }
#footer a:hover {text-decoration: underline; color: #42210b; }

#footer li.login a { background: url(images/spread.png) -500px -42px no-repeat; padding-left: 20px; }
#footer li.login a[href*="logout"] { background-position: -500px -2px;}



/* vcard */
#content .vcard address a { color: #ff8c00; text-decoration: none; }
#content .vcard address { line-height: 20px; font-style: normal; }
address .n { display: none; }
#content .vcard address .fn, #content .vcard address .org { display: block; font-family: 'Comfortaa'; font-style: normal; font-weight: 400; font-size: 15px; margin: 0 0 0 0px; }

#content .vcard address .org { display: block; margin-bottom: 10px; }

#content .vcard address .tel .work { display: inline-block; margin-bottom: 0px; }
#content .vcard address .tel .type { display: none; } 
#content .vcard address .work { background: url(images/spread.png) -495px -72px no-repeat; text-indent:30px; display:inline-block }
#content .vcard address .cell { background: url(images/spread.png) -495px -105px no-repeat; text-indent:30px; display:block; margin-bottom: 10px; }
#content .vcard address .value.cell:after { content: " (Notfallnummer)"; }

#content .vcard address .adr { display: none; margin: 0 0 10px 30px; }
#content .vcard address .street-address { display: block; }
#content .vcard address .country-name:before { content: " | "; } 

#content .vcard address .email { background: url(images/spread.png) -495px -136px no-repeat; text-indent: 30px; margin-left: 0px; display:block}
#content .vcard address .url { background: url(images/spread.png) -495px -157px no-repeat; text-indent: 30px; margin-bottom: 20px; display:block }

#rss-3 img { width: 14px; height: 14px; display: none; } 
#rss-3 a { color: #42210b; text-decoration: none; }

#footer .hcard-vcard-generator-widget { width: 220px; }
#footer address { margin-left: 10px; }
#footer address .n, #footer address .adr, #footer address .url, #footer address .cell { display: none; }
#footer address .fn, #footer address .org, #footer address .email { display: block; }
#footer address .tel { display: block; }
#footer address .country-name:before { content: " | "; } 
#footer address .type { display: none; } 
#footer address .work:before { content:"Tel: "; }
#footer address .email:before { content: "E-Mail: "; }



/*Ende*/