@charset "utf-8";

/* CSS Document */
/************************************************************/
/*   Design: hettich                                      */
/*   Autor:  Karin Hirschi                                  */
/*   Date:   06.2009                    				    */
/*--------------------- ------------------------------------*/
/*   Owner: http://www.hettich.ch              */
/*   Copyright webagentur webforyou, Karin Hirschi          */
/************************************************************/

/* margin-bottom für Überschriften, Absätze, Listen etc. */
h1, h2, h3, h4, h5, h6, p, blockquote, address, pre, ul, ol, dl, table { margin-bottom: 0em; }

body {
padding-top: 10px;
	background-color: #3C3C6F;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


h1 {
	color: #3C3C6F;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 0.02em;
	padding:5px 0 10px 0;
	text-align:left;
}

h2 {
	color: #3C3C6F;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

h3 {
	color: #3C3C6F;
	font-size: 1.4em;
	font-weight: normal;
	padding: 5px 0 5px 0;
}

h4 {
	color: #3C3C6F;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 0 3px 0;
}

h5 {
	color: #333;
	font-size: 1.1em;
	font-weight: normal;
	padding: 7px 0 7px 0;
}

h6
{
   	color: #333;
	font-size: 1em;
	padding: 7px 0 7px 0;

}

blockquote { font-style: oblique; }
em { letter-spacing: 0.1em; }

strong {
	font-weight: bold;
	letter-spacing: 0.1em;
}

img, a img { border-style: none; }

a { color: #3C3C6F; text-decoration:
underline;}

a:hover { color: #666; text-decoration:none;}

p {
	padding: 2px 0;
	text-align:left;
}

/* Listen */

#inhalt ul
{ 
    margin-left: 1.7em;
    padding-top: 5px;
    padding-bottom: 5px;
}
 
#inhalt li
{ 
    background-repeat:no-repeat;
    padding-bottom:5px;
}
 
#inhalt ol
{
    margin-left: 1.7em;
}
 
#inhalt dl h6
{
    margin-top: 1em;
}

/* Klassen */

.clear { clear: both; }

.bold { font-weight:bold}

.italic { font-style:italic}

.infotitel
{
    margin-top: 20px;
    padding: 5px 10px;
}

.infotext
{
    padding: 5px 10px;
    margin-left: 10px;
    background-color:#F2F2F2;
    border: 1px solid #3C3C6F;
}


/* Bild */

.imglinks{
float:left;
margin: 0px 10px 10px 0px;}


.imgrechts{
float:right;
margin: 0px 0px 10px 10px;
}

/* produkte-liste */

.productList img
{
    display: block;
    float: left;
    margin-bottom: 1em;
}

.productList h3,
.productList p
{
    padding-left: 100px;
}

.productList
{
    clear: both;
    margin-bottom: 1em;
    padding: 0.5em 0;
    border-top: 1px solid #999;
}

/* produkt */

.imgRow
{
    float: left;
}

.textRow
{
    margin-left: 180px;
}

/* meta nav */

#metanav ul {
	list-style-type: none;
	font-size: 0.7em;
	margin: 0px 5px 0px 0px;
}

#metanav li {
float:left;
}

#metanav li a {
	display: block;
	color: #999;
	text-decoration: none;
	border-left:1px solid #999;
	padding: 0px 5px 0 5px;
}

#metanav li a:hover, #metanav li a:active { 
color: #3C3C6F;
 }

#metanav li.selected a {
color: #3C3C6F;
font-weight: bold;
}

#metanav li:first-child a {
	padding-left: 0; 
	border-left: 0;
}

/* main nav */

#mainnav ul {
	list-style-type: none;
	font-size: 1.1em;
	font-weight:bold;
	margin: 10px 0px 0px 0px;
	float: left;
}

#mainnav li {
float: left;
}

#mainnav li a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0px 8px 0px 20px;
	margin: 0;
}

