/* CSS Document */

body {
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
	font-family  : Arial, Helvetica, sans-serif;
	font-size : 11px;
	background-image:url(/images/basic/allmytea_back.jpg);
	background-repeat:repeat-x;
	background-position: left bottom;
	background-attachment:fixed;
	background-color:#6AB407;
	text-align: center;
}

legend{
	color:#FF6600;
	font-weight:bold;
}

td,tr,input,select {
	font-size : 11px;
}

a
{
font-weight:bold;
color:#669900;
}

a:hover
{
color: #FF6600;
}

.br-clear
{clear:both;}


/* KONSTANT XDC TAGS ///////////////////// */


p
{
margin:0;
}


h1 {
	color:#669900;
	font-weight:bold;
	/*text-transform:uppercase;*/
	font-size:16px;
	margin-top: 15px;
	margin-bottom:0px;
	margin-left:25px;
}

h2 {
	font-size:13px;
	margin-top:0px;
	margin-left:25px;
}



h3 {

}

.headertext{
	line-height:1.5em;
	margin-left:25px;
	width:360px;
}

hr {

}

img{
	border:0;
}

.button{
  height:20px;
  font-family       : Verdana,Arial, Helvetica, sans-serif;
  border            : 1px solid #a6a6a6;
  background-color  : #FFFFFF;
  color             : #666666;
  background-image  : url(/images/basic/butback.jpg);
  padding-bottom    : 3px;
  
}

a.button {
text-decoration:none;
  
}

/* ***** Content ***** */

.left li {
list-style-image:url(/images/li.jpg);
margin: 3px 0;
}

#top10 {
padding: 0 0 20px 0;
}

#top10 a {
display: block;
margin: 2px 15px;
}

/* Sections ///////////////////// */

#mainWrap
{
height: 254px;
display:block;
background-image:url(/images/basic/allmytea_stripback.gif);
background-repeat:repeat-x;
margin: 0 auto 0 auto;
}

#topmain
{
margin-left:auto;
margin-right:auto;
width:780px;
}

#section1
{
height:184px;
display:block;
background-image:url("/images/basic/allmytea_header_all.gif");
background-repeat:repeat-x;
text-align:left;
}

#logo {
margin: 20px 0 5px 20px;
}

#contentWrap
{
margin-left:auto;
margin-right:auto;
width:780px;
text-align: left;
}

#main
{
float:left;
width:100%;
}

#loginBlock {
background:transparent url(/images/basic/allmytea_wk2.gif) no-repeat scroll right top;
height:70px;
padding:4px 15px 0pt 0pt;
text-align:right;
width:255px;
}

/* TOPMENU  ///////////////////// */
a.quick1 {
background:transparent url(/images/buts/allmytea_quick_s1.gif) no-repeat scroll left top;
display:block;
width:170px;
height: 70px;
}

a.quick2 {
background:transparent url(/images/buts/allmytea_quick_s2.gif) no-repeat scroll left top;
display:block;
width:170px;
height: 70px;
}

a.quick3 {
background:transparent url(/images/buts/allmytea_quick_s3.gif) no-repeat scroll left top;
display:block;
width:170px;
height: 70px;
}

a.quick1:hover, a.quick2:hover, a.quick3:hover {
background-position: left bottom;
}

a.quick1:active, a.quick2:active, a.quick3:active {
background-position: left center;
}

#section2
{
float:left;
height:32px;
/* margin-top: 152px;*/
display:block;
font-size: 13px;
}

#section2 ul
{
padding:0px;
margin:0 0 0 20px;
list-style:none;
padding-top: 5px;
}

#section2 li
{
float:left;
}

#section2 li a
{
text-decoration:none;
}


#section2 a.topmenubut1
{
float:left;
margin-right:40px;
}

#section2 a.topmenubut2
{
float:left;
margin-right:40px;
}

#section2 a.topmenubut3
{
float:left;
margin-right:40px;
}

#section2 a.topmenubut4
{
float:left;
margin-right:40px;
}

#section2 a.topmenubut5
{
float:left;
margin-right:40px;
}


#section2 a.topmenubut1:hover, #section2 a.topmenubut1:active
{
float:left;
margin-right:40px;
}

#section2 a.topmenubut2:hover,#section2 a.topmenubut2:active
{
float:left;
margin-right:40px;
}

#section2 a.topmenubut3:hover,#section2 a.topmenubut3:active
{
float:left;
margin-right:40px;
}

