/*
Theme Name: Greenality
Description: Greenality WP-Theme
Version: 1.0
Author: Flo
*/
body {
padding: 0;
margin: 0;
background: #626262 url(images/background2.jpg) fixed repeat top center;
font: normal normal normal .8em/ 1.4em Arial, Sans-Serif;
}

.clear { clear: both; }
.justify { text-align: justify; }
.floatleft { float: left; }
.floatright { float: right; }

/* Links */
a { color: #548925; text-decoration: underline; }
a:hover { color: white; text-decoration: none; background-color: #66cc66; }
a:active, a:focus { color: white; text-decoration: none; background-color: #716f64; }

img, img a, img a:hover, img a:focus { border: none; background: transparent; }

#bg-top {
overflow: hidden;
margin: auto;
background: transparent url(images/background-top3.jpg) no-repeat top center;
z-index: 1;
}

#wrap {
width: 960px;
margin: auto;
background: transparent url(images/content-bg.jpg) repeat-y top center;
z-index: 2;
}

/* Header */
#header { width: 950px; margin: 0; padding: 0; }
#logo { float: left; background: transparent url(images/logo_greenality.jpg) no-repeat top left; width: 265px; height: 115px; margin-left: 20px; }

#navi { float: right; text-align: right; margin-right: 20px; width: 634px; height: 133px; }

#mini-navi { text-align: right; background: transparent url(images/header_mini-navi.jpg) no-repeat top right; width: 634px; height: 29px; margin-top: -10px; }
#mini-navi p { font: normal normal normal .7em Verdana, Sans-Serif; padding: 3px 15px; }

#main-navi { text-align: right; width: 634px; padding-top: 65px; position: relative; left: -100px; }
#main-navi a:hover, #main-navi a:active, #main-navi a:focus { background-color: transparent; }

#main-navi ul { list-style: none; display: inline; padding: 0; }
#main-navi ul li { width: 84px; height: 47px; float: left; display: block; margin: 56px 8px 0 0; }
#main-navi ul li img { width: 84px; height: 47px; border: none; }

#main-navi ul li.man-active, #main-navi ul li.man-inactive:hover { background: transparent url(images/header-menu_man-active.jpg) no-repeat center center; }
#main-navi ul li.man-inactive, #main-navi ul li.man-active:hover { background: transparent url(images/header-menu_man-inactive.jpg) no-repeat center center; }

#main-navi ul li.wom-active, #main-navi ul li.wom-inactive:hover { background: transparent url(images/header-menu_wom-active.jpg) no-repeat center center; }
#main-navi ul li.wom-inactive, #main-navi ul li.wom-active:hover { background: transparent url(images/header-menu_wom-inactive.jpg) no-repeat center center; }

#main-navi ul li.shop-active, #main-navi ul li.shop-inactive:hover { background: transparent url(images/header-menu_shop-active.jpg) no-repeat center center; }
#main-navi ul li.shop-inactive, #main-navi ul li.shop-active:hover { background: transparent url(images/header-menu_shop-inactive.jpg) no-repeat center center; }

#main-navi ul li.blog-active, #main-navi ul li.blog-inactive:hover { background: transparent url(images/header-menu_blog-active.jpg) no-repeat center center; }
#main-navi ul li.blog-inactive, #main-navi ul li.blog-active:hover { background: transparent url(images/header-menu_blog-inactive.jpg) no-repeat center center; }

#main-navi ul li.about-active, #main-navi ul li.about-inactive:hover { background: transparent url(images/header-menu_about-active.jpg) no-repeat center center; }
#main-navi ul li.about-inactive, #main-navi ul li.about-active:hover { background: transparent url(images/header-menu_about-inactive.jpg) no-repeat center center; }

#main-navi ul li.fragen-active, #main-navi ul li.fragen-inactive:hover { background: transparent url(images/header-menu_fragen-active.jpg) no-repeat center center; }
#main-navi ul li.fragen-inactive, #main-navi ul li.fragen-active:hover { background: transparent url(images/header-menu_fragen-inactive.jpg) no-repeat center center; }

#main-navi ul li.kontakt-active, #main-navi ul li.kontakt-inactive:hover { background: transparent url(images/header-menu_kontakt-active.jpg) no-repeat center center; }
#main-navi ul li.kontakt-inactive, #main-navi ul li.kontakt-active:hover { background: transparent url(images/header-menu_kontakt-inactive.jpg) no-repeat center center; }

#main-navi ul li.merch-active, #main-navi ul li.merch-inactive:hover { background: transparent url(images/header-menu_merch-active.jpg) no-repeat center center; }
#main-navi ul li.merch-inactive, #main-navi ul li.merch-active:hover { background: transparent url(images/header-menu_merch-inactive.jpg) no-repeat center center; }

#warenkorb { float: right; width: 123px; height: 79px; background: transparent url(images/header-menu_warenkorb.jpg) no-repeat bottom right; }
#warenkorb ul { list-style: none; padding: 0; }
#warenkorb p { text-align: right; font: .7em/ 1.2em Verdana, Sans-Serif; color: white; padding: 30px 10px 10px; }

/* Content */
#content { 
margin: auto; 
width: 900px; 
padding: 35px 0; 
text-align: left;
border-bottom: 5px solid #94de50;
}

