/* Document Stylesheet for Posdiena Wrobel Kommunikationsdesign GbR */
/* Theme: Communication Systems */
/* Author & Design posdiena-wrobel.de */
/* Type: Formatting for Structure & Text */
/* Please note that this code is free to use
   for your own projects, except where otherwise noted. */
   
   
   
/* #Typekit Formatierungen
================================================== */

.wf-loading body {
	visibility: hidden
}
.wf-loading h1 {
	visibility: hidden
}
.wf-active h1 {
	visibility: visible;
}


body.mceContentBody {
	background-color: #FFF;
	padding: 20px 10px 20px 10px;
	margin: 0 0 0 20px;
	width: 600px;
	max-width: 600px;
	min-width: 600px;
	color: #00539d;
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.03em;
}

body.mceContentBody p {
	margin: 6px 0 12px;
}



/* Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
}



h1 { font-size: 36px; line-height: 42px; font-weight: 600; color:#94C21C; padding:0 0 40px 0;text-transform: uppercase;letter-spacing: 0.02em;}
h2 { font-size: 22px; line-height: 28px; font-weight: 400; color: #7EAE00; margin-bottom: 6px;letter-spacing: 0.02em;}
h3 { font-size: 17px; line-height: 25px; font-weight: 600; color: #00539d; margin-bottom: 4px;text-transform: uppercase;}
h4 { font-size: 18px; line-height: 25px; font-weight: 700;}
h5 { font-size: 14px; line-height: 21px; font-weight: 600;}
h6 { font-size: 14px; line-height: 21px; font-weight: 400;}


p {
	margin: 0 0 6px 0;
	font-size: 15px;
	line-height: 1.5em;
	padding: 0 0 8px;
	/*-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/
}


p img {
	display: block;
	margin: 6px 0 15px;
}




em { 
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #7EAE00
}

strong { 
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-weight: 600;
	font-style: normal;
}

small { 
	font-size: 74%;
	letter-spacing: 0.02em;
	line-height: 1.15em;
}

ul {
	margin:  6px 0 9px 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

ul li {
	font-weight: normal;
	line-height: 1.4em;
	text-align: left; 
	text-decoration: none;
	margin: 0 0 4px 0;
	padding: 3px 0 3px 22px;
	position: relative;
	display: block;
}

ul li:before {
	content: "\25A0";
	color:#94C21C;
	left: 0;
	position: absolute;
	top: 0;
	font-size: 150%;
}

.headline_gruener_balken {
	background-color: #94c21c;
	color: #fff;
	display: block;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 26px;
	padding: 4px 11px;
	margin-bottom: -4px;
	margin-top: 10px;
	text-transform: uppercase;
}


/* Contenthinterleger
================================================== */

.mceContentBody .toggler {
	text-align: left;
	cursor: pointer;
	color: #FFFFFF;
	margin: 5px 0 0 0;
	padding: 8px 0 8px 0;
	background: #ffc857;
}

.mceContentBody #accordion p a#v_toggle{
	text-align: left;
	display: block;
	cursor: pointer;
	color: #FFFFFF;
	background: #ffb332;
}

p a#v_toggle{

}

.mceContentBody #accordion p a#v_toggle{
	text-align: left;
	display: block;
	cursor: pointer;
	color: #FFFFFF;
	background: #ffb332;
}

div#element {
	margin: 0;
	padding: 0;
}

.mceContentBody div#element {
	border-top: 10px solid #f19f16;
	border-bottom: 10px solid #f19f16;
	background: #ffd55f;
}

div.leftcolumn {
	width: 65%;
}

.mceContentBody div.leftcolumn {
	float: left; 
	padding: 5px 0 5px 0;
	background: #c5d0e0;
}

div.rightcolumn {
	width: 30%;
}

.mceContentBody div.rightcolumn {
	float: right; 
	padding: 5px 0 5px 0;
	background: #c5d0e0;
}

div.contentrow {
	width: 100%;
}

.mceContentBody .contentrow {
	float: left;
	margin: 8px 0 12px 0;
	padding: 15px 0 15px 0;
	border-top: 10px solid #415770;
	border-bottom: 10px solid #415770;
	background: #8ea6c5;
}

