/*div { border: 1px solid silver;}*/

hr  { display: none; }

img { padding: 0; border: 0; margin: 0; }

.hide { visibility: hidden; display: none; }
.clear	{ clear: both; }

.blind	{ position: absolute; overflow: hidden; width: 0; height: 0; }
.blind:active, .blind:focus { position: absolute; overflow: visible; width: auto; height: auto; } 


body 
{ 
padding: 0; border: 0; margin: 0;

font: normal 12.5px Arial,sans-serif;
background-color: #fff;
color: #000;
}

h1, h2, h3, h4, h5, h6 	{ font-size: 13px; }
h2 { font-size: 15px; }

h1 span { display: none; }

p, td { font: normal 12.5px Arial,sans-serif; }

a.link, a:active.link, a:visited.link { color: #5194AF; }

a, a:active, a:visited { color: #00234C; }


.simpleLine
{
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #AFAFAF;
}

/* ########################################################## */
#header 
{
width: 900px; /*907 807px;*/
height: 113px;
overflow: hidden;
}

.basketAndAccount 
{
position: absolute;
top: 16px;
left: 530px;
overflow: hidden;
width: 360px;
}

.basketAndAccount1
{
width:100px; 
float:left; 
text-align:right;
}

.basketAndAccount2
{
width:250px; 
float:left; 
text-align:left;
}

#historyAndSearch 
{
width: 900px; /*907 807px;*/
height: 28px; /*32px;*/
background-color: #E6E6E6;
}


/* ########################################################## */
#history
{
float: left;
margin-top: 5px;
margin-left: 2px;
font: normal 11.5px Arial,sans-serif;
}

#search
{
float: right;
margin-right: 5px;
}

.searchLabel
{
margin: 0;
padding: 0;
color: #3D7085;
font: bold 10.0px Arial,sans-serif;
}

.searchText
{
margin: 0;
padding: 0;
margin-top: 4px;
margin-left: 4px;
width: 125px;
height: 17px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}

.searchArea
{
font: bold 10.0px Arial,sans-serif;
margin: 0;
padding: 0;
margin-top: 4px;
margin-left: 4px;
height: 17px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}

.searchSubmit 
{
height: 19px;
font: bold 10.5px Arial,sans-serif;
color: #FFFFFF;
background-color: #5194AF;
border-width: 1px;
}

.searchOptions
{
margin: 0;
padding: 0;
color: #3D7085;
font: bold 10.0px Arial,sans-serif;
text-decoration: underline;
}
/* ########################################################## */


#content 
{
margin-top: 2px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #AFAFAF;
height: auto;
width: 900px;
overflow: hidden;
}

div.bg1
{
background-image: url(/CH/de/templates/pics/de_tg_main_content_bg1.jpg);
background-repeat: repeat-y;
}

div.bg2
{
background-image: url(/CH/de/templates/pics/de_tg_main_content_bg2.jpg);
background-repeat: repeat-y;
}

div.bg2b
{
background-image: url(/CH/de/templates/pics/de_tg_main_content_bg2b.jpg);
background-repeat: repeat-y;
}

div.bg2c
{
background-image: url(/CH/de/templates/pics/de_tg_main_content_bg2c.jpg);
background-repeat: repeat-y;
}

div.bg2x
{
background-image: url(/CH/de/templates/pics/de_tg_main_content_bg2x.jpg);
background-repeat: repeat-y;
}

#left
{
width: 155px;
float: left;
overflow: hidden;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

#middle
{
width: 470px; /* 475 - 5 */
float: left;
overflow: hidden;
margin-left: 3px;
margin-right: 2px;
margin-top: 10px;
}

#middle1
{
width: 740px; /* middle + right 750 - 5 */
float: left;
overflow: hidden;
margin-left: 3px;
margin-right: 2px;
margin-top: 10px;
}

#right
{
width: 260px; /* 275 - 5 */
float: left;
overflow: hidden;
margin-left: 3px;
margin-right: 2px;
margin-top: 10px;
}


/* ########################################################## */
h2.headline { color: #00234C;  padding-left: 5px;}
div.content1 {line-height: 150%; color: #00234C; padding-left: 5px;}
div.content2 {line-height: 150%; color: #00234C; padding-left: 5px;}

div.content1 * {line-height: 150%; }
div.content2 * {line-height: 150%; }

/*
div.content1, div.content1 span *, div.content1 * td {line-height: 150%; color: #00234C; padding-left: 5px;}
div.content2, div.content2 span *, div.content2 * td {line-height: 150%; color: #00234C; padding-left: 5px;}
*/
div.image { padding-left:10px;}

img.logo
{
position: absolute;
top: 20px;
left: 20px;
}

.formInput {width: 200px; }
.formButton 
{
margin: 0;
padding: 0;
color: #FFFFFF;
background-color: #5194AF;
border-width: 1px;
}

/* ########################################################## */
#mainmenu
{
padding: 0; border: 0; margin: 0;

position: absolute;
top: 50px;
left: 630px; /*530px; */ /*520px */
width: 260px;
}

#mainmenu li { display:inline; list-style: none; }
#mainitem_1 { }
#mainitem_2 { }
#mainitem_3 { }
/* ########################################################## */

/* ########################################################## */
#metamenu
{
padding: 0; border: 0; margin: 0;

position: absolute;
top: 85px;
left: 0px;
width: 900px; /*807px;*/
height: 28px;
background-image: url(/CH/de/templates/pics/de_tg_balken.jpg);
background-repeat: no-repeat;
}

#metamenu li { display: inline; list-style: none; margin: 0; padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #FFFFFF; line-height: 28px;}
#metaitem_1 { }
#metaitem_2 { }
#metaitem_3 { }
#metaitem_4 { }

#metamenu li a 
{
/*font: bold 0.9em Arial,sans-serif;*/
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

#metamenu li a:hover 
{
text-decoration: underline;
}
/* ########################################################## */


/* ########################################################## */
span.historyLink, 
span.historyLink a,
span.historyLink a:active,
span.historyLink a:visited
{ 
color: #5194AF; 
}

span.historyActive 
{ 
color: #000000;
}
/* ########################################################## */


/* ########################################################## */
div.treeLevel0
{ 
padding-top: 4px;
padding-left: 4px;

height: 22px;
font: bold 12.5px Arial,sans-serif;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #AFAFAF;

background-color: #FFFFFF;
}

div.treeLevel0Active
{
padding-top: 4px;
padding-left: 4px;

height: 22px;
font: bold 12.5px Arial,sans-serif;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #AFAFAF;

background-color: #002C59;
}

div.treeLevel0 a, div.treeLevel0 a:active, div.treeLevel0 a:visited
{
color: #000000;
text-decoration: none;
}

div.treeLevel0Active a, div.treeLevel0Active a:active, div.treeLevel0Active a:visited 
{
color: #FFFFFF;
text-decoration: none;
}



div.treeLevel1
{ 
padding-top: 2px;
padding-left: 12px;
height: 16px;
font: bold 12px Arial,sans-serif;

background-color: #FFFFFF;
}

div.treeLevel1Active
{
padding-top: 2px;
padding-left: 12px;
height: 16px;
font: bold 12px Arial,sans-serif;

background-color: #FFFFFF;
}

div.treeLevel1 a, div.treeLevel1 a:active, div.treeLevel1 a:visited 
{
color: #000000;
text-decoration: none;
}

div.treeLevel1Active a, div.treeLevel1Active a:active, div.treeLevel1Active a:visited 
{
color: #5194AF;
text-decoration: underline;
}



div.treeLevel2
{
padding-top: 2px;
padding-left: 18px;
font: normal 11.5px Arial,sans-serif;

background-color: #FFFFFF;
}

div.treeLevel2Active
{
padding-top: 2px;
padding-left: 18px;
font: normal 11.5px Arial,sans-serif;

background-color: #FFFFFF;
}

div.treeLevel2 a, div.treeLevel2 a:active, div.treeLevel2 a:visited 
{
color: #000000;
text-decoration: none;
}

div.treeLevel2Active a, div.treeLevel2Active a:active, div.treeLevel2Active a:visited 
{
color: #5194AF;
text-decoration: underline;
}



div.treeLevel3
{ 
padding-top: 2px;
padding-left: 24px;
font: normal 11px Arial,sans-serif;

background-color: #FFFFFF;
}

div.treeLevel3Active
{
padding-top: 2px;
padding-left: 24px;
font: normal 11px Arial,sans-serif;

background-color: #FFFFFF;
}

div.treeLevel3 a, div.treeLevel3 a:active, div.treeLevel3 a:visited 
{
color: #000000;
text-decoration: none;
}

div.treeLevel3Active a, div.treeLevel3Active a:active, div.treeLevel3Active a:visited
{
color: #5194AF;
text-decoration: underline;
}

/* ########################################################## */


/* ########################################################## */
#copy
{
padding-top: 15px;
padding-bottom: 15px;
width: 900px;
clear: both;
float: left;
font: bold 11px Arial,sans-serif;
color: #666666;
text-align: center;
}

/* ########################################################## */


/* ########################################################## */
a.shopCartMenu, a:active.shopCartMenu, a:visited.shopCartMenu
{
font: bold 11px Arial,sans-serif;
color: #00234C;
text-decoration: none;	
}

a:hover.shopCartMenu
{
font: bold 11px Arial,sans-serif;
color: #00234C;
text-decoration: underline;
}
/* ########################################################## */


/* ########################################################## */

.ListNavigator
{
padding-left: 2px;
padding-right: 2px;
font: normal 14.0px Arial,sans-serif;
color: #000000;
text-decoration: none;
}

.productsList
{

}

.productsSelect
{
background-color: #D9E0E6;	
}

.productsName
{
padding-left: 0px;
font: bold 11px Arial,sans-serif;
color: #000000;
text-decoration: none;
}

.shopsName
{
padding-left: 0px;
font: normal 11px Arial,sans-serif;
color: #000000;
text-decoration: none;
}

.productsDescription
{
padding-left: 0px;
font: normal 11px Arial,sans-serif;
color: #000000;
text-decoration: none;
}

.productsId
{
/*margin-left: 5px;*/
font: normal 11px Arial,sans-serif;
}

.radioSize
{
/*margin-left: -5px;*/
}

.productsSize
{
font: normal 11px Arial,sans-serif;}

.productsPrice
{
font: bold 11px Arial,sans-serif;}

.productsBasePrice
{
font: normal 11px Arial,sans-serif;}

.productsCount
{
font: normal 11px Arial,sans-serif;}

.textCount
{
width: 25px;
font: normal 11px Arial,sans-serif;
}

.productsLine
{
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #AFAFAF;
}


/* ########################################################## */
.productsDetail
{
padding-left: 2px;
}

.productsSimilar
{
font: normal 11px Arial,sans-serif;
width: 270px;
height: 80px;
background-image: url(/CH/de/templates/pics/de_tg_shop_similar.jpg);
background-repeat: no-repeat;
}

.productsDetailFont
{
font: normal 11px Arial,sans-serif;
}

.productsDetailId
{
font: normal 11.5px Arial,sans-serif;
}

.productsDetailName
{
font: bold 15px Arial,sans-serif;
color: #002C59;
padding:0;
border:0;
margin:0;
}

.productsDetailInfo1
{
font: normal 11px Arial,sans-serif;
}

.productsDetailTeaColor
{
font: normal 11px Arial,sans-serif;
width: 120px;
height: 120px;
background-image: url(/CH/de/templates/pics/de_tg_shop_teacolor.jpg);
background-repeat: no-repeat;
padding-top: 20px;
padding-left: 130px;
}

.productsDetailText
{
font: normal 11px Arial,sans-serif;
padding-bottom: 5px;
}

.productsDetailAlt
{
font: bold 11px Arial,sans-serif;
color: #002C59;
padding-top: 15px;
padding-bottom: 5px;
}

.productsDetailAltLink
{
font: bold 11px Arial,sans-serif;
}


.moduleRow { }
.moduleRowOver { background-color: #E6E5ED; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #C0CAD6; }


.gotoLinkButton
{
font: bold 14px Arial,sans-serif;
letter-spacing: 1px;
}