﻿nothing{}

/* ----- GENERAL DEFINITIONS -------------------------------- */

body 
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-color: #ffffff;
    font-family: "Trebuchet MS", Helvetica, Sans-Serif;
    color: #000000;
    font-size: 13px;
    line-height: 120%;
}

table
{
    padding: 0px;
    border: 0px;
    margin: 0px;
    border-collapse: collapse;
}



td
{
    padding: 0px;
    border: 0px;
    margin: 0px;
}

div
{
    padding: 0px;
    margin: 0px;
    text-align: left;
}

img
{
    border: 0px;
}

h1
{
    font-size: 20px;
    font-weight: bold;
    font-family: "Arial Black";
    margin-top: 17px;
    margin-bottom: 5px;
}

h2
{
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    margin-top: 12px;
    margin-bottom: 5px;
}

p
{
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2 + p
{
    margin-top: 6px;
}

p.Introduction
{
    font-weight: bold;
}

a, a:visited
{
    color: #c00;
    text-decoration: none;
}


a:hover
{
    color: #c00;
    text-decoration: underline;
}

a:active
{
    color: #000000;
}

div.SiteWrapper
{
    width: 958px;
    position: relative;     
}

.Alert
{
    color: #cc0000;
}

a.StandAloneLink
{
    display: block;
    width: 100px;
    white-space: nowrap;
    padding-top: 5px;
    text-decoration: underline;       
}

a.StandAloneLink:hover
{
    text-decoration: underline;
}

div.HorizontalDivider
{
    font-size: 1px;
    border-bottom: 1px solid #ffffff;
    height: 1px;
    overflow: hidden;
    clear: both;
    margin: 0px;
}


/* ----- TOP AREA -------------------------------- */

div.TopAreaWrapper
{
    position: relative;    
    background: url(/bilder/TopAreaBg.png) no-repeat;
    overflow: hidden;
    height: 185px;
}


div.TopAreaWrapper img
{
    width: 565px;
    height: 110px;
    margin: 25px 0px 0px 40px;
}
    



/* ----- RIGHT MENU -------------------------------- */

div.RightMenuWrapper
{
    position: absolute;
    top: 187px;
    left: 734px;
    width: 224px;
}

div.RightMenu
{

}

a.RightMenu
{
    display: block;
    padding: 5px 0px 9px 7px;
    background: #e4eef9 url(/bilder/RightMenuBg.gif) 0px 0px no-repeat;
    margin-bottom: 2px;    
}

a.RightMenu:hover
{

    background: #e4eef9 url(/bilder/RightMenuBg.gif) 0px -100px no-repeat;
 
}

a.RightMenu img
{
    display: block;
    height: 50px;
    width: 210px;
}

/* ----- MAIN PAGE -------------------------------- */

div.MainAreaWrapper
{
    position: absolute;
    top: 187px;
    width: 732px;
}

div.MainAreaTop
{
    position: absolute;
    background: url(/bilder/MainAreaTopBg.gif) no-repeat;
    width: 732px;
    height: 12px;
    z-index: 100;    
}

div.MainAreaContentWrapper
{
    position: relative;
    top: 5px;
    background: url(/bilder/MainAreaMiddleBg.gif) repeat-y;
}  

div.MainAreaBottom
{
    position: relative;
    top: 0px;
    background: url(/bilder/MainAreaBottomBg.gif) no-repeat;
    height: 14px;
}      

div.MainAreaBottomTransparent
{
    position: relative;
    top: 0px;
    background: url(/bilder/MainAreaBottomTransparentBg.gif) no-repeat;
    height: 14px;
}     

div.MainAreaContent
{
    padding: 0px 7px 10px 7px;
}

table.MainAreaContent 
{
    background: #eee url(/bilder/MainContentBg.gif) no-repeat;
}

div.MainAreaContentEnd
{
    background: #baf9ba url(/bilder/MainContentBottomBg.gif) no-repeat;
    height: 5px;
    font-size: 1px;
}


/* ----- START PAGE -------------------------------- */

img.StartPageImage
{
    display: block;
    padding-left: 7px;
}

div.StartPageTextWrapper
{
    width: 514px;
    height:256px;
    position: absolute;
    top: 100px;
    left: 42px;
    /*background-color: #ff0000;*/
}

div.StartPageText
{
    padding: 5px 15px 0px 15px;
    font: normal 18px Arial;
}

div.StartPageText p
{
    margin: 0px;
    padding-top: 15px;
    font-size: 24px;
    font-family: Tahoma, Geneva, Sans-Serif;
    
}



table.StartPageText
{
    width: 100%;
    height:100%;
}    

div.StartPageTextLink
{
    text-align: right;
    font: bold 18px Arial;
}

a.StartPageTextLink
{
    text-decoration: none;
}


span.StartPageTextLinkArrow
{
    font: normal 60px Arial;
    vertical-align: -13%;
}


/* ----- CONTENT PAGE -------------------------------- */


td.ContentPageTextWrapper
{
    padding: 0px 15px 10px 15px;
    width: 400px;
}

td.ContentPageImageWrapper
{
    padding-top: 15px;
}

div.ContentPageImageTop
{
    margin-top: 15px;
    width: 222px;
    height: 15px;
    background: url(/bilder/ProductPageImageTopBg.gif) no-repeat;
}

div.ContentPageImageMiddle
{
    width: 222px;
    background:  white;
    text-align: center;
}

div.ContentPageImageBottom
{
    width: 222px;
    height: 50px;
    background:  url(/bilder/ProductPageImageBottomBg.gif) no-repeat;
    margin-bottom: 20px;
}



/* ----- PAGE FOOTER -------------------------------- */

div.PageFooterWrapper
{
    border-top: 1px solid #cccccc;
    position: relative;
    top: 5px;
    margin: 0px 7px 0px 7px;
}

td.PageFooter
{
    padding: 7px 7px 5px 7px;
    font-size: 11px;
    color: #666666;
}

td.PageFooter link{
	color: #666666;
	text-decoration:none;
}

td.PageFooter img
{
    display:block;
}

/* ----- MEDIA PAGE -------------------------------- */

span.MediaDate
{
    display: block;
    color: #666666;
    padding-bottom: 4px;
}




/* ----- PRODUCT GROUP PAGE -------------------------------- */

td.ProductGroupHeader
{
    padding: 0px 200px 10px 15px;

}

td.CyclistWrapperLeft
{
    width: 222px;
    padding: 0px 5px 10px 16px;
    background:  url(/bilder/cyclist-wrapper-bg.gif) 16px bottom no-repeat;        
}

td.CyclistWrapperMiddle
{
    width: 222px;
    padding: 0px 5px 10px 5px;
    background:  url(/bilder/cyclist-wrapper-bg.gif) 5px bottom no-repeat;    
}

td.CyclistWrapperRight
{
    width: 222px;
    padding: 0px 16px 10px 5px;
    background:  url(/bilder/cyclist-wrapper-bg.gif) 5px bottom no-repeat;    
}

div.CyclistWrapper
{
    padding: 15px 10px 10px 10px;
    margin: 0px;
    background:  url(/bilder/cyclist-wrapper-bg.gif) no-repeat;
    width: 202px;
    overflow: hidden;
}

td.CyclistRowSpacer
{
    height: 15px;
}

h2.Cyclist
{
    padding: 10px 0px 6px 0px;
    
    margin: 0px;
}   

div.CyclistWrapper img
{
    border: 1px solid #666;
    background: white;
    display:block;
    margin: 0px auto;
}

div.CyclistBottom
{
    margin: 0px 0px 15px 0px;
    padding: 0px;
    height: 10px;
    font-size: 1px;
    background:  url(/bilder/CyclistBottomBg.gif) no-repeat;
}

td.CyclistPrice
{
    font: bold 16px Arial;
    padding: 3px 0px 0px 0px;
}

a.CyclistMoreInfo
{
    font: bold 12px Arial;
    display: block;
    text-align: center;
    padding: 4px 0px 0px 0px;   
}

img.CyclistBtn
{
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}

/* ----- PRODUCT PAGE -------------------------------- */

td.ProductPageTextWrapper
{
    padding: 0px 15px 10px 15px;
    width: 400px;
}

td.ProductPageImageWrapper
{
    padding-top: 15px;
}

div.ProductPagePrice
{
    font: bold 20px Arial;
    padding: 15px 0px 0px 0px;
}

div.ProductPageImageTop
{
    margin-top: 15px;
    width: 222px;
    height: 50px;
    background: url(/bilder/ProductPageImageTopBg.gif) no-repeat;
}

div.ProductPageImageMiddle
{
    width: 222px;
    background:  white;
    text-align: center;
}

div.ProductPageImageBottom
{
    width: 222px;
    height: 50px;
    background:  url(/bilder/ProductPageImageBottomBg.gif) no-repeat;
    margin-bottom: 20px;
}


img.ProductPageBuyBtn
{
    margin: 0px 0px 3px 20px;
    vertical-align: middle;
}

/* ----- FAQ PAGE -------------------------------- */
h2.Faq
{
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 5px;
}

/* ----- PHOTOVIEWER PAGE -------------------------------- */

div#PhotoViewer
{
    width: 215px; 
    float: left;
    margin-top: 10px;
    display: none;
}

div.ThumbnailWrapper
{
    float: left;
    text-align: center;
    width: 37px;
    height: 37px;
    background: #000 url(/imagens/estrutura/thumbnail-wrapper-bg.gif) no-repeat;
    margin: 0px 3px 3px 0;
    padding: 0px;
    border: 1px solid #000;
    line-height: 37px;   
    cursor: pointer;
    overflow: hidden;
}


div.ThumbnailWrapper:hover
{
    background: #ccc;
    border: 1px solid #fff;
}

div#PhotoViewer img
{
    vertical-align: middle;
    position: relative;
    margin: 0px auto;
    
}

div#PhotoWindow img
{
    vertical-align: middle;
    border: 1px solid #000;
    margin-top: 10px;
    margin-bottom: 5px;
}

div#PhotoWindow
{
    width: 470px;
    height: 500px;
    background: #ccc url(/bilder/photo-window-bg.png) no-repeat;
    border: 1px solid black;
    float: right;
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    display:none;
}

span#PhotoCaption
{
    margin: 0 20px;
}

div#LoadingScreen
{
    padding: 20px 0;
    text-align: center;
}

/* ----- GALLERI -------------------------------- */

#galleri {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#galleri li {
	display: inline;
	margin: 5px;
}

#galleri img {
	width: 200px;
}

