/* Start of CMSMS style sheet 'sciia_fonts_css' */
/****************
Heading Styles
****************/
h1 {
	clear: both;
}

h2, h3, h4, h5, h6 {
   font-family: bitstream vera sans,sans-serif; 
	color: #222;
        background-color: transparent;
        text-align: left; 
}


h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #111;
   margin-top: 0.8em;
   margin-bottom: 0.8em;
}

h2 {
   font-size: 1.0em;
   margin-top: 0.8em;
   margin-bottom: 0.5em;
}

h3 {
   font-size: 0.9em;
   margin-top: 0.8em;
   margin-bottom: 0.4em;
}

h4 {
   font-size: 0.83em;
   margin-top: 0.7em;
   margin-bottom: 0.3em;
}

h5 {
   font-size: 0.83em;
   font-weight: normal;
   margin-top: 0.6em;
   margin-bottom: 0.3em;
}

h6 {
   font-size: 0.83em;
   font-weight: normal;
   margin-top: 0.5em;
   margin-bottom: 0.3em;
}


/* END HEADINGS */

/* TEXT */

p {
   font-family: bitstream vera sans,sans-serif; 
/*   font-family: Arial, sans-serif;  */
   font-size: 10pt;
   color: #222;
   background-color: transparent;
   font-weight: normal;
   line-height:1.5em;
   margin: 0 0 0.3em 0.1em;
   text-align: justify;
}

#content p {

}
#sidebarcontent  p{
   text-align: left;
}

span {
   font-size: 0.83em;
}


blockquote {
/*   border-left: 10px solid #ddd; */
   margin-left: 2.0em;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 font-family: "Courier New", Courier, monospace;
 font-size: 0.83em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

hr {
height: 1.5em;
border: 1px solid #666666;
}


/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/****************
 LISTS 
*****************/
ul {
   list-style-type: disc;
/*   list-style-image: url(images/sci/con-grey.gif); */
   list-style-position: outside;
   margin: 0.3em 0.5em 0.3em 0.5em;
   font-family: bitstream vera sans,sans-serif; 
   font-variant: normal; 
   font-weight: normal; 
   font-size: 1.0em;
}

li ul {
   list-style-type: circle;
/*   list-style-image: url(images/sci/con-grey.gif); */
   list-style-position: outside;
   font-weight: normal;
   margin: 0.3em 0.5em 0.3em 0.5em;
}

li {
   font-size: 10pt;
   line-height: 1.5em;
   margin: 0.0em 0.0em 0.2em 1.0em;
   padding: 0.0em 0.0em 0.0em 0.0em;
   text-indent: 0.0em;   
   text-align: left;
}

#content a,li {
   text-align: left;
}


ol {
   font-family: bitstream vera sans,sans-serif; 
   list-style-type:decimal;
   list-style-position: inside;
   line-height: 1.2em;
   margin: 0.0em 0.0em 0.2em 1.0em;
   padding: 0.0em 0.0em 0.0em 0.0em;
   text-indent: -1.0em;
}


/*****************
Link styles
******************/


a:link { 
   text-decoration: none;
   background-color: inherit; 
   color:   #3852d5;
/*   color: #666666; */
/*   color: red;   */
}

a:visited { 
   text-decoration: none;
   background-color: inherit; 
   color:   #3852d5;
/*   color: #666666; */

}

a:hover {
   text-decoration: none;
   background-color: #FFFEE5;
   color: purple ;
}

a:active {
   font-weight: bold;
   text-decoration: none;
   background-color: #FFFEE5;
   color: #FFD6FF;                
}


/************
 Colors 
************/
.c-pink2  { color: #FF91CC; font-size: 100%; }
.c-lightblue  { background-color: #99ccff; font-size: 100%; }
.c-lila { color: #AAB3E1; font-size: 100%; }
.c-rose  { color: #FFF5FF; font-size: 100%; }
.c-white { color: #F9FCFF; font-size: 100%; }
.c-pink  { color: #FFD6FF; font-size: 100%; }
.c-blue  { color: #00C9F6; font-size: 100%; }
.c-green  { color: #BBBA58; font-size: 100%; }
.c-yellow  {color: #FFFF99; font-size: 100%; }
.blue { color: blue; font-size: 100%; }
.green { color: green; font-size: 100%; }

/***************
TABLES
**************/

table {
width: 100%;
border-collapse: separate;
background: transparent;
color: black;
border: 0px solid #333;
}

caption {
/* font-family: Arial, Helvetica, sans-serif; */
   font-size: 1.0em;
   color: #222;
   background-color: transparent;
   font-weight: bold;
   text-align: center; 
   margin-top: 0.7em;
   margin-bottom: 0.3em;
}

tr {
height: 0.4em;
}

th, td {
padding: 0em;
/* font-size: 50%; */
text-align: left;
vertical-align: top; /* Standard ist vertical-align: middle */
height: 10px;
}

td.download {
padding: 0.5em 1em;
}

th.download {
/* font-family: Arial , sans-serif; */
font-size: 100%;
padding: 0.5em 1em;
font-variant: small-caps;  /* kleine Großbuchstaben */
letter-spacing: 1px; /* etwas Abstand zwischen den Buchstaben */
font-weight: normal; /* nicht fett */
}

thead {
background-color: #FF91CC;
color: black;
border-bottom: 1px solid #999;
}

tfoot.download {
border-top: 1px solid #999;
}


tr:hover {
background-color:  #F9FCFF;
/* color: white; */
}
/* Im Tabellenkopf und -fuß keinen Hover-Effekt */
thead tr:hover,
tfoot tr:hover {
background-color: transparent;
color: inherit;
}



/************
Special defined font classes
************/
.underline {
padding-bottom:1px;
border-bottom: 1px solid #888888;
}

/* for table cell */
.bg_grey {
background-color: #DDDDDD;
}


.center {	
text-align: center;
}

.big { 	
font-size:110%;
}

.small { 	
font-size:80%; 	
}

.logo_p {
font-size: 0.80em;  
text-align: center; 
line-height: 110%;
color: #000000; 
margin: 0; 
padding: 0;
}

.sectionheader {
/*   font-weight: bold; */
   font-size: 1.0 em;
   font-variant: small-caps; 
   line-height: 1.2em;
   color: #333;
 /*  border-bottom: 0.1em solid #666666; */
}


/* End of 'sciia_fonts_css' */