/*@import url("/_css/reset2014.css");*/
/* RESET */
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}

/* MEDIA QUERIES und FORMATs*/
/* eignes css */
@import url("/_css/media_queries.css");
/* clickable top */
@import url("/_css/vor-zurueck.css");
 

/*
relative Groesen
 
‘em’	font size of the element
‘ex’	x-height of the element's font
‘ch’	width of the "0" (ZERO, U+0030) glyph in the element's font
‘rem’	font size of the root element
‘vw’	1vw= 1/100 viewport's width 60 zeichen wäre 1,7vw
‘vh’	viewport's height/100
‘vmin’	minimum of the viewport's height and width
‘vmax’	maximum of the viewport's height and width
'vm' (the smaller of vh or vw)
 only supported in IE9 and Opera.  */


/* IKONEN vor externe Links und pdf`s */
a[href^="http://www"] {background: url('data:image/gif;base64,R0lGODlhDgAMAJEAAP8zAGZmZgAAAAAAACH5BAEAAAIALAAAAAAOAAwAAAIclI+py80A3QGhWmuAoE2b8CCg4n0jUpqScLVuAQA7') center left no-repeat; display:inline-block; padding-left:20px; }	
a[href^="https://www"] {background: url('data:image/gif;base64,R0lGODlhDgAMAJEAAP8zAGZmZgAAAAAAACH5BAEAAAIALAAAAAAOAAwAAAIclI+py80A3QGhWmuAoE2b8CCg4n0jUpqScLVuAQA7') center left no-repeat; display:inline-block; padding-left:20px; }	

a[href$="http://heltschl.org"] { background:transparent url(images/marker.png) center right no-repeat; display:inline-block; padding-right:25px; }
a[href$="http://localhost"] { background:transparent url(images/marker.png) center right no-repeat; display:inline-block; padding-right:25px; }

 
/* Box-sizing // Paul Irish */

*, *:before, *:after {
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box; 

  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;

  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
  box-sizing: border-box;
}


	<textarea id="source">@keyframes rotate {
    from { transform: rotate(15deg) }
    to { transform: rotate(375deg) }	
}

.download {
   position: absolute;
   top: 1em;
   left: -1.5em;
   width: 6em;
   height: 6em;
   padding: 1em 0;
   background: #80A060;
   background-image: linear-gradient(90deg, transparent, rgba(10,0,0,.3)),linear-gradient(transparent, transparent);
   color: white;
   line-height: 1;
   font-size: 140%;
   text-align: center;
   text-decoration: initial;
   text-shadow: .08em .08em .2em rgba(0,0,0,.6);
   border-radius: 50%;
   box-shadow: .1em .2em .4em -.2em black;
   box-sizing: border-box;
   transform: rotate(15deg);
   animation: rotate;
   cursor: zoom-in;
}

:read-write {}</textarea>
	<textarea id="prefixed" readonly></textarea>
</section>






a img {border: none;}

 img {max-width: 100%;height: auto;}
 
/* KERNING nicht in allen Browsernp ul {font-size: 0.99rem;line-height: 1.6;margin: 0 0 1.5rem;}*/



body {
 text-rendering: auto;  /* und in enableden überschreiben*/
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
 font-kerning: normal;
} 
caption, th, td {  text-align: left; font-weight: normal;  vertical-align: middle;}
.breadCrumbHolder{margin:0 0 20px 0;}
/* // beginn der dead simple seite von <em>Dead Simple Grid</em> by <a href="http://agafonkin.com/en">Vladimir Agafonkin</a>. <em>View the source</em> and <a href="http://github.com/mourner/dead-simple-grid">check it out on GitHub</a>!</p>*/ 

/* The clear FIX*/

.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
/* IE6/7 support */
.clearfix {*zoom: 1;}

/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

/*	TABLES
---------------------------------------------*/

