/* Formularfelder */

.form input, .form textarea, .form select {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	padding: 2px;
}
.form input[type=text], .form input[type=password], .form textarea, .form select {
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #bbb;
	margin-bottom: 10px;
}
.form input[type=text]:hover, .form input[type=password]:hover, .form textarea:hover, .form select:hover {
	border-top: 1px solid #da3535;
	border-right: 1px solid #f29494;
	border-bottom: 1px solid #f29494;
	border-left: 1px solid #da3535;
}
.form fieldset { 
	padding: 10px; 
	margin: 0 0 20px;
	background-color: #f6f6f6;
	border: none;
}
.form h3 { padding: 0 0 5px 5px; display: block; }


.form label { clear:left }
.form label.error { font-weight:bold; color: #c13232; }
.form label.lbNormal {
	float: left;
	padding: 2px 0 8px;
	width: 170px;
}

.form label.lbCheckbox {
	display: block;
	line-height: 150%;
	margin-left: 20px;
}

.form input.cbNormal {
	float: left;
	margin-top: 2px;
}

.form input.tfNormal {
	width: 280px;
}

.form textarea.taNormal {
	height: 100px;
	width: 280px;
}

.form input.required {
	background-color: #fffafa;
}

/* Formularfelder Ende */

img { border: 0 }

ul {
 margin:0px;
 padding-left:0.8em;
 margin-left:0.8em;
}

.print {
	display:none;
}
a.jQuery { cursor:pointer; }

div#breadcrumb {
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
	font-weight:bold;
	margin:0 -14px 20px;
	padding:0 10px 5px;
	text-align:left;
}

div#bookmarks{
  padding-left:10px;
}
div#bookmarks span { display: block; margin: 0 0 5px; display: block }

img#icon_newsletter{
  float:left;
  padding-right:20px;
}

div#newsletter{
  float:left;
  padding-top:2px;
}

div#legalnote{
  font-size:11px;
  text-align:left;
}

p {
	margin-top:0px;
	margin: 0 0 10px;
}

div#content_top_box{
 float:right;
 padding-right:1px;
}

div#content_top{
 width:620px;
 position:absolute;
 top:147px;
 zoom:1;
 z-index: 333;
}

div.bg-content-top{
 background-image:url(../../images/nav2bg.gif);
 padding:5px;
 padding-bottom:6px;
 text-align:center;
 float:left;
}

div#technik{
	font-size:10px;
	color:#333333;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}

div.books{
	margin:10px;
 margin-right:15px;
	border:1px solid #C9B6B4;
	background-color:#EFEFED;
	padding:8px;
	text-align:center;
}

div.rBox-Bottom{
 background-image: url(../../images/boxbottom.gif);
 height:9px;
 overflow: hidden;
}

hr.books{
	background-color:#C9B6B4;
	color:#C9B6B4;
	margin-top:5px;
	padding-top:0px;
}

img.books{
	border:3px solid #cccccc;
}

div#header-de{
 background-image:url(../../images/head.jpg);
 width:1000px; 
 height:115px;
}

div#header-us{
 background-image:url(../../images/head-us.jpg);
 width:1000px; 
 height:115px;
}

div#ssl{
 position: absolute;
 top: 40px;
 left: 50%;
 margin: 3px 0 0 435px;
}

div#container{text-align:left}

div#container{
	width:1000px;
	margin: 32px auto 0;
	border-left:1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	background-color:#f3f2ee;
}
div#wrapper{float:left;width:100%;background-color:#f3f2ee;}

div#content{
	margin: 0 190px;
	background-image:url(../../images/bgcontent.gif);
	padding-bottom:22px;
	border-bottom:3px solid #CCCCCC;
	margin-bottom:20px;
}

div#navigation{
	float:left;
	width:190px;
	margin-left:-1000px;
	position: relative;
	z-index: 333;
}

div#extra{
	float:left;
	width:190px;
	margin-left:-190px;
	position: relative;
	z-index: 333;
}

div.clear{clear:both;}