.white {
	color: #FFF;
}

.mceContentBody .white {
	color: #999;
}

/* Bildvorgaben
================================================== */



/* Contentbilder volle Breite */

.bild_vollebreite{
	line-height: 0;
	width: 100%;
	float: left;
	height: auto;
	left: 0;
	margin: 5px 0 8px 0;
	padding: 0;
}

/* Contentbilder halbe Breite */


.bild_halbebreite_links,
.bild_halbebreite_links_randlos,
.bild_halbebreite_rechts,
.bild_halbebreite_links_block{
	line-height: 0;
	float: left;
	height: auto;
	left: 0;
	margin: 5px 3% 8px 0;
	padding: 0;
	width: 48.5%;
}





/* Contentbilder drittel Breite */

.bild_drittelbreite_links,
.bild_drittelbreite_links_randlos,
.bild_drittelbreite_rechts,
.bild_drittelbreite_links_block	{
	line-height: 0;
	float: left;
	height: auto;
	left: 0;
	margin: 5px 3% 8px 0;
	padding: 0;
	width:31%;
}






/* Contentbilder zweidrittel Breite */

.bild_zweidrittelbreite_links,
.bild_zweidrittelbreite_links_randlos,
.bild_zweidrittelbreite_rechts,
.bild_zweidrittelbreite_links_block	{	
	float: left;
	height: auto;
	left: 0;
	margin: 5px 3% 8px 0;
	padding: 0;
	width:66%;
}



.bild_halbebreite_rechts,
.bild_drittelbreite_rechts,
.bild_zweidrittelbreite_rechts{
	margin: 5px 0 8px 3%;
}

.bild_halbebreite_rechts,
.bild_drittelbreite_rechts,
.bild_zweidrittelbreite_rechts{
	float: right;
}


.bild_halbebreite_links_randlos,
.bild_drittelbreite_links_randlos,
.bild_zweidrittelbreite_links_randlos{
	margin: 5px 0 8px 0;
}

.bild_halbebreite_links_block{
	margin: 5px 51.5% 8px 0;
	display:block;
}

.bild_drittelbreite_links_block{
	margin: 5px 69% 8px 0;
	display:block;
}

.bild_zweidrittelbreite_links_block{
	margin: 5px 34% 8px 0;
	display:block;
}



/* Icons im Text */

.icon_35px{
	float: left;
	height: 35px;
	width: 35px;
	display: inline-block;
	margin: 5px 11px 8px 0px;
	padding: 0;
}



/* Allgemein
================================================== */





/* Newsletter Anmeldung */

.mceContentBody .newsletter_submit input#mc-embedded-subscribe.button,
.mceContentBody a.buttonlink_black,
.mceContentBody a.buttonlink_black:hover,
.mceContentBody a.buttonlink_black.jcepopup:hover,
.mceContentBody a.buttonlink_black.jcepopup:active{
	border-radius: 16px 16px 16px 16px;
	font-size: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 6px 13px;
	background: none repeat scroll 0 0 #000000 !important;
	border:none;
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-weight: 700;
	font-style: normal;
}


/* Blockquotes
================================================== */
blockquote, blockquote p { 
	font-size: 17px;
	line-height: 24px;
	color: #777;
	font-style: normal;
}

blockquote { 
	margin: 0 0 20px; 
	padding: 9px 20px 0 19px;
	border-left: 1px solid #ddd;
}

blockquote cite { 
	display: block; 
	font-size: 12px; 
	color: #555; 
}

blockquote cite:before { 
	content: "\2014 \0020";
}

blockquote cite a, 
blockquote cite a:visited, 
blockquote cite a:visited { 
	color: #555;
}

hr { 
	border: solid #94C21C;
	border-width: 2px 0 0;
	clear: both;
	margin: 15px 0 15px;
	height: 0;
}


.mceContentBody ul { 
	margin: 10px 0 10px;
	padding: 15px 0 15px;
	background-color: #f4f4f4;
}


/* Links
================================================== */

a,
a:active,
a:link,
a:visited,
a:focus {
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #7EAE00;
	outline: 0;
	text-decoration: underline; 
}

