/*-----------------------------------------------------------------------------
CSS Haupt Dokument für Fischer Shop Basel

version:   2.0 - Januar 2010
author:    markus jenni
email:     markus@all4webdesign.ch
website:   http://www.all4webdesign.ch
-----------------------------------------------------------------------------*/

/* Reset 
---------------------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}

/* Body und Tag Infos
---------------------------------------------------------------------------- */
body {	
background-color: #00898C;
color: #CCCCCC;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

h1 	{
font-size:150%;
color:#FFFFFF;
margin:0px;
letter-spacing: -1px;
}

h2 	{
font-size:120%;
color:#FFFFFF;	
}
		
h3 	{	
font-size:100%;
color:#FFFFFF;	
}

h4	{
font-size:90%;
color:#FFFFFF;
}
		
p 	{
margin-top:0px;
color: #FFFFFF;
font-size: 90%;	
}

a:link, a:visited, a:active, a:hover { 
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
font-size:90%;
}

a:active, a:hover { 
color:#00898C;
font-size: 90%;
}

/* Container oder Boxdefinition 
------------------------------------------------------------------------*/
#container {
background-color: #333333;
width: 960px;
margin:0px auto;
padding: 0px 0;
text-align: left;
}

/* Header mit Logo
---------------------------------------------------------------------- */
#header {
height: auto;
padding: 10px 20px;
background-color:#333333;
border-bottom:1px solid #000000;
}

/* Die Hauptnavigation
---------------------------------------------------------------------- */
#hauptnav ul {
background-color:#333333;
color:#FFFFFF;
display:block;
list-style:none;
float: left;
margin-top: 20px;
margin-bottom: 20px;
padding-left:20px;
}

#hauptnav li {
float:left;
padding-right:10px;
}

#hauptnav ul li a {
float:left;
color: #ffffff;
font-size: 0.9em;
text-decoration: none;
display:block;
border-left:2px solid #fff;
margin-right:1px;
padding: 5px 5px;
}

#hauptnav  li a:hover {
color: #00898C;
border-left:2px solid #00898C;
}

#hauptnav li.selected a {
color: #00898C;
border-left:3px solid #00898C;
}


/* Der Inhalt im Content
--------------------------------------------------------------------- */
#content {
border-top: 1px solid #000000;
background-color:#333333;
width: 650px;
float: right;
padding:40px 20px 10px 20px;
color:#FFFFFF;
font-size: 100%;
position: relative;
line-height: 1em;
}

p.datum {
color: #FFFFFF;
font-size: 84%;
text-align: right;
padding: 0 5px 1px 0;
}

/* Schrift GoogleMap Bubble   
---------------------------------------------------------------------------*/
#map h4 {
color:#666666;
}

#map p {
color:#666666;
}

/* Produktepräsentationen (links - rechts Bilder und Text  
-----------------------------------------------------------------------------*/
.titel_links {
float:left;
font-size: 130%;
line-height: 1.3em;
letter-spacing: 1px;
color:#FFFFFF;
width:360px;
}

.bild_links   {
float:left;
padding: 0 30px 40px 0;
}

.text_links	{
float:left;
padding:0 10px 40px 0;
width:360px;
}

.important_links {
float:left;
padding:0 10px 40px 0;
color:#FF0000;
background-color: inherit;
font-weight:bold;
}

.titel_rechts {
float:left;
font-size: 130%;
line-height: 1.3em;
letter-spacing: 1px;
color:#FFFFFF;
padding-left:260px;
}

.bild_rechts   {
float: right;
padding: 0 30px 40px 20px;
}

.text_rechts {
float:right;
padding:0 30px 40px 10px;
width:360px;
}

.important_rechts {
float:left;
padding:0 0 40px 20px;
color:#FF0000;
background-color: inherit;
font-weight:bold;
}

/* Gemischte Klassen und Definitionen
-------------------------------------------------------------------------- */
.contentleft {float:left; width: 240px;}
.contentright {float:right; width: 260px;}
.clear {clear:both;}
.aufzaehlung {margin:0 0 10px 20px; font-size:100%; list-style-type: disc;}
.aufzaehlung li{list-style-type: disc; color: #FFFFFF; display:block; padding:0;}
.aufzaehlung li ul{list-style-type: disc; color: #FFFFFF; margin:0.5px 0 0 5px; font-size:100%; font-weight:normal;}
.untermenublock li ul li{margin-bottom:0;}
.bild_gross	{margin: 20px 0 20px 0;}

/* Subcontent für Box und Untermenu 
----------------------------------------------------------------------------*/
#subcontent		{
clear:both;
float: left;
width: 240px;
border-top:1px solid #000000;
background-color: #333333;
padding: 40px 10px 10px 20px;
line-height:1.3em;
}

#picture  {
width: 240px;
height:180px;
}

.box {
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid #000000;
background-color: #00898C;
color: #FFFFFF;
line-height: 1.1em;
font-size: 90%;
}

.news  {
margin: 0 0 40px 0;
float: left;
line-height:1.3em;
overflow: hidden;
width:240px;
}

.news p {
padding-left:10px;
}

.news a {
color:#FFF;
text-decoration:underline;
}

#subcontent h2{
padding: 10px;
display:block;
margin:0 0 6px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing: -1px;
color:#FFFFFF;
background-color: #333333;
}

#subcontent h4{
padding: 10px;
display:block;
margin:0 0 2px 0;
font-size:1.2em;
font-weight:normal;
text-align:left;
letter-spacing: -1px;
color:#FFFFFF;
background-color: #333333;
}

#subcontent p{margin:0 0 15px 0; font-size:0.9em;}

/* Stile fuer Untermenublock
------------------------------------------------------------------------- */

.untermenublock{margin:0 0 10px 10px; font-size:0.9em;}
.untermenublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.untermenublock li a{font-weight:bold; text-decoration:none;}
.untermenublock li a:hover{text-decoration:none;}
.untermenublock li ul{margin:3px 0 3px 5px; font-size:1em; font-weight:normal;}
.untermenublock li ul li{margin-bottom:0;}
.untermenublock li ul a{font-weight:normal;}                                            


/* Footer
---------------------------------------------------------------------------- */

#footer {
clear: both;
background-color: #333333;
width: 960px;
border-top: 1px solid #000000;
color: #FFFFFF;
font-size: 90%;
}

#footer p {
margin: 0em 0em 0.5em 0.5em;
padding: 2px 5px 1px 20px;
font-weight: 300;
}

/* Sitemap
----------------------------------------------------------------------*/
ul.sitemap {
font-size: 1.1em;
line-height: 0.9em;
list-style-type: none;
margin: 30px 0;
padding: 0;
}

ul.sitemap li {
border-top: 1px solid #00898C;
margin: 10px 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

ul.sitemaplist {
list-style-type: disc;
list-style-image: url(/assets/images/gruener_punkt.gif);
padding: 5px 30px; 
font-size: 0.9em;
}

ul.sitemaplist li {
border-top: 0px solid;
line-height:1em;
padding: 0 5px;
}