/* RACLETTE.DE Layout */

body
{
 background: #740403;
 margin-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px;
}

a,
a img {
    border: none;
}

.admincontainer {
	background-color: lightblue;
}

.admincontainer a {
	padding:0 14px 0 14px;
	background:url('/img/pfeil.gif') no-repeat;
	background-position:0 4px;
	
	font-family: arial;
  font-weight: bold;
  color: #740403;
  font-size: 13px;
  text-decoration: none;	

}

h1.Seitentitel {
	display: none;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: #740403;
  font-size: 12px;
  text-decoration: none;
}

p {
	margin:0;
	padding:0;
}

select, input, textarea {
	background-color:#FFEBA4; 
	font-size:12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.radio {
	background-color: #f3be71; 
	font-size:12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#main_box {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 960px;
}

#main_left {
	width: 760px;
	float:left;
	text-align: left;
	background: #f3be71;
}

#main_right {
	width: 193px;
	float:right;
	text-align: left;
}


#main_right img {
	margin-bottom: 5px;
}


#head_box {

	width:760px;
  height: 100px;
  background:url('/img/head_img.jpg') no-repeat;
  
  text-align: left;
  
}

#navigation_box {
  margin: 0;
  padding: 0;
	width:152px;
  text-align: left;
	float:left;

  border-top: 1px solid #f9e59f;
  border-right: 1px solid #f9e59f;
}


/* Navigation BEGIN */


#navigation_box ul {

  margin: 0;
  padding: 0;
  list-style-type:none;

}

/* Hauptpunkt */
#navigation_box li {

  display: block;
  margin: 0;
  padding: 0 0 0 5px;
  border-bottom: 1px solid #f9e59f;
  background: url('/img/htg_navigation.gif') no-repeat;

}

#navigation_box a {
 
  font-family: verdana;
  font-weight: bold;
  color: #f9e59f;
  font-size: 13px;
  text-decoration: none;
  line-height: 20px;
  display: block;
}


/*
#navigation_box a:first-letter {
 
  font-size: 13px;
}
*/

#navigation_box ul ul {
  display: none;
  border-bottom: 0px solid #f9e59f;
  padding: 0 0 0 5px;
  list-style-type:none;

}

/* Unterpunkt */
#navigation_box li li {

  border-bottom: 0px solid #f9e59f;
  padding: 0;
  margin: 0;
  background: #f3be71;
}

#navigation_box li li a {

  font-family: arial;
  font-weight: normal;
  color: #740403;
  font-size: 13px;
  text-decoration: none;
  line-height: 16px;
  display: inline;
}

#navigation_box li li a.aktiv {

  font-weight: bold;
}


#navigation_box ul ul ul {
  display: none;
  border: 0px solid #f9e59f;
  padding: 0 0 0 5px;
  list-style-type:none;
}


/* Detail-Unterpunkt */
#navigation_box li li li {

  border-bottom: 0px solid #f9e59f;
  padding: 0;
  margin: 0;
  background: #f3be71;
}

#navigation_box li li li a {

  font-family: arial;
  font-weight: normal;
  color: #740403;
  font-size: 13px;
  text-decoration: none;
  line-height: 16px;
  display: inline;
  background: url("/img/moreinfo10x10.gif") no-repeat left 3px;
  padding: 0 0 0 12px;
}

#navigation_box li li li a.aktiv {

  font-weight: bold;
}


#suchform {
	margin: 0px;
}

#suchformshop {
	margin: 0px;
}
/* Navigation END */

#content_box {
	position:relative;
	width:590px;
	text-align: left;
	float:right;
	padding: 0 5px 10px 2px;
	border: 0px solid red;
	/*overflow: auto;*/
}

.clear {
	clear: both;
}

#startseitesuche
{
 margin: 0;
 padding: 0;
}

.unseremarken
{
  text-align: center;
  background: #f9cf85;
}

.unseremarken a
{
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
}


/* Topmenü (z.B. wie bei Sepcial) */

.topmenu {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding:3px 0 3px 0;
	margin-bottom:15px;
	text-align:center;
}

.topmenu a {
	padding:0 14px 0 14px;
	background:url('/img/pfeil.gif') no-repeat;
	background-position:0 4px;
	
	font-family: arial;
  font-weight: bold;
  color: #740403;
  font-size: 13px;
  text-decoration: none;	
}

.topmenu img {
	border:0;
}

#fusscontainer {
	border: 0px solid yellow;
	color: #f3be71;
	text-align: center;
	width: 760px;
	margin-top: 10px;
}

* html #fusscontainer {
	position: relative;
	left: -100px;
}

#fusscontainer a {
	color: #f3be71;
	text-decoration: none;
}

#copyright {
	color: #f3be71;
	font-size: 9px;
}


.weiterpfeil
{
	padding-left: 15px;
	background: url('/img/pfeil.gif') no-repeat left;
}


div .meinkontodetail
{
	
}

div .meinkontodetail table
{
	width: 100%;
}

div .meinkontodetail td
{
	vertical-align: top;
}

div .meinkontodetail td.arthead
{
	font-size: 10px;
	font-weight: normal;
}

div .meinkontodetail td.art
{
	font-size: 10px;
	font-weight: normal;
}


div .meinkontodetail fieldset
{
	padding: 5px;
	font-weight: bold;
	width:250px;
	border: 1px solid gray;
}

div .meinkontodetail fieldset.wide
{
	padding: 5px;
	font-weight: bold;
	width:560px;
}

div .meinkontodetail fieldset legend
{
	padding: 5px;
	font-weight: normal;
}

div #produktstartseite 
{
	
}

/*
 * ############################## GEWINNSPIEL ###
 */
div#gewinnspiel
{
    width: 588px;
    margin: 0px 0px 0px 1px;
    padding: 0px;
}

div#gs-titel
{
    margin: 0px 0px 10px 0px;
    padding: 2px 0px 2px 2px;
    background-color: #f8e6a8;
}

div#gs-titel p
{
    background-color: #f3be71;
}
 
div#gs-products-box
{
    padding: 0px;
    margin: 0px;
}
 
div.gs-product
{
    width: 169px;
    padding: 10px;
    margin: 0px 10px 0px 0px;
    float: left;
    background-color: #9e322f;
    color: #f8e6a8;
}

p.gs-product-img
{
    background-color: #f3be71;
    margin: 0px 0px 10px 0px;
    padding: 5px 0px;
    text-align: center;
}

p.gs-product-img .bild
{
    border: 0px none;
}

p.gs-product-text
{
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

p.gs-product-text a
{
    color: #f8e6a8;
}

div.gs-info-text
{
    margin: 20px 0px;
    padding: 0px;
}

form#gs-form
{
    margin: 0px;
    padding: 0px;
}

form#gs-form p
{
    padding: 5px 0px;
}

form#gs-form div.gs-form-left
{
    width:50%;
    margin:20px 0px 0px 0px;
    float:left;
} 

form#gs-form input
{
    margin: 5px 0px 0px 0px;
    vertical-align:middle;
}

form#gs-form input[type=radio]
{
    margin: 0px;
}

p.gs-error
{
    margin: 20px 0px 0px 0px;
    padding: 5px;
    color: #fff;
    background-color: #a00;
    font-weight: bold;
}

.obj-left,
.obj-right {
    margin: 8px 0;
    padding: 0;
    width: 50%;
}

.obj-left {
    float: left;
    text-align: left;
}

.obj-right {
    float: right;
    text-align: right;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
    height: 1px;
}

td {
    vertical-align: top;
}