/* CSS Document 
************************Erstellt fuer die Kelterei Kuhn in Elsenfeld/Rück*****************************
*****************Copyright by Rainer Bomba, www.s-mil.de********************
*/

/*-----------Cheat-Sheet Start----------------------

font {font-style font-variant font-weight font-size/line-height font-family;}
background: color url(background-image) background-attachment background-position(x,y; top left; center);

------------------Cheat-Sheet End---------------*/



/*--------------Generelle Angaben-------------------------*/

* {
padding: 0;
margin: 0;
}

body {
background-color: #DCE9F4;
margin:0;
text-align:center;
font: 12px/1.3em Verdana, Arial,Helvetica,sans-serif;
}

h3 {
font-familiy: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:20px 0 10px 0;
}

h4 {
font-familiy: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:0;
padding: 5px 0 3px 0px;
}

table {
width:400px;
padding: 0px 10px 20px 0px;
margin:7px 0 0 5px;
font-familiy: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:black;
border:1px dotted #999;
border-bottom:0px;
}

table td {
padding: 5px 5px 5px 5px;
border-bottom:1px dotted #999;
vertical-align:top;
}

.textpic {
float:left;
border: 2px solid #A0ABBF;
margin:0 10px 10px 0;
}

.refpic {
float:left;
margin:0 15px 10px 0;
border: 2px solid #A0ABBF;
}

.right {
float:right;
}

.left {
float:left;
padding:0 10px 5px 0;
}

.cl {clear:both}

/*-----------------------LAYOUT--------------------------*/

#container { 
margin: 0 auto;
text-align: left;
width: 770px;
background-color:white;
border-left:1px solid #3F7C1F; border-right:1px solid #3F7C1F; border-bottom:1px solid #3F7C1F;
}

#footer {
width: 769px;
height: 55px;
line-height: 44px;
text-align: center;
padding-bottom: 0px;
background:url("images/dots_horiz.gif") repeat-x top left;
margin-left:1px;
}

#content {
float:left;
margin: 15px 10px 20px 20px;
width:420px;
}

#right {
width:143px;
float:left;
padding:50px 0px 0px 5px;
background: transparent url("images/dots_vert.gif") repeat-y 0 3px;
}

/*------------------------NAVIGATION--------------------*/

#navi {
float:left;
padding: 0;
width: 170px;
background: transparent url("images/dots_vert.gif") repeat-y top right;
margin-bottom:30px;
}

#navi ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 169px;
}

#navi li a {
display: block;
font: normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
color: #2C5616;
text-decoration:none;
background: #E4F7DD;
padding: 2px 0 2px 15px;
height:15px;
}

#navi li {
margin: 2px 0;
}

#navi li a:hover {
background: #E4F7DD;
text-decoration: underline;
}

#navi li.navihead {
font-weight: bold;
padding: 10px 0 0 40px;
margin: 0;
height:30px;
background: transparent url("images/navi_head.gif") no-repeat 2px 5px;
background-color: #CCF7BB;
color: black;
margin-bottom:10px;
}

#navi li a.navimain, #navi li a.navimain:hover  {
font-weight: bold;
padding-left: 10px;
background-image:none;
background-color: #CCF7BB;
}

#navi li a.navimain:hover {
text-decoration:underline;
}

#navi li a.naviend, #navi li a.naviend:hover  {
font-weight: bold;
padding-left: 10px;
background-image:none;
background: #CCF7BB url("images/dots_horiz.gif") repeat-x bottom left;
}

#navi li a.naviend:hover {
text-decoration:underline;
}

/*----------------------SUBNAVIGATION-------------------*/

#subnavi { 
margin: 0;
padding: 130px 0 0 0;
}

#subnavi li {
display: inline;
list-style-type: none;
}

#subnavi a:link, #subnavi a:visited {
line-height: 14px;
font-size:10px;
margin-right: 10px;
text-decoration: none;
color: #000;
}

#subnavi a:link.active, #subnavi a:visited.active, #subnavi a:hover {
padding-bottom: 2px;
background: transparent url("images/dots_horiz.gif") repeat-x bottom left;
}

