@charset "utf-8";
/* CSS Document */

@import "/navigation.css";
@import "/treemenu.css";

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background: transparent url(/images/under.jpg) repeat-y top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;

}


/* for IE6 */
* body {	
	scrollbar-face-color: #ddd;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #eee;
	scrollbar-darkshadow-color: #eee;
	scrollbar-track-color: #eee;
	scrollbar-arrow-color: #666;
}

div {
	margin: 0;
	padding: 0;
}

.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.bigbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 10px 0 5px 0;
	display:block;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

.smalls {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}


.smallbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

.greysmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #808080;
}

a img {
	border:none;
}


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

a:hover, a.small:hover {
	text-decoration: underline;
}


a.small {
	font-family: Arial, Helvetica, sans-serif;
	color: #de1330;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

a.none {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

a.none:hover {
	text-decoration: none;
}

a.white {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

a.white:hover {
	text-decoration: none;
}

a.black {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

a.black:hover {
	text-decoration: underline;
}

a.num {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

a.num:hover {
	text-decoration: underline;
}

a.num:active {
	font-weight: bold;
}

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

a.bold:hover {
	text-decoration: underline;
}

a.blackbold, a.blackbold:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

a.blackbold:hover {
	text-decoration: none;
	cursor: pointer;
}


a.bigbold {
	font-family: Arial, Helvetica, sans-serif;
	color: #de1330;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

a.bigbold:hover {
	text-decoration: underline;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*line-height: 16px;*/
	text-align: left;
	margin: 0;
	padding: 0;
	color: #333;
}

input {	
	margin: 0;
	padding: 0;
	border-left: 1px solid #7b7b7b;
	border-top: 1px solid #7b7b7b;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #333;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding: 0;
	margin: 15px 0 15px 0px;
	background-color:transparent;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 15px 0 10px 0px;
	background-color:transparent;
}

hr {
	border:none;
	color:#666666;
	height:1px;
	width:80%;
	background-color:#666;
	margin:20px 0 0 20px;
}


td {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

table td.submenu{
	background: transparent url(/images/under_treemenu.jpg) no-repeat top left; /* bei weiss closed2.gif */
	padding-top:3px; /* das ist der Abstand nach unten */
	/*cursor: hand !important;*/
	cursor: pointer !important;
}


input.searchButtonSmall {
	background: transparent url(/sbvv/images/go.gif) no-repeat top left;
	height: 21px;
	width: 17px;
	border: none;
	margin: 0 0 0 10px;
	cursor: pointer;
}

input.textField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	border: 1px solid;
	border-color: #999;
	height: 20px;
	padding: 2px;
	background-color: #fff;
}

input.textFieldHidden {
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	border: 1px solid;
	border-color: #999;
	height: 20px;
	padding: 2px;
	background-color: #fff;
}

select.textField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	border: 1px solid;
	border-color: #999;
	height: 20px;
	padding: 2px;
	background-color: #fff;
	width:230px;
}

select.pager {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	border: 1px solid;
	border-color: #999;
	height: 20px;
	padding: 2px;
	background-color: #fff;
	width: 80px;
}

div.headline {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding: 0;
	margin: 15px 0 15px 0px;
	background-color:transparent;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #48D1CC;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:10px;
  cursor:pointer;
}



/*######### Div- Elemenete ################*/



#container {
	background-color: transparent;
	width: 1003px;
	height: 100%;
	margin: 0;
	padding: 0;
}


#header {
	background: transparent url(/images/291430/header.jpg) no-repeat top left;
	width: 1003px;
	height: 120px;
	margin: 0;
	padding: 0;
	z-index: 10;
}

#logoLink {
	background-color: transparent;
	width: 480px;
	height: 50px;
	margin: 30px 0 0 160px;
	padding: 0;
	position: absolute;
	z-index: 999;
}

/*#logoFont {                            
	background: transparent url(/images/logo_font.gif) no-repeat top left;
	width: 440px;
	height: 30px;
	margin: 40px 0 0 170px;
	padding: 0;
	position: absolute;
	z-index: 9;
}*/

#logoRight {
	background: transparent url(/images/291430/logo_right.gif) no-repeat top left;
	width: 180px;
	height: 101px;
	margin: 10px 0 0 810px;
	padding: 0;
	position: absolute;
}


/* submenu Header */

#subMenu {
	height : 30px;
	margin : 8px 20px 0 530px;
	padding : 0;
	position: absolute;
}

