/*************************************
 * TITLE: Sinorca Screen Stylesheet  *
 * URI  : sinorca/sinorca-screen.css *
 * MODIF: 2003-Apr-30 19:31 +0800    *
 *************************************/


/* ##### Common Styles ##### */

body {
  color: black;
  background-color: #fff;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 71%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
  	background-color: rgb(240,240,240);
}

html > body, textarea, input, #side-bar .csc-section, #main .csc-mailform-field label{
  font-size: 8.5pt;
  font-family: verdana, helvetica, arial, sans-serif;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}

h1, h2, h3, .csc-caption, .news-single-imgcaption {
	/*text-transform: lowercase;*/
}


/* ******************* Header **************************** */

.superHeader {
  color: white;
  background-color: rgb(100,135,220);
  height: 2em;
}

.superHeader a {
	margin:0;
	padding:0;
}

.superHeader img {
	border: 0;
}

.superHeader a:hover {
  text-decoration: underline;
}

.superHeader .sH-left {
  position: absolute;
  left: 15px;
  top: 0.75ex;
  white-space: nowrap;
}

.superHeader .sH-right {
  position: absolute;
  right: 0.5em;
  top: 0.75ex;
}

.midHeader {
  background-color: rgb(140,170,230);
  background-image: url(../img/header_bg.png);
  background-repeat: repeat-x; 
}

.headerTitle a {
	color: rgb(39,78,144);
	text-decoration: none;
	white-space: nowrap;
}

.headerTitle {
  font-size: 200%;
  font-weight: bold;
  margin: 0 0 0 4mm;
  padding: 0.85ex 0;
}

/* :::::::::::::::::::: Main Menue :::::::::::::::::::::::::::: */
.subHeader {
  color: white;
  background-color: rgb(0,51,153);
  margin: 0;
  padding: 1ex 1em 1ex 15px;
  height: 2ex;
  vertical-align: middle;
}

.subHeader .subH-left {
	float:left;
}

.subHeader .subH-right {
	float:right;
	margin-right: -5px;
}

.subHeader .subH-right a {
	text-decoration: none;
	color: white;
	font-size: 80%;
}

.subHeader .subH-right a:hover {
	text-decoration: underline;
}

.subHeader .subH-left a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.2em;
}

.subHeader .subH-left a:hover {
  text-decoration: underline;
}

.subHeader .subH-left .highlight, .subHeader .subH-right .highlight {
  color: rgb(253,160,91);
}


/* ************************ Side Bar ***************************/

#side-bar {
	width: 15em;
	float: left;
	clear: left;
	padding-top: 2ex;
	border-right: 1px solid rgb(153,153,153);
}

* html #side-bar {
	border-right: 0;
}

* html #side-bar td p a {
	font-size: 80%;
}
	
#side-bar h1 {
  font-size: 100%;
  font-weight: bold;
  margin: 3ex 0 2ex 0;
  padding: 3px 0 3px 2.5mm;
  background: white;
}

#side-bar h1 a {
  text-decoration: none;
  color: black;
}

#side-bar h1 a:hover {
	text-decoration: underline;
}

#side-bar h2 {
	font-size: 100%;
    margin: 5px 0 5px 15px;
	padding:0;
}

#side-bar .imgtext-table {
	margin:0;
	padding: 0;
	margin-left:15px;
	margin-right: 5px;
}


/* :::::::::::::::::::::::::: side bar navi ::::::::::::::::::::::*/

#side-bar #leftnavi {
	margin-top: 2ex;

}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 1.1em 0;
}

#side-bar #leftNavi li {
  margin: 0;
  padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  border-bottom: 1px dotted rgb(153,153,153);
}

#side-bar #leftNavi a, .thisPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0.75em 1ex 0.75em 15px;
  display: block;
}

#side-bar #leftNavi li a:hover {
  color: white;
  background-color: rgb(100,135,220);
  text-decoration: none;
}


#side-bar #leftNavi a#LNactive {
  color: rgb(0,102,204);
  font-weight: bold;
  border-left: 5px solid rgb(100,135,220);
  border-right: 0;
  padding-left:10px;
  background-color:white;
}



/* ------------------------ left Subnavi --------------------------- */


