/*
Theme Name: SMART tabs
Theme URI: http://mario.heideri.ch/
Description: SMART tabs corporate website layout
Version: 1.0.0
Author: Mario Heiderich
Author URI: http://mario.heideri.ch/
Tags: 
*/

/**
 * Colors
 * 
 * @colordef #a3e05b bright apple greeen
 * @colordef #3f6e06 forest green
 * @colordef #0fa265 ocean green
 * @colordef #d9e2cd bright grey green
 * @colordef #b2c59b medium grey green
 */

* {
    padding: 0;
    border: 0;
    margin: 0;        
}
html, body {
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    color: #111;
}
html {
    margin: 0 12px;
}
img {
    border: 0;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

span.clear {
    clear: both;
    display: block;
}
div#page {
    width: 978px;
    margin: auto;
}

div#header {
    height: 70px;
}
div#header h1 a {
    background: url(images/logo.png) 1px 25px no-repeat;
    text-indent: -999em;
    display: block;
    height: 54px;
    width: 600px;
}

div#lmenu {
    float: right;   
    margin-top: -23px; 
}
div#lmenu ul li {
    float: left;
    width: 30px;
    list-style-type: none;
    text-align: center;
}
div#lmenu ul li a {
    display: block;
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
}
div#lmenu ul li a:hover {
    font-weight: bold;
}
div#lmenu ul li.current_page_item a,
div#lmenu ul li.current_page_parent a {
    color: #000;
    font-weight: bold;
}

div#teaser #panel_1,
div#teaser #panel_1_large,
div#teaser #panel_2,
div#teaser #panel_3 {
    height: 244px;
    float: left;
}
div#teaser #panel_1 {
    width: 396px;
    background: #a3e05b;
}
div#teaser #panel_1_large {
    width: 675px;
    /*background: url(../../uploads/turnip_large.png);*/
}
div#teaser #panel_2 {
    width: 279px;
    /*background: url(../../uploads/turnip.png);*/
}
div#teaser #panel_3 { /* this is the menu */
    width: 303px;
    background: #0fa265;
}

div#hmenu ul {
    padding: 30px 0 0  20px;    
}
div#hmenu ul li {
    list-style-type: none;
    margin: 0 0 5px 0;
}
div#hmenu ul li {
    color: #fff;
}
div#hmenu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
div#hmenu ul li.current_page_item
div#hmenu ul li.current_page_ancestor a,
div#hmenu ul li.current_page_item a {
    color: #000;   
}
div#hmenu ul li ul {
    display: none;
	list-style-type: square;
    padding: 5px 0 0 39px;    
}
div#hmenu ul li ul li {
	list-style-type: square;
}
div#hmenu ul li ul li.current_page_item {
    color: #000;
}
div#hmenu ul li.current_page_ancestor ul, 
div#hmenu ul li.current_page_item ul {
    display: block;
}
div#hmenu ul li.current_page_ancestor ul li a,
div#hmenu ul li.current_page_item ul li a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}
div#hmenu ul li ul li.current_page_item a {
    color: #000;   
}


div#body {
    border-bottom: 2px solid #3F6E06;
    border-left: 1px solid #3F6E06;
    margin-bottom: 30px;
}
div#body_1 {
    float: left;
    width: 35%;
    background: #3f6e06;
    color: #fff;
}
div#body_1 div {
    padding: 9px 15px;
}
div#body_1 h4 {
    text-transform: uppercase;
}
div#body_1 address a,
div#body_1 span {
    color: #fff;
    font-size: 13px;
}
div#body_1 ul {
    background: #fff;
    padding: 10px 0 0 0;
}
div#body_1 ul li {
    display: inline;
    margin: 0 0 0 15px;
}
div#body_1 ul li a {
    color: #666;
}
div#body_1 ul li.current_page_item a {
    color: #000;
}
div#body_2 {
    float: left;
    width: 65%;
    background: #d9e2cd;
    position: relative;
}
div#body_2 h2 {
    font-size: 17px; 
    font-weight: bold;
    padding: 9px 15px;
    margin-top: 30px;
}
div#body_2 #extra_1,
div#body_2 #extra_2 {
    height: 27px; 
}
div#body_2 #extra_1 {
    float: left;
    margin-right:350px;
    width: 100%;
    background: #b2c59b; 
}
div#body_2 #extra_1 span {
    display: block;
    padding: 5px 15px;
    font-size: 14px; 
    font-weight: bold;
}
div#body_2 #extra_2 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 303px;
    background: #3f6e06;
}
div#body_2 div.entry {
    padding: 9px 15px;
    line-height: 20px;   
}
div#body_2 div.entry p {
    text-align: justify;
    margin-bottom: 12px;
}
div#body_2 div.entry ul li {
	list-style-image: url(images/content_bullet.png);
	padding-left: 1px;
	margin-left: 13px;
}

/**
 * FAQ
 */
ol.faq {
	padding-left: 20px;
}
ol.faq li h3 {
	cursor: pointer;
}
ol.faq li h3:hover {
	text-decoration: underline;
}
.faq_approve {
    display: none;
}
.faq .alt {
}
.faq .answer {
	background: #fff;
	padding: 5px;
}