#subMenu ul {
	margin : 0;
	padding : 0;
	float : left;
}

#subMenu li {
	list-style-type : none;
	white-space : nowrap;
	display : inline;
	padding : 0 0 0 10px;
}

#subMenu li a {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #fff;
	text-decoration : none;
}

#subMenu li a:hover {
	text-decoration : underline;
}



#content {
	background-color: transparent;
	width: 1003px;
	margin: 0;
	padding: 0;
}



/* linke Spalte (Navileft) */

#leftBar {
 background-color:transparent;
 width: 170px;
 margin: 0 0 0 0;
 padding: 0;
 
 float: left;
}

#leftBar h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding: 0;
	margin: 15px 0 15px 10px;
	background-color:transparent;
}


#naviLeft {
	padding:0 0 0 0px;
	white-space:nowrap;
	overflow: auto;
	border-bottom:#ccc 1px solid;
	
}

#Suchhistorie {
	padding:0 0 0 0px;
	white-space:nowrap;
	overflow: auto;
}


/* ende */


/* Inhalt */

#contentBar {
	background-color: transparent;
	width: 588px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}

/* Suche */
#searchIn {
	background: transparent url(/images/search_in.jpg) no-repeat top left;
	width: 590px;
	height: 50px;
	margin: 15px 0 0 0px;
	padding: 0;
	z-index:0;
}


td.wk_more {
	background: transparent url(/images/up.gif) no-repeat center left;
    padding: 2px 0 2px 20px;
  	cursor: pointer;
}

td.wk_less {
	background: transparent url(/images/down.gif) no-repeat center left;
    padding: 2px 0 2px 20px;
  	cursor: pointer;
}


td.sTd1 {
	width: 100px;
}

td.sTd2 {
	width: 250px;
}

td.sTd3 {
	width: 90px;
}

td.sTd4 {
	width: 110px;
}

td.tdCover {
	width: 30px;
}

td.w4 {width: 4px;} /*NEU vom 15.5.08*/
td.w10 {width: 10px;} /*NEU vom 15.5.08*/
td.w15 {width: 15px;}
td.w20 {width: 20px;}
td.w40 {width: 40px;}
td.w50 {width: 50px;}
td.w60 {width: 60px;}
td.w70 {width: 70px;}
td.w80 {width: 80px;}
td.w100 {width: 100px;}
td.w120 {width: 120px;}
td.w126 {width: 126px;} /*NEU vom 15.5.08*/
td.w130 {width: 130px;}
td.w140 {width: 140px;}
td.w150 {width: 150px;} /*NEU vom 15.5.08*/
td.w163 {width: 163px;} /*NEU vom 15.5.08*/
td.w190 {width: 190px;}
td.w200 {width: 200px;}
td.w250 {width: 250px;}
td.w300 {width: 300px;}
td.w425 {width: 425px;} /*NEU vom 15.5.8*/

td.h5 {height: 5px;}
td.h30 {height: 30px;}

#searchOut {
	background: transparent url(/images/search_out.jpg) no-repeat top left;
	width: 590px;
	height: 270px;
	margin: 0px 0 0 0px;
	padding: 0;
	display:none; 
	overflow: hidden;
	z-index:999;
	
}

#searchOutTop {
	background: transparent url(/images/search_out_top.jpg) no-repeat top left;
	width: 590px;
	height: 50px;
	margin: -50px 0 0 0px;
	padding: 0;
	z-index:999;
	visibility:hidden;
}

#treffer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin:-18px 0px 0 510px;
	position:absolute;
}

input.txt {
  	color: #333;
  	background-color: #fff;
  	border: 1px inset #00008B;
  	width: 280px;
}

input.txtSmall {
 	color: #333;
  	background-color: #fff;
 	border: 1px inset #00008B;
  	width: 120px;
}

input.btn {
	background: transparent url(/images/finden.png) no-repeat top left;
  	color: #333;
  	background-color: transparent;
  	border-style: none;
  	width: 75px;
  	height: 23px;
  	text-align: right;
  	cursor: pointer;
}

input.ohne {
	border-style:none;
  	color: #333;
  	background-color: transparent;
}

