/** 
 * @URL....: www.westfox.de/westfox-style.css
 * @Start..: 17.01.01 
 * @Updated: 07.+27.05.02
 * @Author.: robert@westenkirchner.com
 * @Purpose: Define Westfox Style - Hausfarben + -Schriften 
*/

/* Define - B O D Y  - Font and Background standard Colors */
body
{
    background-color:#333;
    color:black;
    font-family:verdana,arial,helvetica,sans-serif; 
/*    font-family:"Comic Sans MS,tahoma,verdana,arial,helvetica,sans-serif"; */
    font-size:12px; 
    line-height:19px; 
    font-weight:normal;
    font-style: normal; 
    text-decoration: none;
    text-align:left;
}
    /* Westfox Scroll-Bar */
/*    scrollbar-face-color:#990000;   */  /* red - #990000 - quasi der Griff */
/*    scrollbar-arrow-color:#FEE6B6;  */  /* Dreieck im quadatischen Button Up und Button Down */
/*    scrollbar-track-color:#FEE6B6;  */  /* #ffffcc - Hintergrund Hellgelb wie Hintergrund der Navigationsleiste */
/*    scrollbar-base-color:#ffffcc;   */  /* quasi der Hintergrund, color of scrollbar-base */
/*    scrollbar-highlight-color:white; */
/*    scrollbar-shadow-color:black;   */
    /*  text-decoration:none; Schaltet Underline der Links aus */



/* Define - L I N K - Colors - Make visible visited links - Use default colors: Blue for unvisited link, Purple for visited link */

a:link    { color : "blue"; font-size:12px; font-family:Verdana,Helvetica,Sans-serif,Arial; }
a:visited { color : "purple"; font-size:12px; font-family:Verdana,Helvetica,Sans-serif,Arial; }
/* Cool: MouseOver Effect: Links are yellow on red background */
a:hover   { color : "red"; background-color:white; font-size:12px; font-family:Verdana,Helvetica,Sans-serif,Arial; }
a:active  { color : "red"; font-size:12px; font-family:Verdana,Helvetica,Sans-serif,Arial; }

/*
a:active  { color:red;    BACKGROUND-COLOR:yellow; text-decoration:none; font-size:90%; font-family:Tahoma,Verdana,Helvetica,Sans-serif,Arial; }
a:hover   { color:yellow; BACKGROUND-COLOR:red;    text-decoration:none; font-size:90%; font-family:Tahoma,Verdana,Helvetica,Sans-serif,Arial; }
*/

/* Define normal - T E X T - and text in - T A B L E S - */
br,p,div,td,th
{ 
   font-family:verdana,arial,helvetica,sans-serif;
   font-size:12px; 
   line-height:19px; 
   color:black;
   font-style: normal; 
   font-weight:normal;
   text-decoration: none;
   /*   font-family:"Comic Sans MS,tahoma,verdana,arial,helvetica,sans-serif"; */
   /* font-weight:bold; */
   /* color:#000000; */
}

li
{
 list-style-type  : square;
 /* margin-left: 2%; */
}

/* Define normal - T E X T - and text in - T A B L E S - */
.normal
{ 
   font-family:verdana,arial,helvetica,sans-serif;
   font-size:12px; 
   line-height:19px; 
   color:black;
   font-style:normal; 
   font-weight:normal;
   text-decoration:none;
}

.offset         
/* offset = Standard-Abstand vom linken Rand fuer alle Bausteine 
wie Kopfzeile, Content, Content-Headline, Fusszeile */
      {
       margin-left   : 40px;
      }

/* Define one pixel lines - */
.onepx
{ 
   font-family:verdana,arial,helvetica,sans-serif;
   font-size:1px; 
   line-height:1px; 
   font-style: normal; 
   font-weight:normal;
   text-decoration: none;
   /* color:#000000; */
}


/* Define single line - H E A D L I N E  H1 - use Standard HTML tag H1 */
h1
{
/*    BACKGROUND-COLOR:#CCCCCC; */
/*    BACKGROUND-COLOR:"#000099"; */
/*    color:#ffffcc; */
    color:#808080;              /* dezimal: RGB-Color = 128-128-128 = 50% schwarz */
    font-size:16px;
    /* line-height:24px;  */
    font-weight:bold;           /* Extra bold for Headlines */
    font-family:verdana,arial,helvetica,sans-serif;
/*    font-family:"Comic Sans MS,tahoma,verdana,arial,helvetica,sans-serif"; */
}
.big
{ 
    color:#808080;              /* dezimal: RGB-Color = 128-128-128 = 50% schwarz */
    font-size:16px;
    /* line-height:24px;  */
    font-weight:bold;           /* Extra bold for Headlines */
    font-family:verdana,arial,helvetica,sans-serif;
    /* color:#000066; */
}