#mainnav li a:hover, #mainnav li a:active { 
color: #3C3C6F;
 }

#mainnav li.selected a {
color: #3C3C6F;
font-weight: bold;
}

 /* subnav */

#subnav
{
    font-size: 0.9em;
}

#subnav ul
{
    list-style-type: none;
    text-align:right;
    margin: 0;
    color: #000;
}

#subnav li a
{
	display: block;
	color: #666;
	font-size: 0.95em;
	text-decoration: none;
	padding: 8px 5px 8px 0;
	border-bottom: 1px solid #3C3C6F;
}

#subnav li a:hover,
#subnav li a:active
{
    color: #3C3C6F;
    background-color:#FFF;
}

#subnav ul li a
{
	font-weight: bold;
	background-color: #FFF;
	color: #3C3C6F;

}

#subnav ul li.active a
{
   	color:#FFF;
	background-color: #3C3C6F;
	font-weight: bold;
}

#subnav ul li.active ul li a
{
    background-color: #E2E4F5;
    color: #3C3C6F;
	font-weight:bold;
}

#subnav ul li.active ul li.active a
{
    color: #666;
    background-color:#FFF;
    font-weight: bold;
}

#subnav ul li.active ul li.active ul li a
{
    color: #666;
	font-weight:normal;
}

#subnav ul li.active ul li.active ul li.active a
{
    color: #000;
	background-color:#DDD;
}

/* Specials */

#info h3
{
    padding-top: 1em;
}

#info p
{
    color: #666;
    font-size: 0.8em;
}

#info ul
{
    color: #666;
    margin-left: 1em;
    font-size: 0.8em;
}


#adresse p {
text-align:right;
font-size: 0.8em;
}


hr {
border:none;
border-top: 1px solid #3C3C6F;
background-color:#FFF;
height:1px;
margin:0px;
}

#footer
{
    padding-top: 5px;
}

#footer a {
color:#FFF;
}

#footer a:hover {
color:#FFF;
}

#footer ul 
{
    list-style: None;
    display: inline;
}

#footer ul li
{
    display: inline;
}

/* Table - Styles */
table {
clear:left;
empty-cells:show; 
border:solid 1px #ccc; 
border-collapse:collapse; 
text-align:left;
font-size:90%;
}
tr {
color:#000;
border:solid 1px #ccc; 
background:none;
padding:5px 3px;
 }
td {
color:#000;
border:solid 1px #ccc; 
background:none;
padding:5px 3px;
}

th {
color:#fff;
font-weight:normal;
border-right:solid 1px #ccc; 
background:none;
padding:5px 3px; 
}

/* Sitemap */

ul.sitemaphead   {
list-style: none outside;
margin-left: 0;
padding-left: 0;
}

ul.sitemaphead li   {
border-top: 1px solid #000;
padding-top: 1.0em;
padding-bottom: 0.5em;
}

ul.sitemaplist  {
line-height: 0.8em;
font-weight: normal;
font-size: 0.8em;
list-style-type: disc;
list-style-position: outside;
font-style: normal;
list-style-image: url(assets/templates/nitidas/images/dot_list_red.gif);
padding: 0 10px 5px 20px;
}

ul.sitemaplist li  {
border-top: 0px solid;
}

.sitemaphead a, .sitemaplist a {
color:#000;
}

.sitemaphead a  {
font-size: 1.0em;
}

.sitemaplist a  {
font-weight: normal;
font-size: 1em !important;
}


.sitemaphead a:hover, .sitemaplist a:hover,
.sitemaphead a:focus, .sitemaplist a:focus,
.sitemaphead a:active, .sitemaplist a:active  {
text-decoration: underline;
}

/* Suche */

#ajaxSearch_form fieldset
{
    border: none;
    width: 166px;
	float:right;
}

input#ajaxSearch_input
{
    width: 80px;
}

submit#ajaxSearch_submit
{
	float:right;
}