div.nav,
div.navtop,
div.navbottom {
	width:170px;
	background-color:#F2F3F5;
	padding: 7px 0 7px 10px;
	font-weight:bold;
}
div.nav{
	background-image:url("../../images/navbutton.gif");
	margin:0px;
}
div.navtop{
	background-image:url("../../images/navbuttontop.gif");
	padding: 14px 0 7px 10px;
}
div.navbottom{
	background-image:url("../../images/navbuttonbottom.gif");
	margin-bottom:10px;
	padding-bottom: 14px;
}
div.folder {
	padding: 5px 20px 5px 0;
	background-repeat:no-repeat;
}
img.folder{
	float:left;
	margin-right:5px;
	margin-bottom:4px;
}

a:link,
a:visited,
a:active { color: #b50200; text-decoration: none; }
a:hover { color: #b50200; text-decoration: underline; }

div.bgbox {
	background-image:url(../../images/bgcontentbox.gif);
	padding:10px;
	text-align:left;
	line-height: 1.5;
	zoom:1;
}

div.bghead {
	background-image:url(../../images/cbbg.gif);
	height:29px;
}
div.bgboxtop {
	background-image:url(../../images/bgcontentboxtop.gif);
	padding:10px;
	text-align: left;
	zoom:1;
}
div.bgboxsmall {
	background-image:url(../../images/bgcontentbox290.gif);
	padding:10px;
	text-align: left;
}
div.bgboxsmall img { margin: 0 0 10px }
div.bgheadtop {
	background-image:url(../../images/cbbgtop.gif);
	height:29px;
}
div.box {
	text-align:center;
	margin: 0 0 30px;
}
div.content{
	padding:20px 15px 15px;
	width:590px;
	position:relative;
	top:25px;
	text-align:center;
}

div.boxrightmain{
	width:182px;
	padding-left:8px;
}
div.boxright{
	background-image: url(../../images/boxtop.gif);
	padding: 15px 0 2px 10px;
}
div.contentright{
	background-image: url(../../images/boxbg.gif);
	padding:10px;
	padding-left:18px;
}

img.floatRight {
	margin: 3px 0 5px 10px;
	float: right;
}

img.floatLeft {
	margin: 3px 10px 5px 0;
	float:left;
}

img.block { display: block; margin: 20px 0; }

td.bgbasket {
	background-image:url(../../shop/images/addtob-bg.gif);
}

div.head{
	border-left:1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	width:1000px;
}

body {
	margin: 0;
	background-repeat: repeat-y;
	background-position: center;
	background-color: #f9f2ec;
}

.pricebox1 {background-color:#F4F1F1;border-width:0px;padding-right:5px;}
.pricebox2 {background-color:#F6F4F4;border-width:0px;padding-right:5px;}

.shopprice { color:#b50200; font-weight:bold; font-size:14px; text-align:right;padding-left:10px;}

/* FAQ */

#faq div.bgbox div { padding: 10px 0 5px; line-height: 1.5; }
#faq em { 
	float:none;
	padding: 0;
	margin: 0;
}
p.faq_answer, div.faq_answer { 
	display: none; 
}
div.faq_answer a { margin-top: 10px; display: block; }

#faq h3 { font-size: 120%; margin: 20px 0; display: block; }
#faq ul { padding: 0; margin: 0 0 0 10px }
#faq_box ul { padding: 0; margin: 10px 0 0 }
li.faq { 
	margin: 10px 10px 0 0; 
	padding: 0 0 0 20px;
	list-style-type: none;
	background-image: url(../images/icon_bubble.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

/* FAQ Ende */

/* News */

#news { margin: -20px 0 0 }
#news h3 { font-size: 120%; margin: 0 0 10px }
#news li a.read_more { display: block; margin: 10px 0 10px }
#news li { 
	list-style-type: none;
	margin: 20px 0 0;
}

/* ----- Pager ----- */

.pager, #comments .pager {
	clear:left;
	float:left;
	padding-top:4px;
	text-align:right;
	width:100%;
	height:100%;
	line-height: 1.5;
	margin-bottom: 5px;
	margin-top: 0;
}

.pager div {
	float: left;
	padding: 2px 5px 0;
	height:100%;
}
.pager ul {
	float: right;
	list-style-type: none;
	margin-right: 5px;
}
.pager li {
	clear: none !important;
	float: left;
	list-style-type: none !important;
	margin-left: 2px !important;
}
.pager li a {
	border: 1px solid #eee;
	background-color: #fff;
	color: #000;
	display: block;
	height: 16px;
	padding: 1px 1px 4px 1px;
	text-align: center;
	width: 17px;
}
.pager li a:hover {
	background-color: #B50200;
	border: 1px solid #B50200;
	color: #fff;
	text-decoration: none;
}
.pager .inactive {
	border: 1px solid #eee;
	color: #000;
	height: 15px;
	padding: 0px 2px 6px;
	text-align: center;
	width: 15px;
}
.pager .inactiveText {
	background-color: #B50200;
	color: #fff;
	display: block;
	height: 16px;
	padding: 2px 2px 5px 2px;
	text-align: center;
	width: 17px;
}
.pager .activeImg a {
	height: 17px;
	padding: 2px 1px 2px;
}

/* Pager ENDE */

/* ----- Notifications ----- */

.notification_error, .notification_success, .notification_info {
	background: #F8F8F8 none repeat scroll 0 0;
	border: 10px solid #ddd;
	margin: 0px 0 20px 0;
	padding: 10px;
}

.notification_error h4, .notification_success h4, .notification_info h4 {
	margin-top: 0;
	display: block;
}

.notification_icon {
	float: left;
	margin: 0 10px 10px 0;
}

.notification_iconText {
	color:#fff;
	float:left;
	font-weight:bold;
	margin:0 10px 10px 0;
	padding:2px 0;
	text-align:center;
	text-transform:uppercase;
	width:50px;
}

.notification p {
	margin-bottom: 0 !important;
}

.notification {
	margin-left: 60px;
	text-align: left;
}

.notification_error .notification_iconText { background-color: #980015 }
.notification_success .notification_iconText { background-color: #4a8800; }
.notification_info .notification_iconText { background-color: #005f99; }

/* Top Navigation */
#top-nav-wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #D7C9B8;
	border-bottom: 1px solid white;
}
ul#topnav {
	margin: 0 auto; padding: 0;
	width: 1002px;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	display: block;
	padding: 6px 12px;
	margin: 5px 1px 0 0;
	background-color: #523434;
	color: white;
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-color: #766666; color: #fff; } /*--Hover State--*/


ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 33px; left: 0;
	z-index: 99999;
	color: #ddd;
	background: #766666 url(sub_bg.png) repeat-x; /*--Background gradient--*/
	padding: 10px 10px 15px;
	float: left;
		
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0 0 0 -1px; padding: 0;
	width: 170px;
	float: left;
	border-right: 1px solid #9f8f8f;
}
ul#topnav li .sub ul.last,
ul#topnav li.schwerter .sub ul.last { border: none; margin: 0 }
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1em;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 0 15px 5px;
	background: transparent;
	color: #f0f0f0;
}
ul#topnav .sub ul li a {
	float: none;
	padding: 0 15px 5px;
	display: block;
	text-decoration: none;
	color: #eee;
	background: transparent;
}
ul#topnav .sub ul li a:hover {
	color: #fff;
	text-decoration: underline;
	background-position: 5px 12px ;/*--Override background position--*/
	background: transparent;
}

ul#topnav li.schwerter a { background-color: #672222 }
ul#topnav li.schwerter:hover a, 
ul#topnav li.schwerter a:hover, 
ul#topnav li.schwerter .sub { background-color: #754949; color: #fff; } /*--Hover State--*/
ul#topnav li.schwerter .sub a { background: transparent; }
ul#topnav li.schwerter .sub ul { border-right: 1px solid #9d7373; }


#suche input {
	background-color:white;
	background-image:url("../images/icons/icon-lupe.gif");
	background-position:4px center;
	background-repeat:no-repeat;
	border:medium none;
	float:right;
	font-size:12px;
	padding:2px 2px 2px 23px;
	height: 17px;
	line-height: 18px;
	width:240px;
	border: 1px solid #dbdfe6;
	border-top: 1px solid #abadb3;
	vertical-align: middle;
}
#suche {
	position: absolute;
	right: 50%;
	top: 5px;
	margin: 0 -501px 0 0;
}

