@charset "ISO-8859-1";
/*  FILE: styles.css                               */
/*  This is the style sheet Texolit AG             */
/*  Last update: <!--DATE-->2009-09-01<!--/DATE-->                        */
/*  This style sheet meets the W3C specs for CSS 1 */

body
{
   font-family:Arial,Helvetica,sans-serif; text-decoration:none; font-size:10pt;
   color:#000;
   background-color:#aea69b;
   background-image: url(/graphics/bg.jpg);
   background-repeat:repeat-y;
   text-align:center;
   margin-top:0;
}


/* scrollbars */
.bars {
   scrollbar-3dlight-color:    #a49e92;
   scrollbar-base-color:       #aea69b;
   scrollbar-darkshadow-color: #a49e92;
   scrollbar-face-color:       #a49e92;
   scrollbar-arrow-color:      white;
   scrollbar-highlight-color:  #aea69b;
   scrollbar-shadow-color:     darkbrown;
   scrollbar-track-color:      #aea69b;
}


/* headers, paragraphs, general section */
h1,h2,h3,h4,h5,h6
{
   color:white; background:transparent; text-align:left;
}

h1 { font-size:18pt; margin:0;}

h2 { font-size:16pt; margin:0;}

h3 { font-size:12pt;}

p { font-size:9pt;}

label { font-size:10pt;}

img { border:0;}

.scaps { font-variant:small-caps;}

.scapsF { font-variant:small-caps; font-weight: bold;}

li.blank
{
   list-style:none;
   list-style-image: url(/graphics/listarrow.gif);
   margin-left:-1px;
   margin-bottom:2px;
}

li.back
{
   list-style:none;
   list-style-image: url(/graphics/backarrow.gif);
   margin-left:-1px;
   margin-bottom:2px;
}

/*----- Tables -----*/
table.visible
{
   color:#000;
   border:1px solid #000;
   vertical-align:middle;
   padding:0;
   overflow:hidden;
}

tr.visible
{
   vertical-align:middle;
   border:1px solid #000;
   padding:0;
}

td.visible
{
   vertical-align:middle;
   border:1px solid #000;
   padding:0;
}

table.fotos
{
   width:95%;
   margin-top:0;
   margin-bottom:0px;
   margin-left:18px;
   color:#000;
   border:none;
   text-align:center;
   vertical-align:middle;
   padding:0;
}

tr.fotos
{
   vertical-align:middle;
   border:none;
   margin:8px;
   padding:0;
   height:165px;
}

td.fotos
{
   vertical-align:middle;
   border:none;
   margin:2px;
   padding:8px;
}

td.top
{
   vertical-align:top;
   border:none;
   margin:10px;
   padding:0;
}

table.wide
{
   width:100%;
   margin-top:0px;
   margin-bottom:5px;
   margin-left:28px;
   margin-right:128px;
   color:#000;
   border:none;
   text-align:left;
   vertical-align:top;
   padding:0;
}

table.starter
{
   border:none;
   padding:1px;
}

td.starter
{
   padding:4px 20px 0px 20px;
   vertical-align:top;
}

td.starterblue
{
   padding:0px 0px 0px 0px;
   vertical-align:middle;
   background-color:#00a9ec
}


table.invisible
{
   vertical-align:top;
   padding:0px;
}

tr.invisible
{
   vertical-align:top;
}

td.invisible
{
   padding: 4px 10px 0px 0px;
   vertical-align:top;
}


/*----- DIVs -----*/
#siteDiv
{
   text-align:center;
   width:930px;
   height:690px;
   position:absolute;
   top:50%;
   left:50%;
   margin-left:-34em;
   margin-top:-22em;
   z-index:1;
   background-color:transparent;
   overflow:auto;
}


#navigationDiv
{
   text-align:left;
   width:145px;
   height:668px;
   position:absolute;
   left:0px; top:0px;
   padding:0px;
   z-index:3;
   background-color:#a49e92;
}

#containerDiv
{
   text-align:left;
   width:740px;
   height:614px;
   position:absolute; left:-55px; top:23px;
   overflow:hidden;
   margin-left:200px;
   margin-top:0px;
   margin-right:6px;
   padding:10px;
   padding-top:0px;
   z-index:1;
   background-color:#bcb8ae;
}

#containerscrollDiv
{
   text-align:left;
   width:740px;
   height:614px;
   position:absolute; left:-55px; top:17px;
   overflow:auto;
   margin-left:200px;
   margin-top:0px;
   margin-right:6px;
   padding:10px;
   z-index:1;
   background-color:#bcb8ae;
}
#containerbottomDiv
{
   text-align:left;
   width:818px;
   height:318px;
   position:absolute; left:-70px; top:300px;
   overflow:auto;
   margin-left:230px;
   margin-top:0px;
   margin-right:6px;
   padding:10px;
   z-index:1;
   background-color:#bcb8ae;
}

#navbottomDiv
{
   text-align:left;
   width:130px;
   height:100px;
   position:absolute;
   left:0px; top:568px;
   padding-left:10px;
   z-index:1;
   background-color:#a49e92;
}

#bgDiv
{
   width:100%;
   height:100%;
   position:absolute; top:0%; left:0%;
   margin:0px; border:0px;
   z-index:-1;
   margin:0px; border:0px;
}

