body, html
{
margin:0 auto;
padding:0;
/*background-image: url(../images/bg_o.gif);*/
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
font-size: 12px;
text-align:center;
/*border-top:2px solid #567e9c;*/
}
/**************************************************************************************************************************/
/********************globale Elementdefinitionen / Standardwerte ************************************************************/
/**************************************************************************************************************************/
/*---------------- border, padding,border, fontsize ------------------------------------------------------------------------------------- */
a, p, table, tr, td, h1,h2,h3, input, form, img, submit, text, ul, li, textarea, div
{margin:0; padding:0;border:0;font-size:12px;}
/**************************************************************************************************************************/
/********************individuelle Elementdefinitionen / Standardwerte ********************************************************/
/**************************************************************************************************************************/
/*--------------- floats ------------------------------------------------------------------------------------- */
#leftside, #intropic, #products div.galleryspacer, #products table.gallery, #produktinfotext, #produktinfo img, .hlink, .kontakt, .impressum,
#content a.download, .left
{ float: left;}
* html #produktinfotext , .right
{ float:right;}
.center, .impressumtext , .clear
{clear:both;}
/*--------------- Vordergrundfarben ------------------------------------------------------------------------------------- */
#produktinfotext p, #content a.download { color:#000;}
#leftside p.menu_header, #leftside p.menu_footer , #leftside a.gcat ,#products input.submit1, #products input.submit2, .headline
{color:#fff;}
a:hover ,#menu a , #leftside a.active, #leftside a:hover, #leftside input.submit:hover, #viewup a.active,#viewdown a.active,
#products input.submit1:hover, #products input.submit2:hover, .pager, .pager a
{color:orange;}
a, a:visited, #menu a:hover, #menu a.active , #leftside a.cat , #viewup a, #viewdown a , #produktinfotext p.head, .sheadline
{color:#567e9c;}
#leftside input.submit ,table.basket ,table.basket td
{color:#333;}
.red {color:red;}
#header.seperateshop h3 { color: #ddd;}
#tradersList, #tradersList li a {color: #C40808;}
#header.kk p { color: #2e638c;}
#footer {color: #666;}
.error, .info {color: #FF0000;}
.catheadline { color:#999;}
/*--------------- Hintergrundfarben ------------------------------------------------------------------------------------- */
input , textarea, select, .orders th, .orderdetail th, .orders td, .orderdetail td, #content a.download
{background:#ddd;}
#wrapper, #popupdetails, #products input.menge, #produktinfotext, #produktinfotext p, .white
{background:#fff;}
body, html, #popup form, #header, #menu a, #leftside p.menu_header, #leftside p.menu_footer, #products input.submit1,
#products input.submit2, #produktinfo, #produktinfo p.footer, .headline
{ background:#567E9C;}
#viewup, #viewdown , table.basket , #products .submit1, #products .submit2, .prod1, .sheadline,.hlink a:hover, .service td
{background:#f4f4f4;}
#menu a:hover, #menu a.active
{ background:orange;}
#leftside a.gcat { background:#769ebc;}
#leftside input.search_products {background:#eee;}
.prod2, #products .submit2 {background:#f9f9f9;}
#produktinfotext p.head { background: #d4d4d4;}
#haendlereintrag, #info { background: #FFEBC6;}
/**************************************************************************************************************************/
/********************individuelle Elementdefinitionen / Formatierungen ********************************************************/
/**************************************************************************************************************************/
h3 {font-size:16px;}
textarea {border:1px solid #ccc;}
submit {border:1px solid #ccc;}
select {border:1px solid #ccc;}
/*--------------- Gesamte Rahmenbox ------------------------------------------------------------------------------------- */
#wrapper { text-align:left; margin:5px auto; width:1000px;}
/*--------------- Popups (ABG/Widerruf)------------------------------------------------------------------------------------- */
#popup { text-align:left; width:800px; margin: 15px; }
#popupdetails { text-align:left;width:700px;height:350px; overflow: auto; padding: 25px;}
#popupdetails p{ text-align:justify; }
/*---------------Kopf ------------------------------------------------------------------------------------- */
#header { height: 109px;}
#header.kk { background-image: url(../images/logo.png);background-repeat: no-repeat;background-position: 20px 0;}
#header.kk p {font-size: 32px;font-weight: bolder;letter-spacing: 1px;padding-top: 5px;padding-left: 27px;}
#header.seperateshop h3 { font-size: 24px; font-weight: bolder; letter-spacing: 1px; padding-top: 25px; padding-left: 27px;}
/*---------------Kopfmenu ------------------------------------------------------------------------------------- */
#menu { margin:-35px 20px 0 0; padding:5px; text-align:right;}
#menu a { border:1px solid #ddd; text-align: center; font-weight:bold; text-decoration: none; padding:5px 10px; margin:0 -5px;}
/*--------------- Linkes Menue ------------------------------------------------------------------------------------- */
#leftside { width: 200px; margin-left: 10px; margin-top: 50px; }
#leftside p.menu_header { padding:3px 10px; border-bottom:1px solid #ddd;}
#leftside p.menu_footer { display:none; padding:0px 10px;}
#leftside ul {list-style: none;}
#leftside li {border-right:1px solid #ddd; border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
#leftside a { text-decoration: none; display: block; background-image: #ccc; background-repeat: repeat-x; padding:2px 10px; }
#leftside a:hover { border-right:3px solid orange; border-left:3px solid orange; text-decoration: none;padding-left: 7px;}
#leftside a.sub { padding-left: 27px; }
#leftside a.sub:hover { padding-left: 24px;}
#leftside a.cat { font-weight: bold; padding-left: 26px;}
#leftside a.cat:hover { padding-left: 23px;}
#leftside a.gcat { font-weight: bold; padding-left: 18px;}
#leftside a.gcat:hover { padding-left: 15px;}
#leftside p.search { border-right:1px solid #ddd; border-left:1px solid #ddd;border-bottom:1px solid #ddd;height: 18px;}
*+html #leftside p.search { height: 18px;}
#leftside input.search_products {width: 149px;margin:-1px 0 0px 0;padding:1px 0px 1px 3px; height: 16px;}
* html #leftside input.search_products{width: 152px;margin:-1px 0px -1px 0px;padding:1px 0px 1px 3px; height: 18px;}
*+html #leftside input.search_products {width: 149px;margin:-1px 0px 0px 0px;padding:1px 0px 1px 3px; height: 16px;}
#leftside input.submit {margin-left:-4px;padding:0px 0px 1px 0px;}
* html #leftside input.submit {margin:-1px 0px -1px -4px; height: 18px;}
*+html #leftside input.submit {margin:-1px 0px 0px -4px;padding:0px; height: 18px;}
/*--------------- Inhaltsbox Rechts------------------------------------------------------------------------------------- */
#content { width:735px; margin:50px 0 0 225px; padding:0 10px; overflow:hidden;}
/*--------------- Inhaltsbox Kontakt------------------------------------------------------------------------------------- */
#kontaktform { padding: 5px; margin:0px 30px;}
#kontakt { list-style: none; margin: 10px; padding: 10px; font-size: 12px;}
.kontakt {border-right:1px solid #ddd;}
/*--------------- Inhaltsbox AGB------------------------------------------------------------------------------------- */
#agb p { margin: 0 0 10px 0; }
#agb h2 { font-size: 11px; margin: 0 0 10px 0;}
#agb span{display: block;}
#content a.download {margin-left:15px; padding:3px 3px 1px 3px;font-size: 11px;text-decoration:none;}
/*--------------- Inhaltsbox Service------------------------------------------------------------------------------------- */
.service td {margin: 5px 0;padding: 5px 20px;}
/*--------------- Inhaltsbox Imressum------------------------------------------------------------------------------------- */
.impressum {margin-left: 10px;}
.impressumtext {margin-top: 30px;text-align: justify;}
/*--------------- Footer------------------------------------------------------------------------------------- */
#footer { text-align: center; font-size: 9px; padding-bottom:30px;}
/*--------------- Produktnavigation------------------------------------------------------------------------------------- */
#viewup, #viewdown {width: 753px;margin-left: -20px; border:1px solid #ddd;}
#viewup table, #viewdown table {width: 755px;}
#viewup td, #viewdown td {padding:0 3px;font-size: 12px;}
#viewup td.viewtype {width:15%;}
#viewup td.viewsort {width:69%;}
#viewup a, #viewdown a {text-decoration:none;padding:3px;}
* html #viewup, * html #viewdown {width: 732px;}
* html #viewup table, * html #viewdown table{width: 733px;}
#details { margin: 50px 10px;}
#details .center { margin: 3px auto; }
#details .center a { font-size: 12px;text-decoration: none;}
#details a.arrow {margin-top: -5px;}
/*--------------- Warenkorb------------------------------------------------------------------------------------- */
table.basket { width: 755px; margin-left: -10px; padding-left: 10px; margin-right: 10px; border:1px solid #ddd;}
* html table.basket { width: 735px;}
* html table.basket p { padding-left: 10px; }
*+html table.basket p { padding-left: 10px;}
table.basket td { padding:5px 0;}
.basket a {text-decoration: none;}
#basketBig,#basketSum { display:block;}
#basketBig table{width:100%;padding:0;}
#basketBig td{padding:5px;}
#basketBig p{margin:2px; }
#basketSum table { width:100%; margin-top:20px;}
#basketSum td { padding: 3px 10px; font-weight:bolder; text-align:right;}
/*--------------- Produktansicht------------------------------------------------------------------------------------- */
#products {margin-left: -20px;width:753px;border-left:1px solid #567e9c;border-right:1px solid #567e9c;border-top:1px solid #567e9c;}
* html #products {width:734px;}
#products td {padding:0px 0px 1px 1px;margin:0px;}
#products .underlined {border-bottom:1px solid #ddd;}
#products p {padding:0;margin:1px 0px 1px 1px;}
#products td.productinfo {width:80%;height:100%;padding-top: 10px;}
#products td.beschreibung {width:430px;height:100%;}
#products td.beschreibung p {height:100%;}
#products td.beschreibung table {height:100%;}
#products td.productlinks {width:100%;height:100%;}
#products td.action {width:160px;height:100%;}
#products td.action table {width:100%;height:100%;}
#products .link p{text-decoration:none;text-align:right;}
#products .link a{text-decoration:none;text-align:left;}
#products input.menge {border:1px solid #ccc; padding: 1px 0 1px 2px;}
* html #products input.menge {padding: 1px 0 0px 0px; height: 18px;}
*+html #products input.menge {padding: 1px 0 2px 2px;}
#products td.action p {padding: 0px 0 2px 0px;}
#products td.small p {font-size:9px;}
* html #products td.action p {padding: 0px 0 1px 0px;}
#products input.submit1, #products input.submit2 {font-weight: bold;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;padding:0;margin-left:-4px;}
* html #products input.submit1, * html #products input.submit2 { padding:0;margin-left:-5px;}
*+html #products input.submit1, *+html #products input.submit2 { margin-left:-5px;}
/*--------------- Produktansicht, Liste------------------------------------------------------------------------------------- */
#products table.classic {width:753px;border-bottom:1px solid #567e9c;}
* html #products table.classic {width:733px;margin-bottom:-1px;}
#products table.classic td.bild {width:20%;text-align:center;}
/*--------------- Produktansicht, Galerie------------------------------------------------------------------------------------- */
#products div.galleryspacer {width:3px;min-width:3px;}
*+html #products div.galleryspacer {width:7px;}
* html #products div.galleryspacer {width:6px;}
#products table.gallery {width:375px;height:450px;min-height:450px;border:1px solid #567e9c;margin-bottom: 3px;}
* html #products table.gallery {width:366px;margin-left:-1px;margin-top:-1px;margin-right:-2px;}
*+html #products table.gallery {margin-left:-1px;margin-top:-1px;margin-right:-1px;}
#products table.gallery td {padding:1px 8px 1px 7px;}
#products table.gallery td.head {padding-top:15px;padding-left:15px;}
#products table.gallery td.bild {text-align:center;height:300px;min-height:300px;}
#products table.gallery td.order {width: 210px;}
/*--------------- Produktansicht, Detail------------------------------------------------------------------------------------- */
#products table.detail {width:753px;border-bottom:1px solid #567e9c;}
* html #products table.detail {width:733px;}
#products table.detail td.bild {padding:33px 0;text-align:center;padding-top:15px;}
#products table.detail td.head {padding-top:15px;padding-left:116px;}
* html #products table.detail td.head {padding-top:15px;padding-left:105px;}
#products table.detail p.detail {padding:15px 116px;text-align:jutify;}
* html #products table.detail p.detail {padding:15px 104px;}
#products table.detail td.order {padding:15px 114px;}
* html #products table.detail td.order {padding:15px 105px 15px 102px;}
#products table.detail input.menge {padding: 6px;}
* html #products table.detail input.menge {padding: 7px 0 0px 2px;height: 30px;}
#products table.detail input.submit1,#products table.detail input.submit2 {padding: 6px;}
*+html #products table.detail input.submit1,*+html #products table.detail input.submit2 {padding-top: 4px;padding-bottom: 5px;}
/*--------------- Registrierung, Geburtsdatum------------------------------------------------------------------------------------- */
tr.tabledate table {margin: -2px;}
* html tr.tabledate table {margin-left: -2px;}
* html tr.tabledate input {width: 30px;}
* html tr.tabledate input.year {width: 56px;}
*+html tr.tabledate table {margin-left: -2px;}
*+html tr.tabledate input {width: 29px;}
*+html tr.tabledate input.year {width: 56px;}
tr.tabledate input {text-align: center;}
/*** Hilfe, Linksammlung ***/
#links li { margin: 5px 10px; list-style: none;}
/*** Pop-up Produktinfo ***/
#produktinfo { width:990px; padding-left:10px;padding-top:15px; }
#produktinfotext { min-height:200px;overflow:auto;border:1px solid #ddd;}
* html #produktinfo { width: 998px;}
#produktinfotext p { padding: 10px; margin: 0px; border-bottom:1px solid #ddd;text-align:justify;}
#produktinfotext p.head { padding: 10px;border-bottom:1px solid #ddd;}
#produktinfo p.footer{ text-align: right; }
#produktinfo img{ margin-right: 5px;}
/*** Pop-up Haendlereintrag ***/
#haendlereintrag, #info {height: 100%; overflow: auto; padding: 0 4px;}
#haendlereintrag table { width: 390px;}
#haendlereintrag form select { width: 138px;}
/*--------------- �berschrift------------------------------------------------------------------------------------- */
.headline { padding: 4px 0px 4px 10px; margin:0 -10px; font-size: 12px; font-weight: bold;}
.sheadline {padding: 4px; margin: 10px -10px 10px -10px; font-weight: bold;border-top:1px solid #ddd;}
/*--------------- Markenauflistung------------------------------------------------------------------------------------- */
.hlink { margin:10px 15px 10px 0px;}
.hlink a{display:block;width:200px;height:30px;border:1px solid #ddd;padding:5px 10px;text-decoration:none;}
.hlink a:hover{text-decoration:underline;border:1px solid #333;}
/* Rest */
.right { text-decoration: none; font-size: 11px; margin-top:-12px; margin-right: 10px;}
.centertext {text-align:center;}
.error {font-weight: bold;}
.nowrap {white-space:nowrap;}
.nl {text-decoration:none;}
.il {display:inline;}
.p5 {padding:3px 5px;}
.f7 {font-size:0.7em;}
.f12 {font-size:1.2em;}
.orders th{padding:2px 5px;}
.orderdetail th{padding:2px 5px;}
.orders td{padding:2px 5px;}
.orderdetail td{padding:2px 5px;}
.rechts {text-align:right;}
.links {text-align:left;}
.center {text-align:center;}
.red {font-size:9px;}
.bold {font-weight:bolder;}
.mt-20 {margin-top:-20px;}
.pl20 {padding-left:20px;}
#start {margin:10px;}
#start table {width:100%;margin:0px;}
#start td {border-bottom:1px solid #ddd;}
#start .txt {padding-left:5px;padding-right:15px;}
#start .img {padding:10px;text-align:center;}
a.active{text-decoration: underline;}
/*****----------------------------------------------------- ka wof�r -----------------------------------------------------------************
.cat { padding:5px 10px; white-space:nowrap;}
.catheadline {margin:10px 0; font-size:16px; border-top:1px solid #f4f4f4; letter-spacing:0.5em; font-style:italic;}
#intropic { margin-left: 25px;}
#haendlerinfo img{margin: 0 20px 20px 0;}
#haendlerinfo p { font-size: 12px; font-weight: bold;}
/*****----------------------------------------------------- unbenutzt -----------------------------------------------------------************
.box{margin:20px;}
#pager a{ padding:3px 1px; text-decoration:none;}
.pager { text-align: right; margin:-20px 20px 0px 0; padding:4px 0 4px 0 ; font-size:10px; text-decoration:none;font-weight:bold;}
.pager a { margin:0px 5px; text-decoration:none; font-weight:bold;}
.pager a:hover { text-decoration:underline;}
#tradersList {font-weight: bold; width: 650px;}
#tradersList ul { list-style: none;}
#tradersList li.premium {margin: 0 0 2px; padding: 13px 0 13px 44px; background-image: url("../images/shop_haendler.gif"); background-repeat: no-repeat; background-position: top left;}
#tradersList li.normal { margin: 0 0 2px; padding: 6px 0 6px 18px; background-image: url("../images/symbol.gif"); background-repeat: no-repeat; background-position: 4px 10px;}
#tradersList li a { text-decoration: underline; font-size: 11px;}
/*** Haendlerbereich ***//*
#login { padding: 20px; margin: 0 0 20px;}
#login td { padding:0 10px;}
#adminmenu { margin:10px 0;}
#adminmenu a { padding:5px 10px; letter-spacing:0.2em; font-weight:bolder; background:#567e9c; color:orange; text-decoration:none;}
#adminmenu p { margin:20px 0;}
#adminmenu a:hover { margin-top:20px; background:orange; color:#567e9c;}
#admincontent { padding:20px 5px;}
#articles {border:1px solid #000;}
#formular{ padding: 5px;}
#formular table{ margin-left:50px;}
#sizes table{ margin:3px; text-align: center; border: 1px solid #ddd;}
#sizes tr { background:#ddd;}
#sizes td { padding:1px 3px;}
*/