@charset "utf-8";
/* CSS Document */

/*
 * Project: "Weinhandel Typelsberg"
 * File: basic.css
 *
 *
 * @copyright   Copyright 2009, id-script - Die TYPO3 Agentur
 * @author  Suzana Kötter
 * @link    http://www.id-script.de
 *
 *
 */
/*----------- RESET ---------------------------------------
----------------------------------------------------------*/
* {padding: 0; margin: 0; font-size: 100%; font-weight: normal;}
ul, ol {list-style: none;}
b, strong {font-weight: bold;}
img, a img, span img {border: none;}
html:abbr, abbr, acronym  {border-bottom:1px dotted #999; cursor:help;}
/*----------- SCHRIFT / GRÖSSE -----------------------------
-----------------------------------------------------------*/
html { height:100%}
body {
font-size: 86%;
font-family: Arial, Helvetica, sans-serif !important;
color:#000;
text-align: left;
line-height: 1.4em;
height:100%;
}
h1, h2, h3  {color:#6c0000; font-weight:bold;}
h1      {font-style:italic; letter-spacing:1px;}
h2      {}
h3      {}
h4      {font-size:12px; font-weight:bold; color:#666;}
p       {}
/*----------- LINKS --------------------------------------
----------------------------------------------------------*/
a:link,
a:visited { text-decoration: none; color:#6c0000;}
a:hover,
a:focus,
a:active  {color:#8c68ab;}
/*------------ LISTE ---------------------------------------
-----------------------------------------------------------*/
ul, ol          {}
ul li, ol li    {}
/*------------ CONTENT -------------------------------------
-----------------------------------------------------------*/
#page       {width:892px; margin:0 auto; border:4px solid #6c0000;}
#header     {height:120px; position:relative;}
#header h1  {font-family:"Times New Roman", Times, serif; font-size:2.5em; line-height:1.5em;}
#colLeft    {width:170px; float:left;}
#colRight   {margin-left:170px;}
#main       {float:left; width:66%; padding: 0 1% 2% 2%;}
#sidebar    {border:1px solid #6C0000; border-right:0; float:right; width:30%;}
#footer     {clear:both; background:#6c0000; color:#FFF; text-align:center; font-size:11px;}
/*------------ allgemein -----------------------------------
-----------------------------------------------------------*/
#page img       {border:2px solid #6c0000;}
#header img,
#nav img,
#page .frontEndEditIcons {border: none;}
.fl         {float:left; margin:13px 10px 10px 0;}
.fr         {float:right;}
.clear      {clear:both;}
/*------------ NAVIGATION -----------------------------------
-----------------------------------------------------------*/
#nav        {background:#6c0000; border-right:1px solid #6c0000; padding-top:3px; padding-bottom:15px; /*braucht IE6*/ width:169px;}
#nav li     {margin:2px 0; border:2px solid #ffffe9; border-right:0; }
#nav li a   {text-transform:uppercase; font-size:11px; color:#6c0000; background:#eceada; display:block; padding-left:10px;}
#nav li a:hover,
#nav li.active a    {background:#ecc377;}
#nav li.active      {background:#ecc377; color:#6c0000;}
#nav li span        {padding-left:10px; text-transform:uppercase; font-size:11px;}

#nav .active ul     {background:#ffffe9;;}
#nav .active ul li  {border:0; margin:0;}
#nav .active ul li a    {background:#ffffe9; border-top:2px solid #6c0000; padding-top:2px; padding-left:40px;}
#nav .active ul li a:hover,
#nav .active ul li.active a:hover{background:#fff59b; border-top:2px solid #6c0000;}
#nav .active ul li.active {background:#fff59b; border-top:2px solid #6c0000; padding-top:2px;}
#nav .active ul li span   {padding-left:40px; text-transform:uppercase;}
/*------------ LOGIN -- ------------------------------------
-----------------------------------------------------------*/
#login      {background:#6c0000; padding-bottom:10px; width:170px;}
#login h4   {color:#f6f7e7; font-size:12px; font-weight:bold; text-align:right; padding-right:10px;}
#login form {}
#login fieldset {border:0; padding:0 8px 8px 8px;}
#login input    {width:150px; border:1px solid #f6f7e7; background:#af8d7f; }
#login label    {font-size:11px; color:#f6f7e7;}
#login input.button {width:70px; margin-top:8px; float:right; margin-right:1px; color:#6c0000; background:#f6f7e7; font-size:11px;}
/*------------ SIDEBAR ----------------------------------------
-----------------------------------------------------------*/
#sidebar h3 {background:#6C0000; color:#fff; padding:2px 0; text-align:center; font-weight:bold; text-transform:uppercase;}
#sidebar p  {padding:10px 8px;}
/*------------ EXTENSIONS ----------------------------------
-----------------------------------------------------------*/
.news-latest-item {padding: 5px;}
/*------------ FCE--------------------------------------
-----------------------------------------------------------*/
.rebsorte {background:#f2edce; padding-bottom:8px;}
.rebsorte h2 { background:#6C0000; color:#fff; padding:2px 0; text-align:center; font-weight:bold; text-transform:uppercase; }
.rebsorte .desc {width: 200px; float: left; margin: 8px;}
.rebsorte .flaeche,
.rebsorte .farbe,
.rebsorte .gebiet { color: #580b01; font-weight: bold; margin: 8px;}
.rebsorte img { margin: 8px 8px 20px; }

.gebiet {background:#f2edce; padding-bottom:8px;}
.gebiet h2 { background:#6C0000; color:#fff; padding:2px 0; text-align:center; font-weight:bold; text-transform:uppercase; }
.gebiet .desc {width: 350px; margin: 8px;}
.gebiet .land, .links { color: #580b01; font-size: 0.9em; font-weight: normal; margin: 8px;}
.gebiet h3 { margin-left: 10px; margin-top: 20px; font-size: 0.9em; margin: 8px;}
.gebiet .bodytext { font-weight: normal; margin: 8px;}
.gebiet a {font-size: 0.9em; margin-left: 15px; margin: 8px;}
.gebiet img { margin: 8px 8px 20px; }
/*------------ TEXTBLOCK ------------------------------------
-----------------------------------------------------------*/
.textblock, #main ,csc-default          {background:#f2edce; padding-bottom:8px;}
.textblock h1, #main .csc-default h1    {background:#ecc377;padding:2px 10px;}
.textblock p, #main .csc-default p      {padding:8px;}
div.csc-textpic img {border: 2px solid #6c0000; }
/*------------ TOPBAR --------------------------------------
-----------------------------------------------------------*/
#topbar     {height:15px; display:block; position:absolute; bottom:15px; width:700px; padding-left:180px;}
#topbar ul li   {display:inline; font-size:0.8em; padding: 0 4px;}
#clickpfad  {float:left;}