@charset "UTF-8";
@import url('../global.css');

/**
 * ovverrite default values
 * *****************************************************************************
 */

 body {
     font-family:Verdana,Arial,Helvetica,Sans-Serif;
 }

 body.print {
     padding:20px;
 }

 body.print > a > img {
     padding:0 0 20px 0;
 }

 body.print #printlogo {
     display:inline;
 }

 h1 {
     color:#0066cc;
     font-size:16px;
     font-weight:bold;
     padding:0 0 1em 0;
 }

 h2 {
     font-size:12px;
     font-weight:bold;
     line-height:18px;
 }

 hr {
     border-color:#6699cc;
     border-style:solid;
     border-width:2px 0 0 0;
 }

 a {
     color:#0066cc;
 }

 a.download img {
     padding:3px 5px 0 0;
 }

 form .subcolumns {
     margin:0 0 10px 0;
 }

 form label {
     line-height:25px;
 }

 form input.field,
 form textarea.field,
 form select.field {
     border-top:1px solid #69676a;
     border-left:1px solid #69676a;
     color:#bbbbcc;
     line-height:25px;
     padding:2px;
     width:100%;
 }

 form input:focus,
 form textarea:focus {
     background-color:#ffd699;
     color:#000000;
 }

 table {
 }
 
 table th {
     border-color:#cee2f5;
     border-style:dotted;
     border-width:0 0 2px 0;
     text-align:left;
 }
 
 table th,
 table td {
     /* border:2px dotted #cee2f5;*/
 }


/**
 * aditional classes
 * *****************************************************************************
 */

 a.more {
     background-image:url('../../images/arrow-orange.png');
     background-repeat:no-repeat;
     background-position:right 5px;
     padding:0 13px 0 0;
 }
 
 .leftimage {
     float:left;
     padding:4px 10px 10px 0;
 }

 .rightimage {
     float:right;
     padding:4px 0 10px 10px;
 }

 .lead {
     font-weight:bold;
 }

 .csc-textpic img {
     padding:4px 0 0 0;
 }

/**
 * layout
 * *****************************************************************************
 */

 #printlogo {
     display:none;
     padding:0 0 30px 0;
 }

 #wrapper {}

 #page {
     border-color:#e7e7e7;
     border-style:solid;
     border-width:0 1px 1px 1px;
     background-color:#ffffff;
     margin:0 auto;
     width:1000px;
 }

 #printmenu {
     line-height:20px;
     margin:0 0 20px 0;
 }

 #printmenu * {
     vertical-align:middle;
 }

/**
 * header
 * *****************************************************************************
 */

 #header {
     background-color:#6699cc;
 }

 #header.columns {
    
 }

 #header.columns .first {
     width:400px;
 }

 #header.columns .first .content {
     padding:24px 0 0 111px;
 }

 #header.columns .first .content a {
     display:block;
 }

 #header.columns .seccond {
     width:350px;
 }

 #header.columns .seccond .content {
     padding:45px 0 0 0;
     text-align:right;
 }

 #header.columns .seccond .content a {
     padding:0 0 0 12px;
 }

 #header.columns .third {
     width:230px;
 }

 #header.columns .third .content {
     padding:45px 0 0 13px;
 }

 #header.columns .third .content input {
     font-size:10px;
     line-height:14px;
     vertical-align:top;
     width:auto;
 }


/**
 * navigation
 * *****************************************************************************
 */

 #navigation {
     background-color:#6699cc;
     height:60px;
     margin:0 0 30px 0;
 }

 #navigation ul {
     list-style-image:none;
     list-style-type:none;
 }

 #navigation ul li {
     float:left;
 }
 
 /* #navigation ul li:first-child { padding:0 100px 0 0; } */

 #navigation ul li a {
     display:block;
     line-height:30px;
     padding:30px 0 0 0;
 }

 #navigation ul li a:hover,
 #navigation ul li.active a {
     background-image:url('../../images/nav-hover.png');
 }

 #navigation.columns .first {
     background-color:#ffffff;
     background-image:url('../../images/nav-bg.png');
     background-repeat:no-repeat;
     width:750px;
 }

 #navigation.columns .first .content {
     
 }

 #navigation.columns .seccond {
     width:250px;
 }

 #navigation.columns .seccond .content {
     
 }


/**
 * content
 * *****************************************************************************
 */

 #content {
     background-image:url('../../images/content-bg.png');
 }

 #content.columns .first {
     height:400px;
     width:160px;
 }

 #content.columns .first .content {
     font-size:11px;
     padding:0 0 0 20px;
 }

 #content.columns .first .content ul {
     list-style-image:none;
     list-style-type:none;
 }

 #content.columns .first .content ul li {
     color:#0066cc;
     font-weight:bold;
     line-height:24px;
 }

 #content.columns .first .content #accordion img {
     background-image:url('../../images/content-left-bg.png');
     background-repeat:no-repeat;
 }

 #content.columns .first .content ul li a {
     color:#000000;
     display:block;
     font-weight:normal;
 }

 #content.columns .seccond {
     min-height:400px;
     width:580px;
 }

 #content.columns .seccond .content {
     padding:37px 100px 0 20px;
 }

 #content.columns .third {
     min-height:400px;
     width:256px;
 }

 #content.columns .third {
     background-image:url('/fileadmin/images/box-bg.png');
     background-repeat:repeat-y;
 }

 #content.columns .third .news {
     background-image:url('/fileadmin/images/news-bg.png');
     background-repeat:no-repeat;
     margin:0 0 20px 0;
 }

 #content.columns .third .content {
     color:#0066cc;
     font-size:11px;
     padding:16px 20px 20px 30px;
 }

 #content.columns .third .content h1 {
     font-size:14px;
     padding:0 0 0.25em 0;
 }

 #content.columns .third .content a {
     color:#ff9900;
 }

 #content.columns .third .content p {
     line-height:16px;
     padding:0 0 0.25em 0;
 }


/**
 * footer
 * *****************************************************************************
 */

 #footer {
     background-image:url('../../images/content-bg.png');
     padding:0 0 0 160px;

 }

 #footer .first {
     width:490px;
 }

 #footer .first .content {
     line-height:20px;
     height:20px;
     text-align:right;
 }

 #footer .seccond {
     width:490px;
 }

 #footer .seccond .content {
     background-color:#cccccc;
     padding:0 20px;
 }

 #footer .seccond .content a {
     color:#ffffff;
     line-height:30px;
     padding:0 20px 0 0;
 }