/*----------------------CONTENTITEM---------------------*/

.contentitem {
width: 200px; height:200px;
float:left;
margin:0 0 0px 0;
}

.contentitem h3 {
background: transparent url("images/bg_h3_contentitem.jpg") no-repeat top left;
font: bold 12/1.3em Verdana, Arial,Helvetica,sans-serif;
padding: 2px 0 0 20px; margin:0;
color:#2C5616;
}

#ci1 {
border-right:1px dotted black;
border-bottom:1px dotted black;
}

#ci2 {
border-bottom:1px dotted black;
padding-left:10px;
}

#ci3 {
border-right:1px dotted black;
padding-top:10px;
}

#ci4 {
padding:10px 0 0 10px;
}

/*--------------------------HEADER---------------------*/
#header { 
background: transparent url("images/header.jpg") no-repeat 0 0;
width: 770px;
height: 150px;
border-bottom:1px solid #3F7C1F;
text-align:right; 
}
#header h1 {
display:none
}

#contenthead {
background:url("images/bg_apples.gif") no-repeat center right;
height:30px;
padding:0 0 15px 0;
margin:0;
}

#contenthead h2 {
background:url("images/dots_horiz.gif") repeat-x left bottom;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: black;
padding: 8px 0px 10px 0px;
}

#navi h2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:white;
padding: 8px 0px 0px 50px;
}

.headright {
/*background:url("images/bg_head_right_blue.jpg") no-repeat -2px 0;*/
background-color:#b2deff;
color:#666;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
width:143px; height:15px;
padding:2px 0 0 2px;
}

/*----------------------LINKS-------------------------------*/

a {
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
}

.extlink {
background:url("images/extlink.gif") no-repeat 100% 2px;
font:normal 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
padding:0 12px 0 0;
color:#666;
text-decoration:underline;
}

.extlinkbold {
background:url("images/extlink.gif") no-repeat 100% 2px;
font:bold 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
padding:0 12px 0 0;
color:#666;
text-decoration:underline;
}

#right a {
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}


/*-------------------------ABSÄTZE------------------------*/

p { 
text-align:left;
padding: 0px 20px 10px 0px;
color: black;
line-height: 1.3em;
}

p.intro {
font: italic normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
}

.title {
font: bold 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
color:#900;
padding:10px 0 3px 0;
}

.descript {
font: normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

.righttext {
font: normal 10px/1.2em Verdana, Arial, Helvetica, sans-serif;
background:url("images/dots_horiz.gif") repeat-x bottom left;
}

/*----------------------------BILDER----------------------*/

.leftpic {
float:left;
margin:0 15px 5px 0;
}

.leftpicno {
float:left;
margin:0 15px 5px 0;
}

.border2 {
border:2px dotted #666;
margin:0 15px 5px 0;
}

/*--------------------------ZITATE------------------------*/

blockquote {
padding:10px;
border-left:3px solid #999;
/*border-right:1px dotted #999;*/
color:#333;
font: normal 13px/1.2em "Times New Roman", Times, serif;
margin:10px 10px 10px 20px;
text-align:justify;
}

address {
font:oblique normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
}

.rezept {
color:#2C5616;
font: normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
padding:0 10px 10px 10px;
margin-left:20px;
border-left:3px dotted #666;
}

/*--------------------------LISTEN------------------------*/

ul {
list-style: none; 
margin: 10px 20px 10px 10px;
font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
}

li {
display: block;
list-style: none;
}

.dot {
padding:10px 0;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}

.dot li {
background:url("images/navi_bullet.gif") no-repeat 0 6px;
padding:0 0 0 10px;
}

#listLeist {
padding:0 0 0 20px;
}

#listLeist li {
padding: 0 0 0 15px;
background:url("images/list_bullet.gif") no-repeat 0 5px;
line-height:1.7em;
}

#referenzen {
border:0;
margin-right:10px;
}

#referenzen th {
background-color:#BFCED6;
height:20px;
padding: 0 0 0 10px;
}

#referenzen td {
margin:0;
padding:3px;
border:0;
}