TH {padding:20px;}
/*Table zebra*/
TABLE {WIDTH:99%;}
table tr:nth-child(even) {background: rgba(200, 250, 202, 1.0);color:#400080;}
table tr:nth-child(2n+1) {border:solid 1px black;color:#804000;}
table tr:nth-child(2n) {border:dotted 1px black;color:#804000;}


TABLE.tiger TR:nth-child(2n+1) TD{ background: #9d2852;color:#FFFFFF;}
TABLE.tiger TR:nth-child(2n) TD{ background: #fdb99f;}

/*Table hervorgehoben*/
.rot {border:solid 1px #ac09b9;background-color:#fef5fe;}
.orange {border:solid 1px #ff8040;background-color:#fdb99f;}
.gelb {border:solid 1px #f3fdb3;background-color:#e0fdd2;}
 
code {font-size: 1.0em;color: #000000;}
.wide {letter-spacing:1em;}
iframe {border: 0;overflow: auto;}
.break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
 
.ellipsis {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis; /* Required for IE8 */
    -o-text-overflow: ellipsis; /* Required for Opera */
    text-overflow: ellipsis;
}
 .ellipsis:after {padding: 0 3px 0 5px;content: ' ... ';	color: #6b5f3f;}

/* ------------------------------------	MARQUETTA ---------------------------------------------*/
h1, h2, h3, h4, h5,h6, h7, h8, h9 {	text-transform: uppercase;margin-top: 4mm;margin-bottom: 0.5rem;}
FIELDSET {padding:4mm 4mm 4mm 4mm;width:96%;margin: 4mm 4mm 4mm 4mm }
LEGEND{font-family:garage,RB;font-size:120%;margin:4mm 4mm 0mm 4mm;padding:4mm 4mm 0mm 4mm;}
 input, input[type="password"], input[type="search"], isindex {-webkit-appearance: textfield;padding: 1px;background-color: #fdfeeb;border: 1px inset;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;-webkit-rtl-ordering: logical;-webkit-user-select: text;
cursor: auto;}



/*	LISTS
---------------------------------------------*/
ul {list-style: none;}

UL.slashed li {display:inline;}
.slashed li:after {padding: 0 3px 0 5px;content: ' | ';	color: #ac09b9;}
.slashed li:last-child:after {content: '';padding: 0;} 
.slashed li:first-child:after {content: '';padding: 0;} 

.nummeriert li:before {content:'Z';font-family:Symbols;color:#666666;}



/*http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28left\%2C\%20rgba\%28248\%2C80\%2C50\%2C1\%29\%200\%25\%2C\%20rgba\%28241\%2C111\%2C92\%2C1\%29\%2050\%25\%2C\%20rgba\%28246\%2C41\%2C12\%2C1\%29\%2051\%25\%2C\%20rgba\%28240\%2C47\%2C23\%2C1\%29\%2071\%25\%2C\%20rgba\%28231\%2C56\%2C39\%2C1\%29\%20100\%25\%29\%3B'
------------------------------------*/

 
/* minor responsive adjustments */

.footer {
	border-top: 1px dotted #d91a9f;
}
.content {min-height:80%;
	 	margin-bottom: 1.5em;
}




/* EIN PAAR ALLGEMEINE STYLES ZU FORMS */

input, select, textarea{font-size: 0.6em;  padding: 1mm 0mm 1mm 2mm;   border: 1px solid; border-top:solid 1px #666666;  border-color: #666666 #666666 #666666 #666666;   border-radius: 0px;   box-shadow: 0 10 3px #0000ff inset;} 
input, textarea {background-color:#ffffff; color: #000000; }
.ie7 input, .ie7 textarea,
.ie8 input, .ie8 textarea { border: 1px solid #888888; }
.chrome input, .chrome textarea { border: 1px solid #888888; }
input:focus, textarea:focus { background: #fd0254; }
input:hover { background: #ffff80;color: #000000;font-size:1.2em;font-weight:600;border:solid 4px #000000;z-index:100; }

::transition{box-shadow: .8s;}
textarea { width: 100%}

select{   background-color: #ff8000}

button, input[type="button"]{
   border: 1px outset #ddd;
   cursor: pointer;
   font-weight: 200;
   padding: 0em 0em;
   text-shadow: 0 1px 2px #ac09b9;
   border-radius: 11px;
   linear-gradient: #fff #ddd;}

button:active, input[type="button"]:active{
   border: 1px inset #ddd;
   box-shadow: 3px #0066FF}

input[type="checkbox"], input[type="radio"]{
   vertical-align: text-top;
   border: 0}
input[type="text"]{
   vertical-align: text-top;
   border: 1;
	margin:-0.5mm 2mm 2mm 2mm;
 }
input[type="text"].active{
   vertical-align: text-top;
   border: 4;
	margin:-0.5mm 2mm 2mm 2mm;
font-size:1em;
}
 




label{   cursor: pointer}


/*Vertical margins do not collapse in IE (< 8), but in other browsers the top margin does.*/

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE 5.5/6/7 */


.container{}
#container {}
#SUCHE{float:right;position:absolute;top:2mm;right:10mm;}


FIELDSET { -webkit-box-shadow: 0px 5px 30px rgba(0,0,0,0.50);
-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
}

.rund {-webkit-border-radius: 10px 20px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

LEGEND.blue {background:transparent;border-color:transparent;

-webkit-box-shadow: 0px 5px 30px 100px rgba(50,0,0,0.50);
-khtml-box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
-moz-box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#c0c0c0');
background: #1e5799; /* Old browsers */ 
background: -moz-linear-gradient(-45deg, #fdb99f 0%, #b7aa97 50%, #eafffe 51%, #ffffff 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ 
background: linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

 
.egget {
border-width: 20px;
border-style: solid;
border-color: #692222 #33062E #debc08 #debc08;
border-radius: 20px 1em 1vw / 0.5em 3em;
}

.quer {position:relative;top:22px;padding-bottom:2mm;padding-left:2cm;padding-right:2cm;
border-width: 2px;
border-style: solid;
border-color: #dbd5ca #dbd5ca #dbd5ca #dbd5ca;
/*border-left-width:.2px;*/
border-radius: 10px 10px 12px / 0.5em 50em;

}
.elegant {
border-width: 1px;
border-style: solid;
border-color: transparent;/*#692222 #33062E #debc08 #debc08;*/

border-top-left-radius: 0px 0.5em;
border-top-right-radius: 0em 3em;
border-bottom-right-radius: 4em 0.4em;
border-bottom-left-radius: 0.1em 1em;
min-width:30%;
}
LEGEND.gradient {background:transparent;border-color:transparent;

-webkit-box-shadow: 0px 5px 30px 100px rgba(50,0,0,0.50);
-khtml-box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
-moz-box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
box-shadow: 0px 5px 20px rgba(50,0,0,0.50);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#f7fec5')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
background: #ffffff; /* Old browsers */ 
background: -moz-linear-gradient(-15deg, #f1f1ef 0%, #ffffff 50%, #eafffe 51%, #ffffff 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dbd5ca), color-stop(50%,#9d2852), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(-15deg, #f1f1ef 0%,#f1f1ef 50%,#b7aa97 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(-15deg, #1e5799 0%,#dbd5ca 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(-12deg, #f1f1ef 0%,#dbd5ca 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ 
background: linear-gradient(-12deg, #f1f1ef 0%,#dbd5ca 50%,#ffffff 51%,#f1f1ef 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1ef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}





/******/
/*** ROUNDED CORNERS -> ***/
.corners, .button,*/ .input, .textbox, areabox, .checkbox, .submitButton,*/ .widgetBox, .dropDown ul, div.anythingSlider .arrow, .promoBox , TR,TD{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
padding:7px 7px 7px 7px;
 margin:7px 7px 7px 7px;}

table , tr, td{border-spacing: 10px;border-color:transparent;}



button { font-size: 13px; padding: 6px 13px 6px 13px; cursor: help; border: 0; }
button { font-size: 13px; height: 29px; line-height: 29px; padding: 0 13px 2px 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
button:hover { -webkit-transition-property: background; -webkit-transition-duration: 1s; }
 
#rot {background:-webkit-gradient(linear, 0% 0%, 33% 67%, from(#C71426), to(#F2471D), color-stop(.5,#B52B4C))}	
.grau {background:-webkit-gradient(linear, 0% 0%, 26% 74%, from(#f1f1ef), to(#c3c3c3), color-stop(.5,#ffffff))}		

/* obere Navigation --- braucht /_js/nav.js */
#sidebar  {position: relative;top: 0px;left: 15px;padding: 0px;font-size: 1em;text-align:right;z-index:200;float:right;overflow:hidden;width:auto;margin-right:30px;list-style:none;}
 #toplinks  {position: relative;top: 0px;left: 15px;padding: 0px;font-size: 1em;text-align:right;z-index:200;float:right;overflow:hidden;width:auto;margin-right:30px;list-style:none;}
 #plapp {position: relative;top: 0px;left: 15px;padding: 0px;font-size: 1em;text-align:right;z-index:200;float:right;overflow:hidden;width:auto;margin-right:30px;list-style:none;}

 UL.sidebar LI UL LI  {display: block;float: left;overflow:hidden;width:auto;margin-left:30px;list-style:none;}
 UL.to plinks LI   {display: block;float: left;overflow:hidden;width:auto;margin-left:30px;list-style:none;}
UL.#p lapp LI   {display: block;float: left;overflow:hidden;width:auto;margin-left:30px;list-style:none;}

#sidebar li, #sidebar a, #toplinks li, #toplinks a,#plapp a,#plapp li {display: block;float: left;margin-left: 30px;font-size: 1em;padding: 2px 0;list-style: none;} 
#sidebar h2, #toplinks H2,#plapp H2{border-bottom:#ff8c00 1px solid;font-size:.9em;margin:4mm 0 .5em 0;padding:0 0 .3em 0;}

/* Animation der oberen Navigation */
#nav ul{
position:relative;
}
#nav ul div.ahover{
border:1px solid #b9b9b9;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:absolute;
z-index:100;
}
#nav ul li a{
position:relative;
z-index:101;
}
/* ENDE - Animation der oberen Navigation */



ul, li {list-style-type: none;list-style-image: none;}
.spitz:before { content: "j"; padding-left:7px;font-family:'Symbols'; }
.pfeil:before {content:"o";color:#d91a9f;font-family:'Symbols';}



#boxrechts {position: relative;top: 0px;left: 15px;padding: 0px;font-size: 1em;text-align:right;z-index:200;}
#boxrechts{float:right;overflow:hidden;width:auto;margin-right:30px;list-style:none;}

#boxrechts li, sidebar a {display: block;float: left;margin-left: 30px;font-size: 1em;padding: 2px 0;list-style: none;} 
#boxrechts h2{border-bottom:#ff8c00 1px solid;font-size:.9em;margin:4mm 0 .5em 0;padding:0 0 .3em 0;}


#nav ul div.ahover {
	border-radius: 5px; border: 1px solid #ff8000;margin:4px 4px 4px 4px; position: absolute; z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}


/* Animation der oberen Navigation */ 

#nav ul{ position:relative; } 
#nav ul a.ahover{ border:1px solid #b9b9b9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:absolute; z-index:100; } 
#nav ul li a{ position:relative; z-index:101; } 

/* ENDE - Animation der oberen Navigation */ 





 .myStyle {position: absolute;right:0px;top:0px; font-family:Century Gothic;font-size:14pt;font-weight: 600;color:#400040;z-index:900;width:650px;height:100%;background:#f4daca;moz-opacity:0.9; filter:alpha(opacity=90);align:top;padding:40px;line-height:30pt;border-left:solid 5pt  yellow;}

/*  TYPOGRAPHIE */




/*  DRUCKEN */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


 	










/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */
ul.rein, ol.rein { margin: 1em 0; padding: 0 0 0 40px; }

ul, ol { margin-left:0; padding: 0 0 0 2mm; }

ul, li{list-style-type:none;list-style-image: none;}

dd { margin: 0 0 0 20px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* Nur für Seiten mit toc*/

span {background: #ffffff;}
span:after { content:'   ';display: inline-block;width: 1px;height: 10px;background: url(/_css/images/dot.gif) repeat-x bottom;margin: 0 0 -2px 1px;}
#toc {list-style: none;margin-bottom: 20px;}
#toc li {background: url(/_css/images/dot.gif) repeat-x bottom left;overflow: hidden;padding-bottom: 2px;position: relative;bottom: -2px;}
#toc a {float: left;display: inline-block;padding: -10px 2px 3px 0px;text-decoration:none;position: relative; bottom: -4px; right: 2px;padding: -10px 3px 1x 1px;background-color: #ff4fff;}
#toc a, #toc span { display: inline-block; background: #fff; position: relative; bottom: -4px; } 
#toc span { float: right; padding: 0 2px 3px 0; }

 .pre1{-webkit-transform:rotate(-5deg) skewX(5deg);-moz-transform:rotate(-5deg) skewX(10deg);-ms-transform:rotate(-5deg) skewX(10deg);-o-transform:rotate(-5deg) skewX(15deg);transform:rotate(-5deg) skewX(10deg)}
pre,.pre2, td.s{padding:0em;margin:0em 1.5em;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:rotate(-2deg) skewX(5deg);-moz-transform:rotate(-2deg) skewX(3deg);-ms-transform:rotate(-2deg) skewX(3deg);-o-transform:rotate(-2deg) skewX(3deg);transform:rotate(-2deg) skewX(3deg)}
i:hover,.pre2:hover{background-color:#ac09b9,COLOR.FFFFFF;font-weight:900;font-size:1.5rem}


::selection {
	background:#cb3da0;
	color:#ffffff;
}
::-moz-selection {
	background:#22a1c4;
	color:#ffffff;
}

.color {
	color:#22a1c4 !important;
}