/* Autocomplete Search */
.ac_input {
	width: 275px;
}
.ac_results {
	width: 275px !important;
	background: #F4F1F1;
	cursor: pointer;
	position: absolute;
	left: 0;
	font-size: 90%;
	z-index: 999;
}
.ac_results ul {
	width: 275px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #ccc;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	min-height: 250px !important;
}
.ac_results li {
	width: 265px;
	padding: 2px 5px;
}
.ac_results a {
	width: 100%;
}
.ac_results span { color: #B50200 }

li.ac_even { background-color: #F6F4F4; }
.ac_results li { border-bottom: 1px solid #ddd }

/* thanks udoline: this fixed position error into msie */
.ac_results iframe {
	width: 275px;
	position: absolute;
}
.ac_loading {
	background : url('../images/indicator.gif') right center no-repeat;
}
.over {
	background: yellow;
}


/* Cart */
img#icon_warenkorb { float:right; margin: 5px 10px 0 0; }

#cart_sum {	margin: 0 0 0 5px; padding: 0 0 0 10px; border-left: 1px solid #444444; }
#warenkorb { 
	text-align:right; 
	overflow:hidden; 
	cursor: pointer; 
	background-color:ddd; 
	margin: 0 3px; 
	border-bottom: 1px solid #aaa;
	background-color: #ddd;
	zoom:1;
}
#warenkorb a, #warenkorb span.info {
	padding: 4px 9px 0 0;
	float:right;
	font-size:90%;
	letter-spacing:  0.1em;
	margin: 0 0 5px;
}
#warenkorb span.info { float: left; margin: 0 0 0 10px; color: #aaa; display: none; letter-spacing:normal }

#cart_info {
	display:none;
	margin: 0 3px 0 120px;
	background-image: url(../images/shop/cart_info_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float:right;
	zoom:1;
}

#cart_info li {
	font-size:90%;
	letter-spacing:  0.1em;
	list-style-type: none;
	padding: 5px 8px 5px;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	background-color: #ffffff;
}

