/* ==========================================================================
 *  Übersicht:
 *    - Imports
 *    - Body
 *    - Page
 *    - Top
 *    - Nav
 *    - Main
 *    - Content
 *    - rightCol
 *    - navRight
 *    - Footer
 * ========================================================================== */

/* --------------------------------------------------------------------------
*  imports
* -------------------------------------------------------------------------- */

@import "columns.css"; /* wrapper */

/* --------------------------------------------------------------------------
 *  body
 * -------------------------------------------------------------------------- */

   body {
     background: #e0d1ea;
     font-family: Verdana,Geneva,Helvetica,Swiss,SunSans-Regular,sans-serif;
     font-size: 11px;
     font-style: normal;
     font-weight: normal;
     color: #000000;
     line-height: 16px
   }

   html, body {
     margin: 0;
     padding: 0;
   }

/* --------------------------------------------------------------------------
 *  page
 * -------------------------------------------------------------------------- */
   .page {
     position: relative;
     left: 50%;
     top: 0;
     margin-left: -450px;
     margin-bottom: 20px;
     margin-top: 20px;
     width: 900px;
     background: #fff;
     padding: 10px;
   }
   .pageKeeper {
     position: relative;
     width: 900px;
     overflow: hidden;
   }
   .page .maincols .colLeft {
     width: 200px;
     background: #d4b0ed;
     overflow: hidden;
     padding: 15px 0;
   }
   .page .maincols .colMain {
     width: 600px;
     background: #fff;
     margin: 0 50px;
   }
   .page .maincols .colMain .colMainKeeper {
     width: 600px;
     margin: 0 10px;
     overflow: hidden;
   }
   .page .footer {
     width: 870px;
     margin-top: 10px;
     padding: 15px;
     background: #d4b0ed;
   }

/* --------------------------------------------------------------------------
 *  top
 * -------------------------------------------------------------------------- */
   .top {
     position: relative;
     height: 200px;
     width: 900px;
     margin-bottom: 10px;
   }
   .top .logo {
     position: absolute;
     left: 0;
     top: 0;
     height: 200px;
     width: 200px;
     background: #cb99fe;
   }
   .top .image {
     position: absolute;
     right: 0;
     top: 0;
     height: 200px;
     width: 700px;
     overflow: hidden;
   }
   .top .image img {
     width: 700px;
   }

/* --------------------------------------------------------------------------
 *  nav
 * -------------------------------------------------------------------------- */
   .colLeft a.navigation {
     display: block;
     line-height: 25px;
     border: 1px solid #fff;
     border-width: 0 0 1px 0;
     color: #fff;
   }
   .colLeft a.navigation:hover,
   .colLeft a.navigation .checked {
     color: #9d41fb;
     background: #cb99fe;
   }
   
/* --------------------------------------------------------------------------
 *  main
 * -------------------------------------------------------------------------- */
   .main {
     position: relative;
     width: 900px;
     padding-bottom: 40px;
     top: 27px;
     background: url(../graphics/BG_main.gif) repeat-x #d9d9d9;
     background-position: top;
   }
   
/* --------------------------------------------------------------------------
 *  content
 * -------------------------------------------------------------------------- */



   
   
   
/* --------------------------------------------------------------------------
 *  helpers
 * -------------------------------------------------------------------------- */

   .float1 {
     float: left;
   }
   .float2 {
     float: right;
   }




/* --------------------------------------------------------------------------
 *  etc
 * -------------------------------------------------------------------------- */
   .clear {
     clear: both;
   }
   a {
     text-decoration: none;
     color: #000;
   }
   a:hover {
     text-decoration: underline;
   }
   
   



/* --------------------------------------------------------------------------
 *  Formulare
 * -------------------------------------------------------------------------- */
   input.text,
   textarea.text {
     border: 1px solid #999;
     padding: 3px;
   }
   
   input.submit {
     border: 1px solid #999;
   }
   
   
/* --------------------------------------------------------------------------
 *  com_standard
 * -------------------------------------------------------------------------- */
