/* -----------------------------------------
   COLORS
   -----------------------------------------

   #D9D9D9 - light gray
   #575F6D - dark gray
   #7598D9 - blue
   #FE8637 - orange
*/

body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: #D9D9D9;
    text-align: center;
    }
a
    {
    color: #7598D9;
    text-decoration: none;
    }
a:hover
    {
    color: #FE8637;
    }
acronym
    {
    border: none;
    }

/* Main div */
#visual-portal-wrapper
    {
    margin: 0 auto;
    width: 724px;
    height: auto;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
* html #visual-portal-wrapper
    {
    width: 744px;
    w\idth: 724px;
    }

/* Page head */
#pageHeader
    {
    position: absolute;
    top: 10px;
    left: 40px;
    }
#pageHeader h1.header_eu
    {
    background: url("../img/logo_eu.png") no-repeat;
    width: 105px;
    height: 64px;
    overflow: hidden;
    margin: 0;
    float: left;
    }
#pageHeader h1.header_fp7
    {
    background: url("../img/logo_fp7.png") no-repeat;
    width: 90px;
    height: 64px;
    overflow: hidden;
    margin: 0;
    float: left;
    }
#pageHeader h1.header_logo
    {
    background: url("../img/logo.png") no-repeat;
    width: 80px;
    height: 64px;
    overflow: hidden;
    margin: 0;
    float: left;
    }
#pageHeader h1 span
    {
    display: none;
    }
#pageHeader h2
    {
    font-size: 12px;
    margin: 0;
    }
    
/* Disable the first heading (name of page in Typo3) */
h1.documentFirstHeading
    {
    display: none;
    }
    
/* Remove annoying line breaks and spacers for block headings */
div.csc-header
    {
    margin: 40px 0 1.4ex 0;
    }
div.csc-header br
    {
    font-size: 0px;
    display: none;
    }
div.csc-header img
    {
    display: none;
    }
div.csc-header h1
    {
    height: 24px;
    } 
    
/* Standard headings */
h1
    {
    height: 24px;
    margin: 40px 0 1.4ex 0;
    }
h2
    {
    font-size: 18px;
    margin: 0;
    }
h3
    {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    }

/* The small text in the head bar */
#quickSummary
    {
    padding-top: 85px;
    text-align: justify;
    }
#quickSummary .p2
    {
    position: absolute;
    top: 65px;
    right: 20px;
    margin: 0;
    }
#visual-portal-wrapper #portal-top #quickSummary .p1
    {
    font-size: 11px;
    height: 120px;
    background: url("../img/header.png") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    }
#visual-portal-wrapper #portal-top #quickSummary .p1 span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    }

#quickSummary .p3
    {
    font-size: 4em;
    position: absolute;
    top: 110px;
    left: 253px;
    color: #fff;
    display: block;
    margin: 0;
    width: 460px;
    }

/* Content format */
#portal-content
    {
    padding: 0 0 0 43px;
    /*background-color: #0000ff;*/
    text-align: justify;
    float: left;
    width: 461px;
    }
#portal-content p
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    width: 461px;
    }
#portal-content p .csc-linkToTop
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    width: 461px;
    }
#portal-content2
    {
    padding: 0 0 0 43px;
    /*background-color: #0000ff;*/
    text-align: justify;
    float: left;
    width: 461px;
    }
#portal-content2 p
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    width: 461px;
    }
#portal-content2 p .csc-linkToTop
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    width: 461px;
    }
    
/* Login */
#portal-content .tx-newloginbox-pi1 div
    {
    width: 460px;
    }
#portal-content .tx-newloginbox-pi1 form
    {
    width: 460px;
    }
#portal-content .tx-newloginbox-pi1 table
    {
    background-color: #D9D9D9;
    width: 460px;
    margin: 0 0 1.4ex 0;
    }
#portal-content .tx-newloginbox-pi1 h3
    {
    height: 24px;
    margin: 40px 0 1.4ex 0;
    }
#portal-content .tx-newloginbox-pi1 p
    {
    width: 460px;
    }
#portal-content .tx-newloginbox-pi1 table p
    {
    width: 50pt;
    padding: 0 0 0 10px;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    }
    
/* Tables */
#portal-content table.contenttable
    {
    width: 460px;
    margin: 10px 0 10px 0;
    border-collapse:collapse;
    border:2px solid #999;
    }
#portal-content table.contenttable th
    {
    /*zwar wurde eine best. höhe verlangt
    - mit der wird aber das hg-bild in "imgtable.." (s.u.) zerstaucht! also heavy padding - - gilt auch für td */
    border:2px solid #999;
    padding: 0.375em;
    background-color:#CCC;
    font-weight:bold;
    }

#portal-content table.contenttable td
    {
    border: 2px solid #999;
    }
	
#portal-content table.contenttable p
    {
    width: auto;
    margin: 0.375em;
    line-height: 100%;
    font: 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    }
	
#portal-content table.contenttable thead p
    {
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    }

/* Nav-Bar */
#linkList
    {
    position: relative;
    padding: 40px 0 0 0px;
    width: 200px;
    float: left;
    /*background-color: #ff0000;*/
    }
#linkList2
    {
    position: relative;
    padding: 40px 0 0 0px;
    width: 200px;
    float: left;
    /*background-color: #ff0000;*/
    }
#lselect
    {
    padding: 0 0 0 15px;
    }
#lselect ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 15px;
    }
#lselect ul li a
    {
    text-decoration: none;
    display: block;
    font-size: 13px;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #FE8637;
    }
#lselect ul li
    {
    font-size: 12px;
    }
#lselect ul li .ebene1, .ebene1node, .ebene2, .ebene2node, .ebene3
    {
    border-bottom: 1px solid #D9D9D9;
    }
    
/* Page Foot */
#portal-footer
    {
    background: url("../img/footer.png") no-repeat;
    color: #fff;
    width: 461px;
    height: 48px;
    text-align: right;
    padding: 0;
    line-height: 26px;
    font-size: 11px;
    /*background-color: #00ff00;*/
    margin: 1.4ex 0 0 0;
    }
#portal-footer a
    {
    color: #fff;
    text-decoration: none;
    }
#portal-footer a:hover
    {
    color: #575F6D;
    text-decoration: none;
    }
#portal-footer div .copyright
    {
    float: right;
    padding: 0 10px 0 0;
    }