/* CSS Document for Muenzen.eu - SIMPLE */

#wrapper { width:960px; margin:0 auto; }
#left { width:187px; }
#right { width:187px; }
#main {  margin-left:187px; margin-right:187px; }

/* allgemeine Angaben */

body {
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
background:url(bg.png) repeat-y top #F1F1F1;
}

h1, h2, h3, h4 {
font-family:Georgia, serif;
font-weight:normal;
color:#DB4105;
margin:0;
padding:0;}

h1 {
font-size:18px;
margin:2px 0 20px 0;
}

h2, h3, .pseudoh {
font-size:16px;
margin:20px 0;}

h4 {font-size:14px; color:#555; font-weight:bold; padding:15px 0 0 40px;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:underline !important;}

/* Logo */

#logo {
float:left;
width:187px;
margin:20px 0 0 0;
}

#slogan {font-style:italic;}

/* Headernavigation */
#header .mod_navigation .level_1 {
padding:0;
margin:0 0 0 31px;
}

#header .mod_navigation li.submenu {
display:inline;
float:left;
padding:10px 0;
margin:0 0 0 10px;
height:145px;
width:178px;
}

#header .mod_navigation li.submenu.first {margin:0;}
#header .mod_navigation a {display:block;}

#header .mod_navigation a.submenu {
background:#fff;
font-family:Georgia, serif;
font-size:14px;
padding:5px 20px;
}

#header .anlagemuenzen {background:url(anlagemuenzen.jpg) no-repeat;}
#header .euromuenzen {background:url(euromuenzen.jpg) no-repeat;}
#header .weltmuenzen {background:url(weltmuenzen.jpg) no-repeat;}
#header .dtl_muenzen {background:url(deutschemuenzen.jpg) no-repeat;}

#header .mod_navigation .level_2 {
list-style:none;
margin:10px;
padding:0;
}

#header .mod_navigation .level_2 li a {
background:url(li.gif) 10px 5px no-repeat #fff;
padding:4px 0 4px 25px;
border-bottom:1px solid #d0d0d0;
}

#header .mod_navigation .level_2 a.last {border:0;} 
#header .mod_navigation .level_2 li a:hover {
background-color:#F1F1F1; 
-moz-transition: all 0.2s ease-in-out; 
-webkit-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
text-decoration:none !important;}

/* Breadcrumb */

#leiste {
background:#f1f1f1;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
height:34px;
margin:10px 0 30px 0;}

.mod_breadcrumb {
float:left;
color:#555555;
font-weight:bold;
line-height:34px;
padding:0 10px;
max-width:750px;
max-height:30px;}

.mod_breadcrumb a {
color:#DB4105;
font-weight:normal;
}

/* Suchbox */

.searchbox {
float:right;
padding:0 7px 0 0;
margin:0;}

.searchbox form {
height:34px;
line-height:33px;
}

.searchbox #ctrl_26 {
background:#FFF;
border:0;
width:117px;
height:16px;
line-height:18px;
padding:2px;
vertical-align:middle;
border:1px solid #d0d0d0;
}

.searchbox #ctrl_26_submit {
background:#FFF;
width:55px;
line-height:20px;
font-size:12px;
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
vertical-align:middle;
height:22px;
border:1px solid #d0d0d0;
} 

input[type="submit"]::-moz-focus-inner {border:0;} 

/* Sidebar-Navigation(en) */
.navi_side {
padding:0;
margin:0;
margin-bottom:35px;}

.navi_side ul, .navi_side li {
margin:0;
padding:0;
list-style:none;
}

.navi_side ul ul {padding:0 0 0 15px;}

.navi_side .level_1 li a {
background:url(li.gif) 5px 5px no-repeat;
display:block; 
padding:4px 0 4px 20px;
}

.navi_side .level_1 li a:hover {
background-color:#F1F1F1;
-moz-transition: all 0.2s ease-in-out; 
-webkit-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
text-decoration:none !important;
}

