/* CSS Document */
html { -webkit-text-size-adjust: none; }
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/* Basics */
body { background: #000000 url('../_images/overlay_bg_w.png'); font-size: 12px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 15px;}
a {color: #f60; text-decoration: none; background: #000000 url('../_images/overlay_bg_w_2.png'); }
a:hover {color: blue; text-decoration: underline;}
.BlogTitel >  a {font-size:14px !important;line-height: 18px !important; font-weight: bold !important; }
.Blogtext {padding-top: 8px;font-size: 13px;line-height: 19px; padding-bottom: 15px;}
.Blogtext a {word-break: break-all;}
.Blog_grauDate {color: #999999; font-size: 12px; font-weight: normal; padding-bottom: 4px;background: #000000 url('../_images/overlay_bg_w_2.png');}
.blog_footer {padding-bottom: 15px;}
a.Blogeintrag_grauFooter {font-size: 13px;}
b {font-weight:400;}
.clear {clear:both;}
.clearleft {clear:left;}

h1 {margin-top:10px;margin-bottom:10px;}
h2 {}
h3 {}
h4 {}
p {font-size:13px; line-height:19px;padding-bottom: 5px;}

blockquote {border-left: 1px solid #f60; padding-left: 10px; font-style: italic;}
.LineHeight19 {line-height: 19px;}

.SeitenTextNorm {font-size:13px; line-height:19px;}
.SeitenTextNorm > .SeitenTextNormBox {background-color:#FFF4DB; padding:10px; margin-top:10px; margin-bottom:20px;}
.SeitenTextNorm > .SeitenTextNormBox .UeberschriftBoxmitteM {background: #000000 url('../_images/overlay_bg_w_3.png');}
.SeitenTextNorm > .SeitenTextNormBox a {background: #000000 url('../_images/overlay_bg_w_3.png');}
.UeberschriftBoxmitteLblack {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; margin-bottom: 9px;}
.UeberschriftBoxmitteL {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #f60; FONT-FAMILY: Arial, Helvetica, sans-serif;background: #000000 url('../_images/overlay_bg_w_2.png');}
.UeberschriftBox{FONT-WEIGHT: bold;FONT-SIZE: 14px; COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;}
li.listebogen { list-style-image: url("../_images/bogen12x12.gif"); font-size:13px; line-height:19px; margin-bottom: 2px; margin-left: 22px;}
ul.listebogen li { list-style-image: url("../_images/bogen12x12.gif"); font-size:12px; margin-bottom: 5px; margin-left: 22px;}
.UeberschriftLbl {FONT-WEIGHT: bold; FONT-SIZE: 13px; }
.tablezeile {background-color: #FFF4DB;}
.tablezeile a {background: #000000 url('../_images/overlay_bg_w_3.png');}
img.iefix   { display: block;margin-left: auto;margin-right: auto;}
.tdrand .UeberschriftBoxmitteM {background: #000000 url('../_images/overlay_bg_w_2.png');}
table tr > td.TextBoxmitte > p > img {padding-top: 9px;}


#vlayer {Z-INDEX: 100; POSITION: absolute; top:100px; height:100%; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left: auto !important; margin-right: auto !important;}
#layercontent {margin-right: 10px !important; margin:auto; width:auto; text-align:left; background-color:#fff; border:1px solid #f60; }
#voverlay { z-index: 99; position: fixed; width: 100%; background: #000; height: 100%; top: 0px; left: 0px; display:none;}
.layerlink {color:#bc0121; font:9px verdana, sans-serif}
.layerlink:hover {background-color:#bc0121; color:#FFFFFF}
#layercta {display: block; width:245px; padding:2px; background-color:#bc0121;color:#FFFFFF; border:1px solid #aaaaaa; border-left: none; text-decoration:none}
.layerpfeilbtn {height:18px; width:18px; border:1px solid #aaaaaa; border-right:none;}

#overlay-content{background-color:#fffaed; border:1px solid #f60;position:absolute;z-index:200;margin-top:-322px;margin-left:30px;width:500px;height:200px;overflow:hidden;display:none;font-size:12px;}
#overlay-pfeil{
	background-image: url(../_images/IFP/bg-tooltip-pfeil.gif);
	background-position: center top;
	background-repeat: no-repeat;
	position:absolute;
	width:30px; height:18px;
	z-index:201;
	margin-top:-120px;
	display:none}
#vote1,#vote2,#vote3 {width:480px;height:190px;display:none;padding:10px; z-index:500; left:360px; margin-top:10px;}
#button1 {width:157px;}
#button2 {width:138px;}
#button3 {width:162px;}
.nomtxt {width:270px;}
.nomimg {margin-left:10px;}

.aufzaehlung tr > td > p {margin-top: 12px; margin-left: 5px;}
.aufzaehlung tr > td input {margin-top: 12px; }

.container ul {margin-bottom:12px;}
.container img { max-width: 100%; height: auto;}
.container ul li {margin-left: 22px; }
.container ol li {margin-left: 22px; margin-bottom: 10px;}
.container td.TextBoxmitte {}

.tdrandbox { border-bottom: 1px solid #E0E0E0; background-color:#FFC235;padding-top: 6px; padding-bottom: 5px; height: auto !important;}
.NavLinkaktiv { font-size: 11px; background-color: #FFE8B4; }
.tdrand { border-bottom: 1px solid #999999; border-top: 1px solid #999999; }
.article .tdrand { padding-top:3px;padding-bottom:3px; }
.tdrandbottom { border-bottom: 1px solid #999999; }
.TextBox { width: 120px; margin-left: 10px; margin-right: 10px; }
tr.TextBox, td.TextBox { width: 90%; }
#Suchmaschine { margin-bottom: 13px; }

.UeberschriftBox { font-weight: bold; color: #000000; }
.TextBoxmitte { color: #000000; }
A.FSLinkBox { font-size: 11px; color: #000000; text-decoration: none; }
A.FSLinkBox:hover {color:blue; text-decoration: underline; }
a.FSLinksText { color:#000000; }
a.FSLinksText:hover { color: blue; }
.UeberschriftBoxmitteL { font-weight: bold; font-size: 14px; color: #f60; }
.UeberschriftBox{ font-weight: bold; font-size: 14px; color: #000000; margin-left: 0px; margin-bottom: 5px; }
.UeberschriftBoxmitteM { font-weight: bold; font-size: 12px; color: #f60; }

.texts {COLOR: #000000;font-size: 11px;}


article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}

.page { max-width: 800px; min-width:360px; display: block; text-align: center; margin-left: auto; margin-right: auto;}
.page > .site {text-align: left; border-left: 3px solid #E0E0E0; border-right: 3px solid #E0E0E0; display: block; background-color: #FFFFFF;}
.page > .site .toggle {display:none;}
.page > .site .toggle a span {display:none;}
.navigation a { line-height:normal;}
/* Basics */


/* Header */
.page > .site .header {background: url("../_images/verlaufbg_3.png") top left repeat-x; height: 89px;}
.page > .site .header > .logo { float: left; width:126px;}
.page > .site .header > .supp_i_ti {float: right; background: url('../_images/supp_i_ti_3.png') top right no-repeat; height: 84px; width: 600px;}
/* Header */


/* Menü */
.page > .site .navigation { padding-top: 4px; padding-bottom: 4px; text-align: center; display:block; max-width:100%; border-top:1px solid #f60; border-bottom: 1px solid #f60;background-image: url("../_images/navbg.gif");}
.page > .site .navigation a {font-size:13px; color: #000000; font-weight: bold; margin-left:20px; margin-right:20px; text-decoration:none; background:transparent !important;}
.page > .site .navigation a:hover { color: #f60;}
.page > .site .navigation a::before {content:"| ";}
.page > .site .navigation a::after {content:" |";}
.aside a { background:transparent !important;}
#SocialNetwork .FSLinksText {padding-bottom: 7px;}
#SocialNetwork a {margin-right: 10px;}
/* Menü */


/* Main */
.page > .site .main { background: url("../_images/boxbgl.gif") repeat-y; padding-top: 5px; padding-bottom: 5px; }
.page > .site .main > .article {float:right; width:575px;}
.page > .site .main > .article .container { padding-left:0px; padding-right:10px;}
.page > .site .main > .article .container table tr td { vertical-align:top;}
.page > .site .main > .aside { float: left; width: 200px; padding-bottom: 10px;}
.page > .site .main > .aside > table:last-child {max-width: 240px !important;}
.page > .site .mainstart { background: url("../_images/boxbg2.png") repeat-y; padding-top: 5px; padding-bottom: 5px; }
.page > .site .mainstart .UeberschriftBox {font-size:12px !important;}

.page > .site .main > .start {border-top: 0px solid #999999; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.page > .site .main > .start > .item       {}
.page > .site .main > .start > .itemLinks  {order: 1; width:200px;}
.page > .site .main > .start > .itemLinks a {background:transparent !important;}
.page > .site .main > .start > .itemRechts {order: 3; width:200px;}
.page > .site .main > .start > .itemRechts a {background:transparent !important;}
.page > .site .main > .start > .itemRechts .itemRechtsFairnessNetzwerkLogo {float:left;margin-top: -45px; margin-left:150px;}
.page > .site .main > .start > .itemRechts .itemRechtsFairnessBuch {width:200px;margin-left:10px;}
.page > .site .main > .start > .itemRechts .itemRechtsFairnessBuchImage {margin-top:-82px;}
.page > .site .main > .start > .itemMain   {order: 2; width:354px; margin-left:20px; margin-right:20px;}

.page > .site table tr.link > td {padding-top: 0px;padding-bottom: 0px;white-space: normal;}
.page > .site table tr.link > td .TextBoxmitte img {margin-bottom: 5px;}
.page > .site  table tr.link, .page > .site table tr.link, .page > .site  table tr.link a, .page > .site table tr.link a {font-size: 13px;white-space: normal;padding-top: 0px;padding-bottom: 0px;background:transparent !important;}

.page > .site .main > .start > .itemMain {}
.page > .site .main > .start > .itemMain .aktuell {border: 1px solid #f60; margin-top:15px; margin-bottom: 20px;}
.page > .site .main > .start > .itemMain .aktuell > .newskasten { background: url('../_images/news2.png') no-repeat; padding-top:31px;}
.page > .site .main > .start > .itemMain .aktuell > .newskasten .iframe {margin:10px;}
.page > .site .main > .start > .itemMain .aktuell > .newskasten .iframe iframe {width:100%;}
.page > .site .main > .start > .itemMain .aktuell > .abonnieren {font-size:13px; text-align: left; margin-left:10px; margin-bottom: 9px; background-color:#ffffff;}

.page > .site .main > .start > .itemMain .articlekasten {margin-bottom:30px;}
.page > .site .main > .start > .itemMain .articlekasten h2 {border-top: 1px solid #999999; border-bottom: 1px solid #999999; font-size: 12px; color: #f60; padding: 4px 5px 3px 5px; margin-bottom: 5px;}
.page > .site .main > .start > .itemMain .articlekasten h2 a {color: #f60; text-decoration: none;background: #000000 url('../_images/overlay_bg_w_2.png');}
.page > .site .main > .start > .itemMain .articlekasten h2 a:hover {color: #0000FF; text-decoration: underline;}
.page > .site .main > .start > .itemMain .articlekasten img.left {float:left; padding-right: 10px;}
.page > .site .main > .start > .itemMain .articlekasten img.right {float:right; padding-left: 15px;}
.page > .site .main > .start > .itemMain .articlekasten p {padding-top:3px;padding-left:5px;font-size:13px; line-height:19px;}
.page > .site .main > .start > .itemMain .articlekasten p .FSLinkorText {color: #f60 !important; background: #000000 url('../_images/overlay_bg_w_2.png');}
.page > .site .main > .start > .itemMain .articlekasten p a {color:#000000; text-decoration: none;}
.page > .site .main > .start > .itemMain .articlekasten p a:hover {color:#0000FF;text-decoration: underline;}

.page > .site .main > .article .container table td table td  {padding-top:5px;font-size: 13px;line-height: 19px;}
.page > .site .main > .article .container table td table td p {padding-left:5px;}
.page > .site .main > .article .container .FairnessTrainerCoaches {}
.page > .site .main > .article .container .FairnessTrainerCoaches > .item {float:left; width:110px; margin-bottom: 10px;}
.page > .site .main > .article .container .FairnessTrainerCoaches > .item img { width:99px !important; max-width:99px !important;}

.page > .site .main > .article .container .einzelspende {background-color:#FFF4DB; padding:10px; margin-top:10px; margin-bottom:20px; width:45%; float:left;}
.page > .site .main > .article .container .einzelspende a {background: #000000 url('../_images/overlay_bg_w_3.png');}
.page > .site .main > .article .container .einzelspende:nth-child(2n) {float:right;}
.page > .site .main > .article .container .einzelspende > .wrapper {width: auto;}
.page > .site .main > .article .container .einzelspende > .wrapper ul.listebogen {margin-bottom:0px; margin-top:0px;}
.page > .site .main > .article .container .einzelspende > .wrapper ul.listebogen li ul.einzel {margin-top: 3px; display:none;}
.page > .site .main > .article .container .einzelspende > .wrapper ul.listebogen li ul.einzel li { list-style:none; color: #999;}
.page > .site .main > .article .container .einzelspende > .wrapper ul.listebogen li ul.einzel li .spende {float:right;min-width: 80px; text-align: right;}
.page > .site .main > .article .container .einzelspende > .wrapper ul.listebogen li ul.einzel li .date {float:right;}

.container .CoachesTrainerBerater {}
.container .CoachesTrainerBerater > .item {float: left; width: auto; min-width: 270px; margin-bottom: 25px; margin-right: 10px;}
.container .CoachesTrainerBerater > .item:nth-child(2n) {margin-right: 0px;}
.container .CoachesTrainerBerater > .item > .image {float: left;margin-right: 10px;}
.container .CoachesTrainerBerater > .item > .image img {}
.container .CoachesTrainerBerater > .item > .text {float: left;margin-top: 5px; max-width: 140px;}
.container .CoachesTrainerBerater > .item > .text i {font-size: 11px;}
.container .CoachesTrainerBerater > .item > .text span {display:inline-block;}
/* Main */


/* Footer */
.page > .footer {font-size:11px; margin-top:10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;}
.page > .footer a {font-size:11px !important; color:#000000; text-decoration: none;background:transparent !important;}
.page > .footer a:hover { text-decoration: underline;}
/* Footer */


/* Cookies */
.cookie {display: none; position: fixed; bottom: 0px; width: 100%; z-index: 2000; border-top: 1px solid #000000; opacity:1; background-color: #ffffff !important; font-family:"Lucida Grande",sans-serif; color: #000; font-size: 13px !important; padding-top: 10px; padding-bottom: 12px;}
.cookie > .text { float: left; margin-left: 20px; margin-right: 20px; padding-top: 5px; max-width: 1100px; margin-bottom: 5px;}
.cookie > .button { float: left; margin-left: 20px; margin-right: 20px; margin-top: 5px;}
.cookie a { color:#f60; text-decoration: none;background: #000000 url('../_images/overlay_bg_w_2.png');}
.cookie p {padding: 0px; margin: 0px;}
.cookie a:hover {text-decoration: underline;}
.cookie > .button a {border: 1px solid #000000; background-color: #fff; color:#000; padding: 5px 7px 3px 5px;}
.cookie > .button a:hover {text-decoration: none; color:#f60;}
/* Cookies */

/* Layer */
.layerbackground {
    display: block;
    background: url("/_images/overlay_bg.png");
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:1200px;
}
.layerbackground > .layer {
    max-width: 557px;
    margin-top: 85px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 20px rgba(0,0,0,1) !important;
    background-color: #fff;
    min-height: 200px;
}
.layerbackground > .layer > .box {
    padding: 10px 10px 10px 10px;
    overflow:hidden;
}


.formbtnlogin {margin-left: 0px; margin-right: 10px; margin-top: 10px; margin-bottom:10px;}
.formbtnlogin .buttonlogin {    background-color: #FFC235;
border: none;
color: #000000;
padding: 4px 18px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 13px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
cursor: pointer;
margin-top: -5px;

}
.formbtnlogin input.forminputlogin {
width: 50%;
min-width: 265px;
border: 1px solid #D7DCDF;
resize: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 5px;
margin-bottom: 10px;
margin-top: 6px;
color: #555;
}
/* Layer */

@media screen and (max-width:819px) {
	 p {font-size:14px !important; line-height: 17px !important; margin-bottom: 14px;}
	 p.mini {font-size:12px !important; line-height: 15px !important; margin-bottom: 14px;}
	 li.listebogen { font-size:14px;margin-bottom:5px;}
	 ul.listebogen li { font-size:14px;margin-bottom:5px;}
	 .aufzaehlung tr > td > p {margin-top: 14px; }
	 .aufzaehlung tr > td input {margin-top: 14px; }
	 h1 {margin-top: 20px !important;}
	 .SeitenTextNorm {font-size:14px; line-height: 17px; margin-bottom: 12px;}
	 span.UeberschriftBoxmitteL { font-weight: normal !important; font-size: 18px !important; line-height:20px !important;}
	 span.UeberschriftBoxmitteM { font-weight: normal !important; font-size: 14px !important; line-height: 17px !important;}
	 .UeberschriftLbl { FONT-SIZE: 15px; }
	 a.FSLinksText {font-size:14px !important; line-height: 18px !important;}
	 a {font-size:14px !important;font-weight: normal !important;}
	 
     .BlogTitel {padding-top:3px; padding-bottom: 6px;}
     .BlogTitel >  a {font-size:16px !important;line-height: 18px !important; font-weight: normal !important;}
     .Blog_grauDate span {font-size: 14px !important; line-height: 18px !important; font-weight: normal;}
     .Blogtext {font-size: 16px; line-height: 18px; padding-bottom: 8px;}
     .Blogtext a {font-size: 16px !important; line-height: 18px !important; word-break: break-all;}
     .blog_footer {font-size: 16px; line-height: 18px; padding-bottom: 8px;}
     .blog_footer a {font-size: 16px !important; line-height: 18px !important;}
	 
	 .NavLinkaktiv { font-size: 14px !important; line-height: 18px !important;}
	 #SocialNetwork {padding-left: 15px !important; font-size: 14px !important;}
	 .page > .site .navigation a {font-size:16px !important; line-height: 18px !important; font-weight: lighter; text-decoration:none; background: transparent !important;}
	 .container .TextBoxmitte img {margin-top: 5px !important;}
	 .container .CoachesTrainerBerater {margin-top: 25px;}
	 .container .CoachesTrainerBerater > .item {min-width: 285px; }
	 
	.page > .site {border-left: 0px solid #E0E0E0; border-right: 0px solid #E0E0E0;}
	.page > .site .toggle {display:block; position: absolute; right:15px; top: 15px;}
	.fa-border {color:#999999; border: solid 0.08em #999999;}
	.fa-border:hover {color:#f60; border: solid 0.08em #000000;}
	.page > .site .toggle a {color:#999999; background: transparent;}
	.page > .site .toggle a:hover {color:#000000;}
	.page > .site .header > .supp_i_ti {display:none;}
	
	.aside table, .aside tr, .aside td { font-size:14px !important;}
	.aside td {padding-top: 5px !important; padding-bottom: 5px !important;}
	
	.page .navfooter {display:none;}
	
	.page > .site .main { background:none;padding-bottom: 0px; padding-top:0px;}
	.page > .site .main > .article {float:none; width: auto; max-width:800px; border-top: 1px solid #999999;}
	.page > .site .main > .article .container { padding-left:10px; padding-right:10px;}
	.page > .site .main > .aside { float: none; width: auto; max-width:800px; background: url("../_images/boxbgl.gif") #FFF8E9 repeat-y; border-bottom: 1px solid #f60;}

	.page > .site .mainstart {}
	.page > .site .mainstart .UeberschriftBox {font-size:14px !important;}
	.page > .site .main > .start {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #999999;}
	.page > .site .main > .start > .itemLinks  {order: 2; width:100%; background: url("../_images/boxbgl.gif") #FFF8E9 repeat-y;}
	.page > .site .main > .start > .itemRechts {order: 3; width:100%; background: url("../_images/boxbgl.gif") #FFF8E9 repeat-y;}
	.page > .site .main > .start > .itemRechts .itemRechtsFairnessNetzwerkLogo {margin-left:220px; margin-top: -55px;}
	.page > .site .main > .start > .itemMain   {order: 1; width:auto; }	
	.page > .site .main > .start > .itemMain .aktuell {margin-top: 20px; margin-bottom: 20px;}
	.page > .site .main > .start > .itemMain .aktuell > .abonnieren {font-size:14px; text-align: center; margin-left:0px; margin-bottom: 5px;}

	.page > .site .navigation { display:none; text-align: left; border-top:1px solid #999999; border-bottom: 0px solid #999999; background: url("../_images/boxbgl.gif") #FFF8E9 repeat-y; }
	.page > .site .navigation a { display:block;margin-top: 10px; margin-bottom: 10px; font-size: 15px; font-weight:normal; line-height:18px; text-decoration:none; background:transparent !important;}
	.page > .site .navigation a::before {content:"";}
	.page > .site .navigation a::after {content:"";}
	
	.container img.iefix45 {max-width:45%;}
	.container img.iefix30 {max-width:30%;}
	.ie .container img.iefix   {width:100%;}
	.ie .container img.iefix45 {width:45%;max-width:100%;}
	.ie .container img.iefix30 {width:30%;max-width:100%;}
	.fs10 {font-size:10px !important;}
	
	.page > .site .main > .article .container .einzelspende {width: 45%;}
	.page > .site .main > .article .container .einzelspende > .wrapper {width:auto;}
}
@media screen and (min-width:820px) {
	.page > .site .navigation {display:block !important;}
}

@media screen and (max-width:620px) {
	.page > .site .main > .article .container .einzelspende { width:auto; max-width:none; float:none;}
	.page > .site .main > .article .container .einzelspende:nth-child(2n) {float:none;}
	.page > .site .main > .article .container .einzelspende > .wrapper {float:none; width:auto;}
	
	.container .CoachesTrainerBerater > .item {float: none; width: auto; min-width: 100%; margin-bottom: 25px; margin-right: 10px;}
	.container .CoachesTrainerBerater > .item > .text {max-width: 90%;}
}

@media screen and (max-width:500px) {
	.container .CoachesTrainerBerater > .item > .image {width: 80px;}
	.container .CoachesTrainerBerater > .item > .text {max-width: 60%;}
}


.ios a, .ios .Blog_grauDate, .ios .SeitenTextNorm > .SeitenTextNormBox .UeberschriftBoxmitteM, .ios .SeitenTextNorm > .SeitenTextNormBox a, .ios .UeberschriftBoxmitteL, .tablezeile a, .tdrand .UeberschriftBoxmitteM, .page > .site .main > .start > .itemMain .articlekasten h2 a, .page > .site .main > .start > .itemMain .articlekasten p .FSLinkorText, .page > .site .main > .article .container .einzelspende a, .cookie a {background: transparent !important;}