*{padding:0; margin:0; border:0; text-align:left;} body { color: #444; font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; background: #fff url(images/body_bg.gif) 0px 0px repeat-x; } a {outline:none;} a, a:visited, a:active {color: #5A4E3A; text-decoration:none;} a:hover { color:#A28D69; text-decoration:underline;} a.active, a:visited.active, a:active.active { color:#A28D69; text-decoration:underline;} /********************************************************************************************************/ #container { position:relative; background: url(images/container_bg.gif) top left repeat-y; width: 1000px; margin:0px auto; } #header { float:left; height:188px; width: 1000px; background: url(images/header_bg.jpg) top center repeat-x; } /**************************************************************************************************/ #subline { display:inline; float:left; height:90px; margin: 0px 0px; width: 960px; background: url(images/navi_bg.gif) top center repeat-x; } #navi { float:left; margin-top:1px; list-style-type:none; list-style-position:outside; } #navi li{ float:left; margin-left:0px} #navi li a, #navi li a:visited, #navi li a:active { display:block; color:#fff; height:40px; line-height:40px; float:left; padding:0px 15px; font-size:14px; font-style:italic; font-weight:bold;} #navi li a:hover { background:url(images/navi_hover.gif) top center repeat-x; text-decoration:none; border-right:} #navi li.active a, #navi li.active a:visited, #navi li.active a:active { background:url(images/navi_active.gif) top center repeat-x; text-decoration:none;} #page { float:left; margin: 0px 0px; width: 960px; } /********************************************************************************************************/ #openCart {float:right; margin:5px 10px; color:#666; padding:5px; border:1px dotted transparent; } #openCart:hover {border:1px dotted #999; text-decoration:none} #closeCart {float:right; margin:5px 10px; color:#666; padding:5px; border:1px dotted transparent; display:none; visibility:hidden; } #closeCart:hover {border:1px dotted #999; text-decoration:none} #closeCart.visible { display:block; visibility:visible;} #closeCart.hidden { display:none; visibility:hidden;} #cart { min-height:200px; height:auto !important; height:200px; display:none; visibility:hidden; background-color:#C3B9A5; width:300px; position:absolute; right:21px; top:228px; border-left:1px solid #fff; border-bottom:1px solid #fff; z-index:100; color:#444;} #cart td {color:#444} #cart.visible { display:block; visibility:visible;} #cart.hidden { display:none; visibility:hidden;} .visible { display:block; visibility:visible;} .hidden { display:none; visibility:hidden;} #cart .empty {text-align:center; margin-top:50px; color:#000; font-size:12px;} #cart .toCart {text-align:center; color:#444; font-size:12px; font-weight:bold; margin-top:20px; margin-bottom:20px} /*#cart .toCart a {text-align:center; color:#FFF; font-size:12px; font-weight:bold}*/ #cart a, #cart a:visited, #cart a:active {color: #444; text-decoration:none;} #cart a:hover { color:#A28D69; text-decoration:noe;} #boxCart {border-bottom: 3px double #A28D69;} /********************************************************************************************************/ #breadcrumb { float:left; color:#594D39; text-indent:10px; height:30px; width: 1000px; line-height:30px; vertical-align:middle; font-size:10px;} /********************************************************************************************************/ #content { display:inline; width:480px; margin: 0px 20px 0px 20px; position:relative; float:left; min-height:500px; display:inline; height:auto !important; height:500px; } #content h1 {font-size:18px; font-weight:bold; color:#D5373C; margin-bottom:10px;} #content h2 {font-size:14px; font-weight:bold; color:#564A36; margin-bottom:10px;} #content h3 {font-size:12px; font-weight:bold; color:#564A36; margin-top:20px;} #content p {font-size:11px; line-height:18px; margin-bottom:20px; } #content .clear { clear:both;} #content .center {text-align:center;} #content .txtRight {text-align:right;} #content img.left {float:left; margin:0px 20px 10px 0px;} #content img.right {float:right; margin:0px 0px 10px 20px;} #content .left {float:left;} #content .right {float:right;} #content .visible { display:inline; visibility:visible;} #content .hidden { display:none; visibility:hidden;} #content .layout1 { width: 460px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; display:inline;} #content .layout2 { width: 200px; float:left; margin-right:20px; margin-bottom:20px; display:inline;} #content .layout3 { width: 200px; float:left; margin-right:20px; margin-bottom:20px; display:inline;} #content .layout4 { width: 160px; float:left; margin-right:20px; margin-bottom:20px; display:inline; } #content .layout5 { width: 400px; float:left; margin-right:20px; margin-bottom:20px; display:inline;} #content .layout6 { width: 618px; float:left; margin-right:20px; margin-bottom:20px; display:inline;} #content strong { font-weight:bold; color:#594D39;} #content em { color:#594D39;} ul { list-style-type:disc; list-style-position:outside; } ul li { margin-left:20px; line-height:18px; margin-bottom:2px;} #shop ul { list-style-type:disc; list-style-position:outside; margin-bottom:30px; } #shop ul li { margin-left:20px; line-height:18px; margin-bottom:2px;} #shop ul li b {font-weight:bold; font-size:12px; margin-top:3px; color:#89B65B;} #content .img { border: 1px solid #ddd; padding:3px; margin: 0 4px 4px 0; } /********************************************************************************************************/ #clearer { clear: both; display: block; font: 1px/0px serif; height:0px; content: "."; visibility: hidden; } #footer { display:inline; float:left; height:25px; width: 1000px; background: url(images/footer_bg.gif) left bottom no-repeat; font-size:10px; color:#666666; text-indent:20px; } /*******************************************************************************************************/ .sidebar {width:220px; float:left; } .sidebar ul { list-style-type:none; list-style-position:outside; } .sidebar h2 { border-bottom:1px dotted #666; margin-left:5px; color:#E0AF0A; font-size:14px; font-style:italic; margin-bottom:10px;} .sidebar p { margin-left:5px;} #categories {overflow:hidden; width:220px;} #categories li { margin-left:0px } #categories li a, #categories li a:visited, #categories li a:active { width: 220px; height:20px;line-height:20px; color:#594D39; font-size:12px; display:block; text-indent:5px; } #categories li a:hover { text-decoration:underline; color:#000;} #categories li a.active {font-weight:bold; text-decoration:none;} #categories li ul, #categories li ul li, #categories li ul li ul{ border:0px;} #categories li ul {margin-top:0px; margin-bottom:5px;} #categories li ul li ul {margin-top:2px; margin-bottom:0px;} #categories li ul li a, #categories li ul li a:visited, #categories li ul li a:active {font-size:11px; height:14px; line-height:20px; padding-left:15px } #categories li ul li ul li a, #categories li ul li ul li a:visited, #categories li ul li ul li a:active {font-size:10px; height:16px; line-height:16px;padding-left:30px; } #shop {float:left; width:690px;} /*.contentsTopics {font-size:18px; font-weight:bold; color:#D5373C; height:40px;}*/ .contentsTopics {border-bottom:1px dotted #666; margin-left:5px; margin-bottom:10px; color:#E0AF0A; font-size:14px; font-style:italic; font-weight:bold;} /******************************************************/ #content dl{ float:left; padding:3px; margin: 0 4px 4px 0; width:145px; height:150px; color:#666666; background-color:#fff; border:1px solid #999;} #content dl.pro {height:170px;} #content dl.cat {height:160px; } #content dl:hover { background-color: #eee; color:#fff; } #content dl dt { margin-bottom: 0; text-align:center;} #content dl dt img { margin:10px 0} #content dl.cat dd a { font-size:11px; font-weight:bold; line-height:18px;} #content dl.pro dd a { font-size:10px; line-height:16px;} #content dl dd { text-align:center; line-height:12px; font-size:10px;} /***/ .plus,.minus, .alter, .delete { display: block; margin-left:1px; background-repeat: no-repeat; width: 9px; height: 9px; border: 0px; font-size: 0px; cursor: pointer; } .plus { background-image: url(img/plus.gif);} .minus { background-image: url(img/minus.gif);} .alter { background-image: url(img/alter.gif);} .delete {background-image: url(img/delete.gif);} /**************/ TABLE.formArea { margin:10px 0 20px; padding:10px; border:1px solid #ccc; } TABLE.formArea td{height:22px; vertical-align:22px; } TABLE.formArea input{border:1px solid #ccc;} TABLE.formArea2 input{border:1px solid #ccc;} TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } textarea.text {border:1px solid #ccc; width:450px; font-size:10px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif;} #agb {border:1px solid #ccc; font-size:10px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; width:450px;} input.zahl {border:1px solid #999; height:17px; width:25px; text-align:center; } input.text {border:1px solid #999; height:17px; padding:3px 0 0 2px; font-size:11px; width:150px } input.searchtext {border:1px solid #CCCBCB; height:15px; line-height:15px; font-size:11px; width:140px; margin-right:2px; } select.text {border:1px solid #999; height:17px; font-size:11px; width:80px } select {border:1px solid #999;} label, input, select { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; } form br { /* Alle Zeilenumbrüche in Formularen auswählen */ clear: left; /* das floating der labels und inputs aufheben */ } input#submit { /* den Submit-Button */ float: none; width: auto; } #search a{ font-size:10px; color:#A19787; margin:3px 0px 10px 0px; display:block;} input.keyword { border:1px solid #999; width:450px; font-size:16px; padding:3px; font-weight:bold; color:#666;} #descr {margin-bottom:20px;} #descr table { border:1px solid #A19787; border-collapse:collapse;} #descr table td { padding:3px; border:1px solid #A19787; border-collapse:collapse; } #box { width:920px; margin: 0 auto; } #tabs { position:relative; height:600px; margin-top:30px;} #tabs>li { margin-left:0; float:left; list-style-type:none; margin-right:3px; border:1px solid #DACDB8; display:block; padding: 10px 10px;} /* }*/ #tabs>li:hover { color:#574B37; background-color:#DACDB8; border:1px solid #BEB29E;} /* }*/ #tabs>li a { text-decoration:none; padding-right:10px; color:#444; } #tabs>li .box { padding-top:20px; border-top:3px solid #BEB29E; width:920px; position:absolute; left:0px; top:34px; display:none; visibility:hidden; height:100px; color:#444; background-color:#ECE4D8; } #tabs>li.active { color:#574B37; background-color:#DACDB8; border:1px solid #BEB29E;} #tabs>li.active div { display:block; visibility:visible;} #tabs>li.active a { color:#574B37; text-decoration:none; padding-right:10px;} #tabs>li.active div a { text-decoration:none; color:#444; font-size:14px; font-weight:bold; } .catListBody ul li a { width: 100%; height:35px; padding: 0px 0px 0px 5%; } #catListBody19 { padding: 2px 0px 2px 2px; background:url(http://www.kindermode-flottebiene.de/img/bt-baby-44-86.gif) no-repeat; } #catListBody7 { padding: 2px 0px 2px 2px; background:url(http://www.kindermode-flottebiene.de/img/bt-maedchen-92-128.gif) no-repeat; } #catListBody26 { padding: 2px 0px 2px 2px; background:url(http://www.kindermode-flottebiene.de/img/bt-maedchen-140-176.gif) no-repeat;} #catListBody59 { padding: 2px 0px 2px 2px; background:url(http://www.kindermode-flottebiene.de/img/bt-junge-140-176.gif) no-repeat; } #catListBody6 { padding: 2px 0px 2px 2px; background:url(http://www.kindermode-flottebiene.de/img/bt-junge-92-128.gif) no-repeat; } #catListBody25 { padding: 2px 0px 2px 2px; background:url(http://www.kindermode-flottebiene.de/img/bt-junge-140-176.gif) no-repeat; } #catListManufacturers { padding: 2px 0px 2px 2px; background:url(http://www.kindermode-flottebiene.de/img/bt-hersteller.gif) no-repeat; } #catListBody44 { padding: 2px 0px 2px 2px; background:url(http://www.kindermode-flottebiene.de/img/bt-gutscheine.gif) no-repeat; } .productOldPrice { color:#FF0000; text-decoration: line-through; }