@import url(styles.links.css);

/* Standardmäßiges CSS-Stylesheet für ein neues Webanwendungsprojekt */
BODY
{
    background-color: #194202;
    background-image: url(../images/neu/bg.gif);
    background-repeat: repeat-x;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    color: #DBFF4D;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin: 0px;
    padding: 0px;
}

TABLE
{
    border-width: 0px;
    border-color: White;
}

TFOOT, THEAD
{
    font-size: 1em;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

TH
{
    vertical-align: baseline;
    font-size: 1em;
    font-weight: bold;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px 5px;
}

TD
{
    font-size: 12px;
    padding: 3px 5px;
}

SMALL
{
    font-size: .7em;
}

BIG
{
    font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
    font-family: Courier New, monospace;
}

/*
UL LI
{
    list-style-type: square;
}

UL LI LI
{
    list-style-type: disc;
}

UL LI LI LI
{
    list-style-type: circle;
}
*/
OL LI
{
    list-style-type: decimal;
}

OL OL LI
{
    list-style-type: lower-alpha;
}

OL OL OL LI
{
    list-style-type: lower-roman;
}

/*
IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
*/



H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    color: #DBFF4D;
}
H1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    padding: 5px;
    margin: 0px;
}

H2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    margin: 0px;
}

H3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

#SEARCH H3
{
    display: inline;
    width: 90%;
}

H4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H5, DT
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

.cItem
{
	background-color	: #194202;
	border-style		: none;
	padding: 5px;
}

.cAltItem
{
	background-color	: #6B8E10;
	border-style		: none;
	padding: 5px;
}

a img
{
    border-width: 0px;
}

#Center
{
    margin: 0px auto;
    width: 990px;
    background-color: #3f720f; /*background-COLOR: #203801;*/
    background-image: url(../images/neu/border_left_top2.gif);
    background-repeat: repeat-y;
}

#Center .cButton
{
    border: medium outset;
    background-repeat: no-repeat;
    background-position: left center;
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
    color: #DBFF4D;
    background-color: #194202;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
}

#Center .cButton:hover
{
    border-color: #333333 #CCCCCC #CCCCCC #333333;
}


#Center label, #Center input, #Center select, #Center textarea
{
    /* Alle Labels UND Formularelemente auswählen */
    display: block;
    float: left;
    width: 100px; /* Breite.*/
    margin-bottom: 0.5em;
}

#Center input,
#Center textarea,
#Center select
{
    background-color: #DBFF4D;
    border-style: solid;
    border-color: #194202;
    border-width: 1px;
   /* padding: 2px 3px;*/
}

Form br
{
    /* Alle Zeilenumbrüche in Formularen auswählen */
    clear: left; /* das floating der labels und inputs aufheben */
    width: 100%;
}

Form span.Control
{
   float: right;
   display: block;
    
}

Form span.Control input
{
   width: 170px;
}

#Center .Contact input,
#Center .Contact select
{
    width: 250px;
}

#Center .Contact textarea
{
    width: 450px;
    height: 200px;
}

#Center .Contact .Control input
{
    width: 150px;
}

#Center label
{
    text-align: right;
    padding-right: 1em;
}



.cCaptcha img
{
    float: left;
    width: 90px;
    height: 25px;
    margin: 10px 0px 10px 133px;
}

.cCaptcha span
{
    float: left;
    clear: left;
}

#Content
{
    width: 400px !important;
    float: left;
    margin: 0px 5px 5px 5px;
}

div.cLBorder, div.cRBorder
{
    background-image: url(../images/neu/border_left_top2.gif);
    background-repeat: repeat-y;
    width: 3px;
    float: left;
    clear: left;
    height: 100%;
    min-height: 100%;
}

div.cRBorder
{
    background-image: url(../images/neu/border_right_top2.gif);
    float: right;
    clear: none;
}


.OuterBorder
{
    border: solid 2px #254109;
    margin-bottom: 5px;
}

.InnerBorder
{
    border: solid 1px #6B8E10;
    padding: 5px;
}

* html #FullContent
{
    height: 300px;
}

#FullContent
{
    float: left;
    width: 962px;
    padding: 10px 14px;
    min-height: 300px;
    background-color: #3f720f;
    background-image: url(../images/neu/content_bg.gif);
    background-repeat: repeat-y;
}

#Left,
#Right
{
    width: 200px;
    float: left;
    overflow: hidden;
}

#Left .OuterBorder,
#Right .OuterBorder
{
    width: 196px;
}

#Left .InnerBorder,
#Right .InnerBorder
{
    width: 184px;
    overflow: hidden;
}

#Main
{
    width: 542px;
    float: left;
    overflow: hidden;
}

#Main .OuterBorder
{
    width: 538px;
}

#Main .InnerBorder
{
    width: 526px;
}

#LMain,
#RMain
{
    width: 752px;
    float: left;
}

#LMain .OuterBorder,
#RMain .OuterBorder
{
    width: 748px;
}

#LMain .InnerBorder,
#RMain .InnerBorder
{
    width: 736px;
}

#Left,
#Main,
#LMain
{    
    margin-right: 10px;
}

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

#Footer
{
    float: left;
    clear: left;
    text-align: center;
    width: 990px;
    height: 41px;
    margin-bottom: 50px;
}

#FooterContent
{
    float: left;
    clear: none;
    text-align: center;
    width: 984px;
    height: 25px;
    background-image: url(../images/neu/footer_bg.gif);
    background-repeat: no-repeat;
    padding-top: 16px;
        font-size: 10px;
}

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

