/** Presettings **/
/** Presettings **/
a img {border: none; }
/** ENDE Presettings **/
html {
	
	background-color:#EDEDED; 
}

body {
	margin:0px;
	background-color:#EDEDED; 
}
.container { 
	background-color:#EDEDED; 
	padding-top:15px;
	padding-left:40px; 
	padding-right:40px;
	}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #000;
  text-decoration: underline;
}	
	
.breadcrumb {
  padding: 8px 7px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #bdbebf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.breadcrumb li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  /* text-shadow: 0 1px 0 #ffffff; */
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #fff;
}
.breadcrumb .active {
  color: #000;
}

/* PG Navigation */
.pgnav {
  padding: 4px 7px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #bdbebf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pgnav li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  /* text-shadow: 0 1px 0 #ffffff; */
   width:20%
}
.pgnav .divider {
  padding: 0 5px;
  color: #fff;
}
.pgnav .active {
  color: #000;
}

.pgnav img{
	margin-right:5px;
	vertical-align: middle;}
/* Ende PG Navigation */

.pgnav1  {
  background-image: url(../img/bullet.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  padding: 4px 20px;
  background-color: #bdbebf;
  border-left:1px solid white;
}

.pgnav1:hover {
  background-color: #333399;
  color:#fff;
}

.searchtop:hover {
	background-color:#bdbebf;
}
.pgnav1:hover a {
  color:#fff;
}

.pgactive {
	background-color: #333399;
	color:#fff;
}

.pgactive {
	background-color: #333399;

}

.pgactive a{
		color:#fff;
}

.pgactive a:hover{
	/**	color:#000; **/
}

.pgnav1 a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

.pgnav1 a:hover {
  text-decoration:underline;
}
.first  {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
    border-left:0px;
 }
 
 .last  {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
 }
 .inner{
	
 }
 .shadow{
	-moz-box-shadow: 3px 3px 4px #333333;
	-webkit-box-shadow: 3px 3px 4px #333333;
	box-shadow: 3px 3px 4px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');

 }
 .shadow2{
	-webkit-box-shadow: inset -3px -3px 3px 0px #333333 ;
box-shadow: inset -3px -3px 3px 0px #333333 ; 
}
 .shadow_right{
	-webkit-box-shadow: inset -8px -3px 3px -5px #333333 ;
	box-shadow: inset -8px -3px 3px -5px #333333; 
}
 .rounded{
	margin-bottom:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	background-color: #bdbebf;
 }
 
 .bluebottom{
	border-bottom:5px solid #333399;
 }
 
/** Buttonleiste **/
.search a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:40px;
 height:40px;
 background: url("../img/lupen.png") 0 0 no-repeat;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }

 .search a:hover {
 background-position: -60px 0;
 }

 .search a:active {
 background-position: -60px 0;
 }
 

 .warenkorb a {
 outline: none;/* get rid of dotted borders in FireFox */
 display:block;
 width:40px;
 height:40px;
 background: url("../img/warenkorb.png") 0 0 no-repeat;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }

 .warenkorb a:hover {
 background-position: -60px 0;
 }

 .warenkorb a:active {
 background-position: -60px 0;
 }
 
 .wkcontent{
	position:relative;
	color:#000;
	left:15px;
	top:10px;
	text-decoration:none;
 }
 
 .world a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:40px;
 height:40px;
 background: url("../img/world.png") 0 0 no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }

 .world a:hover {
 background-position: -60px 0;
 }

 .world a:active {
 background-position: -60px 0;
 }
 
 .home a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:40px;
 height:40px;
 background: url("../img/home.png") 0 0 no-repeat;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }

 .home a:hover {
 background-position: -60px 0;
 }

 .home a:active {
 background-position: -60px 0;
 }
 
 .order a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:40px;
 height:40px;
 background: url("../img/order.png") 0 0 no-repeat;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }

 .order a:hover {
 background-position: -60px 0;
 }

 .order a:active {
 background-position: -60px 0;
 }
 
 .delete a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:15px;
 height:15px;
 background: url("../img/loeschen.png") 0 0 no-repeat;
 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }

 .delete a:hover {
 background-position: -30px 0;
 }

 .delete a:active {
 background-position: -30px 0;
 }
