*{padding:0; margin:0; border:0; text-align:left;}

body {
	color: #444; font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center;
	background: #FFFFFF url(images/body_bg.gif) 0px 0px repeat-x; 
}
a { outline:none; }
a, a:visited, a:active {color:#000000; text-decoration:none;}
a:hover { color:#666666; text-decoration:underline;}
a.active, a:visited.active, a:active.active { color:#A28D69; text-decoration:underline; }


/** Kategorien auf Startseite ****************************************************************************/
.categories_list {
	border-bottom:#E2E2E2;
	border-top:#E2E2E2;
	border-style:solid;
	border-top-width:thin;
	border-bottom-width:thin;
}

/********************************************************************************************************/
#container {
	position:relative;
	width: 933px;
	margin:0px auto 0px;
	background-color:#FFFFFF;
}
	
#header { float:left; height:160px; width: 933px; background: url(images/header_bg.jpg) top center repeat-x; }

/**************************************************************************************************/
#subline { display:inline;  float:left; height:40px; width: 933px; background: url(images/subline_bg.gif) top center repeat-x; }
#navi { float:left; list-style-type:none; list-style-position:outside;  }
#navi li{ float:left; margin-left:0px}
#navi li a,
#navi li a:visited,
#navi li a:active { display:block; color:#FFFFFF; height:40px; line-height:40px; float:left; padding:0px 15px; font-size:12px; font-weight:bold;}
#navi li a:hover { background:url(images/navi_active.gif) top center repeat-x; text-decoration:none; color:#000000;}
#navi li.active a, #navi li.active a:visited, #navi li.active a:active {  background:url(images/navi_active.gif) top center repeat-x; text-decoration:none;}

/********************************************************************************************************/
#openCart {float:right; margin:10px 10px; color:#FFFFFF; padding:5px; }
#openCart:hover { text-decoration:none}
#closeCart { float:right; margin:10px 10px; color:#FFFFFF; padding:5px; display:none; visibility:hidden; }
#closeCart:hover { text-decoration:none}
#closeCart.visible { display:block; visibility:visible;}
#closeCart.hidden { display:none; visibility:hidden;}
#cart { min-height:200px; height:auto !important; height:200px; display:none; visibility:hidden; background:#c94410 url(images/empty_cart.gif) top center no-repeat; width:300px; position:absolute; right:0px; top:228px; border-left:1px solid #fff; border-bottom:1px solid #fff; z-index:100;}
#cart.visible { display:block; visibility:visible;}
#cart.hidden { display:none; visibility:hidden;}
.visible { display:block; visibility:visible;}
.hidden { display:none; visibility:hidden;}
#cart .empty {text-align:center; margin-top:50px; color:#FFFFFF; font-size:12px; font-weight:bold;}
#cart .toCart {text-align:center; color:#FFFFFF; font-size:12px; font-weight:bold; margin-top:20px; margin-bottom:20px}
#cart a, #cart a:visited, #cart a:active {color: #FFFFFF; text-decoration:none;}
#cart a:hover { color:#FFFFFF; text-decoration:none;}
#boxCart {border-bottom: 3px double #FFFFFF;}
#cart_products { width:280px; margin-left:10px; color:#FFFFFF; text-align:center; font-weight:bold; }

/*******************************************************************************************************/
#headLogin {
	padding:0px 10px;
	height:29px;
	width:913px;
	background-color:#e5e5e5;
	float:left;
}
#headLogin .navi {  float:right; color:#000000; height:29px; line-height:29px; vertical-align:middle;}	
#headLogin .navi a, #breadcrumb .navi a:visited, #breadcrumb .navi a:active {color: #000000; text-decoration:none; padding:0 4px;}
#headLogin .navi a:hover { text-decoration:underline;}

#headLogin .login {
	float:left; height:29px; padding-top:8px;
}

#headLogin .login input { margin: 0px 5px; }

/********************************************************************************************************/
#breadcrumb { display:inline; float:left; height:30px; width: 933px; background-color:#e5e5e5; }	
#breadcrumb div{ float:left;  color:#000000; text-indent:14px; height:30px; line-height:30px; vertical-align:middle;}	

