body {
	font-family: Verdana, Arial, sans-serif;
	background-color: #FFFFCB;
	background-image: url(images/bg_grad.jpg);
	background-repeat:repeat-x;
	background-position:fixed;
    }
    
    #container {
        width:947px; 
        min-height: 45em;
        margin:auto; 
        position:relative;
        background-color: #FFFFFF;
    }
   
    .align-center {
        text-align:center;
    }

    .align-right {
        text-align:right;
    }
   
    #header {
	background-image:url(header.png);
	background-repeat:no-repeat;
	height: 160px;
	background-color: #FFFFFF;
	border-bottom-width: thin;
	border-bottom: 0.1em #999999 solid;
    }
    #header_old {
	background-image:url(header.png);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border-bottom-width: thin;
	border-bottom: 0.1em #999999 solid;
    } 
    #headerlinks {
        background-color: #CD3301;
        font-size:0.7em;
        text-align:right;
        padding: 10px 0px 5px 0px;}    
    
    #headerlinks a {
	text-decoration:none;
	color: #FFFFFF;
    }
    
    #contenttable {
      border-collapse:collapse;
      height: 37em;    
    }
    
    #navibar {
        width: 180px;
        border-right: 1px solid #A8AB98;
        padding: 0 0 1em 0;
        margin-bottom: 0em;
        background-color: #FFFFFF;
        min-height: 45em;
        font-family: Verdana, Arial, sans-serif;
        font-size : 0.7em;  
	vertical-align:top;
    }
    
    #navibar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }
    
    #navibar li {
        border-bottom: 1px dotted #A8AB98;
        margin: 0;
        list-style: none;
        list-style-image: none;
    }
    
    #navibar li li {
       	border-bottom: 0px;
       	background-color: #CFCFCF;
    }
    
    #navibar li a {
        display: block;
        padding: 5px 5px 5px 0.5em;
        background-color: #FFFFFF;
        color: #000000;
        text-decoration: none;
        width: 100%;
        border-left: 5px solid #FFFFFF;
    }
        
    html>body #navibar li a {
        width: auto;
    }

    #navibar ul ul li a {
       	padding-left: 10px;
      	padding: 2px 5px 2px 10px;
    }
    
    #navibar ul ul ul li a {
      	padding-left: 20px;
      	padding: 2px 5px 2px 20px;
    }    
    
    #navibar ul ul ul ul li a {
      	padding-left: 30px;
      	padding: 2px 5px 2px 30px;
    }       

    #navibar li a:hover {
        background-color: #E3E4DE;
        color: #000000;
        border-left: 5px solid #E3E4DE;        
    }

    #navibar #activelink, #navibar #activeLink {
        border-left: 5px solid #5FB82A;
    }

    #headersearch {
    	right: 18px;
 	top: 140px;
 	position: absolute;
	width: 10em;
    }
    
    #headersearch input {
        display: block;
        position: relative; 
        margin-right: 0em; 
        margin-left: auto;
        background-color: #64B82C;
        border: 0;
        padding: 0.1em;
    }
    
    #footer {
	font-size: 7pt;
	font-family: Verdana, Arial, sans-serif;
	color:white;
	text-align: right;
	margin-top: 0px;
	height:26px;
	clear:both;
	background-image: url(/fileadmin/templates/footer.png);
	background-repeat: no-repeat;
	width: 947px;
	padding-top: 5px;
	margin:auto;
	background-color: #999999;
    }
    
    #breadcrumb {
    	font-size: 0.7em;
    	color: gray;
    	padding-bottom: 5px;
    	border-bottom: 1px solid silver;
    	margin-top: 10px;
    }
    
    #content #breadcrumb a {
       	color: gray;
        text-decoration: none;
    }
    
    #content {
    	font-family: Verdana, Arial, sans-serif;
    	font-size: 0.8em;
	padding: 0.4em 1em 1em 1em;
	vertical-align:top;
	width:760px;
    }
    
    /* Content ......................................................................................... */
    
