/* =====================================
    CSS Styles For Commerce Server Site
    v1.0, 10/2001
   =====================================
*/

/* ============= HTML Tags ============= */
/* */

/* */

body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    background-color: whitesmoke;
}
/* ============= Classes =========== */
A
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #abac60;
    text-decoration: none;
}

/* */
A:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #8a8b51;
    text-decoration: underline;
}

/* ---------- USER Controls -------- */

.localeBkg
{
	background-image: url(DarkBkg.jpg)
}

.localeTitle
{
	width: 320px;
	background-image: url(BoxLt_Top2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000
}

.localeTopMiddleRight
{
	background-image: url(BoxLt_Top.gif)
}


.linkOnLocalesPg
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none
}

.linkOnLocalesPg1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #568578;
	text-decoration: none
}

.linkOnLocalesPg1:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #65A997;
	text-decoration: none
}

.linkOnLocalesPg2:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A3D0C5;
	text-decoration: none
}

.linkOnLocalesPg3:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D2E5D3;
	text-decoration: none
}

.linkOnLocalesPg4:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CABC99;
	text-decoration: none
}

.linkOnLocalesPg5:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5FA6AE;
	text-decoration: none
}

.linkOnLocalesPg6:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}


.linkOnLocalesPg:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: underline
}


.textOnLocalesPg
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC
}

.roundedCorner 
{  
	background-image: url(RoundedCorner.jpg);
	background-repeat: no-repeat
}