/** Ende der Buttonleiste **/
/** PDF Buttons **/
 .anleitung a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:40px;
 height:40px;
 background: url("../img/pdf.png") 0 0 no-repeat;
 background-position: -41px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }
/** PDF Buttons **/
 .anleitung a:hover {
 background-position: 0px 0;
 }
  .sidab a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:40px;
 height:40px;
 background: url("../img/pdf.png") 0 0 no-repeat;
 background-position: -125px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }
/** PDF Buttons **/
 .sidab a:hover {
 background-position: -84px 0;
 }
/** PDF Buttons **/
 .sidab a:active {
 background-position: -84px 0;
 }
 
.spacer{
	margin-top:25px;
}
.pglist{
	margin-bottom:5px;
}
.pglistinner {
	width: 100%;
}
.pgimage{
	background-color:white;
}

.pgdesc{
	padding-top:15px;
	padding-left:4px;
	padding-right:4px;
	background-color:#bdbebf;
	text-align: center;
	height:70px;
}

.pgdeschead{
	
	font-weight:bold;
}

.textmiddle {
	/*
	vertical-align:middle;
	*/
}

.orangebar{
	margin-top:15px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color:#db9f32;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
} 

.greybar{
	padding-bottom: 3px;
	padding-top: 3px;
	background-color:#bdbebf;
}

.greybottom{
	padding-bottom: 0px;
	padding-top: 0px;
	height:10px;
	margin-bottom:15px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
}


.innerbar{
margin-left:8px;
}

.aartimage{
	background-color:white;
	height:250px;;
}
/** Tabellen Layout **/
table {
margin:0;
width: 100%;
border:0;
}
tfoot td {
border-top: 0;
border-bottom: 0;
padding: 0;
}
th {
font-size: 12px;
letter-spacing: 0;
font-variant: normal;
font-weight: normal;
padding: 0.4em 0.5em 0.4em 1em;
border-bottom:0;
text-align:left;
background-color: #bdbebf;
}
td {
font-size: 12px;
line-height:1em;
padding: 0.4em 0.5em 0.4em 1em;
border-top: 0;
border-right: 1px solid white;
}

.even{
	background-color:#e8e8e6;
}
.odd{
	background-color:#d6d6d5;
}
/** Tabellen Layout **/

.pdfbutton{
  background-image: url(../img/bullet.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  background-color: #fff;
}

.pdfbutton a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

.inputgreen{
	background-color:#88C9B3;
	border-top: 1px solid green;
	border-left: 1px solid green;
	border-bottom: 1px solid green;
	width:38%;
}

.inputgreen input{
	background-color:#88C9B3;
}

.bottomblue{
color:#fff;
background-color:#999999;
border-bottom: 5px solid #333399;
}

.bottomblue:hover{
color:#fff;
background-color:#333399;

}
 
.bottomblue a{
color:#fff;
}

.orangebottombar{
	background-color:#db9f32;
	height:20px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	margin-top:30px;
} 

.barbutton{
	width:100%;
	text-align:left;
	background:transparent;
	border:0px;
	padding:0px;
	margin:0px;
	color:white
}

 table .bestelldaten{
	border:0;
}

 table .bestelldaten td{
	font-size:1em;
	border:0;
}

/** Checkbox Styles
input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/checkbox.png) left top no-repeat;
    cursor:pointer;
	-webkit-box-shadow:  1px 1px 1px 1px rgba(51, 51, 51, 0.5);
     box-shadow:  1px 1px 1px 1px rgba(51, 51, 51, 0.5);
}

input[type="checkbox"]:checked + label span {
    background:url(../img/checkbox.png) -30px top no-repeat;
	-webkit-box-shadow:  1px 1px 1px 1px rgba(51, 51, 51, 0.5);
     box-shadow:  1px 1px 1px 1px rgba(51, 51, 51, 0.5);
}
ENDE Checkbox Styles **/
/*  
Sticky Footer Solution
by Steve Hatcher
http://stever.ca http://www.cssstickyfooter.com
*/
.slidingDiv {
   position: absolute;
	width:1225px;
    height:80px;
    background-color: #ccc;
    padding:20px;
    margin-left:-40px;
	margin-right:-40px;
	margin-top:-15px;
	z-index:100;
}
 .slidingtr {
   
}
.show_hide {
    display:none;
}