@charset "UTF-8";

/* CSS Copyright: MGOS - ctcom->begegnung*/

div.return_message { position:relative; width:95%; max-width:1050px; margin:0px auto; padding:2px 5px; background-color:#FFE6F3; }

#container-index div.container-inner { margin-top:-30px; }

div.spalte-bild { float:left; width:15%; min-width:40px; max-width:160px; text-align:right; margin:0px 20px 0px 0px; }
div.spalte-bild img { width:80%; }
div.spalte-rechts { float:left; width:80%; margin:15px 0px 0px 0px; }

.yellowback { background-color:#FFF580; }
.colorctste { color:#F2DA00; }
.colorctreg { color:#9CF439; }
.colorctsze { color:#AE8BE3; }
.colorctsbi { color:#1684E0; }
.colorctsge { color:#FF6787; }
.colorctsif { color:#FE4739; }
.colorctweb { color:#FFA24C; }

span.textslogan { font-size:1.2em; line-height:1.1; display:inline-block; }
span.textautor { font-size:0.8em; line-height:1; display:inline-block; }
span.textsmall { font-size:0.8em; line-height:1; display:inline-block; }
div.spalte-clear { clear:left; }

a.link { color:#000000 !important; }
a.link:hover { color:#FF0000 !important; }

div.rahmenbox { display:inline-block; width:100%; max-width:800px; background-color:#F5F5FA; border:2px solid #E3EBF3; padding:6px; }

div.textcontent1 { position:relative; text-align:center; }
div.textcontent1 a { font-size:2.0em !important; font-weight:bold; }
div.textcontent1 .text-wrapper { position: relative; display:inline-block; padding-top:0.2em; padding-right:0.05em; padding-bottom:0.1em; /*overflow:hidden;*/ }
div.textcontent1 .letter { display:inline-block; line-height:1em; }
@media only screen and (max-width:700px) {
 div.textcontent1 a { font-size: 5vw !important; }
}

div.aufzaehlung { float:left; width:6%; min-width:50px; max-width:50px; min-height:70px; font-size:2.4em; }
div.aufzaehlungtext { float:left; width:90%; min-height:70px; }
div.clear { clear:left; }

div.box-einausblenden { display:inline-block; cursor:pointer; } 
div.box-einausblenden:hover { color:#FF0000; } 
div.box1 { }
div.box2 { display:none; }

div.punkteliste { position:relative; width:100%; margin:10px 0px 10px 0px; }
div.punkteliste div.col-logo { float:left; width:2%; min-width:5px; max-width:5px; height:auto; margin:0px 6px 0px 0px; padding: 0px 0px 0px 0px; }
div.punkteliste div.col-text { float:left; width:95%; min-width:250px; max-width:700px; height:auto; text-align:left; margin:0px 0px 3px 0px; border:0px solid black; }
div.punkteliste div.col-clear { clear:both; }

div.titeltextliste { position:relative; display:inline-block; width:100%; margin:0px 0px 0px 0px; max-width:800px; background-color:#F5F5FA; border:2px solid #E3EBF3; padding:6px; }
div.titeltextliste div.col-titel { float:left; width:20%; font-weight:bold; min-width:110px; max-width:110px; height:auto; margin:0px 5px 10px 0px; padding: 0px 0px 0px 0px; }
div.titeltextliste div.col-titel img { width:80px; }
div.titeltextliste div.col-text { float:left; width:70%; height:auto; text-align:left; margin:0px 0px 0px 0px; }
div.titeltextliste div.col-clear { clear:both; }
@media only screen and (max-width:540px) {
 div.titeltextliste div.col-titel { float:left; width:25%; min-width:0; max-width:none; margin:0px 0px 0px 0px; }
 div.titeltextliste div.col-titel img { width:80% }
 div.titeltextliste div.col-text { float:left; width:68%; margin:0px 0px 15px 0px; }
}

#FormDialoge { width:98% !important; max-width:800px; }
#FormDialoge div.wrapper0 { }
#FormDialoge div.wrapper1 { }
#FormDialoge div.wrapper2 { }

#FormDialoge div.wrapper3 { background-color:#FFF !important; padding:5px 0px 5px 0px; }
#FormDialoge div.wrapper3 div.fulltext { width:94%; margin:0px 0px 10px 0px; white-space:normal !important; font-size:1.0em; }

#FormDialoge div.wrapper4 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper5 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper6 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper7 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper8 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper9 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper10 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper11 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }

#FormDialoge div.wrapper12 { }
#FormDialoge div.wrapper13 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper13 div.field13 .dijitTextArea { min-height:100px !important; }
#FormDialoge div.wrapper14 { background-color:#FFF !important; padding:5px 10px 5px 10px; margin-top:10px; }
#FormDialoge div.wrapper14 div.chkelement { margin:5px 0px 0px 0px; }
#FormDialoge div.requiredyellow .dijitTextBox { background-color:#FFFF00 !important; }
#FormDialoge div.requiredyellowcb .dijitCheckBox { border-bottom:10px solid #FFFF00; }
#FormDialoge div.requiredyellowrb { border-bottom:6px solid #FFFF00; }