/*    #right {
    	width: 20em;
    	left: 0px;
    	margin-left: 56em;
    	top: 12em;
    	position:absolute;
    	bottom:0px;
    	border-left: silver 1px dotted;
    	padding:10px;
    }*/
    
    h1 {
      font-size: 2em;
      font-weight:normal;
    }
    
    h2 {
      font-size: 1.5em;
      font-weight:normal;
      padding-top: 1em;
    }
    
    h3 {
    	font-size: 1em;
    	font-weight:bold;
    }
    
    #content p {
    	line-height:1.4em;
    }
    
    #content a {
      text-decoration: none;
      color: #3398C3;
    }

    #content a:hover {
      text-decoration: none;
      color: #00729F;
    }    
    
    /*teaser..............................................................................*/
    
    #content table.index {
        border-spacing: 10px;
        width: 620px;
        border-collapse: separate;
    }
    
    #content table.index tr {
        border: 0px;
    }

    #content table.index td {
        border-bottom: 1px solid #A8AB98;
        padding: 0px;
        background-color: #FFFFFF;
        width: 50%;
        height: 90px;
        vertical-align: top;
        text-align:left;
    }
    
    #content .index div.head {
        padding: 4px 5px;
        margin-bottom: 5px;
        margin-left: 0px;
        color: white;
        font-weight: bold;
        border-bottom: 1px solid #009AD7;
        height: 15px;
        font-size: 9pt;
        /*background-color: #E7F3F9;*/
        background-image: url(verlauf.gif);
        background-repeat:repeat-x;
    }


    #content .index div.pic {
        float: left;
        margin-top: 4px;
        padding: 5px;
        margin-right: 4px;
        margin-left: 0px;
    }

    #content .index div, .index td {
        font-size: 8pt;
        padding: 0px 4px;
    }

    #content div.index div {
        margin-left: 40px;
    }

    #content table.index div.head a {
        font-weight: bold;
        color: #3398C3;
        text-decoration: none;
    }

    #content table.index div.head a:hover {
        color: #0072AF;
    }

    #content table.index td p {
        text-indent: 0px;
        margin: 0px;
        padding: 5px;
        font-size: 8pt;
    }

    #content table.index td p img {
        margin: 2px;
        padding-right: 5px;
        float: left;
    }
 
    /* CSS-Tab menu ................................................................................. */

    #subnavi {
        margin-top: 25px;
    }

    #subnavi ul {
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #009AD7;
        font: bold 12px Verdana, sans-serif;
    }

    #subnavi ul li {
        list-style: none;
        margin: 0;
        display: inline;
    }

    #subnavi ul li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #009AD7;
        border-bottom: none;
        background: #E7F3F9;
        text-decoration: none;
    }

    #subnavi ul li a:link { color: #000; }
    #subnavi ul li a:visited { color: #000; }

    #subnavi ul li a:hover {
        color: #000;
        background: #E7F3F9;
        border-color: #009AD7;
    }

    #subnavi ul li a#current {
        background: white;
        border-bottom: 1px solid white;
    }
    
    /* Teaser Index list ............................................................................. */
    
    ul.indexteaser {
      list-style: none;
      width: 80%;
    }
    
    ul.indexteaser li {
      font-size: 10pt;
      padding-bottom: 10px;
    }
    
    .indexteaser .tx-jppageteaser-pi1-headline {
      margin-bottom:0px;
      font-size:10pt;
    }
    
    /* Team .......................................................................................... */
    
    .member {
      clear:both;
      padding-bottom: 20px;
    }
    
    .member .photo {
      float: left;
    }
    
    .member .info {
      margin-left:95px;
    }
    
    .member td, .member th {
      font-size: 8pt;
      text-align: left;
    }
    
    .member .name {
      font-weight:bold;
    }
    
    .member th {
      width: 90px;
      font-weight: normal;
    }
    
    /* Tipps.............................................................................................*/
    
    .tx-dtrefftips-pi1 h2 {
        font-size: 9pt;
        font-weight: bold;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #76B42F;
        padding-bottom: 2px;
        color: #000000;
        padding-top: 15px;        
    }
    
    .tx-dtrefftips-pi1-listrow {
        padding-left: 50px;
    }
    
    .tx-dtrefftips-pi1-listrow p {
        margin: 0px;
    }
    
    .tx-dtrefftips-pi1-singleViewField-author {
        font-size:7pt;
    }
    
    /* News ..............................................................................................*/
    .news-list-item {
        border: none;
        background-color: #FFFFFF;
    }
    
    .news-list-container {
        border: none;
        background-color: #FFFFFF;
    }

    .news-list-container .news-list-item table {
        width:100%;
        margin:0;
        padding:0;
        border-collapse: collapse;
    }

    .news-list-container .news-list-item td, .news-list-container .news-list-item th {
    	background-color: #E7F3F9;
    	border-bottom: 1px solid #009AD7;
    }
    
    .news-list-container .news-list-item th {
        width: 20%; 
        padding: 2px;
        text-align:left;
    }

    .news-list-container .news-list-item td {
        width: 80%; 
        padding: 2px;
    }

    .news-list-container h3 {
        margin:0;
        padding:0;
    }
    
    .news-list-date {
    	background-color: #E7F3F9;
        padding-right: 10px;
        font-weight: normal;
        font-size: 8pt;     
    }
    
    .news-list-container hr.clearer, .news-single-item hr.clearer, .news-latest-container hr.clearer {
        border: #A8AB98;
        background-color: #A8AB98;
        color: #A8AB98;
        height: 1px;
    }
    
    .news-single-item {
    	border: none;
    	background-color: #FFFFFF;
    }
    
    .news-single-item h2 {
        font-size: 1.5em;
        font-weight: normal;
        color: #000000;
        border-bottom: 1px solid #009AD7;
    }

    .news-single-timedata {
        font-size: 8pt;
        text-align: right;
        width: 100%;
    }

    .news-single-backlink {
        font-size: 8pt;
    }
    
    .news-latest-container .news-latest-date {
    	font-size: 7pt;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    
    .news-latest-container th, .new-latest-container td {
        vertical-align: top;
        text-align:left;
    }

    .news-latest-container th {
        padding-right: 10px;
        width: 78px;
    }

    .news-latest-container h3 {
        margin-top:0px;
        padding-top:0px;
        margin-bottom:0px;
        padding-bottom:2px;
    }

    .news-latest-container p {
        margin:0px;
        padding:0px;
        font-size:8pt;
    }

    .news-latest-container .news-latest-morelink {
        font-size:7pt;
        padding-top:2px;
    }
    
    .news-latest-container table {
        width: 100%;
    }
    
    .news-latest-container td {
        width: 100%;
        border-bottom: 1px solid silver;
    }
    
    .news-latest-container .title {
        width: 100%;
        /*background-color: #e7f3f9;*/
        background-image: url(verlauf.gif);
        padding: 5px 4px 2px 5px;
        margin-bottom: 5px;
        margin-left: 0px;
        font-weight: bold;
        border-bottom: 1px solid #009ad7;
        height: 20px;
        font-size: 9pt;
    }
    
    /* Delphi Code Highlighting............................................................................. */

    pre, .code { font-family: Courier New; color: black; font-size: 9pt; border: 0px; background-color: #ebebeb; border-bottom: 1px solid #009AD7; border-top: 1px solid #009AD7; padding:3px;}
    span.hlNormal { }
    span.hlInt { color: blue; }
    span.hlFlt { color: blue; }
    span.hlHex { color: blue; }
    span.hlSym { color: black; }
    span.hlRes { color: navy; font-weight: bold; }
    span.hlOpt { color: teal; }
    span.hlCom { color: green; font-style: italic; }
    span.hlStr { color: blue; }
    span.hlAsm { color: olive; }
    span.hlAsmRes { color: olive; font-weight: bold; }
    
    .highlight { background-color: #0000FF; color: #FFFFFF; }
    .asm {color : blue; font-style: normal; font-weight: normal;}
    .comment {color: navy; font-style: Italic; font-weight: normal;}
    .directive {color: #000000; font-style: normal; font-weight: Bold; }
    .keyword {color: #000000; font-style: normal; font-weight: Bold;}
    .number {color: navy; font-style: normal; font-weight: normal;}
    .string {color: navy;font-style: normal; font-weight: normal;}    
    
    /* Article navi ........................................................................................... */
    
    div.navigation {
       text-align: center;
    }
    
    /* Special Formatting ..................................................................................  */
    
    #content table.contenttable {
        border: 1px silver solid;
        border-collapse: collapse;
    }

    #content .contenttable td {
        vertical-align:top;
        padding:0px 4px; margin:0px;
        border: 1px silver solid;
    }

    #content table.internesTable {
        border-style: none;   
    }

    #content .internesTable td {
        font-size: 9pt;
        vertical-align:top;
        padding: 4px 4px 8px 4px; 
        border-style: none;   
    }
    
    #content .internesTable td.td-0 {
        white-space: nowrap;
        padding-right: 8px;
        font-style: italic;
    }
    
    #content .internesTable tr {
        padding-bottom: 18px;
    }

    #content .internesTable .tr-odd {
        background-color: #E3E4DE;
    }

    
    /* Links ......................................................................................................*/
    
    .tx_ablinklist_catalogView_category {
        border-bottom: 1px solid #a8ab98;
        padding: 0px;
        background-color: #ffffff;
        height: 90px;
        vertical-align: top;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    
    .tx_ablinklist_catalogView_category .head {
        padding: 4px 5px 4px 9px;
        margin-bottom: 4px;
        margin-left: 0px;
        color: white;
        font-weight: bold;
        border-bottom: 1px solid #009ad7;
        height: 15px;
        font-size: 8pt;
        /*background-color: #e7f3f9;*/
        background-image: url(verlauf.gif);
        background-repeat:repeat-x;
    }

    .tx_ablinklist_catalogView_category .details {
        font-size: 8pt;
        font-weight: normal;
        color: black;
    }
    
    .tx_ablinklist_catalogView_category .description {
        font-size: 8pt;
        padding: 0px 4px 0px 4px;
        margin-bottom: 10px;        
    }
    
    .tx_ablinklist_catalogView_category .description p {
        padding: 0px;
        margin: 0px;
    }
    
    .tx_ablinklist_catalogView_category .pic img {
        margin-right:15px;
    }
    
    .tx_ablinklist_catalogView_category .pic {
        font-size: 8pt;
        padding: 0px 4px 0px 4px;
        float: left;
        margin: 4px 4px 0px 0px;
        padding: 5px 5px 5px 5px;
    }
        
    .tx_ablinklist_catalogView_linkAddNew {
        margin: 10px 0px;
        display:block;
    }
    
    .tx_ablinklist_catalogView_link {
        width: 100%;
        background-color: #EFEFEF;
    }

    .tx_ablinklist_catalogView_link .img {
        vertical-align: top;
        width: 140px;
        height: 90px;
    }

    .tx_ablinklist_catalogView_link .label {
        vertical-align: top;
        border-bottom: 1px gray dotted;
        height: 20px;
        font-weight: bold;
    }

    .tx_ablinklist_catalogView_link .linkdescription {
        vertical-align: top;
        font-size: 8pt;
    }


    .tx_ablinklist_catalogView_link .linkdescription p {
        margin:0px;
    }

    .tx_ablinklist_catalogView_link .details {
        vertical-align: top;
        font-size: 8pt;
        border-top: 1px gray dotted;
        height: 20px;
    }

    .tx_ablinklist_catalogView_link .details .left {
        left: 0px;
        float: left;
    }

    .tx_ablinklist_catalogView_link .details .right {
        margin-right: 0px;
        float: right;
    }
    
    .tx_ablinklist_catalogView_linkbox {
        margin-bottom: 10px;
    }
    
    /* Round corners: http://www.html.it/articoli/nifty/index.html */
    .rtop, .rbottom{display:block}
    .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
    .r1{margin: 0 5px; background-color: #EFEFEF;}
    .r2{margin: 0 3px; background-color: #EFEFEF;}
    .r3{margin: 0 2px; background-color: #EFEFEF;}
    .r4{margin: 0 1px; height: 2px; background-color: #EFEFEF;}
    
    .tx_ablinklist_viewAddNewLink {
        font-size: 8pt;
    }
    
    .tx_ablinklist_viewAddNewLink td, .tx_ablinklist_viewAddNewLink th {
        font-size: 8pt;
        vertical-align: top;
    }    
    
    .tx_ablinklist_viewAddNewLink td small {
        font-size: 7pt;
    }
    
    .tx_ablinklist_viewAddNewLink td input, .tx_ablinklist_viewAddNewLink td select, .tx_ablinklist_viewAddNewLink td textarea {
        width: 325px;
    }
    
    .tx_ablinklist_viewAddNewLink td.buttons input {
        width: 75px;
    }
    
    .tx_ablinklist_viewReportBrokenLink {
        font-size: 8pt;
    }
    
    .tx_ablinklist_viewRateLink {
        font-size: 8pt;
    }

    .tx_ablinklist_viewRateLink td {
        text-align:center;
    }

/*.....................................*/
    .csc-textpic-caption {
        font-size: 7pt;
        color: gray;
    }

/* Home............................................................................................... */

    td#homeright {
        vertical-align: top;
        border-left: 1px silver solid;
        padding-left: 4px;
        width: 160px;
        text-align: center;
    }

    #homeright .t3_content_container {
        padding-bottom: 5px;
        padding-top: 0px;
        margin: 0px;
    }

/* Search............................................................................................ */

   .tx-indexedsearch-rules div {
        border: 1px solid gray;
        padding: 4px;
   }

   .tx-indexedsearch-rules p {
        font-size: 8pt;
        color: gray;
   }

   .tx-indexedsearch-rules h2 {
        font-size: 9pt;
        font-weight: bold;
        color: gray;
        padding-top: 0px;
   }


   .tx-indexedsearch-searchbox {
        padding-top: 15px;
   }

   .tx-indexedsearch-info {
        font-size: 8pt;
   }

   .tx-indexedsearch-title {
        font-size: 11pt;
   }

   .tx-indexedsearch-searchbox-sword, .tx-indexedsearch-searchbox-button {
        margin-left: 10px;
   }

   #content .tx-indexedsearch-res p {
        line-height: 1em;
        margin:0px;
        padding:0px;
   }

   #content .tx-indexedsearch-res table {
        margin-bottom:20px;
   }

   #content .tx-indexedsearch-browsebox td {
        padding-right: 7px;
   }


/* Feedback .............................................................. */
   .tx-pilmailform-pi1 th {
        text-align: left;
        vertical-align: top;
   }
   
   .tx-pilmailform-pi1 .errormsg {
        color:red;
        font-size:8pt;
   }