/****************************
        Menu -->
****************************/
#Menu
{
    width: 990px;
    float: left;
    height: 219px;
}

#Menu a, #Menu img
{
  /*  float: left;*/
}

#Menu #Logo
{
   float: left;
}

#Menu #MenuFiller
{
   float: left;
   height: 148px;
   width: 690px;
   background-image: url(../images/top2.jpg);
}

#MenuContent
{
    width: 984px;
    float: left;
    height: 219px;
    background-image: url(../images/menu_bg.gif);
    background-repeat: no-repeat;
    background-position:  0px 178px;
}



#MenuTop
{
    background-image: url(../images/neu/top.gif);
    background-repeat: no-repeat;
    width: 984px;
    float: left;
    height: 30px;
}

/****************************
        <-- Menu 
****************************/
/****************************
        Guestbook -->
****************************/

.Guestbook
{
    float: left;
    width: 100%; /* text-align: center;*/
}

.Guestbook .cGBItem
{
    text-align: left;
    background-image: url(../images/neu/bg_gb.gif);
    background-repeat: repeat-y; /* float:left;*/
}

.Guestbook .cGBCount
{
    padding: 5px;
    width: 90px;
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #000;
}

.Guestbook .cGBContent
{
    line-height: 25px;
    display: table;
    width: 525px;
}

.Guestbook .cComment
{
    background: #194202;
    line-height: 15px;
    padding: 5px;
    display: block;
    width: 515px;
}

.Guestbook #GBFooter
{
    line-height: 15px;
}

.Guestbook #GBNavigation
{
    text-align: center;
    width: 654px;
    margin: 5px 0px;
}

.Guestbook a
{
    font-weight: bold;
}

.Guestbook label
{
    width: 120px;
    clear: left;
}


.Guestbook input, #Guestbook textarea
{
    width: 300px;
}

.Guestbook input.cButton
{
    float: none;
    width: auto;
    margin-left: 133px;
}

.Guestbook .cCheck
{
    float: left;
    padding-left: 103px;
}

.Guestbook .cCheck input
{
    width: 30px;
    background-color: Transparent;
    border-style: none;
    border-width: 0px;
}

.Guestbook .cCheck label
{
    width: 500px;
    padding-right: 0em;
    text-align: left;
    clear: none;
}


.Guestbook .cValidator
{
    float: left;
    margin-left: 1em;
    background: #f00;
    color: #000;
    width: 250px;
    padding: 2px 5px;
}

.Guestbook .cCaptcha input
{
    width: 90px;
}

/****************************
        <-- Guestbook
****************************/

/****************************
        QuickSearch -->
****************************/

#QuickSearch input
{
    float: none;
    clear: none;
}

#QuickSearch input.cButton
{
    border-style: none;
    background-color: Transparent;
    width: auto;
    top: -25px;
    /*right: 0px;*/
    float: right;
}

/****************************
        <-- QuickSearch
****************************/
/**************************** 
        QuickLogin -->
****************************/

#QuickLogin label
{
    text-align: left;
}

#QuickLogin input
{
    width: 100%;
}

#QuickLogin input.cButton
{
    width: 100px;
    float: right;
}

/****************************
        <-- QuickLogin
****************************/

/**************************** 
    Cocktails (Overview)  -->
****************************/

.CocktailNav
{
    float: left;
    width: 100%;
}

.CocktailNav a,
.CocktailNav strong
{
    float: none;
    margin-right: 5px;
}

.CocktailNav strong
{
    font-weight: bold;
    border-top: solid 1px #DBFF4D;
    border-bottom: solid 1px #DBFF4D;
    border: solid 1px #DBFF4D;
    padding: 0px 2px;
}

#Cocktails
{
    float: left;
    clear: both;
    width: 100%;
}

#Cocktails td
{
    padding: 3px 5px;
    color: inherit;
}

/**************************** 
    <-- Cocktails (Overview) 
****************************/

/**************************** 
    Cocktails (Detail) --> 
****************************/


/*
#detail
{
    width: 100%;
    padding: 5px;
}



#detail_outer
{
    width: 946px;
}



#detail #left
{
    width: 60%;
    float: left;
}
*/

.Detail #name
{
    top: 0px;
}
.Detail #ingredients
{
    float: left;
    clear: none;
    width: 380px;
    margin-top: 5px;
}

.Detail #ingredients ul
{
}

.Detail #ingredients li
{
    list-style-type: disc;
}


.Detail #image1
{
    width: 160px;
    height: 200px;
    border: solid 2px #254109;
    float: left;
    clear: left;
    top: 0px;
    margin: 10px;
    margin-left: 0px;
}


.Detail #image2
{
    width: 158px;
    height: 198px;
    border: solid 1px #6B8E10;
    top: 0px;
}

.Detail #preparation
{
    bottom: 0px;
}

.Detail #comments
{
    float: left;
    clear: left;
}

.Detail #comments .CommentHead
{
    background: #557711;
    margin: -5px;
    padding: 5px;
    height: 20px;
}

.Detail #comments .CommentHead .Poster, #detail #comments .CommentHead .Date
{
    position: relative;
    float: left;
    width: 50%;
    clear: none;
}

.Detail #comments .CommentHead .Date
{
    text-align: right;
}


.Detail #comments .CommentBody
{
    margin-top: 15px;
}

/**************************** 
    <-- Cocktails (Detail) 
****************************/