.secGrauTitle
{
	font-family: Verdana;
	font-size: 32px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitle:focus
{
	font-size: 32px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitle:active
{
	font-size: 32px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitle:visited
{
	font-size: 32px;
	color: #D0DAE0;
    text-decoration:none;
}

.secGrauTitle:hover
{
	font-size: 32px;
	color: #D0DAE0;
    text-decoration:none;
}



/* ============= ====== ============= */


.secGrauTitleSmall
{
	font-size: 17px;
	color: darkgray;
	font-family: Tahoma;
	text-decoration: none;
}

.secGrauTitleSmall:focus
{
	font-size: 24px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitleSmall:active
{
	font-size: 24px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitleSmall:visited
{
	font-size: 24px;
	color: #D0DAE0;
    text-decoration:none;
}

.secGrauTitleSmall:hover
{
	font-size: 24px;
	color: #D0DAE0;
    text-decoration:none;
}


/* ============= ====== ============= */


.secProdTitle
{
	font-family: Verdana;
	font-size: 14px;
	color: #018CCF;
	font-weight: bold;
	text-decoration: none;	
}

.secProdTitle:focus
{
	font-size: 14px;
	color: #018CCF;
	text-decoration: none;
}

.secProdTitle:active
{
	font-size: 14px;
	color: #018CCF;
	text-decoration: none;
}

.secProdTitle:visited
{
	font-size: 14px;
	color: #018CCF;
	text-decoration: none;
}

.secProdTitle:hover
{
	font-size: 14px;
	color: #F5A3A3;
	text-decoration: none;
}

/* ============= ====== ============= */


.secProdTitleParts
{
	font-family: Verdana;
	font-size: 14px;
	color: #735B88;
	font-weight: bold;
	text-decoration: none;	
}

.secProdTitleParts:focus
{
	font-size: 14px;
	color: #735B88;
	text-decoration: none;
}

.secProdTitleParts:active
{
	font-size: 14px;
	color: #735B88;
	text-decoration: none;
}

.secProdTitleParts:visited
{
	font-size: 14px;
	color: #735B88;
	text-decoration: none;
}

.secProdTitleParts:hover
{
	font-size: 14px;
	color: #F5A3A3;
	text-decoration: none;
}


/* ============= ====== ============= */

/* ============= ====== ============= */


.secFormTableCell
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	BORDER-RIGHT: white 1px solid;
}

.secFormTableCellRechtsauf
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.secFormTableCell:focus
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCell:active
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCell:visited
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCell:hover
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

/* ============= ====== ============= */

.secFormTableCellZu
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
}

.secFormTableCellZu:focus
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCellZu:active
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCellZu:visited
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCellZu:hover
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

/* ============= ====== ============= */


/* ============= ====== ============= */

.secGrauLink
{
    font-size: 11px;
    color: black;
    font-family: arial;
    text-decoration: none;
}
.secGrauLink:unknown
{
    FONT-SIZE: 10px;
    COLOR: #b7b7b7;
    TEXT-DECORATION: none
}
.secGrauLink:hover
{
    font-size: 11px;
    color: goldenrod;
    font-family: Arial, Verdana ;
    text-decoration: none;
}

/* ============= ====== ============= */


.secFormMessage
{
	font-family: Verdana;
	font-size: 9px;
	color: #21A0DC;
	text-decoration: none;
}

.secFormMessage:focus
{
	font-size: 9px;
	color: #21A0DC;
	text-decoration: none;
}

.secFormMessage:active
{
	font-size: 9px;
	color: #21A0DC;
	text-decoration: none;
}

.secFormMessage:visited
{
	font-size: 9px;
	color: #21A0DC;
    text-decoration:none;
}

.secFormMessage:hover
{
	font-size: 9px;
	color: #21A0DC;
    text-decoration:none;
}

/* ============= ====== ============= */

/* ============= ====== ============= */


/* ============= ====== ============= */


.secFormCellA
{
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color:#EBF6FA;
}

.secFormCellB
{
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color:#D3EBF7;
}
.secFormCellC
{
	border-right: ghostwhite 1px solid;
	padding-right: 11px;
	border-top: ghostwhite 1px solid;
	padding-left: 11px;
	padding-bottom: 7px;
	border-left: ghostwhite 1px solid;
	padding-top: 7px;
	border-bottom: ghostwhite 1px solid;
	background-color: ghostwhite;
}
.secFormCellD
{
	padding-right: 11px;
	padding-left: 11px;
	padding-bottom: 7px;
	padding-top: 7px;
	background-color: lightskyblue;
}


Table
{
	text-justify: auto;
	font-size: 8pt;
	vertical-align: baseline;
	color: black;
	font-family: Verdana;
	text-align: justify;
}
.content
{
	padding-right: 7px;
	padding-left: 7px;
	font-size: 8pt;
	padding-bottom: 4px;
	margin: 7px;
	padding-top: 7px;
	font-family: Verdana;
	text-align: justify;
}
input.textbox
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 7pt;
	border-left: darkgray 1px solid;
	color: dimgray;
	border-bottom: darkgray 1px solid;
	font-family: Verdana;
}
.main_bg
{
	background-position: left top;
	background-attachment: fixed;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
}
.TopMenu
{
    background-color: lightblue;
    width: 70px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
}
A.TopMenu
{
    background-color: lightblue;
     width: 70px;
    height: 40px;
    
}
A.TopMenu:hover
{
     background-color: red;
     width: 70px;
    height: 40px;
}
.main_frame
{
    font-size: 10pt;
    color: gray;
    font-family: Arial;
    background-color: white;
    background-image: url(main_bg.jpg);
}
/* ------------------------------------------------------------------
Base
Styles to be used globally throughout a site
------------------------------------------------------------------ */


/* Reset CSS
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {margin-left:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


/* Fonts
----------------------------------------------- */
/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:11px arial,helvetica,clean,sans-serif;*font-size:71%;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.42em;}


/* Tags
------------------------------------------------------------------ */

p { margin-bottom: 15px; } 
ul { margin-bottom: 15px; margin-left: 25px; list-style-type: square; }
ol { margin-bottom: 15px; margin-left: 25px; list-style-type: decimal; }
dl { margin-bottom: 15px; }
dl dt { padding-left: 0; margin-top: 10px; }
dl dd { margin-left: 15px; }
blockquote { background: #f8f8f8; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; color: #444; font-size: 90%; padding: 15px 15px 0 15px; margin-bottom: 15px; }
table { font-size: 100%; border-collapse: collapse; border-spacing: 0; }
td, th {vertical-align: top; } 
h1, h2, h3, h4, h5 { color: #8fa1ac; text-transform: uppercase; font-weight: bold; margin-bottom: 7px; letter-spacing: -1px; } 
h1 { font-size: 180%; margin-bottom: 15px; line-height: 110%; } 
h2 { font-size: 140%; line-height: 110%; } 
h3 { font-size: 125%; line-height: 110%; } 
h4 { font-size: 110%; line-height: 110%; } 
h5 { font-size: 100%; line-height: 110%; } 
small { font-size: 90%; } 



.img_home
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}
.big_title
{
    font-weight: bold;
    font-size: x-small;
    text-transform: uppercase;
    color: firebrick;
    font-family: Tahoma, Arial;
    text-decoration: underline overline;
}