body 
{ 
   background-image: url(imgs/bodybg_pattern3.gif)
}

/* -- TEMPLATE ITEM CLASSES ------------------------------------ */

.templateHeaderBg
{
   background-image: url(imgs/topbg_pattern.gif);
   background-repeat: repeat-x;
}

.templateLeftBg
{
   background-image: url(imgs/left_gradient.gif);
   background-repeat: repeat-y;
}

.templateRightBg
{
   background-image: url(imgs/right_gradient.gif);
   background-repeat: repeat-y;
}

.templateMeasureRuler
{
   background-image: url(imgs/pixel_measure.gif);
   background-repeat: repeat-x;
}

.templateSubpageContactBg
{
   background-image: url(imgs/footer_bg.gif);
   background-repeat: repeat-x;
   text-align: center
}

.templateColors
{
   background-image: url(imgs/color_bar.gif);
   background-repeat: repeat-x;
}

.templateFooterGradient
{
   background-image: url(imgs/corepage_vertgradient.gif);
   background-repeat: repeat-x;
   background-color: #4C4C4C
}

/* -- GLOBAL LINKS & MENU CLASSES ----------------------------- */
 
a:link
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: underline;
   color: #E63286; 
}

a:visited
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: underline;
   color: #4A84FF; 
}

a:active
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: underline;
   color: #E63286; 
}

a:hover
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: none;
   color: #555555; 
}

a:link.menu
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: none;
   color: #666666; 
}

a:visited.menu
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: none;
   color: #666666; 
}

a:active.menu
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: none;
   color: #666666; 
}

a:hover.menu
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: none;
   color: #E63286; 
}

.menuOn
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 15px;
   text-decoration: none;
   color: #ffffff; 
}

.menuBgOn
{
   background-image: url(imgs/menu_on.gif);
   padding-left: 10px
}

.menuBgOff
{
   background-image: url(imgs/menu_off.gif);
   padding-left: 10px
}

/* -- CUSTOMER CASE PANE CLASSES ------------------------------- */

.customerTopBg
{
   background-image: url(imgs/kundcase_top.gif);
   background-repeat: repeat-x;
}

.customerMiddleBg
{
   background-image: url(imgs/kundcase_middle.gif);
   background-repeat: repeat-x;
   background-color: #404041
}

.customerBottomBg
{
   background-image: url(imgs/kundcase_bottom.gif);
   background-repeat: repeat-x;
}

/* -- GLOBAL COLOR CLASSES ------------------------------------- */

.cyan
{
   color: #27B3DF;
}

.magenta
{
   color: #E63286;
}

.yellow
{
   color: #FCE642;
}

.black
{
   color: #000000;
}

.white
{
   color: #FFFFFF;
}

.gray
{
   color: #555555;
}

/* -- GLOBAL BACKGROUND COLOR CLASSES--------------------------- */

.ultralight
{
   background-color: #F2F2F2;
}

.light
{
   background-color: #747474;
}

.dark
{
   background-color: #4C4C4C;
}

.medium
{
   background-color: #CCCCCC;
}

.contentBg
{
   background-color: #EAEAEA;
}

/* -- FONT CLASSES --------------------------------------------- */

.H1
{
   font-family: arial;
   font-size: 18px;
   font-weight: normal;
   line-height: 22px; 
}

.H2
{
   font-family: verdana;
   font-size: 12px;
   font-weight: bold;
   line-height: 14px; 
}

.H3
{
   font-family: verdana;
   font-size: 11px;
   font-weight: bold;
   line-height: 15px; 
}

.B1
{
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   line-height: 14px; 
   color: #555555;
}

.B2
{
   font-family: verdana;
   font-size: 9px;
   font-weight: normal;
   line-height: 13px; 
   color: #ffffff;
}

/* -- INPUT FIELD CLASSES -------------------------------------- */

.inputText
{
   border: 1px solid #777777;
   background-color: #ffffff;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   width: 130px;
   font-family: verdana;
   font-size: 11px;
   font-weight: normal; 
   color: #555555;
}

.button
{
   border: 1px solid #777777;
   background-color: #27B3DF;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   width: 130px;
   font-family: verdana;
   font-size: 11px;
   font-weight: normal; 
   color: #ffffff;
}

/* -- PANE & MARGIN CLASSES ------------------------------------ */

.panePadding
{
   padding: 6px;
   padding-left: 0px;
}

.paneBorder
{
   border-style: solid;
   border-color: #747474;
   border-width: 2px;
   background: #404040;
}

.rMargin
{
   margin-right: 3px;
}

.arrow
{
   vertical-align: middle;
}