.navi_side .level_1 li.submenu a.submenu {
background:url(li.gif) 5px 5px no-repeat #F1F1F1;
display:block; 
padding:4px 0 4px 20px;
border-bottom:1px solid #D0D0D0;}

.navi_side .level_1 li {border-bottom:1px solid #D0D0D0;padding:0px;}

.navi_side .level_2 li {
border:0;
padding:0 0 0 15px;
background:none;
}

.navi_side .level_2 li a {padding:0; background:none !important;}
.navi_side .level_3 li {border:0; padding:0 0 0 15px;}
.navi_side .level_1 li.submenu {padding:0;}

.navi_side .level_2 li.submenu a.submenu {
background:none;
width:auto;
color:#DB4105;
border:0;
padding:0 15px;}

.navi_side .level_1 ul {margin:5px 0;}
.navi_side .level_1 .active {color:#DB4105;}
#left a:hover, #right a:hover, #footer a:hover {color:#DB4105;}

/* Newsletter */

.nl_text {padding:0 5px 10px 5px;}
.nl_text a {color:#DB4105;}

#nl_abo .text {
border:1px solid #D0D0D0;
width:170px;
height:18px;
line-height:18px;
padding:2px;
margin:0 0 5px 5px;
vertical-align:middle;
}

#nl_abo .submit {
border:1px solid #D0D0D0;
background:#F1F1F1;
color:#555;
width:90px;
height:24px;
line-height:24px;
font-size:12px;
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
vertical-align:middle;
margin:0 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
} 

/* Kalender */
.kal1 {
padding:0 0 0 10px;
margin:0;
font-weight:bold;}

.kal2 {
margin:0 0 10px 10px;
background:url(li.gif) no-repeat;
padding:0 0 0 15px;
}

/* RSS Feeds - Forum + Twitter */

.rss_feeds {
list-style:none;
padding:0 5px;
margin:0;}

.rss_feeds li {
background:url(li.gif) left 1px no-repeat;
margin:0; 
padding:0 5px 5px 15px;
}

.forumrss li {border-bottom:1px solid #d0d0d0; margin-top:5px;}
.follow {color:#DB4105;}

/* 4. Content */

#main {
padding:0 30px;
font-size:14px;
line-height:1.5;}

#main a {color:#DB4105;}
#main a:hover {color:#555;}

/* Katalog */

.katalog {
padding:10px 5px 10px 10px;
font-size:12px;}

.katalog h2 {color:#555; margin:0 0 10px 0;}

.katalog ul {
list-style:none;
list-style-position:outside;
margin:0 0 0 217px;
padding:0 0 0 8px;
min-height:106px;
border-left:1px solid #D0D0D0;
}

.katalog ul li {padding:2px 0;}
.katalog img {border:0; padding:2px;}
.cat2 {background:#F1F1F1;}
.cat2 img {border:1px solid #D0D0D0;}
#kat_2euro .katalog ul {margin-left:117px;}

/* Tabellen - KMS */
.tablef {border: 1px solid #d0d0d0; font-size:12px; width:100%; text-align:center; table-layout:fixed;}
.tablef th {background:#f1f1f1; font-weight:normal; }

table td, table th {border-color:#d0d0d0;}

/* Themenlinks */
.tippbox {
background:#F7F7F7;
border:4px solid #E2E2E2;
padding:10px;
width:190px;
float:right;
margin:5px 0 5px 10px;}

.tippbox p {
font-family:Georgia, serif;
font-size:13px;
font-weight:bold;
margin:0 0 10px 0;
}

/* Detailseiten */

#detail ul {list-style:none; padding:0; color:#222;}
#detail li {line-height:25px;}
#detail img {background:#f1f1f1; border:1px solid #d0d0d0; padding:5px;}
#detail h2 {margin:3px 0 10px 0; padding:0;}
#detail .float_left {padding:7px 20px 5px 0;}

/* Navigationsboxen */

.sidebar{
float:left;
clear:left;
text-indent:-9999px;
overflow:hidden;
margin:-8px 5px 8px 10px !important; /* alt: margin:-8px 5px 8px 0; */
background: url(navisymbole.png) no-repeat top left; /* neu mit Sprites */
}

.anzeige {background-position: 0 0; width: 48px; height: 35px;} 
.auktionen {background-position: 0 -55px; width: 48px; height: 48px;} 
.forum {background-position: 0 -123px; width: 48px; height: 48px;} 
.kalender {background-position: 0 -191px; width: 48px; height: 48px;} 
.categories {background-position: 0 -259px; width: 48px; height: 48px;} 
.newsletter {background-position: 0 -327px; width: 48px; height: 44px;} 
.twitter {background-position: 0 -391px; width: 48px; height: 48px;} 
.wissen {background-position: 0 -459px; width: 48px; height: 48px;}
.haendlerh {background:url(haendler.png) no-repeat; width: 48px; height: 48px; }

.navi_side {overflow:visible !important;} /* ansonsten Buch oben abgeschnitten */

.navi_headline {
background:#F5D970; 
padding:7px 10px; 
color:#555;
margin:0 0 25px 0;
font-family:Georgia, serif;
font-size:16px;
}

.mod_twitterreader {margin-bottom:25px;}
#nl_abo{margin-bottom:35px;}
.mod_eventlist {margin-bottom:20px;}
.ads {padding-left:15px; margin-bottom:30px;}

/* Footer */

#footer .mod_customnav { /* alt: nur #footer */
background:#F5D970;
color:#555;
width:960px;
height:34px;
line-height:34px;
margin:20px 0;
}

#footer .inside {text-align:center;}

#footer a {
color:#555;
border-left:1px solid #555;
padding:0 6px;
}

#footer a.first {margin-left:3px;}
#footer_ad {padding:15px 0 0 192px;}

/* Zitate */
blockquote {background:url(quote-oben.gif) left top no-repeat; margin:20px 0;}
blockquote p {margin:0; padding:10px 40px;}

.cite_angabe {
display:block;
padding:0 0 0 40px;
background:url(quote-unten.gif) right bottom no-repeat;
}

.mod_rss_reader {padding:0; margin:0;}

/* Vorteilbox Startseite */
#vorteile {list-style:none;}

#vorteile li {
background:url(ok.png) 0px 5px no-repeat;
padding:5px 0 5px 30px;}

/* Image-Slider */
.ce_imageslider {
float:right;
border:3px solid #D0D0D0; 
-moz-border-radius:5px;
margin-left:15px;
}

.float_right {padding:0 0 5px 10px;}
.image_container.float_right {background:#f1f1f1; padding:10px 10px 5px 10px !important; margin:0 0 10px 10px}
.caption {text-align:center;} /*Bilder */
.mod_banner {padding:11px; margin:0; border:1px solid #d0d0d0; background:#f1f1f1;} /*Banner - bei 120px breite margin:0 20px; */

.partner li a {padding:0 !important; background:none !important; text-align:center;}

/* Haendler */
.haendler {margin-bottom:15px; min-height:160px;}
.haendler h2 {margin:0; background:#F1F1F1; border:1px solid #d0d0d0; border-left:0; border-right:0; padding:3px 15px; color:#555;}
/* .haendler img {border:1px solid #D0D0D0; padding:3px; -moz-border-radius:3px; background:#F1F1F1; position:absolute; right:0; margin-top:38px;} */

.screens { margin:15px 5px 0 0;box-shadow:0px 2px 6px #CCC; padding:3px 3px 0 3px; float:right;}

.handeldetail {font-size:12px; padding:7px 15px; position:absolute; right:0;}
.haendler ul {padding-top:3px;}
#haendler_einzel img {margin:0 !important;}
#siegel {position:absolute; right:0; top:255px;}

.handel ul {list-style:none; margin-left:40px; padding-left:0;}
.handel .oben {margin:0; padding:0; font-weight:bold;}
.handel .oben span {padding:10px 0 0 40px;font-weight:normal;}
.handel span {font-weight:bold;display:block;}
.handel .oben li {margin-bottom:10px;}
.haendlerscreen {padding:10px 10px 5px; margin:0 5px 10px 20px; float:right;box-shadow:0px 2px 6px #CCC;}
.handel #siegel {position:absolute; right:0; top:280px;}

/* Facebook */
.mod_fblikeit {position:absolute; right:0; top:7px;} 

/* Jahreszahlen in Navi nebeneinander */



/* Button */

.anlage h1 {max-width:330px;} /* .anlage = individuelle Body-Klasse im Seitenlayout Anlagemuenzen, weil Headline sonst unter Button */
.cart {
position:absolute;right:0;top:0;
background:url(http://www.muenzen.eu/tl_files/layout/cart.png) 10px 7px no-repeat #f8f8f8;
padding:5px 10px 4px 32px;
border:1px solid #d0d0d0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.cart:hover {background-color:#fff;}

/* Anzeigen */

#sky {background:#f1f1f1; padding:15px 0 10px 0; width:100%; text-align:center;}
#linkblock {background:#F5D970; padding:10px 0 8px 0; width:100%; text-align:center; margin-bottom:35px;}

/* Catalog Erweiterung */

.cat_detail {background:#f1f1f1; padding:10px; display:block; margin:0; overflow:auto;}
.cat_detail ul {list-style:none; margin:5px 5px 0 225px; padding:0;}
.cat_detail li {border-bottom:1px solid #fff; padding:5px 0;}
.cat_detail li span {min-width:125px; display:block;float:left; font-weight:bold;}
.cat_detail li img {margin:3px 0 -3px 0;}
.cat_image {float:left; padding:5px 5px 0 5px;}
.sammlerausgabe {margin-bottom:30px;}
.sammler {padding:10px 10px 5px; background:#fff; margin:5px}
.price {text-align:left; margin-top:10px;}

.toggler {
padding:3px 10px;
border:1px solid #d0d0d0;
border-bottom:none;
text-align:center;
background:#f1f1f1;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;}

/* Catalog Featured */

.mod_catalogfeatured {margin-top:25px;}
.mod_catalogfeatured img {margin-top:10px;box-shadow:0px 2px 6px #CCC;}
.mod_catalogfeatured a {color:#db4105;}

.mod_catalogfeatured .item {
border:1px solid #d0d0d0;
background:#f1f1f1;
background:-moz-linear-gradient(top,#fff,#f1f1f1); /* Firefox */
background:-webkit-gradient(radial, center center, 80, center center, 400, from(#fff), to(#f1f1f1)); /* Safari, Chrome */
background:-webkit-radial-gradient(center, #fff, #f1f1f1); /* Safari, Chrome - neue Syntax! */
background:-o-radial-gradient(center, #fff, #f1f1f1); /* Opera, funktioniert noch nicht, aber sicherlich bald */
background:-ms-radial-gradient(center, #fff, ); /* IE */
background:radial-gradient(center, #fff, #f1f1f1); /* W3C Standard */
text-align:center;
margin-bottom:15px;
padding:10px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

/*Catalog Edit */
#tl_catalog_items .col_1 input[type=text], #tl_catalog_items .col_1 textarea {border:1px solid #D2D2D2; max-width:475px;}
#tl_catalog_items .col_1 input[type=text]:focus, #tl_catalog_items .col_1 textarea:focus, .checkbox_container:focus {border-color: #006699;}
#tl_catalog_items .col_1 input, #tl_catalog_items .col_1 textarea {padding:3px 5px;}
.mod_catalogedit fieldset span {display:block;}

.mod_catalogedit .col_0 label {font-weight:bold; margin-right:5px;}
#tl_catalog_items  table .odd {border-bottom:1px solid #D2D2D2;}
#tl_catalog_items input[type=text] {min-width:180px;font-size:12px;}
#tl_catalog_items .select {min-width:200px;}
.checkbox_container span {display:block;}
#ctrl_haendler_beschreibung {max-width:340px !important;}
#tl_catalog_items .even {background:#f1f1f1;}
#tl_catalog_items .error {color:#FF0000;}

/* IE6 */
* html #header .mod_navigation li.submenu{width:177px; height:165px;}
* html #header .mod_navigation li{height:1px;} 
* html .navi_side .level_2 li{height:1px;}
* html .sidebar{display:none;}
* html .searchbox{text-align:right; padding-top:3px;}