/* ---> BODY STYLES <--- */

/* OK --- body layout = scroll background text */
body         { scrollbar-face-color: #fffff0; scrollbar-highlight-color: #fffff0; 
               scrollbar-shadow-color: #0000ff; scrollbar-arrow-color: #0000ff; 
               scrollbar-track-color: #dddddd; scrollbar-darkshadow-color: #fffff0;
               scrollbar-base-color: #0000ff; background-color: #eeeeee;
               font-size: 11px; color: #000000; font-family: Verdana, Arial }
               
/* OK --- p style */
p            { margin-top: 3; margin-bottom: 3 }

/* OK --- horizontal line */
hr           { color: #0000ff; height: 1pt }


/* ---> LINK STYLES <--- */

/* OK --- pseudo link */
a:link       { font-weight: normal; color: #0000e0; text-decoration: none }
a:visited    { font-weight: normal; color: #0000e0; text-decoration: none }
a:hover      { font-weight: normal; color: #000080; text-decoration: underline }
a:active     { font-weight: normal; color: #000080; text-decoration: none }

/* OK --- link top navigation */
a.topmenu    { font-size: 11px; text-decoration: none; color: #0000e0 }
a.topmenu:hover { text-decoration: underline; color: #000080 }

/* ?? --- link side navigation */
a.sidemenu   { font-weight: normal; font-size: 11px, text-decoration: none; color: #0000E0; 
               font-variant: small-caps }
a.sidemenu:hover { text-decoration: underline; color: #000080 }

/* ?? --- link ext */
a.extlink    { font-weight: normal; font-size: 11px, 'text-decoration none'; color: #0000E0 }
a.extlink:hover { text-decoration: underline; color: #ff0033 }


/* ---> TABLE STYLES <--- */

/* table standard */
table        { background-color: transparent; border-style: none }

/* cell standard */
td           { font-size: 11px }

/* table main */
.main        { width: 970px; background-color: transparent; border-style: none; border-width: 1pt }


/* ---> CELL STYLES <--- */

/* cell logo */
.logo        { width: 200px; height: 70px; vertical-align: middle; text-align: center }

/* cell banner */
.banner      { width: 750px; height: 70px }

/* cell logo text */
.logohead    { font-weight: normal; font-size: 10px; vertical-align: middle; color: #ffffe1; 
               height: 20px; background-color: #0000ff; text-align: center }
               
/* cell top navigation new table */
.navihead    { vertical-align: middle; color: #0000ff; 
               background-color: #ffffe1; height: 20px; width: 750px; 
               border: 1pt solid #0000ff }
/* cell left */
.left        { width: 200px; vertical-align: top }

/* cell spacing 20 */
.space20     { width: 20px }

/* cell content*/
.content     { width: 580px; vertical-align: top }

/* contentBIG */
.contentBIG  { width: 750px; vertical-align: middle }

/* cell spacing 10 */
.space10     { width: 10px }

/* cell right*/
.right       { width: 160px; vertical-align: top }


/* ---> MENU STYLES <--- */

/* menu left bgcolor */
.mleft       { width: 200px; background-color: #ffffe1; border-left: 1px solid #0000ff; border-top: 1px solid #0000ff; border-right: 1px solid #0000ff; border-bottom: 1px solid #0000ff }

/* menu left white */
.wleft      { width: 200px; background-color: #ffffff; border-left: 1px solid #0000ff; border-top: 1px solid #0000ff; border-right: 1px solid #0000ff; border-bottom: 1px solid #0000ff }

/* menu content bgcolor */
.mcontent    { width: 578px; background-color: #ffffe1; border-left: 1px solid #0000ff; border-top: 1px solid #0000ff; border-right: 1px solid #0000ff; border-bottom: 1px solid #0000ff }

/* menu content white */
.wcontent    { width: 578px; background-color: #ffffff; border-left: 1px solid #0000ff; border-top: 1px solid #0000ff; border-right: 1px solid #0000ff; border-bottom: 1px solid #0000ff }

/* menu content unvisible */
.ucontent    { width: 578px; background-color: #eeeeee; vertical-align: top; border-style: none; border-width: 1px }

/* menu right bgcolor */
.mright      { width: 160px; background-color: #ffffe1; border-left: 1px solid #0000ff; border-top: 1px solid #0000ff; border-right: 1px solid #0000ff; border-bottom: 1px solid #0000ff }

/* menu right white */
.wright      { width: 160px; background-color: #ffffff; border-left: 1px solid #0000ff; border-top: 1px solid #0000ff; border-right: 1px solid #0000ff; border-bottom: 1px solid #0000ff }

/* menu right unvisible */
.uright      { width: 160px; background-color: #eeeeee; border-style: none; border-width: 1px }

/* top cell in menu */
.tablehead   { font-weight: bold; font-size: 12px; color: #fcf6fd; background-color: #0000ff; 
               text-align: center; padding: 2pt }
               
/* grey bg link */
.linkgbg     { width: 100%; background-color: #cdcdcd; border-style: none; border-width: 
               medium; padding: 5px }

/* text on grey bg */
.textgbg     { font-size: 13px; font-weight: bold; color: #0000ff }


/* ---> FOOTER STYLE <--- */

/* cell foot */
.foot        { height: 20px; vertical-align: middle; color: #0000ff; background-color: 
               #ffffe1; font-size: 11px; border: 1pt solid #0000ff }


/* --> TEXT STYLES <--- */

/* text small */
.txt_small {font-size: 8px }

/* ---> FIELD STYLES <--- */

input.field  { background-color: #ffffff; font-family: Verdana; font-size: 11px; 
               border: 1px solid #808080 }
textarea.field { background-color: #ffffff; font-family: Verdana; font-size: 11px; 
               border: 1px solid #808080 }
select.field { background-color: #ffffff; font-family: Verdana; font-size: 11px; 
               border: 1px solid #808080 }


/* SHOP-Sachen überarbeiten */
.news        { width: 600px; background-color: transparent; border-style: none; 
               border-width: medium }
               
.newshead        { width: 600px; height: 40px; background-color: #ffffe1; border: 1pt solid #0000ff;
						text-align: center}


/* cell spacing 320 */
.cell320     { width: 320px }

/* cell spacing 250 */
.cell250     { width: 250px }

/* table standard */
.utable      { width: 318px; background-color: transparent; border-style: none; border-width: 1pt }