
/* cgion.net - Stylesheet vom 14.03.2009 von Achim Schellenbach */

html, body {
           background-color: #A9CFE7;
           margin-top: 0px;
           margin-left: 0px;
           scrollbar-face-color:#BCDDF1;
           scrollbar-shadow-color:#ffffff;
           scrollbar-3dlight-color:#BCDDF1;
           scrollbar-highlight-color:#ffffff;
           scrollbar-darkshadow-color:#BCDDF1;
           scrollbar-track-color:#D1E7F6;
           scrollbar-arrow-color:#ffffff;
           overflow: auto;
}

/* IDs */

#all {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 991px;
     height: 550px;
     z-index: 0;
     overflow: hidden;
     border-top:1px solid #ECF5FB;
     border-bottom:1px solid #ECF5FB;
}
#header {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 990px;
        height: 99px;
        margin: 0 0 0 0;
        z-index: 2;
        border-right:1px solid #ECF5FB;
}
#header_anim {
             position: absolute;
             top: 0px;
             left: 0px;
             width: 121px;
             height: 99px;
             margin: 0 0 0 0;
             z-index: 2;
}
#logo {
      position: absolute;
      top: 0px;
      left: 121px;
      width: 395px;
      height: 99px;
      margin: 0 0 0 0;
      z-index: 2;
}
#anzeige {
         position: absolute;
         top: 0px;
         left: 516px;
         width: 474px;
         height: 99px;
         margin: 0 0 0 0;
         z-index: 2;
         background: url(http://www.cgion.net/images/do/anzeige_bg.gif) no-repeat;
}
#menue {
       position: relative;
       top: 99px;
       left: 0px;
       width: 121px;
       height: 450px;
       background: url(http://www.cgion.net/images/do/m_bg_70.gif); background-repeat:no-repeat;
       background-color: #FFFFFF;
       z-index: 2;
       overflow: auto;
       text-align: right;
       float: left;
       border-top:1px solid #ECF5FB;
}
#content {
         position: relative;
         top: 99px;
         left: 0px;
         width: 869px;
         height: 420px;
         margin: 0 0 0 0;
         z-index: 2;
         overflow: hidden;
         border-right:1px solid #ECF5FB;
         border-top:1px solid #ECF5FB;
}
#bgfarbe {
         position: absolute;
         top: 0px;
         left: 0px;
         width: 869px;
         height: 420px;
         margin: 0 0 0 0;
         z-index: 3;
         overflow: hidden;
}
#scroll {
         position: absolute;
         top: 0px;
         left: 0px;
         width: 869px;
         height: 415px;
         margin: 0 0 0 0;
         z-index: 3;
         overflow: auto;
}
#footer {
        position: absolute;
        bottom: 0px;
        left: 121px;
        width: 850px;
        height: 35px;
        margin: 0 0 0 0;
        padding: 0 0 0 20px;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #003450;
        z-index: 5;
        background: url(http://www.cgion.net/images/do/footer.gif) repeat-y;
}


/* KLASSEN */

