| /* h_iestil.inc.css / comicimoc */
a.return:link {font:14px/100% garamond; color:#000000; font-weight:600; text-decoration: none;}
a.return:hover {font:14px/100% garamond; color:#FF7F00; font-weight:600; text-decoration: none;}
a {text-decoration: none}
a:link {color:#800080}
a:visited {color:#800080}
a:active {color:#800080}
a:hover {color:#FF00FF}
input{cursor:n_resize}
button{cursor:hand}
td {font-size:12px; text-align:center}
thead {height:50px}
tfoot {height:30px}
.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% verdana;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
-ms-border-radius: .5em;
-o-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}
.effect {
color: #800080;
border: solid 1px #FF0000;
background: #FFFFD1;
background: -webkit-gradient(linear, left top, left bottom, from(#FFBBD1), to(#FFFF00));
background: -moz-linear-gradient(top, #FFFFD1, #FFBB00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBBD1', endColorstr='#FFFF00');
background: -o-linear-gradient(top, #FFFFD1, #FFBB00);
background: -ms-linear-gradient(top, #FFFFD1, #FFBB00);
background: linear-gradient(top, #FFFFD1, #FFBB00);
}
.effect:hover {
background: #FFFFD1;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F05020));
background: -moz-linear-gradient(top, #FFFFFF, #F05020);
background: -ms-linear-gradient(top, #FFFFFF, #F05020);
background: -o-linear-gradient(top, #FFFFFF, #F05020);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F05020');
}
.effect:active {
color: #FFFFD1;
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#FAA51A));
background: -moz-linear-gradient(top, #000000, #FAA51A);
background: -ms-linear-gradient(top, #000000, #FAA51A);
background: -o-linear-gradient(top, #000000, #FAA51A);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#FAA51A');
}
.ug {background-color:#FFFFFF;}
.sup {font-size:19px; color:lightslategray; font-family:verdana; font-weight:800}
.ansicht_rechts {font-size:12px; font-family:tahoma; color:#7F7F7F; font-weight:600; text-align:center;}
.ansicht_links {font-size:11px; font-family:tahoma; color:#8F8F8F; font-weight:500; text-align:center;}
.ebene1 {font-size:12px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFFD1}
.ebene11 {font-size:18px; color:#800080; font-family:verdana; font-weight:700; text-align:center; background-color:#FFFFD1}
.ueber1 {font-size:15px; color:#999999; font-family:minion; font-weight:600; background-color: #FFFFD1;}
.gross {font-size:20px; color:#FFA050; font-family:verdana; font-weight:800}
.grossw {font-size:24px; color:#00C070; font-family:verdana; font-weight:800}
.gross1 {font-size:26px; color:#FFDF00; font-family:minion; font-weight:800}
.grossm {font-size:32px; color:lightsalmon; font-family:minion; font-weight:800}
.gruen {font-size:20px; color:#008030; font-family:verdana; font-weight:800}
.gelb {font-size:12px; background-color:#FFFFCC; color:#800080; font-family:verdana; font-weight:800}
.weiss {font-size:12px; background-color:#FFFFFF; color:#AFAFAF; font-family:verdana; font-weight:800}
.weiss_gross {font-size:18px; background-color:#FFFFFF; color:#AFAFAF; font-family:verdana; font-weight:800}
.grau {background-color:#CFCFCF}
.orange {background-color:#FFA050}
.schwarz {background-color:#000000}
.mittel {font-size:12px; color:#CC99FF; font-family:verdana; font-weight:600}
.mittel1 {font-size:12px; color:#CC99FF; font-family:verdana; font-weight:600; background-color:#FFDD11}
.mittel2 {font-size:26px; color:#FFA050; font-family:verdana; font-weight:800; background-color:#FFDD11}
.mittel22 {font-size:26px; color:#FFFF00; font-family:verdana; font-weight:800; text-align:center; background-color:#FF9F00}
.mittel3 {font-size:22px; color:#FFFF00; font-family:verdana; font-weight:800; background-color:#FF9F00}
.fein {font-size:10px; color:palevioletred; font-family:tahoma; font-weight:500}
.klein {font-size:10px; color:#A02000; font-family:tahoma; font-weight:500}
.dick {font-size:12px; color:#A02000; font-family:tahoma; font-weight:800}
.dickdi {font-size:12px; color:#A02000; font-family:tahoma; font-weight:700}
.dickdick {font-size:18px; color:#4F4F4F; font-family:tahoma; font-weight:800}
.weihnachten {background-image:url(h_titel/basis/weihnachten.jpg); background-position: top center; background-repeat: no-repeat}
.unterlage {background-image:url(h_titel/basis/krampus.gif); background-position: top; background-repeat: no-repeat}
.wmitte {background-image:url(h_titel/basis/winter.jpg); background-position: 9px 0px; background-repeat: no-repeat}
.wmotte {background-image:url(h_titel/basis/neujahr.jpg); background-position: 9px 0px; background-repeat: no-repeat}
.wmatte {background-image:url(h_titel/basis/quart1.jpg); background-position: 4px 0px; background-repeat: no-repeat}
.wmutte {background-image:url(h_titel/basis/quart2.jpg); background-position: 4px 0px; background-repeat: no-repeat}
.wmette {background-image:url(h_titel/basis/quart3.jpg); background-position: 4px 0px; background-repeat: no-repeat}
.wmytte {background-image:url(h_titel/basis/quart4.jpg); background-position: 4px 0px; background-repeat: no-repeat}
.klein0 {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#C0FF00}
.klein1 {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFFD1}
.klein2 {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFDD11}
.kl1 {font-size:18px; color:#800080; font-family:verdana; font-weight:600; text-align:center}
.kl2 {font-size:20px; color:#800080; font-family:helvetica; font-weight:800; text-align:center}
.klein11 {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#9F9F9F}
.kleinw {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#C0FF00}
.kleimm {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFFFF}
.kleinn {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFB060}
.kleiww {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFFFF}
.kleixx1 {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFF11}
.kleixx2 {font-size:10px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFFFF}
.kleixx3 {font-size:12px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFF11}
.kleixx3en {font-size:10px; color:#800080; font-family:verdana; font-weight:500; text-align:center; background-color:#FFFF11; lang:en}
.kleixx3fr {font-size:10px; color:#800080; font-family:verdana; font-weight:500; text-align:center; background-color:#FFFF11; lang:fr}
.kleixx4 {font-size:12px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFFFF}
.kleixx4en {font-size:10px; color:#800080; font-family:verdana; font-weight:500; text-align:center; background-color:#FFFFFF; lang:en}
.kleixx4fr {font-size:10px; color:#800080; font-family:verdana; font-weight:500; text-align:center; background-color:#FFFFFF; lang:fr}
.klamin {font-size:12px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFF99}
.re {font-size:12px; font-family:calibri; font-weight:600; text-align:center}
.droben {font-size:16px; color:#FFFFFF; font-family:garamond; font-weight:700; text-align:center; background-color:#AFAFAF}
.hitto {font-size:12px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#FFFFFF}
.hatto {font-size:12px; color:#800080; font-family:verdana; font-weight:600; text-align:center; background-color:#D9FF00}
.gut {font-size:32px; color:#CFCFCF; font-family:minion; font-weight:700; text-align:center; background-color:#FFFFCC}
.klein_unten {font-size:18px; color:#FFFFFF; font-family:tahoma; font-weight:700; text-align:center; background-color:#CFCFCF}
.klein3 {font-size:11px; color:#800080; font-family:tahoma; font-weight:600; text-align:center}
.klein4 {font-size:11px; color:#800080; font-family:tahoma; font-weight:600; text-align:center; background-color:wheat}
.klein5 {font-size:10px; color:#800080; font-family:tahoma; font-weight:600; text-align:center; background-color:#FFFF00}
.klick {font-size:10px; color:#800080; font-family:tahoma; font-weight:600; text-align:center; background-color:peachpuff}
.klein6 {font-size:9px; color:#800080; font-family:tahoma; font-weight:400; text-align:center;}
.klein7 {font-size:11px; color:#800080; font-family:tahoma; font-weight:600; text-align:center;}
.comic {font-size:22px; color:#800080; font-family:verdana; font-weight:800; text-align:center; background-color:#FFDD11}
.comic1 {font-size:12px; color:#800080; font-family:verdana; font-weight:800; text-align:center; background-color:#FFFF11}
.comic2 {font-size:22px; color:#800080; font-family:verdana; font-weight:800; text-align:center}
.lang {font-size:10px; color:lightslategray; font-family:verdana; font-weight:700}
.aolaol {font-size:15px; color:#000000; font-family:verdana; font-weight:700; background-color:pink}
.bolbol {font-size:15px; color:#666666; font-family:verdana; font-weight:700; background-color:#DADADA}
.colcol {font-size:15px; color:#E06060; font-family:verdana; font-weight:700; background-color:#FFFF00}
.doldol {font-size:15px; color:#FFFFFF; font-family:verdana; font-weight:700; background-color:#00C0FF}
.eoleol {font-size:15px; color:#FFFFFF; font-family:verdana; font-weight:700; background-color:#E06000}
.folfol {font-size:15px; color:#FFFFFF; font-family:verdana; font-weight:700; background-color:#0020FF}
.golgol {font-size:15px; color:#000000; font-family:verdana; font-weight:700; background-color:#BCF8F7}
.holhol {font-size:15px; color:#FFFFFF; font-family:verdana; font-weight:700; background-color:#FC421E}
.kolkol {font-size:15px; color:#FFFFFF; font-family:verdana; font-weight:700; background-color:#00C0FF}
.lollol {font-size:15px; color:#FFFFFF; font-family:verdana; font-weight:700; background-color:#000000}
.mm {font-size:15px; color:#E06060; font-family:verdana; font-weight:700; background-color:#C0FF00}
.nn {font-size:10px; color:#E06060; font-family:verdana; font-weight:700; background-color:#C0FF00}
.nono {font-size:16px; color:#FFFFFF; font-family:verdana; font-weight:700; background-color:#663300}
.achtung {font-size:15px; color:#FFFF00; font-family:verdana; font-weight:700; background-color:#FF9F00}
.pp {font-size:10px; color:#BF4F4F; font-family:verdana; font-weight:700; background-color:#FFFFFF}
td.titel {background-color:plum; font-size:18px; font-family:tahoma, verdana; font-weight:700; color:#FFFFFF; text-align:center;}
td.tutel {background-color:plum; font-size:15px; font-family:tahoma, verdana; font-weight:600; color:#FFFFFF; text-align:center;}
td.tatel {background-color:#FFEF00; font-size:18px; font-family:tahoma, verdana; font-weight:700; color:#FFFFFF; text-align:center;}
td.totel {background-color:plum; font-size:12px; font-family:tahoma, verdana; font-weight:600; color:#FFFFFF; text-align:center;}
td.ttel {background-color:lightsalmon; font-size:15px; font-family:tahoma, verdana; font-weight:600; color:#FFFFFF; text-align:center;}
td.ttol {background-color:#CCCC66; font-size:15px; font-family:tahoma, verdana; font-weight:600; color:#FFFFFF; text-align:center;}
td.titl {background-color:#FFCC99; font-size:18px; font-family:tahoma, verdana; font-weight:700; color:#FFFFFF; text-align:center;}
td.form {font-size:12px; font-family:tahoma, verdana; color:#800080; font-weight:700; vertical-align:middle;}
.txt2 {font-size:12px; font-family:tahoma, verdana; color:#800080; font-weight:700; text-align:left;}
.txt3 {background-color:palevioletred; font-size:14px; font-family:tahoma, verdana; color:#FFFFFF; font-weight:400; text-align:center;}
.txt31 {background-color:palevioletred; font-size:13px; font-family:tahoma, verdana; color:#FFFFFF; font-weight:400; text-align:center;}
.txt4 {font-size:10px; font-family:tahoma, verdana; color:#800080; font-weight:500; text-align:left;}
.txt41 {font-size:10px; font-family:tahoma, verdana; color:#800080; font-weight:500; text-align:center;}
.txt411 {font-size:16px; font-family:tahoma, verdana; color:#800080; font-weight:700; text-align:center; background-color:#EEEEEE;}
.txt5 {background-color:#FFFF00; font-size:16px; font-family:tahoma, verdana; color:#800080; font-weight:700; text-align:center;}
.txt55 {background-color:#CFCFCF; font-size:18px; font-family:minion; color:#FFFFFF; font-weight:800; text-align:center;}
.txt56 {background-color:#DFDFDF; font-size:22px; font-family:minion; color:#FFFFFF; font-weight:800; text-align:center;}
.txt56en {background-color:#DFDFDF; font-size:20px; font-family:minion; color:#FFFFFF; font-weight:600; text-align:center; lang:en}
.txt56fr {background-color:#DFDFDF; font-size:20px; font-family:minion; color:#FFFFFF; font-weight:600; text-align:center; lang:fr}
.txt6 {background-color:#FFEBEB; font-size:16px; font-family:minion, verdana; color:#FFA050; font-weight:700; text-align:center;}
.txt7 {font-size:11px; font-family:minion; color:#9F9F9F; font-weight:600; text-align:center;}
.txt8 {font-size:18px; font-family:minion; color:#00BF00; font-weight:600; text-align:center; text-valign:middle;}
.txt9 {font-size:18px; font-family:minion; color:#4F4F4F; font-weight:600; text-align:center; text-valign:middle;}
.txt_txt {font-size:36px; font-family:tahoma; background-color:#FFFFFF; color:#CFCFCF; font-weight:700; text-align:center; text-valign:middle;}
td.normal {background-color:#FFFF99; font-size:12px; font-family:tahoma, verdana; color:#000000; font-weight:600; text-align:left;}
td.normal1 {background-color:#FFFF99; font-size:10px; font-family:tahoma, verdana; color:#000000; font-weight:500; text-align:left;}
.hinten {background-image:url(https://ps-ssl.de/www.comicimoc.de/h_titel/basis/gross_ohne.gif); background-postion: center center; background-repeat: no-repeat}
.hinten16 {background-image:url(h_titel/basis/gross_ohne16.gif); background-postion: center center; background-repeat: no-repeat}
.hinten18 {background-image:url(h_titel/basis/gross_ohne18.gif); background-postion: center center; background-repeat: no-repeat}
.hintenun {background-image:url(h_titel/basis/unten_neu.png); background-postion: center center; background-repeat: repeat}
.winzig {font-size:12px; font-family:tahoma, verdana; color:#800080; font-weight:500; text-align:center;}
.zelle {font-size:12px; color:#FF0080; font-family:tahoma; background-color:#FFFFD1}
.zulle {font-size:12px; color:#FF0080; font-family:tahoma; background-color:#FFFF11}
.zalle {font-size:12px; color:#FF0080; font-family:tahoma; background-color:#FFFE11}
.zolle {font-size:12px; color:lightslategray; font-family:tahoma}
.zille {font-size:13px; color:#5F5F5F; text-align:center; font-family:verdana; font-weight:800; background-color:#FFFF11}
.zalle {font-size:13px; color:#7000C0; text-align:center; font-family:verdana; font-weight:500; background-color:#FFDF00}
.zille1 {font-size:9px; color:#5F5F5F; text-align:center; font-family:verdana; font-weight:500; background-color:peachpuff}
.steuer {font-size:10px; font-weight:600; font-family:tahoma}
.text {margin-left:1cm}
.p {font-size:10px; color:#FFFFFF; font-family:tahoma; font-weight:600; text-align:center; background-color:#AFAFAF}
.list1 {font-size:10px; font-family:tahoma; color:#800000; background-color:#FFFF22}
.list2 {font-size:12px; font-family:tahoma; background-color:#FFFF22}
.list3 {font-size:15px; font-family:tahoma; color:#AFAFAF; font-weight:700; background-color:#FFFFFF}
.list4 {font-size:32px; font-family:tahoma; font-weight:700; background-color:#FFFFFF}
.list21 {font-size:14px; font-family:tahoma; color:#FFFFFF; background-color:#AFAFAF}
.back {font-size:14px; font-family:verdana; font-weight:800}
.ein{background: -moz-linear-gradient(top, #FEFEFE 0%,#F27F0E 100%);
background: -webkit-linear-gradient(top, #FEFEFE 0%,#F27F0E 100%);
background: -o-linear-gradient(top, #FEFEFE 0%,#F27F0E 100%);
background: -ms-linear-gradient(top, #FEFEFE 0%,#F27F0E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F27F0E',GradientType=0 );/* IE6 & IE7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F27F0E');/* IE8 */
background: linear-gradient(top, #FEFEFE 0%,#F27F0E 100%);
border: 1px solid #E8A431;
border-color: #F5B74E #E5A73E #D6982F;
box-shadow: 0 1px 1px #D3D3D3, inset 0 1px 0 #FEE395;
-webkit-box-shadow: 0px 0px 1px #D3D3D3, inset 0px 0px 1px #FEE395;
-moz-box-shadow: 0px 0px 1px #D3D3D3, inset 0px 0px 1px #FEE395;
padding: 0px 80px 0px 10px;
height: 38px;
display: inline-block;
position: relative;
border-radius: 4px;
float: left;
margin: 10px;
overflow: hidden;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.ein-tekst{display: block;
padding-top: 5px;
font-size: 24px;
white-space: nowrap;
font-family: Garamond;
white-space: nowrap;
color: #844D16;
text-shadow: 0 1px 0 #FEDD9B;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.ein-gleit-tekst{position:absolute;
top: 35px;
left: 0px;
width: auto;
right: 52px;
height: 0px;
background: #FFFFFF;
color: #844D16;
font-size: 24px;
white-space: nowrap;
font-family: Garamond;
font-style: italic;
text-indent: 15px;
overflow: hidden;
line-height: 30px;
box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
-webkit-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
-moz-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.ein-bild{position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 52px;
border-left: 1px solid #F5B74E;
box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
-webkit-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
-moz-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
}
.ein-bild span{width: 38px;
height: 38px;
opacity: 0.7;
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0px 0px -20px;
background: transparent url(./h_titel/navi/nord_sued/top_kat.gif) no-repeat 50% 55%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.ein:hover{height: 65px;
box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
-o-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.ein:hover .ein-tekst{
text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
color: #FFFFFF;
}
.ein:hover .ein-gleit-tekst{height: 30px;
}
.ein:hover .ein-bild span{opacity: 1;
transform: rotate(-45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-moz-transform: rotate(45deg); /* Firefox */
-o-transform: rotate(45deg); /* Opera */
}
.ein:active {position:relative;
top:1px;
background: -moz-linear-gradient(top, #FEC354 0%,#FECD61 100%);
background: -webkit-linear-gradient(top, #FEC354 0%,#FECD61 100%);
background: -o-linear-gradient(top, #FEC354 0%,#FECD61 100%);
background: -ms-linear-gradient(top, #FEC354 0%,#FECD61 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FECD61', endColorstr='#FECD61',GradientType=0 );
background: linear-gradient(top, #FEC354 0%,#FECD61 100%);
border-color: #D29A3A #CC9436 #C89133;
text-shadow: 0 1px 0 #FEE1A0;
box-shadow: 0 1px 1px #D4D4D4, inset 0 1px 0 #FED17E;
-webkit-box-shadow: 0 1px 1px #D4D4D4, inset 0 1px 0 #FED17E;
-moz-box-shadow: 0 1px 1px #D4D4D4, inset 0 1px 0 #FED17E;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#FEE1A0', Direction=135, Strength=4) progid:DXImageTransform.Microsoft.Shadow(color='#FEE1A0', Direction=225, Strength=4);
}
| |
