/*  Projektabhängiges Farb-Layout: bg0=f7f7f7; bg1=cccccc; bg2=666666; bg3=FFFFFF;  */

.all      { background:#FFFFFF; width:98%; max-width:1120px; min-width:480px; height:auto; display:inline-block; margin:0 auto; }
.yall     { background:#FFFFFF; width:98%; max-width:900px;  min-width:320px; height:auto; display:inline-block; margin:0 auto; }
.inl      { background:#FFFFFF; margin:0px auto; padding:2px; }
.box      { background:#f7f7f7; border:solid 1px #cccccc; padding:5px;  display:inline-block; }
.tbox     { background:#FFFFFF; border:solid 1px #cccccc; padding:10px; margin:3px auto; width:96%;  height:auto; }
.nbox     { background:#f7f7f7; border:solid 1px #cccccc; padding:0px;  margin:0px auto; width:98%;  height:auto; }
.ibox     { background:#f7f7f7; border:solid 1px #cccccc; padding:3px;  margin:0px;      width:100%; height:auto; }
.ibutt    { background:#f7f7f7; border:solid 1px #cccccc; padding-top:4px; padding-bottom:0px; margin:4px 4px 4px 4px;
            height:22px; box-shadow: inset 0 0 3px #cccccc; border-radius:8px; }
.orbutt   { background:#f7f7f7; border:solid 1px #cccccc; border-radius:8px; box-shadow: inset 0 0 3px #cccccc; }
.cbreite  { background:#FFFFFF; width:98%; height:80px; margin:0px; padding:3px 0px 3px 10px; text-align:center; }
.eff, .hg, .hgeff, .hgtd, .hbox { background:linear-gradient(to bottom,#f7f7f7,#cccccc); }
.eff:hover   { background:linear-gradient(to bottom,#cccccc,#f7f7f7); }
.veff, .fbox { background:linear-gradient(to left,#cccccc,#f7f7f7); }
.veff:hover  { background:linear-gradient(to left,#f7f7f7,#cccccc); }
.hg       { border:solid 1px #cccccc; text-align:center; padding:2px; font-size:11pt; font-weight:bold; }
.hbox     { text-align:center;  height:24px; }
.hgeff    { text-align:center;  height:24px; padding:0px; margin:0px; font-size:11pt;  font-weight:bold; }
.fbox     { background:#f7f7f7; margin:10px 0px 0px 0px; padding:0px; text-align:left; font-size:9pt; font-weight:bold; }
.tdbl     { border-bottom:solid 1px #cccccc; }
.aktiv    { background:#666666; }
.iaktiv   { background:#f7f7f7; }
.rand0    { border:solid 1px #f7f7f7; }
.rand1    { border:solid 1px #cccccc; }
.rand2    { border:solid 1px #666666; }

/*  Foot-Bar */
.expstickybar  { left:0; right:0; position:fixed;  padding:0; margin:0 auto; text-align:center;z-index:500; visibility:hidden; width:100%; }
.togglebutt    { position:absolute; right:0px; margin-top:-34px; margin-right:1%; padding:5px; width:120px; height:34px; text-align:center; z-index: 100; }
.stickycontent { width:98%; min-width:320px; max-width:1120px; height:200px; margin:0px auto; text-align:center; padding:0px; opacity:0.96; filter:alpha(opacity=96); display:inline-block; z-index: 200; }
.footico       { border:0px; width:32px; height:32px; vertical-align:middle; }
.footlink      { vertical-align:middle; }
.footbox       { border:solid 1px #F5F5F5; margin:2px; padding:1px; width:96%; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.footibox      { margin-left:0.8em; margin-top:0.8em; margin-bottom:1.8em; height:auto; width:130px; float:left; }

/*  vSlide-Style */
.vslidetitle      { padding:3px; margin-bottom:4px; font-size:11pt; background:linear-gradient(to bottom,#F5F5F5,#CCCCCC); }
.vslideticker     { margin-left:5px; margin-right:10px; width:97%; text-align:left; }
.vslideticker a   { font-size:10pt; font-weight:bold; text-decoration:none; }
.vslideticker img { float:left; width:64px; border:1px solid #CCC; margin:5px 10px 5px 0px; }
.vslideticker li  { list-style:none; display:block; padding:0px; margin:0px; }
.vslideticker ul  { list-style:none; display:block; padding:0px; margin:0px; }
.vslideticker cat { font-size:10pt; color:#808080; }
.vslideinfo       { height:112px; padding-top:2px; border-bottom: solid 1px #CCC; color:#333; line-height:1.1; font-size:10pt; vertical-align:top; display:inline-block; }
#vslidebox        { background:#F5F5F5; border:solid 1px #CCC; padding:0px; font-size:11px; display:inline-block; }
#socialbox        { width:98%; max-width:560px; min-width:280px; height:36px; text-align:center; display:inline-block; }
#pagewidth        { width:100%; }
#graubox1         { background:#eeeeee; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:10px; border: 1px solid #777777; border-radius:8px; }

/*  Responsiv-Media-Styles */
@media (max-width: 720px){
 #socialbox { display:none; }
}
@media (max-width: 880px){
 #vslidebox    { display:none; }
 .grid2        { float:none; width:96%; }
 .expstickybar { display:none; }
}
@media (max-device-width: 860px){
 .grid2        { float:none; width:100%; }
 .expstickybar { display:none; }
 #vslidebox    { display:none; }
 #socialbox    { display:none; }
 #rsidebox     { display:none; }
}
