/* CSS Document */

/*allgemeine Einstellungen*/
* {
    margin: 0;
    padding: 0;
}

/*Allg Texte, Links*/
html {
    color: #666;
    font-family: Helvetica, Frutiger, Arial, sans-serif;
    background-color: #eedb80;
    font-size: 0.77em;
    line-height: 1.5;
}
p {
    margin: 0 30px 0.5em 0px;
}

h1, h2, h3, h4 {
    margin: 0 0.5em 0.5em 0;
    color: #666;
}
h1 {
    font-size: 135%;
    padding: 0px;
    letter-spacing: 0.05em;
    color: #cc3300;
    font-weight: normal;
}
right {
}

h2 {
    font-size: 110%;
    font-weight: normal;
    letter-spacing: 0.05em;
    color: #336633;
}
h3 {
    font-size: 105%;
    letter-spacing: 0.05em;
    color: #336633;
}
h4 {
    font-size: 105%;
    color: #666666;
    letter-spacing: 0.05em;
    font-weight: normal;
}
h5 {
    font-size: 80%;
    text-align: left;
    font-weight: normal;
    color: #666;
    margin-top: 5px;
    padding: 2px;
}
a {
    color: #004e1d;
    letter-spacing: 0.05em;
    text-decoration: none;
}
a:hover {
    color: #004e1d;
    letter-spacing: 0.05em;
    text-decoration: underline;
}

body {
    text-align: center;

}
/*um alles drumherum*/			
#all {
    width: 1024px;
    text-align: left;
    background-color: #ffffcc;
    overflow: hidden;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
}  

/*header*/
#header {
    height: 204px;
}
#header h1 {
    text-indent: -9999px;
    margin: 0;
    background-image: none;
}
/*Navi oben*/    
#nav {
    float: left;
    position: absolute;
    text-align:left;
    width: 1024px;
    height: 0px;
    color:#fff;
    background-color: #eedb80;
    border: none;
    margin-top: 5px;
}
#nav ul {
    list-style: none;
    margin: 0px 8px 0px 20px;
}
#nav li {
    display: inline;
    margin: 0;
    font-size: 90%;
}
#nav li a {
    color: #fff;
    text-decoration: none;
}
#nav li a:hover {
    color: #003366;
}
#nav li a.act {
    color: #003366;
}
    /*background-color: #fff;*/
#nav .usb {
    display: none;
}
/*Menü oben*/
ul.menu {
    float: left;
    text-align:left;
    list-style-type: none;
    font-size: 95%;
}
ul.menu ul {
    list-style-type: none;
}
ul.menu a {
    display: block;
    padding: 5px 20px 3px 20px;
    font-weight:normal;
}
ul.menu a:hover {
    background-color: #BFD3C6;
}
ul.menu a.active {
    background-color: #BFD3C6;
}
ul.menu ul a {
    padding: 0 10px;
}
ul.menu li {
    padding:0;
    margin:0;
    float:left;
}
ul.menu ul {
    margin-left:0;
    padding: 5px 0 5px 0;
    position: absolute;
    background-color: #BFD3C6;
    border:1px solid #FFF9E4;
    display:none;
    min-width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}
ul.menu ul ul a.active{
    float:none;
    text-decoration: underline;
}
/*Sprachen*/
#language {
	width: 100%;
	height: 30px;
	background-image: url(../images/Gestaltungselemente/flaggen.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 13px;
	margin-bottom:5px;
	padding-top: 18px;
	font-size: 90%;
}
#language a.act {
	text-decoration: none;
	color: #333;
}