form div.searchForm {
  	clear: left;
  	margin: 6px 0 0 20px;
  	padding: 0;
  	font: normal 12px Arial, Helvetica, sans-serif;
  	color: #fff;
}

form div.searchForm label {
  	float: left;
  	width: 30%;
  	font: normal 12px Arial, Helvetica, sans-serif;
  	color: #fff;
}

.opt {  
	background-color: #fff;
  	width:250px;
}

.numActive {  
  	font: bold 11px Arial, Helvetica, sans-serif;
	color:#333;
}

form div.searchForm span {
  	float: left;
  	width: 30%;
  	font: bold 12px Arial, Helvetica, sans-serif;
  	color: #fff;
}

/* suche ende */


/* teaser Content */

#teaserStart{
	background-color: #fff;
	width: 590px;
	margin: 0px 0 0 0px;
	padding: 0;
}

#teaserStartTop{
	background: transparent url(/images/teaser_start_top.jpg) no-repeat top left;
	width: 590px;
	height:7px;
	margin: 0;
	padding: 0;
	font-size: 0px; /*for IE6 */
}

#teaserStartContent{
	background: transparent url(/images/teaser_start_middle.jpg) repeat-y top left;
	width: 590px;
	margin: 0;
	padding: 10px 0 0 0;
	z-index: 99; 
}

.verLine {
	background:url(/images/line_ver.gif) repeat-y;
	width:1px;
	padding:0;
	}

#teaserStartBottom{
	background: transparent url(/images/teaser_start_bottom.jpg) repeat-x top left;
	width: 590px;
	height:32px;
	margin:0px;
	padding: 0;
}

#teaserBox{
	background-color: #fff;
	width: 590px;
	margin: 0px 0 0 0px;
	padding: 0;
}

#teaserBoxTop{
	background: transparent url(/images/teaser_start_top.jpg) no-repeat top left;
	width: 590px;
	height:7px;
	margin: 0;
	padding: 0;
	font-size: 0px; /*for IE6 */
}

#teaserBoxContent{
	background: transparent url(/images/teaser_start_middle.jpg) repeat-y top left;
	width: 590px;
	margin: 0;
	padding: 10px 0 0 0;
	position:relative;
}

#tbcLeft{	
	margin: 0;
	padding: 0 0 0 20px;
	float:left;
}

#tbcLeft p{	
	margin: 0;
	padding: 0;
}

#tbcLeft ul {	
	margin: 5px 0 0 0;
	padding: 0;
	float:left;
}

#tbcLeft li {
	list-style-type : none;
	white-space : nowrap;
	display : inline;
	padding : 0 5px 0 0px;
}

#tbcLeft li a {
	text-decoration : none;
}

/*#tbcLeft li a:hover {
	border : #c00 1px solid;
	height: 17px;
	padding:0;
}*/

#tbcRight {	
	margin: 0 0 0 20px;
	padding: 0;
	float:left;
}

#tbcRightArrow{	
	margin: 0 0 0 310px;
	padding: 0px 0 0px 0px;
	position:absolute;
	
}

#teaserBoxBottom{
	background: transparent url(/images/teaser_start_bottom.jpg) repeat-x top left;
	width: 590px;
	height:32px;
	margin:0px;
	padding: 0;
	clear:both;
}

.line1 {
	background: transparent url(/images/line2.gif) repeat-x top left;
	width: 590px;
	height:1px;
	margin:0 0 0 0px;
	padding: 0;
}

.line2 {
	background: transparent url(/images/line2.gif) repeat-x top left;
	width: 590px;
	height:3px;
	margin:0 0 0 0px;
	padding: 0;
}

.line3 {
	background: transparent url(/images/line3.gif) repeat-x top left;
	width: 590px;
	height:30px;
	margin:0 0 0 0px;
	padding: 0;
}

.line4 {
	background: transparent url(/images/line4.gif) repeat-x top left;
	width: 590px;
	height:5px;
	margin:5px 0 5px 0px;
	padding: 0;
}

#teaser2Start {
	background-color: transparent;
	width: 590px;
	margin: 0 0 0 0px;
	padding: 10px 0 10px 0px;
}

div.textBox {
	background-color: transparent;
	width: 590px;
	margin: 0;
	padding: 0;
}

div.wkline_normal{
	background-color: transparent;
	width: 590px;
	margin: 0;
	padding: 0;
}

