@media screen, projection 
{


/* Elements
 * --------------------------------------------------
 */
	
*
{
	margin: 0;
	padding: 0;
}

.htmlarea-content-body,
input,
textarea,
body
{
	font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
}

.htmlarea-content-body p,
body p
{
	text-align: justify;
}

td, th 
{
	text-align: left;
}




/* Lists
 * --------------------------------------------------
 */

#content ul,
.htmlarea-content-body ul
{
  list-style-type: none;
  padding: 0;
  margin-left: 15px;
  margin-bottom: 1em;
}

#content ul li,
.htmlarea-content-body ul li
{
  list-style-type: square;
  padding: 0 0 0 5px;
  margin: 0 0 5px 0;
}

#content ol,
.htmlarea-content-body ol
{
  padding: 0;
  margin-left: 25px;
}

#content ol li,
.htmlarea-content-body ol li
{
  list-style-type: decimal;
  margin: 0 0 5px 0;
  padding-left: 0px;
}

#content ul.arrows li {
  list-style-type: none;
  background: url('../images/arrow.png') no-repeat left 5px;
  padding: 0 0 0 15px;
}

#content ul.arrows {
  margin-left: 0;
}



/* Links
 * --------------------------------------------------
 */

.linkoptik,
a,
a:visited
{
  cursor: pointer;
	text-decoration: none;
	color: #006ba9;
}

.htmlarea-content-body a:visited,
#content a:visited
{
	color: #618ea9;
}

#col-left a:hover,
#content a:hover
{
  color: #002f4a;
}

a img {
  border: none;
}



/* Text
 * --------------------------------------------------
 */

#content span.highlight {
  color: #006ba9;
  font-weight: bold;
}


/* Paragraphs
 * --------------------------------------------------
 */

p.quote,
div.quote
{
	padding: 0 0 0 46px;
	background: url('../images/p-quote.png') no-repeat top left;
}


.htmlarea-content-body p,
div#content p
{
	margin: 0.5em 0 1em 0;
	line-height: 1.2em;
}

.htmlarea-content-body p.align-left,
p.align-left
{
  text-align: left;
}

.htmlarea-content-body p.align-right,
p.align-right
{
  text-align: right;
}

div#content-left p
{
	margin: 0 0 1em 0;
	line-height: 1.2em;
}

.notice,
p.notice {
  border: 1px solid #c2c391;
  padding: 1em;
  background-color: #f3f4b5;
}

p.error {
  border: 1px solid #b68c8c;
  padding: 1em;
  background-color: #f4b5b5;
  font-weight: bold;
}
 


/* Headlines
 * --------------------------------------------------
 */

h2.g-header,
h3.g-header
{
	margin-bottom: 1em;
	width: 100%;
	height: 34px;
	background-repeat: no-repeat;
	background-position: top left;
}

h3.g-header
{
	margin-bottom: 0.5em;
	width: 100%;
	height: 24px;
}

h3
{
  font-size: 15px;
}

h4
{
  color: #565656;
  margin-top: 2em;
}




/* Tables
 * --------------------------------------------------
 */
 
 td.verticalMiddle {
  vertical-align: middle;
 }

table.standard td,
table.csc-uploads td { 
  padding: 0.2em 0.5em;
  vertical-align: top;
}

table.standard th{
  padding: 0.2em 0.5em;
  background-color: #e7e9ea;
  color: #006bb5;
}

table.standard tr.even td
{
  background-color: #f2f2f2;
}


}