#side-bar #leftNavi li.leftSubNavi, #side-bar #leftNavi li.subNavEnd {
  font-size: 80%;
  background-color: rgb(250, 250, 250);
}

#side-bar #leftNavi li.subNavEnd {
	border-bottom:1px solid rgb(153,153,153);
}

#side-bar #leftNavi li.leftSubNavi a, #side-bar #leftNavi li.subNavEnd a {
  color: rgb(200, 135, 220);
  padding: 0.45em 1ex 0.45em 25px;

}

#side-bar #leftNavi li a:hover {
  color: white;
}


#side-bar #leftNavi li.leftSubNavi a#LNactive {
  color: rgb(200, 135, 220);
  border-left: 3px solid rgb(200, 135, 220);
  padding-left:22px;
}



/* :::::::::::::::::::::::: side bar news ::::::::::::::::::::::::::::::*/

#side-bar .news-latest-container {
	margin-bottom: 20px;
}

#side-bar .news-latest-item {
	margin-left: 15px;
}

#side-bar .news-latest-item h2 {
	padding:0;
	margin-left:0;
	margin-bottom: 1ex;
}

#side-bar .news-latest-item h2 a {
	text-decoration: none;
}

#side-bar .news-latest-item h2 a:hover {
	text-decoration: underline;
}

#side-bar .news-latest-item p {
	padding: 0px;
	margin: 0 10px 1ex 0;
	line-height:normal;
}

#side-bar .news-latest-item img {
	float:left;
	margin-right: 5px;
}

#side-bar .news-latest-item a{
	color: black;
}

#side-bar .news-latest-morelink a, .news-list-morelink a, .news-latest-morelink a{
	color: #555;
	font-size: 80%;
}

#side-bar .news-latest-morelink a {
	padding: 0px;
	margin: -5px 5px 10px 0;
}


.thisPage {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar .news-amenu-item-year {
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: underline;
}

#side-bar .csc-bulletlist, #side-bar .news-amenu-container ul {
	margin-left: 15px;
	font-size: 80%;
}

#side-bar .delicious-SMALL li a, #side-bar .news-amenu-container  li a {
	white-space:normal;
	width=15em;
}

#side-bar .delicious-SMALL li {
	margin-bottom: 1.5ex;
}

.tx-egdelicious-pi1 p {
	margin-top: 0 !important;
}

.tx-egdelicious-pi1 h2 a {
	text-align:left !important;
}

.sideBarText, #side-bar p  {
  line-height: 2.5ex;
  margin: 0 10px 1ex 15px;
  display: block;
  color:rgb(80, 80, 80);
  text-align: left;
  font-size: 80%;

}

#side-bar p a {
	color:rgb(0, 0, 0);
	text-decoration:none;
}

#side-bar p a:hover {
	text-decoration:underline;
}

#side-bar .sideBarText a {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

/* ::::::::::::::: side bar shortcut links ::::::::::::::::::::: */

#side-bar .csc-menu {
	border-bottom: 1px dotted rgb(153,153,153);
	margin-bottom: 4ex;
}

#side-bar .csc-section {
	line-height: 2ex;
}

#side-bar .csc-section a, #side-bar .csc-bulletlist a, #side-bar .news-amenu-container a {
	color: rgb(0,102,204);
	margin:0;

	padding:0;
	width:0;
	text-decoration:none;
	white-space: nowrap;
}

#side-bar .csc-section a:hover, #side-bar .csc-bulletlist a:hover, #side-bar .news-amenu-container a:hover{
	text-decoration: underline;
}

#LC-light {
  color: inherit;
  background-color: white;
}


/* :::::::::::::::::::::##### Main Copy #####::::::::::::::::::::: */

#main {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 2.8ex;
  margin: 0 0 0 15em;
  padding: 5px 30px 50px 20px;
  border-left: 1px solid rgb(153,153,153);
}

#main p {
  margin: 1ex 0 0 0.5em;
  width: 50em;
}

* html #main p {
	width: 80%;
}

#main div.tx-newloginbox-pi1 form table p {
	width: 8em;
	font-size: 8.5pt;
}

#main a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}

#main a:hover {
  text-decoration: none;
}