#cart_info li.dark { background-color: #f8f8f8; }

#cart_info li:hover {
	background-color: #d20000;
	color: white;
}

#cart_info ul {
	background-image: url(../images/shop/cart_info_bottom_edge.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 0 0 5px;
	margin: 0;
	zoom: 1;
}
#cart_info span { float:right; margin-left: 10px; padding-left: 10px; } 
#cart_info a {
	margin: 1px 5px 1px 0;
	width:5px;
	height:6px;
	background-image: url(../images/shop/cart_delete.gif);
	background-position:left;
	background-repeat: no-repeat;
}

#cart_info div a { background: none; }

#cart_info div {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid gray;
}
#cart_info li:hover div a { color:white; text-decoration: none;}
#cart_info li:hover a {	background-position:right; }
#cart_info li:hover div, #cart_info li:hover span { border-color: white; } 

#goToBasket { 
	cursor:pointer;
	text-align:center;
	border-bottom: none !important;
}

/* Startseite */
.col-startseite p {	margin:5px 0 8px; }
.col-startseite img { border:1px solid #f1f1f1; }
.bgbox .col-startseite ul { 
	list-style-type:none;
	margin:0;
	padding:0;
}
.col-startseite li {
	border-bottom: 1px solid white;	
	padding: 2px 0 2px 6px;
	background-color: #f3f2ef;
}
.col-startseite li li  {
	border-bottom: none;
	padding: 3px 0 2px 12px;
}
.col-startseite {
	float:left;
	margin:0 10px 0 0;
	width:182px;
}

.angebote {
	height:187px;
	margin:0 -4px 20px;
	position:relative;
}
.hidden { display: none }

.bgbox ul { margin: 10px 0 10px 0.8em; }
.bgbox h3 { font-size: 14px; margin: 0 0 10px;  }
