@charset "UTF-8";

/* CSS Copyright: MGOS - ctfdc->ihr_weblink */

div.return_message { position:relative; width:95%; max-width:1050px; margin:0px auto; padding:2px 5px; background-color:#FFE6F3; }
div.messageboldred { display:inline; font-weight:bold; background-color:#FFE6F3; padding:0px 2px; }

div.spalte-topbild { float:left; width:25%; min-width:60px; max-width:180px; margin:0px 10px 0px 0px}
div.spalte-topbild img { width:90%; }
div.spalte-toprechts { float:left; width:65%; min-width:130px; max-width:770px; margin:0px 0px 0px 0px; }
div.spalte-topclear { clear:left; margin:0px 0px 0px 0px; }

div.spalte-bild { float:left; width:20%; min-width:60px; max-width:200px; margin:0px 20px 0px 0px}
div.spalte-bild img { width:70%; }
div.spalte-rechts { float:left; width:70%; min-width:190px; max-width:850px; margin:0px 0px 0px 0px; }
div.spalte-clear { clear:left; margin:0px 0px 25px 0px; }

span.textslogan { font-size:1.2em; line-height:1.1; display:inline-block; }

.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; }

div.schrittliste { position:relative; display:inline-block; width:100%; margin:0px 0px 0px 0px; }
div.schrittliste div.col-titel { float:left; width:15%; font-weight:normal; min-width:85px; max-width:85px; height:auto; margin:0px 5px 20px 0px; padding: 1px 0px 0px 2px; background-color:#EEE; }
div.schrittliste div.col-text { float:left; width:80%; height:auto; text-align:left; margin:0px 0px 20px 0px; }
div.schrittliste div.col-clear { clear:both; }
@media only screen and (max-width:700px) {
 div.schrittliste div.col-titel { float:none; width:100%; margin:0px 0px 5px 0px; }
 div.schrittliste div.col-text{ float:none; width:100%; margin:0px 0px 25px 0px; }
}

div.datenliste { position:relative; width:100%; margin:0px 0px 0px 0px; }
div.datenliste { text-align:left; color:#000; font-size:1em; }
div.datenliste div.contelement { position:relative; width:100%; margin:0px 0px 10px 0px; background-image: url("//www.schweizer-seiten.ch/images/Background_Verlauf_100.jpg"); background-repeat:repeat-x; background-position:center top; }
div.datenliste div.contelement div.col-left { float:left; width:90px; margin:8px 6px 4px 4px; }
div.datenliste div.contelement div.col-left img { width:80px; margin:0px 0px 0px 5px; }

div.datenliste div.contelement div.col-content { float:none; width:auto; height:auto; margin:8px 0px 0px 100px; overflow:hidden; }
div.datenliste div.contelement div.col-content div.link { display:block; margin:0px 0px 0px 0px; font-weight:bold; }
div.datenliste div.contelement div.col-content div.link a { color:#555 !important; font-weight:bold !important; text-decoration:none; }
div.datenliste div.contelement div.col-content div.link a:hover { color:#999 !important; }
div.datenliste div.contelement div.col-content div.titel { display:block; margin:0px 0px 0px 0px; }
div.datenliste div.contelement div.col-content div.text { display:block; margin:0px 0px 0px 0px; font-style:italic; font-size:0.85em; }
div.datenliste div.contelement div.col-leftclear { }
div.datenliste div.contelement div.col-clear { clear:left; }
@media only screen and (max-width:600px) {
 div.datenliste div.contelement div.col-leftclear { clear:left; }
 div.datenliste div.contelement div.col-content { margin:0px 0px 0px 0px; }
}

#FormDialoge { width:90% !important; max-width:800px; }
#FormDialoge div.wrapper0 { background-color:#FFF !important; padding:5px 0px 5px 0px; font-size:1.0em; margin:0px 0px 10px 0px; }
#FormDialoge div.wrapper1 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper2 { background-color:#FFF !important; padding:5px 0px 5px 0px; font-size:1.0em; margin-top:10px; }
#FormDialoge div.wrapper3 { background-color:#FAEBD7 !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper4 { background-color:#FAEBD7 !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper5 { background-color:#FAEBD7 !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper6 { background-color:#FAEBD7 !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper7 { background-color:#FAEBD7 !important; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; }
#FormDialoge div.wrapper8 { background-color:#FFF !important; padding:5px 0px 5px 0px; font-size:1.0em; margin-top:30px; }
#FormDialoge div.wrapper9 { background-color:#FFFACD !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper10 { background-color:#FFFACD !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper11 { background-color:#FFFACD !important; padding:5px 10px 5px 10px; }
#FormDialoge div.wrapper12 { background-color:#EAF4FF !important; padding:5px 10px 5px 10px; margin-top:30px; }
#FormDialoge div.wrapper13 { background-color:#FFF !important; padding:5px 10px 5px 10px; margin-top:10px; }
#FormDialoge div.wrapper14 { background-color:#FFF !important; padding:5px 10px 5px 10px; margin-top:10px; }

#FormDialoge div.wrapper6 div.field6 .dijitTextArea { min-height:100px !important; }
#FormDialoge div.wrapper7 div.fulltext { width:94%; margin:0px 0px 5px 10px; white-space:normal !important; font-size:0.75em; }
#FormDialoge div.wrapper12 div.field12 .dijitTextArea { min-height:100px !important; }
#FormDialoge div.wrapper13 div.chkelement { margin:5px 0px 0px 0px; }
#FormDialoge div.wrapper14 div.chkelement { margin:5px 0px 0px 0px; }
#FormDialoge div.requiredyellow .dijitTextBox { background-color:#FFFF00 !important; }
#FormDialoge div.requiredyellowcb .dijitCheckBox { border-bottom:6px solid #FFFF00; }

#FormDialogeWrapper { position:relative; width:100%; max-width:820px; height:auto; }
#FormDialogeWrapper div.fdwwrapper1 { position:relative; width:100%; height:auto; padding:0px 0px 20px 0px; }
#FormDialogeWrapper div.fdwwrapper2 { position:absolute; top:0px; left:0px; width:100%; height:100%; }
#FormDialogeWrapper div.fdwwrapper2:hover { background-color: rgba(0,96,191,0.1); }

#FormDialogeMessageBox { visibility:hidden; margin:0px 20px; background-color:#333; color:#FFF; text-align:center; border-radius:2px; padding:16px; position:fixed; z-index:1; bottom:60px; background:-webkit-gradient(linear, left top, left bottom, from(#68A7F2), to(#0060BF)); background:-moz-linear-gradient(top,  #68A7F2,  #0060BF); }
#FormDialogeMessageBox.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 2s 4s; animation: fadein 0.5s, fadeout 2s 4s; }
@-webkit-keyframes fadein { from {bottom: 0; opacity: 0;}  to {bottom: 60px; opacity: 1;} }
@keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 60px; opacity: 1;} }
@-webkit-keyframes fadeout { from {bottom: 60px; opacity: 1;} to {bottom: 0; opacity: 0;} }
@keyframes fadeout { from {bottom: 60px; opacity: 1;} to {bottom: 0; opacity: 0;} }