body {
margin: 0;
padding: 0;
background-color: #edecec;
text-align: center;
font: normal normal normal 86%/160% Arial, Sans-Serif;
}
.clear { clear: both; }
.center, .aligncenter { margin: auto; text-align: center }
.justify { text-align: justify; }
.small { font-size: .7em; line-height: 1em; }
.float_left, .floatleft { float:left; }
.float_right, .floatright { float:right; }
.gelb { color: #ffed00; }
.blau { color: #009ee0; }
.strong { font-weight: bold; }

/* Links */
a { color: #009ee0; text-decoration: underline; }
a:hover { color: #009ee0; text-decoration: none; }
a:active, a:focus { color: #000; text-decoration: none; }
a.nostyle, a.nostyle:hover, a.nostyle:active, a.nostyle:focus { text-decoration: none; color: #000; border: none; background-color: transparent; }
a img { border: none; }

#wrap { width: 994px; margin: auto; background-color: #fff; text-align: left; }

/* Standard Headings */
h1, h1.product-title { font: 16px/100% Arial, Sans-Serif; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; text-align: left; color: #009ee0; }
h1, h2 { margin: 15px 0 5px; }

/* Header */
#header { width: 977px; height: 166px; background: #fff url(images/header-bg.jpg) repeat-x top center; margin: auto; font-size: 12px; }
#headercorner { float: left; height: 166px; width: 25px; background: #fff url(images/header-corner.jpg) no-repeat bottom right; }
#headercontent { float: right; height: 166px; width: 952px; }

#logo { float: left; width: 475px; height: 100px; background: transparent url(images/header-logo.gif) no-repeat center left; }
#logo img.spacer { height: 100px; width: 475px; border: none; }
#infobox { float: right; height: 26px; font-size: 14px; text-align: right; padding: 0 33px 0 0; text-transform: uppercase; }
#infobox a { color: #000; text-decoration: none; }
#cartbox { text-transform: uppercase; text-align: left; padding: 0 8px; height: 26px; float: right; background-color: #009ee0; color: #fff; }
#cartbox a { color: #fff; text-decoration: none; } 

/* Header Navi */
#navi { height: 45px; background-color: #000; }
#navi ul { list-style-type: none; padding: 0; margin: 0; }
#navi ul li { float: left; padding: 0; margin: 0 7px 0 0; }
#navi ul li a strong { display: none; }
#navi li#home a { background: transparent url(images/navi-home.jpg) no-repeat top center; width: 27px; height: 45px; float: left; margin-right: 10px; }
#navi li#maenner a { background: transparent url(images/navi-maenner.jpg) no-repeat top center; width: 119px; height: 45px; float: left; }
#navi li#frauen a { background: transparent url(images/navi-frauen.jpg) no-repeat top center; width: 119px; height: 45px; float: left; }
#navi li#accessoires a { background: transparent url(images/navi-accessoires.jpg) no-repeat top center; width: 187px; height: 45px; float: left; }
#navi li#sale a { background: transparent url(images/navi-sale.jpg) no-repeat top center; width: 91px; height: 45px; float: left; }
#navi li#about a { background: transparent url(images/navi-about.jpg) no-repeat top center; width: 102px; height: 45px; float: left; }
#navi li#blog a { background: transparent url(images/navi-blog.jpg) no-repeat top center; width: 91px; height: 45px; float: left; }
#navi li#team a { background: transparent url(images/navi-team.jpg) no-repeat top center; width: 91px; height: 45px; float: left; }
#navi li#kontakt a { background: transparent url(images/navi-kontakt.jpg) no-repeat top center; width: 137px; height: 45px; float: left; }

/* Breadcrumbs */
#breadcrumb { clear:both; margin: 0; padding: 5px 0 5px 2px; font: normal normal normal .85em/ 1em Verdana, Sans-Serif; color: #7b7b7b; text-align: left; }
#breadcrumb ul, #breadcrumb ul li { display:inline; padding: 0; margin: 0; list-style-image: url(images/breadcrumb_sep.jpg); }
breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active { font-weight: bold; color: #7b7b7b; background-color: transparent; }

/* Content */
#main { width: 977px; margin: auto; text-align: right; }
#content { float: left; width: 550px; margin: 0; text-align: left; z-index:10; background-color: #fff; }

#content h2, #content h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; }
#content h2 a, #content h3 a { color: #000; text-decoration: none; }

#content div.blogcat { display: block; margin: 0; height: 24px; font-size: 12px; font-weight: bold; background: #000 url('images/heading-bg.png') no-repeat top right; }
*+html #content div.blogcat { height: 21px; }
#content div.blogcat span { padding: 4px 7px 5px; background-color: #ffed00; } 
#content div.blogcat a { text-decoration: none; color: #000; }

#content .entry { padding: 10px; text-align: justify; font-size: 12px; line-height: 150%; }
#content .post { border: 1px solid #009ee0; border-top: none; margin-bottom: 20px; }
#content .commentsnote { float: right; background-color: #e7e6e6; padding: 4px 5px 4px 25px; margin: 0 -10px -10px 0; }
#content .commentsnote a { color: #000; text-decoration: none; }

/* Kommentare */
#kommentare { font-size: 12px; }
#kommentare input, #kommentare textarea { border: 1px solid #000; font-size: 12px; font-family: Arial, Sans-Serif; padding: 3px; }
#kommentare textarea { width: 350px; }
#kommentare input#submit { background-color: #000; font-weight: bold; color: #fff; padding: 4px 6px; }
#kommentare h3, #kommentare .title { display: block; font-size: 14px; font-weight: bold; color: #009ee0; margin: 35px 0 5px; }
#kommentare .comment { border-bottom: 1px solid #009ee0; padding: 0 5px; margin-bottom: 20px; line-height: 140%; }

/* Sidebar - links */
#sidebar { float: left; width: 185px; margin: 0 30px 0 23px; text-align: left; }
#sidebar .title { font: normal bold normal 20px/90% Arial, Sans-Serif; color: #009ee0; text-transform: uppercase; }
#sidebar ul.menu { list-style: none; padding: 0; text-transform: uppercase; }
#sidebar ul.menu li a { color: #000; }
#sidebar .menubox { text-transform: uppercase; margin-bottom: 10px; }
#sidebar .menubox ul { padding: 0; margin: 0; }
#sidebar .menubox a { font: normal normal normal 16px/100% Arial, Sans-Serif; color: #000; } 
#sidebar .menubox ul { margin: 0; padding: 0 0 0 5px; font: normal normal normal 12px/200% Arial, Sans-Serif; word-spacing: -1px; letter-spacing: -0.3px; color: #63717a; }
#sidebar ul li a, #sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li a:focus { color: #8597a2; background-color: transparent; border: none; text-decoration: none; }
#sidebar ul li a:hover { color: black; text-decoration: none; }
#sidebar ul li.level1, #sidebar ul li.level1-active { list-style-type: none; text-transform: uppercase; }
#sidebar ul li.level2, #sidebar ul li.level2-active { padding-bottom: 5px; border-bottom: 1px dotted #63717a; list-style-type: none; margin: 0 0 10px 10px; }
#sidebar .unterseiten { border: 1px solid #ebebeb; margin: 45px 0 0; padding: 6px; }
#sidebar .unterseiten .title { font: normal normal normal 1.5em/ 1.7em Arial, Sans-Serif; text-transform: uppercase; color: #716f64; }
#sidebar .unterseiten ul { font: normal normal normal 1.1em/ 1.7em Arial, Sans-Serif; list-style-type: square; padding: 0 0 0 15px; color: #cbcbcb; }
#sidebar .unterseiten ul li:hover { list-style-type: square; color: #019cdc; }
#sidebar .unterseiten ul li a { text-decoration: underline; }
#sidebar ul.vorteile { list-style-image: url(images/sidebar_list-style-image.jpg); color: black; }
#sidebar .newsletter { width: 172px; padding: 5px 10px; text-transform: uppercase; background-color: #009de0; color: #fff; font-size: 16px; display: block; text-decoration: none; }
#sidebar .siegel { width: 169px; height: 65px; background: transparent url('images/greenality-siegel.png'); margin: 25px 0; }

/* Sidebar - rechts */
#sidebar-rechts { float: right; width: 175px; padding-left: 10px; font-size: 12px; text-align: left; line-height: 150%; }
#sidebar-rechts hr { border: none; border-bottom: 1px solid #009ee0; background-color: transparent; height: 1px; margin-left: -14px; }
#sidebar-rechts .headline { text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; }
#sidebar-rechts a { color: #000; text-decoration: none; }
#sidebar-rechts ul { list-style: none; padding: 0 0 20px; }

/* Footer */
#footer { width: 977px; margin: auto; margin-top: -100px; background-color: #fff; }
#footercorner { float: left; height: 120px; width: 25px; background: #fff url(images/footer-corner.jpg) no-repeat top right; }
#footercontent { background: #fff url(images/footer-bg.jpg) repeat-x top left; height: 120px; padding-top: 65px; font-size: 12px; color: #6f6e6e; }
#footercontent strong { color: #000; }
#footercontent a { text-decoration: none; color: #6f6e6e; }
#footer .footerbox { width: 190px; float: left; line-height: 140%; }

.myspace, .facebook, .twitter { width: 25px; height: 25px; margin-right: 10px; float: left; }
.myspace { background: url('images/myspace.gif'); }
.facebook { background: url('images/facebook.gif'); }
.twitter { background: url('images/twitter.gif'); }