/*---Hide links in print preview--*/
@media screen
{
   a.previewLink
    {
     display:inline;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 8pt;
     font-weight: normal;
     color: #3B4B62;
     text-decoration:underline;
     }
}
@media print
{
    a.previewLink
     {
       display:none;
     }
}


/*----- Links -----*/
a
{
   font-family: Arial, Helvetica, sans-serif;
   font-size:10pt;
   color:#444;
   font-weight:normal;
   text-decoration:none;
}

a:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-size:10pt;
   color:#004b95;
   font-weight:normal;
   text-decoration:none;
}

a.smallLink
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   color: #002;
   text-decoration:none;
}
a.smallLink:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 8pt;
   color: #004b95;
   text-decoration:none;
}
a.smallLinkFett
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   color: #3B4B62;
   text-decoration:none;
}
a.smallLinkfett:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 8pt;
   color: #AA6600;
   text-decoration:none;
}
a.bigLink
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   font-weight: normal;
   color: #000;
   text-decoration:none;
}
a.bigLink:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 12pt;
   color: #000;
   text-decoration:none;
}

a.bigLinkFett
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   color:#000;
   text-decoration:none;
}

a.bigLinkFett:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12pt;
   color: #004b95;
   text-decoration:none;
}


/*----- Text -----*/
.Textnormal
{
   font-style:normal;
   font-weight:normal;
   font-size:9pt;
   font-family:Arial, Helvetica, sans-serif;
   text-align:left;
}

.Text12p
{
   font-style:normal;
   font-weight:normal;
   font-size:12pt;
   font-family:Arial, Helvetica, sans-serif;
   text-align:left;
}

.Text12pFett
{
   font-style:normal;
   font-weight:bold;
   font-size:12pt;
   font-family:Arial, Helvetica, sans-serif;
   text-align:left;
}

.Text10pFettWeiss
{
   font-family: Arial, Helvetica, sans-serif;
   text-align:left;
   font-size: 10pt;
   font-weight: bold;
   color:white;
}

.Text12pFettWeiss
{
   font-family: Arial, Helvetica, sans-serif;
   text-align:left;
   font-size: 12pt;
   font-weight: bold;
   color:white;
}
.Textklein
{
   font-style:normal;
   font-weight:normal;
   font-size:8pt;
   font-family:Arial, Helvetica, sans-serif;
   text-align:left;
}

.Text14pFettWeiss
{
   font-family: Arial, Helvetica, sans-serif;
   text-align:left;
   font-size: 14pt;
   font-weight: bold;
   color:white;
}

/* ================================================================
   Drop-down Menu part

   This copyright notice must be untouched at all times.

   The original version of this stylesheet and the associated (x)html
   is available at http://www.cssplay.co.uk/menus/final_drop.html
   Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
   This stylesheet and the associated (x)html may be modified in any
   way to fit your requirements.
   =================================================================== */


/* top menu bar props */
.menu {
     width:760px; height:32px;
     position:relative; left:-10px; top:0px;
     z-index:100;
     border-right: 0px solid #000;
     font-family:helvetica, arial, sans-serif;}

/* hack to correct IE5.5 faulty box model */
* html .menu {
     width:760px; w\idth:759px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
     padding:0 ;margin:0;
     list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
     float:left;
     width:253px;
     position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {
     display:block;
     font-size:12px;
     text-decoration:none;
     color:#fff; /* font color of main menu bar */
     width:253px; height:20px;
     border:1px solid #000; border-width:0px 0px 0px 0px;
     padding-left:45px;
     line-height:18px;
     font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
     width:253px; w\idth:252px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
     position:absolute;
     top:0; left:0; border-collapse:collapse;}

/* drop menu top level */
.menu ul ul {
     width:188px;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
     height:auto; line-height:1em;
     padding:5px 10px; width:128px;
     border-width:0px 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
     width:128px;w\idth:127px;}


/* COLORS */

 /* background color main menu bar */
.menu a, .menu a:visited {
     background:#00a2e5;}

/* style the top level hover */
.menu a:hover {
     color:#000; background:#00a2e5;}

.menu ul ul a, .menu ul ul a:visited {
     background:#e9e9e9; color:#000;}

.menu ul ul a:hover {
     color:#000; background:#f9f9f9;}

/* background color 2nd level */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
     background:#e9e9e9;}

/* background color 2nd level hover */
.menu ul ul a.drop:hover{
     background:#f9f9f9;}

.menu ul ul :hover > a.drop {
     background:#f9f9f9;}

.menu :hover > a {
     color:#000; background:#00a2e5;}

.menu ul ul :hover > a {
     color:#000; background:#f9f9f9;}

/* background color 3rd level */
.menu ul ul ul a, .menu ul ul ul a:visited {
     background:#e9e9e9;}

/* background color 3rd level hover */
.menu ul ul ul a:hover {
     background:#f9f9f9;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
     visibility:hidden;
     position:absolute;
     height:0;top:18px;left:45px; width:149px;
     border-top:1px solid #000;}

/* another hack for IE5.5 */
* html .menu ul ul {
     top:30px;t\op:31px;}

/* position the 3rd level flyout menu and border*/
.menu ul ul ul{
     left:149px; top:-1px; width:149px;}

/* position the 3rd level flyout menu for a left flyout and border */
.menu ul ul ul.left {
     left:-149px; top:-1px; width:149px;}


/* hide and unhide */

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
     visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
     visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
     visibility:visible;}




/* End */