/* Define single line - H E A D L I N E  H3 - use Standard HTML tag H3 - PURPOSE: Ueberschrift innerhalb des Blocks */
h3
{
/*    BACKGROUND-COLOR:#CCCCCC; */
    color:#000000;
    font-size:18px;
    line-height:28px; 
    font-weight:bold;           /* Extra bold for Headlines */
    font-family:verdana,arial,helvetica,sans-serif;
}


/* Define - E X A M P L E - used for Source Code examples - make table */
.example
{
    font-family:courier;
    font-weight:bold;
    font-size:12px;
    line-height:19px; 
    color:#000066;
    BACKGROUND-COLOR:#ffffcc;
}

.block
{
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:12px;
    line-height:19px; 
    font-weight:normal;
    text-align:left;
    color:black;
    BACKGROUND-COLOR:#EEEEEE;
}

.headline
{ 
    font-family : verdana,arial,helvetica,sans-serif;
    font-weight : bold;
    font-size : 12px;
    line-height : 19px; 
    /* color:#000066; */
}
.klein
{ 
    font-family : verdana,arial,helvetica,sans-serif;
    font-weight : normal;
    font-size : 10px;
    line-height : 15px; 
    /* color:#000066; */
}
.klein_footer
{ 
    font-family : verdana,arial,helvetica,sans-serif;
    font-weight : normal;
    font-size : 10px;
    line-height : 15px; 
}

.contentbox 
{   /* for NS4 */ 
    background : white; 
    border : 1px solid black; 
    /* for NS4 */ 

    border-bottom : #000000 3px solid; 
    border-left : #000000 1px solid; 
    border-right : #000000 3px solid; 
    border-top : #000000 1px solid; 
    padding : 6px 18px; 
    MARGIN-LEFT : 6px;
}

HR 
{
    height: 1pt;
    color: black;
}
.superheadline /* used for big headlines for tools */
{ 
    font-family : arial black,verdana,arial,helvetica,sans-serif;
    font-weight : bold;
    font-size : 36px;
    line-height : 54px; 
    /* color:#000066; */
}

.wichtig
{ 
   font-family : verdana,arial,helvetica,sans-serif;
   font-size : 12px; 
   line-height : 19px; 
   font-style : normal; 
   font-weight : bold;
   text-decoration : none;
}
/* uebernommen von www.linkmatrix.de 030723 rw */
.box
{
    font-family: 	  verdana,arial,helvetica,sans-serif;
    font-weight: 	  normal; /* alt: bold; */
    font-size:            12px; 
    text-align: 	  left;
    color: 		  black;
    BACKGROUND-COLOR:     white; /* = Weiss alt: Dunkel-Gruen - alt= #EEEEEE; */
}
.menu_box
{
 background-color : #EEE;
 /*       
 border-top-width : 1px;
 border-top-style : solid;
 border-top-color : #333333;
 */       
 border-bottom    : 1px solid #999;
}
.content_box
{
 background-color : #FFF;
}
.header_box
{
 border-bottom    : 1px solid #333;
 background-color : #999;
}
.menu_box
{
 background-color : #EEE;
 padding-top      : 6px;
 padding-bottom   : 6px;
 margin-bottom	  : 6px;
}

.footer_box
{
 margin-top	  : 6px;
 color            : #333;
 background-color : #999;
}
.center_page
{  
 width             : 760px;
 margin            : 6px auto;
 background-color  : #FFF;
 text-align        : left;
 border            : 1px solid #ccc;
}

/* Navigation */
.link_button a:link {
width:200px;
display:block;
background-color:#CCC;
color:black;
text-decoration:none;
text-align:center;
text-transform:uppercase;
margin:0;
padding:2px;
border: 1px black solid;
}
.link_button a:visited
{
width:200px;
display:block;
background-color:#CCC;
color:black;
text-decoration:none;
text-align:center;
text-transform:uppercase;
margin:0;
padding:2px;
border: 1px black solid;
}
.link_button a:hover
{
width:200px;
display:block;
background-color:#666;
color:white;
text-decoration:none;
text-align:center;
text-transform:uppercase;
margin:0;
padding:2px;
/*padding-left:20px;
padding-right:20px;*/
border: 1px black solid;
}
.link_clicked a:visited
{
width:200px;
display:block;
background-color:#f00;
color:white;
text-decoration:none;
text-align:center;
text-transform:uppercase;
margin:0;
padding:2px;
border: 1px black solid;
}



/*  fnormaler Text Stand: 17.01.2001 RW + 24.01.01 + RW 15.02.02*/
/* font-size = Schriftgroesse   color:#000000; font-size:8pt; */
/* 10pt = 10 Punkt, Wert aenderbar besser mit Prozent-Angaben, damit man die Schrift vergroessern kann */