div.anzeige {
            width: 468px;
            height: 100px;
            margin: 0;
            float: left;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 10px;
            font-weight: normal;
            color: #003450;
}
div.text{
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #003450;
        margin: 9px 0 0 17px;
        padding: 3px;
}
div.uerechts {
             margin: 0 0 0 121px;
}
hr.trennli {
           width: 370px;
           height: 1px;
           margin: 5px 0 5px 0;
           text-align: left;
           color: #ECF5FB;
           border-top:1px solid #ECF5FB;
}
hr.trennre {
           width: 430px;
           height: 1px;
           margin: 5px 0 5px 0;
           text-align: left;
           color: #ECF5FB;
           border-top:1px solid #ECF5FB;
}
div.menue {
          padding: 0;
          margin: 12px 0 0 0;
}
a {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px; color:#003450;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px; color:#003450;
        font-weight: bold;
        text-decoration: underline;
}
a.nowrap {
         font-family: verdana, arial, helvetica, sans-serif;
         font-size: 12px; color:#003450;
         font-weight: bold;
         text-decoration: none;
         display: inline;
         white-space:nowrap;
}
a.nowrap:hover {
               font-family: verdana, arial, helvetica, sans-serif;
               font-size: 12px; color:#003450;
               font-weight: bold;
               text-decoration: underline;
               display: inline;
               white-space:nowrap;
}
p, form {
        margin: 0;
        padding: 0;
}
input {
      font-family: courier, "courier new", serif;
      font-size: 16px; color:#003450;
      border: 1px solid #BCDDF1;
}
input.radio {
            border: 0px solid #FFFFFF;
}
textarea {
         font-family:courier, "courier new", serif;
         font-size:16px; color:#003450;
         border: 1px solid #BCDDF1;
}
input.submit {
             font-family: verdana, arial, Helvetica, sans-serif;
             font-size: 11px; color:#003450;
             font-weight: normal;
             background-color:#ffffff;
             border:1px solid #BCDDF1;
}
img {
    border: none;
}
img.rechts {
           float: right;
           margin: 0 0 0 10px;
}
img.links {
          float: left;
          margin: 0 10px 0 0;
}
td {
   vertical-align: top;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #003450;
}
td.right {
         text-align: right;
         font-family: verdana, arial, helvetica, sans-serif;
         font-size: 12px;
         font-weight: normal;
         color: #003450;
}
td.spalte1 {
           width: 364px;
           height: 95%;
           margin: 0;
           padding: 0 10px 0 0;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 12px;
           font-weight: normal;
           color: #003450;
           overflow: hidden;
           border-right:1px solid #FFFFFF;
}
td.spalte2 {
           width: 420px;
           height: 95%;
           margin: 0;
           padding: 0 0 0 10px;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 12px;
           font-weight: normal;
           color: #003450;
           overflow: auto;
           border-left:1px solid #BCDDF1;
}
td.fach1 {
         width: 365px;
         height: 150px;
         margin: 0;
         padding:0 10px 0 0;
         font-family: verdana, arial, helvetica, sans-serif;
         font-size: 12px;
         font-weight: normal;
         color: #003450;
         overflow: auto;
         border-right:1px solid #FFFFFF;
         border-bottom:1px solid #FFFFFF;
}
td.fach2 {
         width: 420px;
         height: 150px;
         margin: 0;
         padding:0 20px 0 10px;
         font-family: verdana, arial, helvetica, sans-serif;
         font-size: 12px;
         font-weight: normal;
         color: #003450;
         overflow: auto;
         border-left:1px solid #BCDDF1;
         border-bottom:1px solid #FFFFFF;
}
td.fach3 {
         width: 365px;
         height: 55%;
         margin: 0;
         padding: 10px 10px 0 0;
         font-family: verdana, arial, helvetica, sans-serif;
         font-size: 12px;
         font-weight: normal;
         color: #003450;
         overflow: auto;
         border-top:1px solid #BCDDF1;
         border-right:1px solid #FFFFFF;
}
td.fach4 {
         width: 420px;
         height: 55%;
         margin: 0;
         padding: 10px 0 0 10px;
         font-family: verdana, arial, helvetica, sans-serif;
         font-size: 12px;
         font-weight: normal;
         color: #003450;
         overflow: auto;
         border-top:1px solid #BCDDF1;
         border-left:1px solid #BCDDF1;
}
table.cs_pl {
         border:1px solid #003450;
         width: 364px;
}
table.wd_pl {
         border:1px solid #003450;
         width: 430px;
}
td.pl {
      padding: 3px;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 11px;
      font-weight: normal;
      color: #003450;
      border: 1px solid #003450;
}
td.pl1 {
       width: 270px;
       padding: 3px;
       font-family: verdana, arial, helvetica, sans-serif;
       font-size: 11px;
       font-weight: normal;
       color: #003450;
       border: 1px solid #003450;
}
td.pl2 {
       width: 47px;
       padding: 3px;
       font-family: verdana, arial, helvetica, sans-serif;
       font-size: 11px;
       font-weight: normal;
       color: #003450;
       border: 1px solid #003450;
}
td.pl3 {
       width: 336px;
       padding: 3px;
       font-family: verdana, arial, helvetica, sans-serif;
       font-size: 11px;
       font-weight: normal;
       color: #003450;
       border: 1px solid #003450;
}
div.plre {
         text-align: right;
}