#main h1{
  color: white;
  background-color: rgb(100,135,220);
  font-size: 115%;
  font-weight: bold;
  margin: 3ex 0 2ex 0;
  padding: 0.5ex 0 0.5ex 0.5em;
  width: 45em;
}

* html #main h1 {
	width:100%;
}

#main h3 {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0.5em;
	width: 80%;
}

#main h2 {
	font-size: 110%;
	color: rgb(100, 135, 220);
	margin: 4ex 0 2ex 0.5em;
	padding-bottom: 3px;
	border-bottom: 1px solid rgb(99, 134, 222);
	width: 48em;
}

* html #main h2 {
	width: 70%;
}

#main h2 a{
	color: rgb(99, 134, 222);
	text-decoration: none;
}

#main table.imgtext-table, #main .tx-saltswf-pi1  {
	margin: 10px 1em 0 0.5em;
}

#main p img{
	margin-left: 0;
}

#main .csc-caption {
	margin-left: 0.5em;
	font-size: 7pt;
	display:inline;
}

#main .topOfPage {
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#main > .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 2em 2em;
  padding: 0;
}


/* *************************** Footer *******************************/

#footer {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 91%;
  margin: 0;
  padding: 1em 2.5mm 2.5ex 2.5mm;
  clear: both;
  height: 5ex;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

#main .csc-mailform {
	padding-left: 0.5ex;
	font-size: 8.5pt;
	border: 0;
}

#main  .csc-mailform-field {
	margin:5px;
 
}

#main .csc-mailform-field label {
  display: block;
  float: left;
  width: 80px;
}

/* ------------------- enno css -------------------------- */

.csc-caption, .news-single-imgcaption {
	font-size:80%;
    color: #999;
}



/* --------------------- news -----------------------------*/


#main .news-list-item img, #main .news-list-item .news-list-morelink {
	float:left;
	margin-left: 1em;
	margin-right: 1em;
}

#main .news-list-img-container {
  float:left;
  position: relative;
  top: 15px;
  left: 10px;
  margin: 0 10px 0 0;
}

#main .news-list-item h2 {
	margin-top: 7ex;
}

#main .news-list-item {
	display:block;
	margin-bottom: 60px;
}

#main .news-list-container {
	margin-top: -5ex;
}

.news-single-backlink {
	margin-top: 5ex;
}

.news-list-infoRow {
	font-size: 80%;
	color: rgb(99, 134, 222);
    position: relative;
	top: -12px;
	margin-left: 0.6em;
	line-height:2.5ex !important;
	text-align: left !important;
}

.news-list-infoRow a, .news-list-infoRow a:visited {
	color: rgb(99, 134, 222) !important;
	text-decoration: none !important;
}

.news-list-infoRow a:hover {
	text-decoration: underline !important;
}

#main .news-list-item p {
	margin-left: 1em;
}

#main .news-single-img, .news-list-item a img, #main .news-single-backlink {
	margin-left: 0.5em;
}

#main .news-single-item a.download img {
	border:1px solid rgb(220,220,220);
	text-decoration:none;
	margin:3px 7px 7px 7px;
	padding:3px;
}

#main .news-single-item p img {
	margin: 5px;
}

#main .news-single-item  ul li{
	width: 50em;
}

#main .news-single-item ol {
	width: 50em;
}

#main .news-single-item ol li {
	list-style-type: decimal;
	list-style-position: outside;
}


#main .news-single-img img{
	float:left;
	margin-right: 20px;
	margin-bottom: 5px;
}

#main .news-single-imgcaption {
	margin:0;
	padding:0;
}
.tx-ttnews-browsebox p{
  font-size: 100% !important;
  width:10px !important;
}


.news-latest-gotoarchive {

   margin-top: 50px !important;
}

/************ zweispaltiger content-bereich *********************************** */

#main ul {
	width:80%;
}

#content-container {
	width: 68em;
}

#left-copy{
	float: left;
	width: 40em;
}

#right-copy {
	float: right;
	width: 27em;
}

#left-copy h1, #left-copy h2,  #right-copy h1, #right-copy h2 {
	width: 90%;
}

#left-copy p, #right-copy p {
	width: 88%;
}

* html #left-copy p, * html #right-copy p {
	width: 95%;
}



* html #left-copy h2, * html #right-copy h2 {
	width: 95%;
}