div.wkline_selected{
	background-color: #ffffe0;
	width: 590px;
	margin: 0;
	padding: 0;
}

#textBox table {
	height: 100%;
}

div.textTop {
	background-color: transparent;
	width: 590px;
	margin: 0;
	padding: 10px 0 5px 0;
}


div .t2box1 {
	background-color: transparent;
	width: 186px;
	margin: 0px;
	padding: 0;
	float: left;
}

div .t2box {
	background-color: transparent;
	width: 186px;
	margin: 0px 0 0 15px;
	padding: 0;
	float:left;
}

/* teaser Content ende */

.lineRighBar {
	background: transparent url(/images/line_right_bar.gif) repeat-x top left;
	width: 180px;
	height:19px;
	margin:0;
	padding: 0;
}


.lineRightBarInside {
	background: aqua url(/images/line2.gif) repeat-x top left;
	width: 176px;
	height: 2px;
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 0px; /* IE6 Hack */
}

/* ende */

/* Buttons */
div.buttonSmall {
	background: transparent url(/images/button_small.jpg) no-repeat top left;
	width: 92px;
	height: 21px;
	margin: 0 0 10px 80px;
	padding: 0; 
}

a.button {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 0 0 25px;
	display: block;
}

a.button:hover {
	text-decoration: underline;
}

div.buttonGrey, td.buttonGrey {
	background: transparent url(/images/button_grey.jpg) no-repeat top left;
	width: 160px;
	height: 17px;
	margin-left:10px;
	margin-top:10px;
	padding-bottom:10px;

}

div.buttonGreyWk {
	background: transparent url(/images/button_grey_wk.jpg) no-repeat top left;
	width: 120px;
	height: 17px;
	margin-left:10px;
	margin-top:15px;
	padding-bottom:10px;

}

div.buttonGreySmall, td.buttonGreySmall {
	background: transparent url(/images/button_grey_small.jpg) no-repeat top left;
	width: 120px;
	height: 17px;
	margin-left:10px;
	margin-top:15px;
	padding-bottom:10px;

}

div.buttonGrey a, div.buttonGreyWk a, td.buttonGrey a, td.buttonGreySmall a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align:left;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	padding: 1px 0 0 23px;
	display:block;

}

div.buttonGrey a:hover, div.buttonGreyWk a:hover, td.buttonGrey a:hover, td.buttonGreySmall a:hover {
	text-decoration: underline; 

}

div.buttonGrey2, td.buttonGrey2 {
	background: transparent url(/images/button_grey2.jpg) no-repeat top left;
	width: 130px;
	height: 17px;
	margin-left:10px;
	margin-top:15px;
	padding-bottom:10px;

}

div.buttonGrey2 a, td.buttonGrey2 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align:left;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	padding: 1px 0 0 23px;
	display:block;

}

div.buttonGrey2 a:hover, td.buttonGrey2 a:hover {
	text-decoration: underline; 

}

/* Buttons ende */

/* rechte Spalte */

div.space5 {
	margin: 5px 0 0 0;
	padding: 0;
}

#rightBar {
	background-color: transparent;
	width: 180px;
	margin:15px 0 0 35px;
	padding: 0;
	float: left;
}

#wkSmallIn {
	background: transparent url(/images/wk_small_in.jpg) no-repeat top left;
	width: 180px;
	height:27px;
	margin:0;
	padding: 0;
	position:relative;
}

ul.toolsSmall {
	padding: 5px 0 0 2px;
}


ul.toolsSmall li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0px 0 0 2px;
}

.toolsButton {
	position:absolute;
	margin: 5px 0 0 160px;
}

#wkSmallOut {
	width: 180px;
	margin:0;
	padding: 0;
	position:relative;
}

#wkSmallOutTop {
/*	background: transparent url(/images/wk_small_out_top.jpg) no-repeat top left;*/
	width: 180px;
	height:27px;
	margin:0;
	padding: 0;
	position:relative;
	z-index:999;
}


#wkSmallOutMiddle {
	background: transparent url(/images/wk_small_out_middle.gif) repeat-y top left;
	width: 180px;
	margin:0px 0 0 0;
	padding: 0;
	z-index:0;
}

#wkSmallOutBottom {
	background: transparent url(/images/wk_small_out_bottom.gif) no-repeat top left;
	width: 180px;
	height: 7px;
	margin: 0;
	padding: 0;
}