/* #####  Standard-Dartsellung  ############################################# */
   .standard .image {
     width: 200px;
     border: 1px solid #ccc;
     padding: 4px;
     margin: 0 10px 10px 0;
     background: #fff;
     float: left;
   }
   
   .standard h1 {
     margin-top: 15px;
   }


   .standard .code {
     position: relative;
     text-align: justify;
     line-height: 1.8em !important;
   }

   .allImages {
     text-decoration: none;
     line-height: 60px;
     color: #000;
     padding-left: 15px;
     background: url(../graphics/arrow3.gif) no-repeat transparent;
     background-position: left center;
   }

/* #####  Gallery-Dartsellung  ############################################## */
   .standard.gallery .code {
     margin-bottom: 15px;
   }

   .standard.gallery .images .imageBorder {
     border: 1px solid #999;
     margin: 5px;
     padding: 2px;
     width: 100px;
     height: 100px;
   }

   .standard.gallery .images .imageBorder .imageWrapper {
     overflow: hidden;
     width: 100px;
     height: 100px;
   }
   

   .standard.gallery .images .image {
     height: 100px;
     width: 100px;
   }

   
/* --------------------------------------------------------------------------
 *  com_news
 * -------------------------------------------------------------------------- */
/* #####  Standard-Dartsellung  ############################################# */
   .news .image {
     width: 485px;
   }

   .news h1 {
     margin-top: 15px;
   }


   .news .code {
     position: relative;
     text-align: justify;
     line-height: 1.8em !important;
   }


/* --------------------------------------------------------------------------
 *  com_guestbook
 * -------------------------------------------------------------------------- */

   .guestbook .formWrapper {
     width: 360px;
     text-align: left;
   }

   .guestbook .entry {
     border: 1px solid #b1aeae;
     border-width: 1px 0 0 1px;
     padding: 4px;
     margin: 10px 10px 30px 10px;
   }

   .guestbook .footer {
     text-align: center;
     margin: 10px 0;
   }


/* --------------------------------------------------------------------------
 *  com_gallery
 * -------------------------------------------------------------------------- */
   .gallery .image {
     width: 560px;
   }

   .gallery .imageBox {
     position: relative;
     margin-bottom: 25px;
   }

   .gallery .imageBox .headline {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 540px;
     background: url(../graphics/BG_newsBox.png) repeat transparent;
     padding: 10px;
   }
     .gallery .imageBox .headline h2 {
       color: #fff;
       font-size: 16px;
       margin: 0;
     }



   .gallery .album {
     padding: 0 10px;
   }

   .gallery .album .ImageWrapper {
     width: 170px;
     overflow: hidden;
   }

   .album .ImageWrapper .trailerimage {
     width: 50px;
     margin: 0;
     border: 0;
   }

   .album .ImageWrapper .noImage {
     width: 160px;
   }

   .album .DescriptionWrapper {
     margin-top: 30px;
   }

   .gallery .footer {
     text-align: center;
     margin: 10px 0;
     background: none;
   }

   .gallery img.thumb {
     margin: 0 2px;
     width: 100px;
     height: 100px;
   }

   .gallery a.thumb img {
     filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    border: solid 2px #FFFFFF;
   }

   .gallery a.thumb:hover img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0;
     opacity: 1.0;
     border: solid 2px #cc3300;
   }

   .gallery .text {
     padding: 0 10px 20px 10px;
   }

   .gallery .galleryWrapper {
     padding: 0 8px;
   }










   
   
   h1 {
     font-size: 110%;
     color: #cb99fe;
     padding: 0 0 10px 0;
     margin: 0;
   }
   
   p {
     font-size: 11px;
          padding: 0;
     margin: 0;
   }
   
   a {
     text-decoration: none;
     color: #000;
   }
   
   
/* --------------------------------------------------------------------------
 *  guestbook
 * -------------------------------------------------------------------------- */

   .guestbook .formWrapper {
     width: 360px;
     text-align: left;
   }

   .guestbook .entry {
     border: 1px solid #b1aeae;
     border-width: 1px 0 0 1px;
     padding: 4px;
     margin: 10px 10px 30px 10px;
   }

   .guestbook .footer {
     text-align: center;
     margin: 10px 0;
   }


   .guestbook input.text,
   .guestbook textarea.text {
     width: 100%;
   }