* {
	padding:0;
	margin:0;	
}
html, body{
	background:#fff;
	font:12px arial, sans-serif;
	color:#111;
	font-size: 13px !important;
	line-height: 19px !important;
}

/* ie6 win */
/** html #container, #wrapper-shadow{height: 100%;}*/
/*ie6 win end*/



/* ----------------------- hintergrundbalken hinter header ----------------------- */
#strip1{
	width:100%;
	background:#fff;
}
#strip2{
	width:100%;	
	background:linear-gradient(top, #ffffff, #efefef);
	background:-moz-linear-gradient(top, #ffffff, #efefef); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); /* Safari, Chrome */
	background:-webkit-linear-gradient(top, #ffffff, #efefef); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(top, #ffffff, #efefef); /* Opera */
	background:-ms-linear-gradient(top, #ffffff, #efefef); /* IE */
	background:linear-gradient(top, #ffffff, #efefef); /* W3C Standard */
	border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #bdbdbd;
	position: unset;
}
#strip3{
    background: none repeat scroll 0 0 #fafafa;
	background: #FAFAFA;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* ------------------------------------------------------------------------------- */




/* ---------------------------------- header ------------------------------------- */
#navbar-top{
	width:1065px;	
	height:50px;
	margin:0 auto;
	padding:0;
	padding-right:15px;
	font:1.3em arial, sans-serif;
    line-height: 30px;	
	color:#fff;
	/*border:1px solid yellow; */
}
#navbar-top #navbar-top-right{
	display: inline-block;
    float: right;
}
#navbar-top #navbar-top-left{
	display: inline-block;
	float: left;
	margin-left:30px;
	margin-top:30px;
	color:#000;
	font:12px arial, sans-serif;
	line-height:12px;	
	/*border:1px solid grey;*/
}
#navbar-top #navbar-top-left .topnav_a{
	float: left;
    font:12px arial, sans-serif;
    padding: 0 10px;
}
#navbar-top #navbar-top-left .topnav_a .topnav_a:link .topnav_a:visited{
	color: #05a;
    text-decoration: none;
}
#navbar-top #navbar-top-left .topnav_a:active .topnav_a:hover .topnav_a:focus{
	color: #e47911;
    text-decoration: underline;
}



#navbar-middle{
	width:1065px;
	padding-right:15px;
	height:60px;	
	margin:0 auto;
	font:14px arial, sans-serif;
	line-height:60px;
	color:#000;
	/*border:1px solid blue;*/
}
#navbar-middle #navbar-middle-right{
	display: inline-block;
    float: right;
	color:#000;
}
#navbar-middle #navbar-middle-left{
	display: inline-block;
	float: left;
	color:#000;
	margin-left:30px;
}
#navbar-middle #navbar-middle-right .nav-button {
  border: 0 none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  float: left;
  height:50px;
  line-height:50px;
  overflow: hidden;
  text-decoration: none;
  margin:5px 1px;
  padding:0 10px;
  color:#111;
  font-weight:bold;
}
#navbar-middle #navbar-middle-right .nav-button:hover, .nav-button:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ddd #ddd #ccc;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
  margin:4px 0;
  color:#111;
}



#navbar-bottom{
	width:1065px;	
	height:50px;
	margin:0 auto;
	padding:0;	
	padding-right:15px;
	/*border:1px solid red;*/
}
#navbar-bottom ul#nav{
	width:100%;
	list-style-type: none;
    overflow: hidden;
    white-space: nowrap;
}

#navbar-bottom ul#nav .nav-item{
    font:12px arial, sans-serif;	
    top: 0;
}
#navbar-bottom ul#nav li.nav-item{
    display: inline;
    float: left;
    line-height: 50px;
	padding:0 15px;
}
/* ------------------------------------------------------------------------------- */





/* ------ die spalten sind seitenabhängig und können überschrieben werden -------- */
#main {
	width:1050px;
	padding-left:15px;
	padding-right:15px;
	margin:20px auto;
	/*border:1px solid green;*/
}
#main #col-left{
	width:200px;
	float:left;
	/*border:1px solid red;*/
}
#main #col-left-article {
	width:330px;
	float:left;
	/*border:1px solid red;*/
}
#main #col-center{
	margin-left:220px;
	
	/*border:1px solid blue;*/
	
}
#main #col-center-cart{
	margin-left:220px;
	margin-right:265px;
	/*border:1px solid blue;*/
	
}
#main #col-center-article{
	margin-left:355px;
	margin-right:265px;
	/*border:1px solid blue;*/
	
}
#main #col-right{
	float: right;
	margin-left: 20px;
	width: 240px;
}
/* ------------------------------------------------------------------------------- */





/* FOOTER: 3 WERTE ANPASSEN */
/* ------  PADDING_BOTTOM OF MAIN MUST BE SAME HEIGHT AS FOOTER ------- */
#main{	
	/*padding-bottom:200px;*/  /* must be same height as the footer */	
}
#footer {  
	  
	 
	/*margin-top:-200px; /* margin-top: negative value of footer height */	
	margin: 0 auto;
	clear:both;
	width:1080px;	
	background-color:#eee;
	text-align: right;
	
}
/* FOOTER: ---------------- END --------------- */





/* alt - vllt noch notwendig


#left{position:relative; width:201px; float:left; background: none repeat scroll 0 0 #f0e8eb; z-index: 9999;}
#right{position:relative; float:right; background-color:none;}
#center{position:relative; overflow:auto; background-color:none; margin-left: 200px; min-height: 700px;}
#left, #right, #center {padding-bottom:32767px; margin-bottom:-32767px;}

#cart-left{position:relative; width:210px; float:left; background-color:none;}
#cart-right{position:relative; width:200px; float:right; background-color:#eaeaea;}
#cart-center{position:relative; overflow:auto; background-color:none; padding:0 20px}
#cart-left, #cart-right, #cart-center {padding-bottom:32767px; margin-bottom:-32767px;}



.inner{padding:15px}
.inner2{padding:0 15px}
.inner3{padding:5px 15px}
.inner4{padding:10px}
*/

/* Artikel */

.article-box{
  float: left;
  height: 400px;
  margin-right: 15px;
  border: 1px solid #eee;
  padding: 20px;
  width: 220px;
}

.img-thumb{
margin-bottom: 14px;

text-align: center;
}

#article-img-preview{
cursor: pointer;
    float: left;
    margin-right: 10px;
}

#article-img-preview .thumb{
width:40px; height:40px; margin-bottom:10px;
}
.thumb img{
display:block;
margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}
#article-img{
width:270px; height:300px; border:1px solid blue; float: left;
}
#article-img img{
display: block;
margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}