#section2 a.topmenubut4:hover,#section2 a.topmenubut4:active
{
float:left;
margin-right:40px;
}

#section2 a.topmenubut5:hover,#section2 a.topmenubut5:active
{
float:left;
margin-right:40px;
}



/* TOPMENU ENDE ///////////////////// */

/* Login Feld */

div.loginbut {
float: left; 
width: 45px; 
}

div.login {
float: left; 
text-align: right;
width: 180px;
overflow: hidden;
margin: 5px 5px 0 25px;
}

input.login {
background: url(/images/buts/login.gif) left center repeat-x;
width: 47px;
height: 41px;
border: 1px solid #CCCCCC;
color: #669900;
font-size:11px;
padding:2px;
margin-top: 5px;
}

/* Ende loginfeld */

#section3
{
background: url("/images/buts/allmytea_quick_bg.gif");
float:left;
height:70px;
display:block;
}

.splitter {
margin: 5px 0 10px -18px;
}

ul.top5 li {
list-style-image:url(/images/li.jpg);
margin: 3px 0;
color: #669900;
}

a.top5 {
display: block;
margin: 5px 0;
background: #669900;
color: #FFF;
font-weight: bold;
font-size: 12px;
padding: 3px;
text-decoration:none;
text-align: right;
width:220px;
}

a.top5:hover {
background: #FF6600;
color: #FFF;
}

div.top5 {
position: absolute; 
color: #e5e5e5; 
font-size: 25px; 
margin: 10pt 0 0 150px; 
font-weight: bold; 
font-style: italic;
}

#section3 ul
{
padding:0px;
margin:0px;
list-style:none;
}

#section3 li
{
list-style:none;
float:left;
}

#section3 li a
{
text-decoration:none;
}

.sec3title {
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
margin:10px 0pt;
}

/* SECTION4 ///////////////////// */

/* Konfiguration Liste */

.konfCont {
clear:both;
display:block;
background:url(/images/basic/title_bg.jpg) left top repeat-x;
margin:10px 0;
padding:15px;
}

.konfCont2Rows {
display:block;
background:url(/images/basic/title_bg.jpg) left top repeat-x;
margin:10px 0 0 0;
padding:15px 15px 0 15px;
width:225px;
float:left;
height:65px;
}

.konfCont2Rows .konfImg{
	width:auto;
}

.konfCont2Rows .konfBox{
	width:155px;
}

.konfImg {
/*width:85px;*/
width:100px;
float: left;
}

.konfImg img {
/*border: 1px solid #669900;*/	
border: 1px solid #dadada;
}

.konfBox {
float: right;
/*width: 380px;*/
width: 360px;
}

span.atribut {
display: block;
margin: 5px 0;
font-style: italic;
}

span.info {
display:block;
margin-bottom: 15px;
min-height:35px;
}

div.star {
position: absolute;
margin: -45px 0 0 330px;
}

/* Ende Konfiguration Liste */

/* Boxen für Infos */

.box1out {
background: url(/images/basic/help_bg.jpg) left top repeat-x; 
margin:20px; 
border: 1px solid #ebebeb; 
padding: 15px 8px;
}

.box1in {
background: url(/images/buts/allmytea_quick_bg.gif) left top repeat-x; 
width: 98%; 
height: 13px; 
color: #FFF; 
font-weight: bold; 
padding: 5px;
}

div.helpBoxOut {
background: url(/images/basic/help_bg.jpg) left top repeat-x; 
margin:20px; 
border: 1px solid #ebebeb; 
padding: 15px 8px;
}

span.helpBoxIn {
color:#ff6600; 
font-weight:bold;
}

.sideBoxTop {
background: url(/images/buts/allmytea_quick_bg.gif) left top repeat-x; 
width: 213px; 
height: 13px; 
color: #fff; 
font-weight: bold;
padding: 5px;
}

.sideBoxDown {
background: url(/images/basic/help_bg.jpg) left top repeat-x; 
width: 203px; 
margin-bottom:20px; 
border: 2px solid #ebebeb; 
padding: 10px 8px;
}

.middleBox{
	width:495px;
	margin:5px;
	margin-top:20px;
}
.middleBox .middleBoxTop {
background: url(/images/buts/allmytea_quick_bg.gif) left top repeat-x;
background-color:#66aa00; 
width: 495px; 
height: 13px; 
color: #fff; 
font-weight: bold;
padding: 5px;
}