a strong {
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #008EE6;
}

a:hover,
a:hover strong{
	color:#00539d;
	text-decoration: underline; 
}

p a, 
p a:visited {
	line-height: inherit;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{ 
	font-weight: inherit;
	text-decoration: none;
}

/* Startseitenslider 
================================================== */






/* Listen
==================================================ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
 */
 
.mceContentBody .mceTemp{
	display: inline;

}

.mceContentBody dl.wp-caption,
.mceContentBody dl.wp-caption  {
	border: inherit;
	margin: inherit;
	padding: inherit;
	min-width: 100%
}


.mceContentBody dl.wp-caption dt{
	display: inline;
	
}

.mceContentBody dl.wp-caption {
	background-color: #FFF;
	border:0 none;
	box-shadow: none;
	color: #83B500;
	position: relative;
	text-shadow: none;
	text-align: left;
	margin:0;
	padding: 0;
	width: 100%;
	height: 0;
}

.mceContentBody dt.wp-caption-dt img {
	margin-bottom: 32px;

}


.mceContentBody dt.wp-caption-dt img.bild_vollebreite{
	margin: 5px 0 32px 0;
}

.mceContentBody dt.wp-caption-dt img.bild_halbebreite_links,
.mceContentBody dt.wp-caption-dt img.bild_halbebreite_links_randlos,
.mceContentBody dt.wp-caption-dt img.bild_halbebreite_rechts,
.mceContentBody dt.wp-caption-dt img.bild_halbebreite_links_block{
	margin: 5px 3% 32px 0;
	width: 48.5%;
}

.mceContentBody dt.wp-caption-dt img.bild_drittelbreite_links,
.mceContentBody dt.wp-caption-dt img.bild_drittelbreite_links_randlos,
.mceContentBody dt.wp-caption-dt img.bild_drittelbreite_rechts,
.mceContentBody dt.wp-caption-dt img.bild_drittelbreite_links_block	{
	margin: 5px 3% 32px 0;
	width:31%;
}

.mceContentBody dt.wp-caption-dt img.bild_zweidrittelbreite_links,
.mceContentBody dt.wp-caption-dt img.bild_zweidrittelbreite_links_randlos,
.mceContentBody dt.wp-caption-dt img.bild_zweidrittelbreite_rechts,
.mceContentBody dt.wp-caption-dt img.bild_zweidrittelbreite_links_block	{	
	margin: 5px 3% 32px 0;
	width:66%;
}

.mceContentBody dt.wp-caption-dt img.bild_halbebreite_rechts,
.mceContentBody dt.wp-caption-dt img.bild_drittelbreite_rechts,
.mceContentBody dt.wp-caption-dt img.bild_zweidrittelbreite_rechts{
	margin: 5px 0 32px 3%;
}

.mceContentBody dt.wp-caption-dt img.bild_halbebreite_rechts,
.mceContentBody dt.wp-caption-dt img.bild_drittelbreite_rechts,
.mceContentBody dt.wp-caption-dt img.bild_zweidrittelbreite_rechts{
	float: right;
}

.mceContentBody dt.wp-caption-dt img.bild_halbebreite_links_randlos,
.mceContentBody dt.wp-caption-dt img.bild_drittelbreite_links_randlos,
.mceContentBody dt.wp-caption-dt img.bild_zweidrittelbreite_links_randlos{
	margin: 5px 0 32px 0;
}

.mceContentBody dt.wp-caption-dt img.bild_halbebreite_links_block{
	margin: 5px 51.5% 32px 0;
	display:block;
}

.mceContentBody dt.wp-caption-dt img.bild_drittelbreite_links_block{
	margin: 5px 69% 32px 0;
	display:block;
}

.mceContentBody dt.wp-caption-dt img.bild_zweidrittelbreite_links_block{
	margin: 5px 34% 32px 0;
	display:block;
}




.mceContentBody dl.wp-caption dd.wp-caption-dd {
	font-size: 11px;
	line-height: 13px;
	margin: -24px 0 0 0;
	padding: 0;
	display: inline-block;
	clear: both;
	float: left;
	width: 31%;
}