div.wkScroll {
	width: 178px;
	height:89px;
	margin: 0;
	padding: 5px 0 10px 0;
	overflow: auto;
}


#loginSmallIn {
	background: transparent url(/images/login_small_in.jpg) no-repeat top left;
	width: 180px;
	height: 27px;
	margin: 0;
	padding: 0;
	position: relative;
}

#loginSmallOut {
	width: 180px;
	margin: 0px 0 0 0;
	padding: 0;
	position:relative;
}

#loginSmallOutMiddle {
	background: transparent url(/images/login_small_out_middle.gif) repeat-y top left;
	width: 180px;
	margin: 0;
	padding: 0;
	text-align: left;
	z-index: 0;
}

#loginSmallOutMiddle p {
	padding: 10px 0 10px 10px;
	margin: 0;
	z-index: 0;
}

#loginSmallOutBottom {
	background: transparent url(/images/login_small_out_bottom.gif) no-repeat top left;
	width: 180px;
	height: 7px;
	margin: 0;
	padding: 0;
}

#newsBox {
	background-color:#fff;
}

#newsBox p {
	padding: 4px;
}


/* Pfeile right */

#pfeilWkIn, #pfeilLoginIn, #pfeilMerkIn, #pfeilTopIn, #pfeilGuardIn, #pfeilSchoolIn {
	position: absolute;
	margin: 5px 0 0 160px;
	z-index: 0;
}

#pfeilWkOut, #pfeilLoginOut, #pfeilMerkOut, #pfeilTopOut, #pfeilGuardOut, #pfeilSchoolOut {
	position: absolute;
	margin: 5px 0 0 160px;
	visibility: hidden;
	z-index: 999;
}

/*Merkzettel, Topliste, Bookguard Right Bar*/

#merkSmallIn {
	background: transparent url(/images/merk_small.jpg) no-repeat top left;
	width: 180px;
	height:27px;
	margin: 0;
	padding: 0;
	position:relative;
}

#topSmallIn {
	background: transparent url(/images/top_small.jpg) no-repeat top left;
	width: 180px;
	height:27px;
	margin: 0;
	padding: 0;
	position:relative;
}

#schoolSmallIn {
	background: transparent url(/images/top_small.jpg) no-repeat top left;
	width: 180px;
	height:27px;
	margin: 0;
	padding: 0;
	position:relative;
}

#guardSmallIn {
	background: transparent url(/images/guard_small.jpg) no-repeat top left;
	width: 180px;
	height:27px;
	margin: 0;
	padding: 0;
	position:relative;
}

#merkSmallOut, #topSmallOut, #guardSmallOut, #schoolSmallOut {
	width: 180px;
	height: 200px;	
	margin: 0;
	padding: 0;
	position:relative;
}

#merkSmallOutMiddle {
	background: transparent url(/images/merk_small_out_middle.gif) repeat-y top left;
	width: 180px;
	margin:0px 0 0 0;
	padding: 0;
	z-index:0;
}

#topSmallOutMiddle, #guardSmallOutMiddle, #schoolSmallOutMiddle  {
	background: transparent url(/images/merk_small_out_middle.gif) repeat-y bottom left;
	width: 180px;
	/*height: 200px;*/
	margin: 0;
	padding: 0;
	z-index:0;
}

#merkSmallOutMiddle p, #guardSmallOutMiddle p  {
	padding: 10px 0 0 10px;
	margin: 0;
	z-index:0;
}

#merkSmallOutBottom, #topSmallOutBottom, #guardSmallOutBottom, #schoolSmallOutBottom  {
	background: transparent url(/images/merk_small_out_bottom.jpg) no-repeat top left;
	width: 180px;
	height:9px;
	margin:0;
	padding: 0;
}

#topSmallOutMiddle p, #schoolSmallOutMiddle p {
	padding: 5px 0 0 5px;
	margin: 0;
	z-index:0;
}

/* pager */
#pager {
	background : url(/images/pager_under.gif) repeat-x top left;
	height : 32px;
	margin : 0px 0px 20px 0px;
	padding : 0;
}

#pager table {
	height: 30px;
}

#pagerWk {
	background : transparent url(/images/pager_under_wk.gif) repeat-x top left;
	margin : 0px 0px 20px 0px;
	height: 31px;
	width: 590px;
}

