/* ALLGEMEIN
------------------------------------------------------------------------------*/

*{
  font-size:12px;
  font-family: helvetica, arial, "sans serif";
  color:#333;
  line-height:1.5em;
}


body{
  margin:60px 0 0 0;
  padding:0;
  text-align:center;
  background:#FFF;
}

.clear{
  clear:both;
}

img{
  border:0;
}

hr{
  margin:10px 0;
  padding:10px 0;
  height:1px;
  border:0;
  border-bottom:1px solid #CCC;
}

.right{
  text-align:right;
}

.bold{
  font-weight:bold;
}


/* LINKS  ------- */

a{
  color:#0093B2;
  text-decoration: none;
  outline:none;
}

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

a.act{
  color:#0093B2;
  text-decoration: none;
}

span   { }



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

p{
  margin:5px 0;
}


h1 {
  color: #006397;
  text-transform: uppercase;
  font-family: Trebuchet MS, sans-serif;
  font-size: 14px;
  margin: 0 0 5px;
  padding: 0;
  border-bottom: 4px double
}

h2{
  font-size:13px;
  font-family: Trebuchet MS, sans-serif;
  text-transform: uppercase;
  margin:0 0 5px 0;
  padding:5px 0 0 0;
  color:#006397;
}

h3{
  font-size:11px;
  font-family: Trebuchet MS, sans-serif;
  margin:0 0 5px 0;
  padding:5px 0 0 0;
  text-transform: uppercase;
}

h4{
  font-size:12px;
  font-family: Trebuchet MS, sans-serif;
  margin:5px 0 5px 0;
  padding:10px 0 0 0;
  text-transform: uppercase;
}


/* TOOLTIP
------------------------------------------------------------------------------*/

#tooltip {
	padding: 2px 5px;
	background: #ebebeb;
	border: 1px solid #cdcdcd;
	text-align: left;
	font-size: 11px;
	color:#333;
}

/* ARTICLE > LIST
------------------------------------------------------------------------------*/

.article_list a{
  width:150px;
  height:150px;
  background-repeat: no-repeat;
  background-position: center;
  display:block;
  margin:15px 30px 15px 0;
  float:left;

}

.article_list a{
  border:3px solid #FFF;
}

.article_list a.last{
  margin:15px 0 15px 0;
}

.article_list a img{
  /*margin:15px 30px 15px 0;*/
  /*border:3px solid #FFF;*/
  /*width:150px;
  height:150px;*/
}

/*
.article_list a:hover img{
  border:3px solid #FFF;
}
*/

/*
.article_list a img.last{
  margin:15px 0 15px 0;
}
*/

/* ARTICLE > DETAIL
------------------------------------------------------------------------------*/

.article_detail{
  margin:20px 0;
}


.article_detail .image{
  width:250px;
  float:left;
}

.article_detail .image a img{
  width:250px;
  border:3px solid #FFF;
  margin:0 0 20px 0;
}

.article_detail .image a:hover img{
  border:3px solid #FFF;
}

.article_detail .info{
  width:250px;
  margin:0 0 0 30px;
  float:left;
}

.article_detail .info .price span,
.article_detail .info .oldprice span{
  font-size: 10px;
}
.article_detail .info .price,
.article_detail .info .oldprice{
  font-size:25px;
  font-family: Georgia;
  font-weight:bold;
  margin:0 0 10px 0;
}

.article_detail .info .oldprice{
}

.article_detail .info .oldprice span.price{
  text-decoration: line-through;
  font-size:20px;
}


.article_detail .info .price span.sold{
  background:#FF0000;
  color:#FFF;
  font-size:15px;
  padding:5px;
}

.article_detail .info .price span.sale{
  background:#30ff00;
  color:#FFF;
  font-size:15px;
  padding:5px;
}

.article_detail .info .price span.sale{
  margin:0 0 0 10px;
}

.article_detail .info a.btn{
  padding:10px 20px;
  background:#CCC;
  text-align:center;
  margin:20px 0;
  width:210px;
  display:block;
}

/* NETWORK (BOX)
------------------------------------------------------------------------------*/

.box ul.network{
}

.box ul.network li{
  float:left;
}
.box ul.network li a{
  width:24px;
  height:24px;
  margin:3px 6px 10px 0;
  display:block;
}


/* CART (BOX)
------------------------------------------------------------------------------*/

.box .cart hr{
  margin:0;
  padding:1px 0 0 0 ;
  height:1px;
  border:0;
  border-top:1px solid #DDD;
  clear:both;
}


.box .cart{
  font-size:11px;
  margin:10px 0 0 0;
}


.box .cart div.quantity,
.box .cart div.article a,
.box .cart div.article,
.box .cart div.price,
.box .cart div.total{
  font-size:11px;
  float:left;
  padding:1px 0 1px 0;

}


.box .cart div.quantity{
  width:20px;
}

.box .cart div.article{
  width:100px;
}

.box .cart div.price{
  float:right;
}

.box .cart div.total{
  float:right;
  padding:3px 0;
}

/* CART (SITE)
------------------------------------------------------------------------------*/

.content table.cart{
  width:100%;
  margin:10px 0 0 0;
}

.content table.cart th{
  border-bottom:1px solid #CCC;
  padding:3px;
}

.content table.cart td{
  border-bottom:1px solid #DDD;
  padding:3px;
}


.content table.cart td.article,
.content table.cart th.article{
  text-align:left;
  width:300px;
}

.content table.cart td.article span{
  color:#666;
  font-size:11px;
}