/********************************************************************************************************/
#content { display:inline; width:910px;  margin: 30px 0px 30px 20px; position:relative; float:left; min-height:300px; display:inline; height:auto !important; height:300px; }
#content h1 {font-size:18px; font-weight:bold; color:#D5373C; margin-bottom:10px;}
#content h2 {font-size:14px; font-weight:bold; color:#564A36; margin-bottom:10px;} 
#content h3 {font-size:12px; font-weight:bold; color:#564A36; margin-top:20px;} 
#content p {font-size:11px; line-height:18px; margin-bottom:20px;	}
#content .clear { clear:both;}	
#content .center {text-align:center;}
#content .txtRight {text-align:right;}
#content img.left {float:left; margin:0px 20px 10px 0px;}	
#content img.right {float:right; margin:0px 0px 10px 20px;}	
#content .left {float:left;}	
#content .right {float:right;}	
#content .visible { display:inline; visibility:visible;}
#content .hidden { display:none; visibility:hidden;}
#content .layout1 { width: 937px; float:left;  margin-right:20px;  margin-bottom:20px; overflow:hidden; display:inline;}		
#content .layout2 { width: 458px; float:left; margin-right:20px; margin-bottom:20px;  display:inline;}
#content .layout3 { width: 299px; float:left; margin-right:20px; margin-bottom:20px; display:inline;}
#content .layout4 { width: 219px; float:left; margin-right:20px; margin-bottom:20px; display:inline; }			
#content .layout5 { width: 698px; float:left; margin-right:20px; margin-bottom:20px;  display:inline;}	
#content .layout6 { width: 618px; float:left; margin-right:20px; margin-bottom:20px;  display:inline;}	
#content strong { font-weight:bold; color:#000000;}		
#content em { color:#000000;}			
ul { list-style-type:disc; list-style-position:outside;  }
ul li { margin-left:20px; line-height:18px; margin-bottom:2px;}

#content ol {
	margin-left:20px;
}

#shop ul { list-style-type:disc; list-style-position:outside; margin-bottom:30px; }
#shop ul li { margin-left:20px; line-height:18px; margin-bottom:2px;}
#shop ul li b {font-weight:bold; font-size:12px; margin-top:3px;  color:#89B65B;}
#content .img { border: 1px solid #ddd; padding:3px; margin: 0 4px 4px 0; }

/********************************************************************************************************/
#clearer { clear: both; display: block; font: 1px/0px serif; height:0px; content: "."; visibility: hidden; }
#footer { display:inline; float:left; height:auto; width: 933px; background-color:#ec5d25;  }
#footer .info { float:left; height:21px; width: 959px; margin: 0px 8px; }
#footer .info .top{ float:right; height:inherit;  margin-right:10px; }
#footer .content { float:left; height:auto; width: 933px; background-color: #ec5d25;  color:#FFFFFF; }
#footer .content p { font-size:10px; margin:5px 10px; float:left; line-height:12px; vertical-align:baseline;}
#footer .content p a, #footer .content p a:visited, #footer .content p a:active {color: #fff; text-decoration:none; }
#footer .content p a:hover { text-decoration:underline;}

/*******************************************************************************************************/
#sidebar { width:220px; float:left; margin-right:20px; }
#sidebar ul { list-style-type:none; list-style-position:outside; }
#categories { overflow:hidden; width:220px;}
#categories li { border-bottom: 1px solid #cccccc; margin-left:0px; }
#categories li a,
#categories li a:visited,
#categories li a:active { width: 220px; height:22px;line-height:22px; color:#666666; font-size:12px; display:block; text-indent:5px; }
/*#categories li a:hover { background-color: #e5e5e5; text-decoration:none; color:#000000; } */
#categories li a:hover { background:url(images/nav.gif) left center repeat-x; text-decoration:none; color:#000000; }
#categories li a.active { font-weight:bold; text-decoration:none; }
#categories li ul, #categories li ul li, #categories li ul li ul{ border:0px; }	
#categories li ul { margin-top:-5px; margin-bottom:5px; }
#categories li ul li ul { margin-top:2px; margin-bottom:5px; }
#categories li ul li a,
#categories li ul li a:visited,
#categories li ul li a:active { font-size:11px; height:25px; line-height:30px; padding-left:15px }
#categories li ul li ul li a,
#categories li ul li ul li a:visited,
#categories li ul li ul li a:active { font-size:10px; height:16px; line-height:16px;padding-left:30px; }

