/*  
Theme Name: Jäckel Optik
Theme URI: http://www.vividvisions.com/
Description: Wordpress theme for Jäckel Optik
Version: 1.0
*/

/****************************************
   CSS for jaeckel-optik.at
   Design by r2design.at
 ****************************************/

/************************
   Tags
 ************************/

* {
   padding: 0;
   margin: 0;
}

body {
   background: #ffffff;
   font: normal normal normal 0.7em/1.6em Verdana, Arial, Helvetica, sans-serif;
   color: #004262;
   letter-spacing: 0.02em;
}

a {
   outline: none;
   color: #284873;
   text-decoration: underline;
}

a:hover {
   text-decoration: underline;
}

a img {
   border: 0;
}

#container {
   width: 760px;
   margin: 0 auto;
}

/********** Header **********/

#header {
   position: relative;
   height: 190px;
   margin: 0 0 10px 0;
}

#header h1 a {
   display: block;
   position: absolute;
   width: 100%;
   bottom: 0;
   height: 141px;
   background: #ffffff url(images/header.jpg) no-repeat left bottom;
   overflow: hidden;
   text-indent: 9999px;
   white-space: nowrap;
}

#topmenu {
   position: absolute;
   right: 0;
   bottom: 145px;
   text-transform: uppercase;
   list-style: none;
}

#topmenu li {
   display: inline;
   border-right: 1px solid #54727b;
   padding: 0 5px 0 3px;
   margin: 0;
}

#topmenu li.last {
   border: 0;
   padding-right: 0;
}

#topmenu li a {
   text-decoration: none;
}

#topmenu li a:hover {
   text-decoration: underline;
}

/********** Body **********/

#body {
   width: 100%;
   overflow: hidden;
   background: url(images/content_background.gif) repeat-y 191px top;
}

/********** Sidebar **********/

#sidebar {
   float: left;
   width: 187px;
   min-height: 100px;
   padding: 6px 0 0 0;
   background: url(images/menu_top.gif) no-repeat 0 0;
}

/********** Menu **********/

#menu {
   list-style: none;
   padding: 0 0 6px 0;
   text-transform: uppercase;
   background: #668ea1 url(images/menu_bottom.gif) no-repeat 0 bottom;
   color: #cde0e9;
}

#menu li {
   padding: 0 0 0 35px;
   background: url(images/bullet.gif) scroll no-repeat 14px 10px;
}

#menu li a {
   display: block;
   padding: 4px 0 4px 0;
   text-decoration: none;
   color: #cde0e9;
}

#menu li:hover,
#menu li.current_page_item,
#menu li.current_page_ancestor,
#menu li.current_page_parent {
   background: url(images/bullet_current.gif) scroll no-repeat 14px 10px;
}

#menu li.page-item-7 a {
   color: #ffcc33;
}

/********** Submenu **********/

#submenu {
   margin: 0 0 15px -4px;
   overflow: hidden;
   text-transform: uppercase;
   list-style: none;
}

#submenu li {
   display: block;
   float: left;
   border-left: 1px solid #bfd0d8;
}

#submenu li a {
   display: block;
   padding: 0 5px;
   text-decoration: none;
   color: #bfd0d8;
}

#submenu li:first-child {
   border: 0 none;
}

#submenu li:hover a,
#submenu li.current_page_item a {
   color: #004262;
}

/********** Content **********/

#content {
   float: left;
   width: 344px; /*78px;*/
   padding: 20px 17px 20px 17px;
   margin: 0 0 0 4px;
   background: url(images/content_top.gif) no-repeat 0 top;
}

#additional-content {
   float: left;
   width: 187px;
   margin: 0 0 0 4px;
   background: #bfd0d8 url(images/add_content_top.gif) no-repeat left top;
   line-height: 1.35em;
}

#additional-content-body {
   min-height: 50px;
   background: url(images/add_content_bottom.gif) no-repeat left bottom;
   padding: 12px;
}

#additional-content ol,
#additional-content ul {
   padding: 0 15px 0 15px;
}

#additional-content p {
   margin-bottom: 10px;
}

#additional-content.ac-none {
   background: #ffffff url(images/ihren_augen_zuliebe.gif) no-repeat left top !important;
}

#additional-content.ac-none #additional-content-body {
   background: none !important;
}

/********** Page **********/

.page {

}

.page h1,
.page h2,
.page h3,
.page table,
.page ul,
.page ol,
.page p,
.page iframe {
   margin: 0 0 20px 0;
}

.page iframe {
   border: 1px solid #aaaaaa;
}

.page h1 {
   font-size: 1.4em;
   font-weight: bold;
}

.page h2 {
   font-size: 1.3em;
   font-weight: bold;
}

.page h3 {
   font-size: 1.1em;
   font-weight: bold;
}

.page ul,
.page ol {
   padding: 0 0 0 1.5em;
}

ul.brands {
   list-style: none;
   padding: 0 !important;
   margin: 0 !important;
   overflow: hidden;
}

ul.brands li {
   display: block;
   float: left;
   width: 75px;
   height: 75px;
   border: 1px solid #a1a1a1;
   margin: 0 5px 5px 0;

}


/********** Footer **********/

#footer {
   height: 6px;
   background: url(images/content_bottom.gif) repeat-y 191px top;
   margin: 0 0 15px 0;
}

/********** Posts **********/

.specials #content {
   width: 378px;
   padding: 0;
   background: none;
}

.specials #footer {
   background: none;
}

.specials .page {
   /* border: 1px solid red; */
}

.post {
   background: url(images/content_top.gif) no-repeat 0 top;
}

.post-content {
   padding: 20px 17px 20px 17px;
   background: url(images/content_bottom.gif) no-repeat 0 bottom;
}

.hr {
   height: 20px;
   background: #ffffff;
}

.hr hr {
   display: none;
}