/**********************************************************************************************************************
* Global HTML Settings
**********************************************************************************************************************/
body {
    margin: 0;
    padding: 0;
    background-position: center 200px;
    color: #000;
}


/**********************************************************************************************************************
* Global FORMAT Settings
**********************************************************************************************************************/

div, form, ul, li, h2, h3, p {
    margin: 0;
    padding: 0;
}

div, form {
    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    text-align: left,
}


.clear-both, .clear-right, .clear-left {
    clear: both;
    font-size: 1pt;
    width: 1px;
    height: 1px;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

/*********************************************************************************************************************
* Global LAYOUT Settings
*********************************************************************************************************************/

div#body {
    width: 100%;
    text-align: center;
}

div#page-background {
    background-repeat: repeat-y;
    min-height: 100%;
    width: 760px;
    margin: auto auto auto auto;
    margin-top: -10px;
    position: relative;
    top: 0px;
}

div#logo {
    margin: auto auto auto auto;
    text-align: left;
    height: 130px;
    background-color: #fffdeb;
}

div#body-content {
    width: 760px;
    margin: auto;
    text-align: right;
}

div#page {
    width: 716px;
    margin: auto;
    margin-right: 0;
    text-align: left;
}

div#page-header, div#page-footer {
    width: 100%;
    height: 8px;
    background-image: url(../images/page-header_bg.gif);
    background-repeat: no-repeat;
    font-size: 1pt;
}

div#page-header {
    position: relative;
    top: -5px;
}

div#page-footer {
    background-image: url(../images/page-footer_bg.gif);
    position: relative;
    top: -5px;
}

div#service-navigation {
    text-align: center;
}

div#page-content {
    background-image: url(../images/content_bg.gif);
    background-repeat: repeat-y;
    padding: 0 0 10px 0;
    position: relative;
    top: -5px;
}

div#content-page {
    width: 705px;
    margin: 0 0 0 7px;
    min-height: 400px;
}


/*********************************************************************************************************************
* Setup NAVIGATION 
*********************************************************************************************************************/

div#navigation {
    width: 100%;
    height: auto;
    font-size: 9pt;
    letter-spacing: 1pt;
    font-weight: bold;
    border-bottom: 2px solid #134093;
    padding: 0 0 0.6em 0;
    margin-bottom: 28px;
}

div.navigation-select {
    background-image: url(../images/navigation-bg-right.gif);
    background-position: right top;
    background-repeat: repeat-y;
    float: left;
    text-align: center;
    padding: 0px 10px 0px 10px;
    margin: 4px 0 0 0;
}

div.onerow {
    padding: 5px 10px 5px 10px;
}

div.tworow {
    max-width: 130px;
    padding: 0px 10px;
    margin: 4px 0 0 0;
    line-height: 1.1em;
}

div.lastrow {
    width: 150px;
}

div.navigation-select a {
    text-decoration: none;
    color: #4d4d4d;
    padding: 0 0 5px 0;
}


div.navigation-select a:hover {
    color: #134093;
}

div.tworow a:hover {
    background-image: url(../images/navigation-bg-bottom-tworow.gif);
    background-repeat: repeat-x;
    background-position: left 13px;
}

div.onerow a:hover {
    background: none;
    border-bottom: 2px solid #fcc200;
}


/* Service Navigation  */

div#service-navigation {
    text-transform: uppercase;
    font-size: 8pt;
    margin: 0 0 20px 0;
}

div#service-navigation a {
    color: #000;
    text-decoration: none;
}

/*********************************************************************************************************************
* Setup CONTENT ELEMENTS
*********************************************************************************************************************/

div#content-elements {
    width: 100%;
}

div#content-elements-left {
    float: left;
    width: 520px;
    margin-left: 10px;
}

div#content-elements-right {
    float: right;
    width: 150px;
    margin-right: 10px;
}

/* Content Left */

div.content-element {
    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    margin-bottom: 10px;
    text-align: left;
}

div.content-element h2, div.content-element h3 {
    margin: 0;
    padding: 0;
    color: #134093;
    font-size: 18pt;
    letter-spacing: 0pt;
    text-transform: uppercase;
}

div.content-element h3 {
    font-size: 10.5pt;
    text-transform: none;
}

div.content-element ul li {
    margin: 0 0 0 20px;
}

div.content-element a {
    color: #134294;
    text-decoration: none;
    font-weight: bold;
}

