html body {
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
background:url(bg.gif)repeat-x;
/*background-repeat: repeat-y;
background-position: top center;
background-attachment: fixed;*/
text-align:left;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
/*filter:alpha(opacity=50);
-moz-opacity:0.5; */
}
td {
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
font-size: 11px;
}
h1 {
color: #000000;
font-size: 16px;
line-height: 14px;
padding:0px 0px 0px 0px;
}
.orderLine {
color:#9F9F9F;
}
h2 {
color: #000000;
font-size: 14px;
line-height: 14px;
padding:10px 0px 0px 0px;
border-top:5px solid #d6d1cd;
}
h3 {
color: #000000;
font-size: 12px;
line-height: 14px;
padding:0px 0px 0px 0px;
}
h4 {
color: #ffffff;
font-size: 14px;
line-height: 14px;
padding:0px 0px 0px 0px;
margin: 10px 0px 5px 0px;
}
p {
font-size:11px;
line-height: 13px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #FFFFFF;
}
/* --------------------------------------------------------------------- */
.news-list-container a {
font-size:11px;
color: #3399cc;
padding:0px 0px 0px 0px;
}
.news-list-container a:hover {
font-size:11px;
color: #CC0000;
padding:0px 0px 0px 0px;
}
/* ---------------------------------------------------------------------*/
.category {
font-size: 11px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#000000;
}
.title {
font-size: 11px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#999900;
}
#catName {
height: 30px; !important;
height: 30px;
float: left;
}
/* --------------------------------------------------------------------- */
/* SHOP - LISTVIEW */
#productList {
position: relative;
z-index: 1;
padding: 0px;
margin: 0px;
width: 770px;
voice-family: "\"}\"";
voice-family:inherit;
width:770px;
float: left;
/*border: 1px solid #FFDF00;*/
}
#productListItem {
position: relative;
font-size: 10px;
width:130px;
height: 380px;
border: 1px solid #D5D1CB;
float: left;
padding: 3px;
margin: 0px 10px 10px 0px;
z-index: 1;
}
#productListItem img{
margin: 0px 0px 10px 0px;
}
#productListItem p{
margin: 0px 5px 5px 0px;
}
div.listObj {
width: 124px;
position: relative;
float: left;
margin-bottom: 0px;
}
div.listTitle {
width: 124px;
height: 40px;
position: relative;
float: left;
}
div.listText {
font-size: 11px;
width: 124px;
position: relative;
float: left;
vertical-align: bottom;
}
div.listPrice {
font-size: 11px;
width: 124px;
position: relative;
float: left;
vertical-align: bottom;
margin-top: 5px;
}
div.listOrder {
width: 124px;
position: relative;
float: left;
margin-top: 20px;
vertical-align: bottom;
}
#relatedList {
position: relative;
font-size: 11px;
width:130px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}
#relatedList img{
margin: 0px 0px 0px 0px;
}
/* --------------------------------------------------------------------- */
/* SHOP - MINI BASKET */
div.shop_minibasket {
background: #D6D1CD;
font-size: 11px;
padding: 10px 0px 0px 3px;
margin: 0px 0px 0px 0px;
width: 145px;
}
div.shop_minibasket a{
font-size: 11px;
color: #3399cc;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
div.shop_minibasket a:hover{
font-size: 11px;
color: #CC0000;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
/*div.shop_minibasket a:visited{
font-size: 11px;
color: #3399cc;
margin: 0px 0px 0px 0px;
text-decoration: none;
}*/
.basketInfo {
color: #cc0000;
}
.agbLink {
font-size: 9px;
color: #cc0000;
}
.userText {
font-size: 11px;
color: #FFFFFF;
}
/* --------------------------------------------------------------------- */
/* CONTAINER 100% */
#container {
position: relative;
height: 100%;
width: 100%;
/*background:#D6D1CD;*/
padding:0px;
text-align:center;
z-index: 1;
}
#frame {
position: relative;
width: 1100px;
background: #FFFFFF;
border-left: 1px solid #EFEFEF;
border-right: 1px solid #EFEFEF;
padding:0px;
text-align:left;
margin:auto;
z-index: 1;
}
#header {
position: relative;
width: 1100px;
height: 93px;
background:#D6D1CD;
color: #FFFFFF;
float: left;
padding:0px 0px 0px 0px;
/*border: 1px solid #FF0000;*/
z-index: 1;
}
#menue {
position: relative;
width: 1060px;
height: 30px; !important;
height: 30px;
padding:0px 0px 0px 40px;
/*background:#FFFFFF;*/
float: left;
/*border: 1px solid #FF007F;*/
}
#quickNavi {
position: relative;
right: 0px;
width: 400px;
height: 20px; !important;
height: 20px;
text-align: right;
float: left;
padding-top: 5px;
}
#menue p {
padding: 0px 5px 5px 0px;
line-height: 16px;
}
#subMenue {
position: relative;
width: 1060px;
height: 50px;
padding-top: 0px;
padding-left: 40px;
margin: 0px 0px 0px 0px;
voice-family: "\"}\"";
voice-family:inherit;
float:left;
background:#FFFFFF;
}
/* --------------------------------------------------------------------- */
/* HEADER - BEREICH - BILD LINKS */
#pic {
position: relative;
width: 573px;
height: 90px;
float: left;
color: #FFFFFF;
/*border: 1px solid #FF0000;*/
}
#basket {
position: relative;
width: 140px;
height: 90px;
float: left;
color: #ffffff;
padding: 0px 0px 0px 0px;
/*border: 1px solid #FF0000;*/
}
#login {
position: relative;
width: 160px;
height: 80px;
float: left;
color: #ffffff;
padding: 10px 0px 0px 3px;
border-left: 1px solid #FFFFFF;
/*border: 1px solid #FF0000;*/
}
.tx-loginboxmacmade-pi2 {
padding:0px 5px 0px 5px;
}
.tx-loginboxmacmade-pi2 form {
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#search {
position: relative;
width: 180px;
height: 80px;
float: left;
font-size: 10px;
padding: 10px 0px 0px 5px;
color: #FFFFFF;
border-left: 1px solid #FFFFFF;
/*border: 1px solid #FF0000;*/
}
#search a{
font-size: 9px;
color: #3399cc;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#search a:hover{
font-size: 9px;
color: #CC0000;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#search a:visited{
font-size: 9px;
color: #3399cc;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
.searchText {
font-size: 9px;
color: #FFFFFF;
}
/* --------------------------------------------------------------------- */
/* LINKS / 4spaltiges Template Shop, Neues, usw. */
/* CONTENT */
#newscontent {
position: relative;
font-size: 11px;
width: 350px;
padding:20px 0px 300px 45px;
margin-left: 0px;
margin-right: 15px;
float:left;
background:#FFFFFF;
/*border: 1px solid #FFDF00;*/
z-index: 1;
}
#newscontent a {
font-size: 11px;
text-decoration:none;
font-weight:bold;
color:#3399CC;
}
#newscontent a:hover {
font-size: 11px;
text-decoration:none;
font-weight:bold;
color:#cc0000;
}
#newscontent p{
font-size:11px;
line-height: 16px;
padding:0px 10px 0px 0px;
/*background:#FFFFFF;*/
color: #000000;
}
#newscontent img{
padding-left:0px;
padding-right:0px;
}
/* --------------------------------------------------------------------- */
/* RECHTS / 2spaltiges Template Shop, Neues, usw. */
#content2 {
position: relative;
font-size: 11px;
padding:20px 0px 100px 45px;
width: 1000px;
float: left;
background:#FFFFFF;
z-index: 1;
}
#content2 a {
font-size: 11px;
text-decoration:none;
font-weight:bold;
color:#3399CC;
}
#content2 a:hover {
font-size: 11px;
text-decoration:none;
font-weight:bold;
color:#cc0000;
}
#content2 p{
font-size:11px;
line-height: 16px;
padding:0px 300px 0px 0px;
/*background:#FFFFFF;*/
color: #000000;
}
#content2 img{
padding-left:0px;
padding-right:0px;
}
#newslist {
position: relative;
font-size: 11px;
padding:20px 0px 300px 0px;
width: 500px;
float: left;
background:#FFFFFF;
clear: right;
z-index: 1;
/*border: 1px solid #FFDF00;*/
}
#newslist a {
font-size: 11px;
text-decoration:none;
font-weight:bold;
color:#3399CC;
}
#newslist a:hover {
font-size: 11px;
text-decoration:none;
font-weight:bold;
color:#cc0000;
}
#newslist p{
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #000000;
}
#newslist img{
padding-left:0px;
padding-right:0px;
}
#infoLeft {
position: relative;
/*height: 78%;*/
padding:0px 0px 0px 40px;
margin: 0px 0px 0px 0px;
float: left; ;
}
#infoLeft p{
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #000000;
}
#infoLeft a{
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #3399cc;
}
#infoLeft a:hover {
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #cc0000;
}
#infoRight {
position: relative;
width:160px;
/*height: 78%;*/
padding:0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
float: left;
background:#f9f8f8;
}
#infoRight p{
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #000000;
}
#infoRight a{
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #3399cc;
}
#infoRight a:hover {
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #cc0000;
}
/* --------------------------------------------------------------------- */
/* Breites Template Warenkorb, usw. */
#content3 {
position: relative;
font-size: 11px;
width:900px;
padding: 30px 0px 100px 45px;
float:left;
margin-left: 20px;
background:#FFFFFF;
z-index: 1;
}
#content3 a {
font-size: 11px;
text-decoration:none;
font-weight:bold;
color:#3399CC;
}
#content3 a:hover {
font-size: 11px;
text-decoration:none;
font-weight:bold;
color:#cc0000;
}
#content3 p{
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #000000;
}
#content3 img{
padding-left:0px;
padding-right:20px;
float: left;
}
--------------------------------------------------------------------- */
/* FOOTER */
#footer {
position: relative;
width: 1000px;
height: 300px;
background:#FF7F00;
margin:0px 0px 0px 40px;
color: #000000;
float: left;
z-index: 1;
border: 1px solid #000000;
}
#footer a {
text-decoration: none;
color: #3399cc;
font-size: 11px;
}
#footer a:hover {
text-decoration: none;
color: #cc0000;
font-size: 11px;
}
/* --------------------------------------------------------------------- */
/* MISC */
input {
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
font-size: 11px;
font-style: normal;
color: #5F5F5F;
margin: 2px 0px 2px 0px;
}
textarea {
border:1px solid #808080;
font-family: Arial, SunSans-Regular, Sans-Serif;
font-size: 11px;
font-style: normal;
color: #5F5F5F;
vertical-align:middle;
border: 1px solid #9F9F9F;
}
/* --------------------------------------------------------------------- */
/* Shop */
/* single display */
#tx-ttproducts-pi1-single-display {
font-family: Arial, SunSans-Regular, Sans-Serif;
font-size: 11px;
color: #000000;
}
#tx-ttproducts-pi1-single-display p {
font-family: Arial, SunSans-Regular, Sans-Serif;
padding: 0px 0px 0px 0px ;
font-size: 11px;
color: #000000;
}
#tx-ttproducts-pi1-single-display h1 {
font-family: Arial, SunSans-Regular, Sans-Serif;
padding-left: 0px;
font-size: 16px;
color: #000000;
}
#tx-ttproducts-pi1-single-display h2 {
font-family: Arial, SunSans-Regular, Sans-Serif;
padding-left: 0px;
font-size: 14px;
color: #000000;
}
#tx-ttproducts-pi1-single-inforight {
width:330px;
}
.tx-ttproducts-pi1-image {
float: left;
margin-right: 5px;
}
#singleViewPic {
width: 200px;
float: left;
}
#singleViewPic input{
border: 0px;
}
#singleViewData {
width:200px;
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 20px;
float:left;
}
.tx-ttproducts-pi1-product-note {
font-size: 11px;
float: left;
width: 260px;
padding: 0px 10px 0px 0px;
margin-top: -20px;
}
.tx-ttproducts-pi1-category, .tx-ttproducts-pi1-itemnumber, .tx-ttproducts-pi1-price, .tx-ttproducts-pi1-product-qty {
font-size: 11px;
color: #000000;
text-align: left;
}
.tx-ttproducts-pi1-price-no-tax {
color:#9F9F9F;
}
.tx-ttproducts-pi1-basket-info-compulsary {
font-size: 11px;
color: #336600;
}
/* --------------------------------------------------------------------- */
/* NEWS */
div.news-list-container {
width: 300px;
/*border: 1px solid #A02000;*/
float: left;
margin-right: 20px;
}
div.news-list-item {
padding: 5px;
}
div.news-list-item a {
font-size: 14px;
}
div.news-list-item img{
float: left;
margin:10px 10px 10px 0px;
/*background:#FFFFFF;*/
color: #3399cc;
}
.news-list-date {
font-size: 9px;
color:#5F5F5F;
margin-top: 0px;
}
.news-list-container p {
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #000000;
}
.news-list-item p {
font-size:11px;
line-height: 16px;
padding:0px 0px 0px 0px;
/*background:#FFFFFF;*/
color: #000000;
}
.news-single-timedata {
width: 345px;
/*border: 1px solid #A02000;*/
}
.news-single-item {
width:345px;
}
/* Formate für RTE */
span.KleinerText {
font-size: 9px;
}
span.LinkText a{
font-size: 11px;
color: #3399cc;
text-decoration: none;
}
span.LinkText a:hover{
font-size: 11px;
color: #CC0000;
text-decoration: none;
}
span.RoterText {
color: #CC0000;
font-size: 11px;
}
span.zitat {
font-size:14px;
color: #4F4F4F;
font-style: italic;
line-height: 20px;
background-color: #FFFFFF;
}
span.author {
font-size: 11px;
color: #4F4F4F;
background-color: #FFFFFF;
text-align: right;
}
/* tables */
.tableContainer {
width:685px;
margin:10px 0px 10px 0px ;
}
table.tablesorter {
font-family:arial;
background-color: #CDCDCD;
margin:10px 0px 15px 10px;
font-size: 8pt;
width: 98%;
text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}
table.tablesorter thead tr .header {
background-image: url(table_bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
color: #3D3D3D;
}
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}
table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(table_asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(table_desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #0084c9;
color:#ffffff;
}