.middleBox .middleBoxDown {
background: url(/images/basic/help_bg.jpg) left top repeat-x; 
width: 495px; 
margin-bottom:20px; 
border: 2px solid #ebebeb; 
padding: 10px 8px;
}

/* Ende Boxen */

#section4
{
float:left;
width:100%;
background-color:#FFFFFF;
background-image:url(/images/basic/contentback_pluscart.gif);
}

#section4 .left
{
float:left;
padding:0px 1px 5px 9px;
width:510px;
overflow:hidden;
}

#section4 .right
{
float:right;
width:260px;
overflow:hidden;
}

#mixTop {
background-image:url(/images/basic/allmytea_carttop.gif);
color:#669900;
float:left;
font-size:14px;
font-weight:bold;
height:44px;
padding:10px 18px;
text-align:center;
width:224px;
}

#mischungsname {
width: 220px;
}

#cartTop
{
color:#669900;
float:left;
width:224px;
height:44px;
padding:10px 18px;
background-image:url(/images/basic/allmytea_carttop.gif);
}

.cartPrice
{
font-weight:bold;
color: #FF6600;
font-size:14px;
padding: 2px 0px;
}
.cartPrice:hover
{
color: #fff;
background: #FF6600;
padding: 2px 0px;
}

#cartList, #angList, #mixList
{
float:left;
width:224px;
padding:10px 18px;
}

#cartList ul
{
padding:0px;
margin:0px;
list-style:none;
text-indent:20px;
}

#mixList li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:2px;
width:200px;
display:block;
}

#mixList li a{
color:#FF6600;
padding:2px;
width:200px;
display:block;
font-weight:normal;
}

#mixList li a:hover {
background-color:#FF6600;
color:#FFFFFF !important;
}

#cartList .cartHeadline, #angList .cartHeadline, #mixList .cartHeadline
{
padding:2px 4px;
display:block;
font-weight:bold;
color:#669900;
font-size:12px;
}

#cartList li
{
padding:2px;
color: #FF6600;
list-style:none;
}

#cartList li a
{
text-decoration:none;
}

#cartList .cartBottom{
padding-bottom: 12px;
margin-bottom: 8px;
background: url(/images/basic/cartSplitter.gif) bottom center no-repeat;
/*border-bottom: 1px solid  #CCCCCC;*/
text-align:right;
width: 220px;
}

#cartList a.cartLink
{
font-weight:bold;
color:#669900;
font-size:11px;
padding:5px;
}

#cartList a.cartLink:hover
{
color: #FF6600;
}

.checkout,.checkout:link
{
cursor: pointer;
width:211px;
height:105px;
/* background-image:url(/images/basic/cart_checkout.gif); */ 
}

.checkout:hover
{
/*  background-image:url(/images/basic/cart_checkout_o.gif); */
}


#cartList li:hover
{
background-color:#FF6600;
color:#FFFFFF !important;
}

.mixHelp {
font-size:10px;
padding:30px 0pt 15px;
}

.mixHelp span {
color:#FF6600;
font-weight:bold;
}

.headline
{
background-image:url(/images/basic/headline_back_1.gif);
background-repeat:repeat-x;
height:30px;
padding: 15px 80px;
display:block;
}

.headlineKonf
{
background-image:url(/images/basic/title_bg.jpg);
background-repeat:repeat-x;
height:30px;
padding: 15px 10px;
display:block;
}

.headlineKonf img {
margin-right:10px;
border: 3px solid ;
}

.headline .first, .headlineKonf .first, .first
{
color:#669900;
font-size: 14px;
font-weight:bold;
display:block;
}
.headline .second, .headlineKonf .second, #angList .second, .second
{
color:#FF6600;
font-size: 14px;
font-weight:bold;
display:block;
}

.second{
	margin-bottom:10px;
}

.contentLink a
{
display:block;
font-weight:bold;
color:#669900;
font-size:11px;
padding:5px;
border-bottom: 1px solid  #CCCCCC;
text-align:right;
}

.contentLink a:hover
{
color: #FF6600;
}

.left p
{
padding:10px;
}


#section4 ul
{
padding-left:25px;
padding-top:0px;
margin:0px;
}

#section4 li
{

}

#section4 li a
{
text-decoration:none;
}

#section4 .contentcontainer
{
clear:both;
display:block;
/* border-bottom: 1px dashed #CCCCCC;*/
}

.contentbox1
{
	float:left;
	padding-bottom:10px;
	border-bottom: 1px dashed #CCCCCC;
	width:90%;
	line-height:1.5em;
}