div.mark {
    padding: 0 0 0 20px;
    background-image: url(../images/arrow-to-right_blue.gif);
    background-repeat: no-repeat;
    background-position: 4px 10px;
}

div.onecolumn h2.first {
    float: left;
    padding: 0 20px 0 0;
    margin: 0 10px 0 0;
    background-image: url(../images/arrow-to-right_blue.gif);
    background-repeat: no-repeat;
    background-position: right 10px;
}

div.content-element p {
    margin: 10px 0 0 0;
}

div.content-element-yellow {
    background-color: #fffdf0;
    padding: 10px;
}

div.content-element-small {
    width: 300px;
    padding: 0;
}

/* -> Jumpmarks */
div.jumpmark-body {
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
}

div.jumpmark-left, div.jumpmark-right {
    padding: 0 0 0 20px;
    background-image: url(../images/arrow-to-right_blue.gif);
    background-repeat: no-repeat;
    background-position: 4px 6px;
    width: 140px;
    float: left;
}

div.jumpmark-left a, div.jumpmark-right a {
    color: #134093;
    font-weight: bold;
    text-decoration: none;
}

/* -> Cityselector */
div.cityselector {
    padding: 3px 3px 3px 20px;
    background-image: url(../images/arrow-to-right_blue.gif);
    background-repeat: no-repeat;
    background-position: 4px 10px;
}

div.cityselector span {
    float: left;
    padding: 3px 0 0;
}

div.cityselector select {
    border: 1px solid #000;
    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    float: left;
    margin: 0 0 0 20px;
}


/* -> Venue  */

div.venue, div.linklist {
    padding: 5px 0 5px 20px;
    background-image: url(../images/arrow-to-right_blue.gif);
    background-repeat: no-repeat;
    background-position: 4px 11px;
    margin: 0 0 5px 0;
}

div.venue {
    margin: 0 0 20px 0;
}

div.venue-title {
    width: 100px;
    float: left;
    margin: 10px 0 0;
}

div.venue-description {
    margin: 10px 0 0 100px;
}

/* -> Linklist  */
div.linklist-left {
    float: left;
    margin: 0 0 0;
}

div.linklist-left a, div.linklist-right a {
    color: #134294;
    text-decoration: none;
    font-weight: bold;
}

/* -> Linklist  Grey */

div.linklist-grey {
   background-image: url(../images/arrow-to-right_grey.gif);
   color: #656565;
   font-weight: bold;
}

/* -> Registrationform */

div.registration-body {
    width: 480px;
}

div.registration-submit {
    width: 500px;
}

span.registration-form-select-step-active {
    border-bottom: 2px solid #fcc200;
    color: #114195;
    text-decoration: none;
}


div.registration-form-step, div.registration-form-information {
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
    background-image: url(../images/arrow-to-right_blue.gif);
    background-repeat: no-repeat;
    background-position: left 6px;
    text-align: left;
}

div.registration-form-information  {
    background: none;
}


div.registration-form-twocols {
    margin: 0 20px;
}

div.registration-form-left {
    float: left;
    width: 218px;
    text-align: left;
    padding: 1px 0 0;
    font-size: 10pt;
}

.required {
    color: #fbd448;
    font-weight: bold;
    margin: 0 2px 0 0;
}

div.registration-form-right {
    margin: 0 0 5px 218px;
    text-align: left;
}

div.registration-form-right input, div.registration-form-right select {
    border: 1px solid #4d4d4d;
    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    width: 150px;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

input.registration-form-next, input.registration-form-reset {
    border: 0;
    background-color: #fef7af;
    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    text-transform: uppercase;
    color: #134091;
    background-image: url(../images/arrow-to-right_blue.gif);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 0 0 0 15px;
    cursor: pointer;
}
input.registration-form-reset {
    background-image: url(../images/arrow-to-left_blue-resetbutton.gif);
    background-position: right 8px;
    padding: 0 15px 0 0;
}

div.registration-form-left div.registration-form-error {
    color: #ff0000;
    font-weight: bold;
}

div.registration-form-right input.radio {
    width: 30px;
    border: 0;
}

div.registration-form-space {
    height: 24px;
}

div.csc-header h1 {
    display: none;
}

/* Content Right */

/* -> Image */
div.content-right-image img {
    margin-bottom: 10px;
}


p {
    font-size: 10pt;
}