.content table.cart td.price,
.content table.cart th.price,
.content table.cart td.subtotal,
.content table.cart th.subtotal{
  text-align:right;
  width:120px;
}

.content table.cart td.quantity,
.content table.cart th.quantity{
  text-align:center;
  width:60px;
  text-align:right;
}

.content table.cart td.quantity input{
  width:25px;
  text-align:center;
}

.content table.cart td.code{
  text-align:right;
}


.content table.cart td.code input{
  width:80px;
  margin:0 0 0 5px ;
}

.content table.cart td.code_msg b{
  font-weight: bold;
}


.content table.cart td.code_msg p.error{
  color:#666;
  font-size:10px;
}


.content table.cart td.quantity img,
.content table.cart td.code img{
  margin:0 0 0 5px;
  position:relative;
  top:3px;
  cursor:pointer;
}


.content table.cart td.delete,
.content table.cart th.delete{
  text-align:center;
  width:40px;
}

.content table.cart td.delete a{
  font-weight:bold;
  text-decoration:none;
  color:red;
}

.content table.cart td.mwst{
  text-align:right;
}

.content table.cart td.total{
  text-align:right;
  font-weight:bold;
}

.content table.cart td.link{
  text-align:right;
  padding:5px 0 5px 0;
  border-bottom:0;
}


/* FORM
------------------------------------------------------------------------------*/

fieldset{
  margin:0;
  padding:0;
  border:0;
}

select.error,
input.error{
  background: #ffdddd;
}

.msg_error{
  font-weight:bold;
  color: red;
  background:#FFF;
  margin:20px 0 0 0;
}


select.opt{
  width:200px;
}

p.opt{
  font-size:11px;
  width:200px;
  font-style: italic;
  float:left;
}

div#quantity{
  margin:10px 0 0 0;
}


input.quantity{
  width:20px;
  text-align:center;
}


#form_cash{
  width:100%;
}

#form_cash fieldset{
  margin:0 0 10px 0;
  padding:0;
  border:0;
}

#form_cash legend{
  font-weight:bold;
  margin:0 0 0 0;
}

#form_cash label{
  float:left;
  font-size:11px;
  width:100px;
  margin:5px 0;
}

#form_cash input,
#form_cash select{
  width:200px;
  float:left;
  margin:5px 0;
}

#form_cash input.sml,
#form_cash select.sml{
  width:50px;
}

#form_cash textarea{
  width:300px;
  height:100px;
  overflow:auto;
}


/* CONTAINER
------------------------------------------------------------------------------*/

#superbuy_ecke {right: 0px; top: 0px; position: absolute; height: 123px; width: 161px;}


#container{
  width:800px;
  margin:0 auto;
  text-align: left;
}

#header{
  width:800px;
  margin:0 0 20px 0;
}

#header a{
  padding:0;
  margin:0;
}

#content{
  width:800px;
}

#content .sidebar{
  width:200px;
  float:left;
}

#content .sidebar div.box{
  width:180px;
  padding:10px;
  margin:0 0 20px 0;
  background:#CCC;
}

#content .sidebar ul{
  margin:0;
  padding:0;
  list-style-type:none;
}
#content .sidebar li{
  margin:0;
  padding:0;
}

#content .sidebar li span{
  font-size:11px;
}


#content .content{
  width:540px;
  float:left;
  padding:10px 20px;
  margin:0 0 10px 20px;
  background:#CCC;
}

#footer{
  margin:10px 0 10px 0;
  width:780px;
  padding:0 10px;
}

.copy{
  color:#666;
  font-size:11px;
  margin:10px 0;
  padding:10px 0;
  border-top:1px solid #CCC;
}
.copy a{
  color:#555;
  font-size:11px;
}

/* TOPBAR
------------------------------------------------------------------------------*/

.topbar{
  width:100%;
  background:#000;
  height:40px;
  position: fixed;
  top:0;
  left:0;
}

.topbar .inner{
  width:800px;
  margin:0 auto;
  text-align:left;
}

.topbar .inner a.logo,
.topbar .inner a:hover.logo{
  width:100px;
  height:40px;
  display:block;
  background:#000 url(../images/layout/topbar_logo.gif) no-repeat;
  text-decoration:none;
  float:left;
  padding:0 50px 0 0;
}

.topbar .inner .shopselect{
  width:320px;
  float:left;
  margin:11px 0 20px 0;
}

.topbar .inner label{
  float:left;
  margin:0 10px 0 0;
  color:#999;
}


.topbar .inner .shopselect option { color: white; background-color: black }

.topbar .inner .shopselect select { color: white; font-size: 11px; background-color: black; text-transform: uppercase; margin: 0; padding: 2px; width: 200px; border: solid 1px }

.topbar .inner a.back,
.topbar .inner a.next,
.topbar .inner a.random,
.topbar .inner a.info
{
  width:20px;
  height:40px;
  display:block;
  text-decoration:none;
  float:left;
}

.topbar .inner a.back{
  margin:0 0 0 20px;
  background:#000 url(../images/layout/topbar_back.gif) no-repeat;
}
.topbar .inner a.next{
  background:#000 url(../images/layout/topbar_next.gif) no-repeat;
}
.topbar .inner a.random{
  margin:0 0 0 10px;
  background:#000 url(../images/layout/topbar_random.gif) no-repeat;
}

.topbar .inner a.info{
  margin:0 0 0 10px;
  background:#000 url(../images/layout/topbar_info.gif) no-repeat;
}