.contentbox1Konf
{
/* margin: -35px 0 0 100px;*/
margin-top: -25px;
float:left;
padding-bottom:10px;
width:409px;
}

.nounderline {
text-decoration:none;
}

.underline {
text-decoration:underline;
}

.mbimage {
width: 110px;
float: left;
text-align: center;
}

.mbLeft
{
float:left;
padding:0 0 10px 15px;
width:200px;
}

.mbRight
{
float:left;
width:180px;
}

.contentbox2
{
clear:both;
padding:10px;
border-bottom: 1px dashed #CCCCCC;
}

.contentimage
{
/* border:1px solid #666666; */
border:none;
float:left;
margin:0px 8px 2px 0px;
}


.mischMen {
position:relative;
float:right;
}

.mischMenLink{
margin: 4px 0px;
display:block;
padding:1px;
}

img.mischMenIcon {
border: 3px solid;
margin-right:5px;
}

.sec4title {
font-weight:bold;
color:#669900;
}

.sec4kom {
display:block;
font-weight:bold;
color:#FF6600;
padding-top:10px;
}

.buybut, a.buybut , .buybut a
{
width:160px;
padding-left:80px;
height:67px;
background-image:url(../images/basic/buy_but.gif);
background-position: left 0px;
background-repeat:no-repeat;
float:right;
text-decoration:none;
}

a.buybut:hover , .buybut a:hover
{
background-position: left -67px;
background-repeat:no-repeat;
text-decoration:none;
}

.PriceMix
{
margin: -25px -55px 0 0;
float:right;
color: #fff;
background: #FF6600;
padding: 2px 4px;
}

.Price
{
clear:both;
float:left;
color: #fff;
background: #FF6600;
padding: 2px 4px;
}

.PriceMwst
{
font-weight:normal; 
font-size:11px;
}

.addtocartText
{
clear:both;
float:right;
margin: 4px 0px;
display:block;
padding:1px;
}


input.weiter {
color: #669900;
font-weight:normal;
font-size:11px;
padding:2px;
background-image:url(/images/basic/butback.jpg);
border: 1px solid #CCCCCC;
}

a.readmore, .readmore a, .readmore
{
text-decoration:none;
font-weight:normal;
font-size:11px;
float:right;
padding:2px;
background-image:url(/images/basic/butback.jpg);
border: 1px solid #CCCCCC;
}

a.jetztmischen, .jetztmischen a, .jetztmischen
{
text-decoration:none;
font-weight:normal;
font-size:11px;
float:center;
padding:2px;
background-image:url(/images/basic/butback.jpg);
border: 1px solid #CCCCCC;
}

/* SECTION4 ///////////////////// */

#section5
{
font-size: 11px;
padding: 18px 10px 3px 10px;
clear:both;
display:block;
height:34px;
background-image:url(/images/basic/allmytea_bot.gif);
width:760px;
margin-left:auto;
margin-right:auto;
}

/* ******* TABS ******** */

    #tabHeader {
      float:left;
      width:100%;
      line-height:normal;
      border-bottom:2px solid #669900;
      }
    #tabHeader ul {
      margin:0 0 0 -9px;
      padding:10px 10px 0;
      list-style:none;
      }
    #tabHeader li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabHeader a {
      float:left;
      background:url("/images/tab/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;

      text-decoration:none;
      }
    #tabHeader a span {
      float:left;
      display:block;
      background:url("/images/tab/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      font-weight:bold;
      /*color:#765;*/
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabHeader a span {float:none;}
    /* End IE5-Mac hack */
    #tabHeader a:hover span {
      color:#FF6600;
      }
    #tabHeader a.current {
      background-position:0 -150px;
      border-width:0;
      }
    #tabHeader a.current span {
      background-position:100% -150px;
      padding-bottom:4px;
      color:#FF6600;
      }
    #tabHeader a:hover {
      background-position:0% -150px;
      }
    #tabHeader a:hover span {
      background-position:100% -150px;
      }
      
.moreDiv{
	background-color:#efefef;
	margin-bottom:8px;
	margin-top:8px;
	padding:3px;
}

#terms{
	margin-left:25px;
	margin-right:11px;
	text-align:justify;
}

#terms h2{
	margin-bottom:5px;
	margin-top:10px;
}

#terms h2.widerruf{
	font-size:1.5em;
}

/* *********** MISC ********** */
.formButton {
	float:left;
	margin:5px;
	margin-top:15px;
}

