body {
  background-color: #2c2a24;
  margin: 0px;
  padding: 0px;

}

form {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 18px;
    color: #d7d5ce;
}

table {
  empty-cells: show;
}

th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  background: #666;
  text-align: left;
}

td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.input {
    width: 250px;
    background: #fff;
    color: #666;
    font-weight: bold;
    font-size: 10px;
}

.button {
    background: #a0a0a0;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    border: 1px solid #fff;
    padding:1px 5px;
}

.nachricht {
  background: #f4f4f4;
  padding: 5px;
  border: 1px solid #282828;
  color: #282828;
  font-weight: bold;
  margin-bottom: 10px;
}

.content {
    padding: 20px;
    background: #707070 url('../images/content_bg.jpg') 50% -50px no-repeat;
}

.headline {
	font-size: 14px;
	font-weight: bold;
}
.headline p {
    font-size:11px!important;
}
.bu {
	font-weight: bold;
  	color: #CCCCCC;
}

a, a:link, a:visited, a:active {
  	color: #F0F0F0;
  	text-decoration: none;
}

a:hover {
  color: #FFFFFF;
}

.footer, a.footer:link, a.footer:visited, a.footer:active {
	font-size: 10px;
	color: #fff;
    padding-left: 10px;
}

a.footer:hover {
	color: #F0F0F0;
}

.nav, .nav-link, .nav-link:link, .nav-link:visited, .nav-link:active {
	font-size: 10px;
	text-decoration: none;
    padding-left: 10px;
	color: #fff;
}

.nav2, .nav2-link, .nav2-link:link, .nav2-link:visited, .nav2-link:active {
	font-size: 10px;
	text-decoration: none;
    padding-left: 10px;
	color: #333333;
}

.nav-link:hover {
	color: #FFFFFF;
}

/*********/

.bestellen table {
    border-collapse: collapse;
}

.bestellen td {
    padding: 8px 10px;
    border: 1px solid #666;
    white-space: nowrap;
}

/*********/

.warenkorb .input {
    width: 50px;
}

.warenkorb table {
    border-collapse: collapse;
}

.warenkorb td {
    padding: 8px 10px;
    border: 1px solid #666;
    white-space: nowrap;
}

.warenkorb td td {
    padding: 2px 5px;
    margin: -8px -10px;
    border: 1px solid #666;
    white-space: nowrap;
}

/*********/

.detail {
    border-top: 1px solid #666;
    padding: 10px 0;
}

.detail .rahmen {
    position: relative;
    width: 513px;
    height: 436px;
    background-image: url(/images/rahmen.jpg);
}

.detail .rahmen img {
    position: absolute;
    top: 92px;
    left: 87px;
    width: 340px;
    /*height: 66px;*/
}

/*********/

.preise {
    width: 513px;
}

.preise .input {
    width: 50px;
}

.preise table {
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

.preise td {
    padding: 8px 10px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

.preise .title {
    display: block;
    padding: 10px 0;
    font-weight: bold;
}

/*********/

.filter {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #666;
}

.filter select,
.filter option {
    width: 175px;
    background: #666;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}

.filter select option.novalue {
    font-weight: normal;
}

/*********/

div.thumbnail {
    display: block;
    margin: 10px 0;

}

.thumbnail {
    white-space:normal !important;
}
.thumbnail span.pagination {
    display: block;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #666;
}

.thumbnail td {
    border-top: 1px solid #666;
    padding: 10px;
}

.thumbnail .rahmen .box {
    width: 154px;
    height: 132px;
    background-image: url(/images/rahmen_klein.jpg);
}

.thumbnail .rahmen .box {
    display: block;
    position: relative;
}

.thumbnail .rahmen .box img {
    position: absolute;
    top: 29px;
    left: 27px;
    width: 100px;
    /*height: 66px;*/
}

.thumbnail .title {
    display: block;
}

/*********/

.suche .input {
    width: 175px;
}

/*********/

.admin a {
    text-decoration: underline;
    font-weight: bold;
}

.admin td {
    border-bottom: 1px solid #666;
}

.admin td td {
    border-bottom: 0;
}

#slideWrapper {
    position:relative;
    display:block;
    width:610px;
    height:450px;
    overflow:hidden;
    text-align:center;
}
#slideWrapper .image {
    display:block;
    height:450px;
    width:610px;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    display:none;
}
#slideWrapper .image .title {
    display:block;
    margin-top:1em;
}
#slideWrapper {
    text-align:center;
}
#slideWrapper .prev_image {
    position:absolute;
    top:50px;
    left:0;
    cursor:pointer;
    z-index:999;
}
#slideWrapper .next_image {
    position:absolute;
    top:50px;
    right:0;
    cursor:pointer;
    z-index:999;
}