#pagerWk table {
	height: 31px;
}

#pagerWk table td {
	font-weight:bold;
}

#wkPreis {
	background : transparent url(/images/wk_preis_under.gif) repeat-x top left;
	margin : 10px 0px 0px 0px;
	height: 75px;
	width: 590px;
}

#wkPreis table td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	height: 36px;
}
/* ProduktInfo */

#pInfoIn, #pSuchAgentIn,#pInfoIn_sh {
	background-color:transparent;
	width: 50px;
	height:20px;
	margin:20px 0 0 0;
	padding: 0;
	position:relative;
}

#pfeilpInfoIn, #pfeilpInfoIn_ag, #pfeilpInfoIn_sh {
	position: absolute;
	margin: 0px 0 0 140px;
	z-index: 0;
}

#pfeilpInfoOut, #pfeilpInfoOut_ag, #pfeilpInfoOut_sh{
	position: absolute;
	margin: 0px 0 0 140px;
	visibility: hidden;
	z-index: 999;
}

#pInfoOutScroll {
	width:590px;
/*	height:150px;*/
	margin: 0;
	padding: 5px 0 10px 0;
	overflow: auto;
}

#pInfoOutScroll_sh {
	width:590px;
	height:600px;
	margin: 0;
	padding: 5px 0 10px 0;
	overflow: auto;
}

/* footer */

#footer {
	background : url(/images/footer_under.gif) repeat-x top left;
	height : 30px;
	margin : 40px 0px 20px 0px;
	padding : 0;
}

#footer ul {
	margin : 7px 0 0 -20px;
	padding : 0 0 0 0;
	float : left;
}

#footer li {
	list-style-type : none;
	white-space : nowrap;
	display : inline;
	padding : 0 0 0 20px;
}

#footer li a {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #7a7a7a;
	text-decoration : none;
}

#footer li a:hover {
	text-decoration : underline;
	
}
/* CLEANER */

.cleaner {
	display: block; 
	clear: both; 
	margin: 0 !important; 
	padding: 0 !important; 
	font-size: 0px; 
	line-height: 0px !important; 
	float: none !important;
}

/* --------- NEU. ab 15.5.08 --------- */

.line5 {
	background: transparent url(/images/line5.gif) repeat-x top left;
	width: 590px;
	height:30px;
	margin:0;
	padding: 0;
}

#bestellWeiterBtn {
	padding:2px 0 2px 0;
}

#textBox2 {
	color:#666;
	font-size:10px;
	padding:2px 0 0 0;
}

.red, .red a {
	color:#de1330;
	font-size:11px;
}

.normRed, .normRed a {
	color:#de1330;
}

.size11 {
	font-size:11px;
}

.botPad5 {padding-bottom:5px;}
.botPad8 {padding-bottom:8px;}
.botPad10 {padding-bottom:10px;}
.botPad15 {padding-bottom:15px;}
.botPad20 {padding-bottom:20px;}

.boldPad5 {
	padding-bottom:5px;
	font-weight:bold;
}

.boldPad8 {
	padding-bottom:8px;
	font-weight:bold;
}

.boldPad10 {
	padding-bottom:10px;
	font-weight:bold;
}

.boldPad15 {
	padding-bottom:15px;
	font-weight:bold;
}

.boldPad20 {
	padding-bottom:20px;
	font-weight:bold;
}

.topPad5 {
	padding-top:5px;
}

input.loginInput {
	width:170px;
}

input.bestellungInput {width:265px;}
input.bestellungInputMid {
	width:193px;
	background-color: #F5F294;
}

input.bestellungInputSmall {
	width:60px;
	background-color: #F5F294;
}

input.bestellungInput_Fabe {
	width:265px;
	background-color: #F5F294;
}


select.bestellungSelect {
	width:265px;
}

select.bestellungSelect_Fabe {
	width:265px;
		background-color: #F5F294;
}


.bold {
	font-weight:bold;
}

.bold150 {
	width:150px;
	font-weight:bold;
	padding-bottom:5px;
}

.line6 {
	background: transparent url(/images/line6.jpg) repeat-x center;
	width: 590px;
}

#artikel {
	width:425px;
	font-weight:bold;
	padding-bottom:5px;
}

#preis {
	width:126px;
	font-weight:bold;
}