.paypalError {
	margin:25px;
	margin-top:15px;
	padding: 10px;
	border: black 1px solid;
}

#promoBoxContainer {
float:left;
width:224px;
padding:10px 18px;
}

#promoBoxContainer #promoBoxTop{
       width:224px;
       height:44px;
       margin:auto;
       background-color:#669900;

       color:white;
       font-size:14px;
       font-weight:bold;
       text-align:center;
}

#promoBoxContainer #promoBox {
	width:222px;
	margin:auto;
	border:1px #dcdcdc solid;
}

#promoBoxContainer #promoBoxSidebar {
	width:20px;
	/*background-color:#FF6600;*/
}

.tagCloud {
	width:220px;
}

.tagCloud a {
	text-decoration:none;
}

.tagCloud a:hover {
	color:#FF6600;
}

.tagCloud .header {
	color:#000;
	font-size: 14px;
	font-weight:bold;
	display:block;
	margin-bottom:3px;
}

/* Sprechblase START */
#container {background:#fff; width:600px; margin:15px; padding:20px;}
.sprechblase h1, .sprechblase h2, .sprechblase p {margin:0 10px; letter-spacing:1px;}
.sprechblase h1 {font-size:2.5em; color:#fc0;}
.sprechblase h2 {font-size:2em; color:#234; border:0;}
.sprechblase p {padding-bottom:0.5em; color:#000;}
.sprechblase h2 {padding-top:0.5em; padding-left:10px;}
.sprechblase {background: transparent; margin:1em;}

.sprechblase em {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:12px solid #69B405; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* Darstellung in IE5.5 */
* html .sprechblase em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.sprechblase span {display:block; width:0; height:0; color:#69B405; overflow:hidden; border-top:10px solid #FFFFFF; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .sprechblase span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.sb1, .sb2, .sb3, .sb4, .sb5, .sb6, .sb7 {display:block; overflow:hidden; font-size:0;}
.sb1, .sb2, .sb3, .sb4, .sb5, .sb6 {height:1px;}
.sb4, .sb5, .sb6, .sb7 {background:#fff; border-left:1px solid #69B405; border-right:1px solid #69B405;}

.sb1 {margin:0 8px; background:#69B405;}
.sb2 {margin:0 6px; background:#69B405;}
.sb3 {margin:0 4px; background:#69B405;}
.sb4 {margin:0 3px; background:#FFFFFF; border-width:0 5px;}

.sb5 {margin:0 2px; background:#FFFFFF; border-width:0 4px;}
.sb6 {margin:0 2px; background:#FFFFFF; border-width:0 3px;} 
.sb7 {margin:0 1px; background:#FFFFFF; border-width:0 3px; height:2px;} 

.sboxcontent {display:block; background:#FFFFFF; border:3px solid #69B405; border-width:0 3px;}
/* Sprechblase ENDE */

/* Blase START */
#container {background:#fff; width:600px; margin:15px; padding:20px;}
.blase h1, .blase h2, .blase p {margin:0 10px; letter-spacing:1px;}
.blase h1 {font-size:2.5em; color:#fc0;}
.blase h2 {font-size:2em; color:#234; border:0;}
.blase p {padding-bottom:0.5em; color:#000;}
.blase h2 {padding-top:0.5em; padding-left:10px;}
.blase {background: transparent; margin:1em;}

.blase em {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:12px solid #69B405; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* Darstellung in IE5.5 */
* html .blase em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.blase span {display:block; width:0; height:0; color:#69B405; overflow:hidden; border-top:10px solid #69B405; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .blase span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.b1, .b2, .b3, .b4, .b5, .b6, .b7 {display:block; overflow:hidden; font-size:0;}
.b1, .b2, .b3, .b4, .b5, .b6 {height:1px;}
.b4, .b5, .b6, .b7 {background:#fff; border-left:1px solid #69B405; border-right:1px solid #69B405;}

.b1 {margin:0 8px; background:#69B405;}
.b2 {margin:0 6px; background:#69B405;}
.b3 {margin:0 4px; background:#69B405;}
.b4 {margin:0 3px; background:#69B405; border-width:0 5px;}

.b5 {margin:0 2px; background:#69B405; border-width:0 4px;}
.b6 {margin:0 2px; background:#69B405; border-width:0 3px;} 
.b7 {margin:0 1px; background:#69B405; border-width:0 3px; height:2px;} 

.boxcontent {display:block; background:#69B405; border:3px solid #69B405; border-width:0 3px;}
/* Blase ENDE */