#main-full { float: right; width: 599px; margin: 0; padding: 0 20px 0 0; }
#main { float: left; width: 880px; margin: 0; padding: 0 20px 0 0; }
#main textarea { margin-bottom: 40px; width: 100%; }
#main h1, #main-full h1 { font: normal normal normal 1.8em/ 1.3em Arial, Sans-Serif; color: #5c5c5c; }
#main h2, #main-full h2 { font: normal normal normal 1.6em/ 1.3em Arial, Sans-Serif; color: #5c5c5c; }
#main h3, #main-full h3 { font: normal normal normal 1.4em/ 1.3em Arial, Sans-Serif; color: #5c5c5c; }

.post h2 { padding: 0; margin: 0; }
.post { line-height: 1.8em; margin-bottom: 30px; }
.entry { border-top: 1px solid #f1f1f1; border-bottom: 5px solid #f1f1f1; }
.postmetadata { padding: 0; margin: 0; font-size: .9em; line-height: 1.7em; }
.show-entry { float: right; font-size: 1.4em; font-weight: bold; padding: 10px 0 0; margin: 0; }
.show-entry, .show-entry a { color: #716f64; }
.show-entry a:hover { color: white; }
ul.subpages, ul.categorylist { list-style: none; padding: 0; }
ul.subpages li, ul.categorylist li { display: inline; padding-right: 20px; }

#contentbox-top { background: transparent url(images/contentborder_btm.jpg) no-repeat top left; height: 3px; padding: 0; margin: 0; }
#contentbox { background: transparent url(images/contentborder_bg.jpg) repeat-y top left; padding: 10px 20px; margin: 0; }
#contentbox-btm { background: transparent url(images/contentborder_btm.jpg) no-repeat top left; height: 3px; padding: 0; margin: 0; }

#mainpic-homepage { background: transparent url(images/mainpic_homepage.jpg) no-repeat top left; width: 614px; height: 323px; }

#breadcrumb { border-top: 5px solid #17b5ce; clear:both; margin: 0; padding: 10px 0 0 0; font: normal normal normal .85em/ 1em Verdana, Sans-Serif; color: #7b7b7b; }
#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; }

#einleitung { padding: 5px 0px 20px; }
#einleitung h1 { font: normal normal normal 1.3em/ 1.3em Arial, Sans-Serif; color: #909090; }
.trustbox1 { background: transparent url(images/trust-logos-links.jpg) no-repeat top left; width: 384px; height: 78px; padding-bottom: 20px; margin: auto; margin-top: 20px; }
.trustbox2 { background: transparent url(images/trust-logos-rechts.jpg) no-repeat top left; width: 466px; height: 78px; }

.sep1 { background: transparent url(images/hr_sep1.jpg) repeat-x top left; height: 5px; border: none; margin: 5px 0 10px; }
.sep2 { background-color: #66cc66; height: 5px; border: none; margin: 5px 0 10px; }
.sep3 { background-color: #ebebeb; height: 5px; border: none; margin: 5px 0 10px; }

#footer { padding: 20px 40px; background: transparent url(images/footer_bg.jpg) no-repeat top center; padding-top: 60px; }
#footer ul li { list-style-type: square; color: #cbcbcb; }
#footer ul li:hover { list-style-type: square; color: #66cc66; }
#footer h2 { font-size: 1.3em; text-align: center; }
.footerbox-left, .footerbox-right, .footerbox-middle { padding: 20px; font: normal normal normal 1.1em/ 1.4em Arial, Sans-Serif; color: #4f4f4f; }
.footerbox-left, .footerbox-middle { float: left; width: 230px; }
.footerbox-middle { width: 250px; margin-left: 25px; }
.footerbox-right { float: right; width: 230px; }
.impressum { float: right; font-size: .9em; color: #4f4f4f; text-align: right; padding: 10px 20px 20px 0; }
.socialbox { padding-left: 20px; }
.social { float: left; width: 35px; height: 35px; margin-right: 10px; }
.myspace { background: transparent url(images/footer_myspace.jpg) no-repeat center center; }
.facebook { background: transparent url(images/footer_facebook.jpg) no-repeat center center; }
.lastfm { background: transparent url(images/footer_lastfm.jpg) no-repeat center center; }
.twitter { background: transparent url(images/footer_twitter.jpg) no-repeat center center; } 

.paket { float: left; background: transparent url(images/greenality-paket.jpg) no-repeat center center; width: 540px; height: 480px; }
.active-adress-paket { width: 280px; margin: auto; margin-top: 240px; font: normal normal normal 1.4em/ 1.3em Courier New, Sans-Serif; color: #333; }
.active-adress-paket a { font: normal normal normal .9em/ 1.3em Arial, Sans-Serif; }
.briefumschlag { float: left; background: transparent url(images/greenality-briefumschlag.jpg) no-repeat center center; width: 558px; height: 311px; }
.active-adress-brief { width: 360px; margin: auto; margin-top: 140px; font: normal normal normal 1.4em/ 1.3em Courier New, Sans-Serif; color: #333; }
.active-adress-brief a { font: normal normal normal .9em/ 1.3em Arial, Sans-Serif; }
.change-adress { clear: both; width: 360px; margin: auto; padding-top: 20px; }

.checkout-box { margin: auto; width: 560px; padding: 20px; border: 2px solid #66cc66; }
.checkout-box-inner { float: left; width: 240px; padding: 20px; }
.pakete { float: right; width: 100px; height: 150px; background: transparent url(images/pakete.jpg) no-repeat top right; }

#sidebar { 
float: left; 
width: 245px; 
padding: 0 20px 0 0; 
margin: 0; 
font: normal normal normal 1.7em/ 1.3em Arial, Sans-Serif;
background: transparent url(images/sidebar-bg.jpg) repeat-y top right;
text-transform: uppercase; 
color: #63717a;
}
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar ul li, #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 ul li { 
font-size: .8em;
text-transform: none;
padding-bottom: 5px; 
border-bottom: 1px dotted #63717a; 
list-style-type: none; 
margin: 0 0 10px 15px; 
}
#sidebar ul li.active a { margin-left: -5px; color: #66cc66; font-weight: bold; }
#sidebar ul li ul li.active, #sidebar ul li ul li.active a { list-style-image: url(images/sidebar_list-style-image.jpg); color: #499349; font-weight: bold; }

#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: #66cc66; }
#sidebar .unterseiten ul li a { text-decoration: underline; }
#sidebar ul.vorteile { list-style-image: url(images/sidebar_list-style-image.jpg); color: black; }

#content h1.title, #content h2.pagetitle { font-weight: bold; text-align: center; text-transform: uppercase; color: #cccccc; margin-top: 0; }

.current-cat, .current_page_item { font-weight: bold; }
#breadcrumb .current_page_item { text-decoration: underline; }