#shop { float:left; width:660px; }
.contentsTopics { font-size:18px; font-weight:bold; color:#D5373C;  height:40px; }

/******************************************************/
#content dl{
	margin:5px;
	float:left;
	height:auto; width:142px;
	color:#666666; background:url(images/cat_bg.gif) 0 0 repeat-x; background-color:#e5e5e5; }
#content dl.pro { height:220px; padding-top:10px; }

#content dl.cat {height:161px; width:142px;}

#content dl dt { margin-bottom: 0px; text-align:center;}
/*#content dl dt img { margin-top:10px; }*/
#content dl.cat dd a { font-size:14px; font-weight:bold; line-height:18px;}
#content dl.pro dd a { font-size:12px; line-height:16px;}
#content dl.cat dd a:hover { color:#000000; text-decoration:none; }
#content dl.pro dd a:hover { color:#000000; text-decoration:none; }

#content dl {
	text-align:center;
	font-size:10px;
}

#content dd {
	margin-top:5px;
	text-align:center;
	font-size:10px;
}

/** Product Info *****************************************************************************/
#pInfo {
	position:relative; margin-right:20px;float:left; background-color:#FFFFFF; width:260px; height:310px; border:3px solid #ccc; text-align:center;
}

/************************************************************************************************************/
.plus,.minus, .alter, .delete  {
display: block;
margin-left:1px;
background-repeat: no-repeat;
width: 9px;
height: 9px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.plus { background-image: url(img/plus.gif);}
.minus { background-image: url(img/minus.gif);}
.alter { background-image: url(img/alter.gif);}
.delete {background-image: url(img/delete.gif);}

/***********************************************************************************************************/
TABLE.formArea {
  
 margin:10px 0 20px;
 padding:10px;
 border:1px solid #ccc; 
}

TABLE.formArea td{height:22px; vertical-align:22px;}
TABLE.formArea input{border:1px solid #ccc;}
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
textarea.text {border:1px solid #ccc; width:450px; font-size:10px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#agb {border:1px solid #ccc; font-size:10px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; width:450px;}

input.zahl {border:1px solid #999; height:17px; width:25px; text-align:center; }
input.text {border:1px solid #999; height:17px;  padding:3px 0 0 2px; font-size:11px; width:150px }
input.searchtext {border:1px solid #CCCBCB; height:15px;  line-height:15px; font-size:11px; width:160px; margin-right:2px; }
select.text {border:1px solid #999; height:17px;  font-size:11px; width:80px }
select {border:1px solid #999;}
label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;

}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

#search a{ font-size:10px; color:#000000; margin:3px 0px 10px 0px; display:block; text-decoration:none; }

input.keyword { border:1px solid #999; width:450px; font-size:16px; padding:3px; font-weight:bold; color:#666; }

#descr { margin-bottom:20px; width:auto; float:left; text-align:justify; border-top:1px dotted #cccccc; padding-top:10px; border-bottom:1px dotted #cccccc; padding-bottom:10px;}
#descr table { border:1px solid #A19787; border-collapse:collapse; }
#descr table td { padding:3px; border:1px solid #A19787; border-collapse:collapse; }

#box { width:920px;  margin: 0 auto; }
#tabs { position:relative; height:600px; margin-top:30px;}
#tabs>li { margin-left:0; float:left; list-style-type:none; margin-right:3px; border:1px solid #DACDB8; display:block; padding: 10px 10px; }
#tabs>li:hover {  color:#574B37; background-color:#DACDB8; border:1px solid #BEB29E; }
#tabs>li a { text-decoration:none; padding-right:10px; color:#444; }
#tabs>li .box { padding-top:20px; border-top:3px solid #BEB29E;  width:920px; position:absolute; left:0px; top:34px; display:none; visibility:hidden; height:100px; color:#444; background-color:#ECE4D8; } 
#tabs>li.active { color:#574B37; background-color:#DACDB8; border:1px solid #BEB29E;}
#tabs>li.active div { display:block; visibility:visible;} 
#tabs>li.active  a {  color:#574B37; text-decoration:none; padding-right:10px;}
#tabs>li.active div a { text-decoration:none; color:#444; font-size:14px; font-weight:bold; }

#adminbox {
	margin-top:20px; border:1px dotted black;
}

#adminbox h3 {
	text-indent:5px; background-color:#e5e5e5; line-height:20px; height:20px; color:#000000;
}

#adminbox p {
	margin:5px;
}

.contact input {
	background-color:#CCCCCC;
}

.contact textarea {
	background-color:#CCCCCC;
}