/*Inhalte*/
#left {
	float: left;
	width: 1024px;
	padding-top: 0;
}
#normal {
    float: left;
    width: 660px;
    margin: 2px 0 0 20px;
    padding: 20px 0 0 30px;
    border-top: 1px solid #BFD3C6;
    border-right: 1px solid #BFD3C6;
}
#normal p b {
    color: #464646;
}
#right {
    float: left;
    width: 275px;
    margin: 2px 0 0 10px;
    padding: 15px 0 0 10px;
    border-top: 1px solid #BFD3C6;
}
/*Navi rechts*/
#navright {
	clear: both;
	float: right;
	text-align: left;
	width: 275px;
	border-bottom: 1px solid #BFD3C6;
        padding: 0 0 8px 0;
}
#navright ul {
	list-style: none;
	margin: 5px 0px 5px 0;
}
#navright li {
	display: block;
	border: 1px solid #BFD3C6;
	background-color: #D3E0D8;
        padding: 3px 0 3px 4px;
	margin-bottom: 2px;
	margin-right: 5px;
}
#navright li a {
	color: #4f8463;
	text-decoration: none;
    	padding: 0 0 0 18px;
	font-size: 100%;
}
#navright li a:hover {
    	padding: 0 0 0 18px;
    	letter-spacing: 0.05em;
    	color: #cc3300;
    	background-image: url(../images/Gestaltungselemente/hut02.gif);
    	background-repeat: no-repeat;
    	background-position: left;
}
#navright li a.act {
    	padding: 0 0 0 18px;
    	letter-spacing: 0.05em;
    	color: #cc3300;
    	background-image: url(../images/Gestaltungselemente/hut02.gif);
    	background-repeat: no-repeat;
    	background-position: left;
}
/*Navi Rezepte*/
#rezepte {
	display: none;
}

/*Fußzeile*/
#footer {
	clear: both;
	float: left;
	text-align: right;
	width: 100%;
	height: 126px;
	background-color: #e2edca;
	background-image: url(../images/Gestaltungselemente/unten.gif);
	padding: 0px 0;
	background-position: right center;
}

/*Bildunterschriften*/
.csc-textpic-caption {
    font-size: 90%;
    padding-top: 5px;
    color: #004e1d;
    line-height: 1.2;
}
.csc-textpic-caption i{
    color: #666;
    line-height: 1.3;
}
label {
      width:120px;
      float: left;
      text-align: left;
      padding-right:10px;
  }
  
}
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}
fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

.radiolayout { 
width:40%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
display: inline;
width:100%;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
border: 1px solid #ffffcc;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #ffffcc;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #ffffcc;
margin-bottom: 5px;
}

.mf-submit {
color: #ffffff;
background-color: #C0C0C0;
border: 0px;
}


/* Update 09.11.2009 */
.tt-products h2{clear:left;margin-top:15px;}
.tt-products dl{margin: 0;padding: 0;}
.tt-products dl dt{float: left;margin:0 10px 0 0;width:120px;}
body div.order_data .tt-products dl dt{float: left;margin:0 10px 0 0;width:120px;}
.pbox_left{width: 200px;float: left;margin: 0 10px 0 0;} 
.listitem{background: transparent url(../../../uploads/pics/spacer_75.gif) repeat-x bottom left;margin-bottom: 20px;padding-bottom: 10px;height: auto;width:640px; overflow: hidden;}
.listitem .product_note{ height: auto; width: 430px; float: right;}
div.single_quantity{margin: 5px 0 0 0;}
div.single_quantity label{display: block; line-height: 1.8;}
div.single_quantity input{margin: 0;}
label.count{width: 40px;display: block;}

.price_summary ul,
.tt_products_basket ul,
.summary ul{list-style: none;clear:left;}

td.product a{display:block; margin: 0 0 10px 0;}
div.form_control{padding: 10px 0 0 0;}

table.basket_items th,
table.basket_items td{padding: 0 0 0 10px;}

table.basket_items th#product{}
table.basket_items{width: 630px;}
table.basket_items caption{text-align: left;}
table.basket_items td.image{padding: 0 0 10px 0;}
#basket_view{background-color:#D3E0D8;border:1px solid #BFD3C6;display:block;margin-bottom:2px;margin-right:5px;padding:3px 0 3px 22px;}

.listitem .order_form label{display:block;width: 35px;}
.listitem .order_form input{margin: 0;}

.pbox_desc{float: right;width: 440px;font-size:12px;}
.single_quantity input{font-size: 11px;}

.single_quantity div select{margin: 0;width: 60px;}
.single_quantity div{width: 120px;float: left;}

span.tx-ttproducts-pi1-wrap2{font-weight: bold;color:#666;}