/* ========================================================== */
/* ======( leadsheet.css )=================================== */
/* ========================================================== */
/* ======( Author:                 )========================= */
/* ======( Sascha Merkofer, end if )========================= */
/* ======( http://www.endif.ch     )========================= */
/* ========================================================== */

/* ========================( Normalisierung aller Tags )===== */

/* ------( margin, padding )--------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding: 0;}

/* ------( list-styles )------------------------------------- */
ol, ul
{list-style: none;}

/* ------( table border-collapse und -spacing )-------------- */
table
{border-collapse: collapse; border-spacing: 0;}

/* ------( fieldset und img border )------------------------- */
fieldset, img
{border: 0;}

/* ------( Anfuehrungs- und Schlusszeichen )----------------- */
q:before, q:after
{content:'';}

/* ------( font-size der header )---------------------------- */
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/* ------( font-style und font-weight )---------------------- */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/* ------( caption und th Text-Positionierung )-------------- */
caption, th
{text-align: left;}



/* ======( html & body )== */

html {
	height: 100%;
}

body {
					position: relative;
					height: 100%;
					min-height: 690px;
					text-align: center;
					font: .86em/1.8 Verdana, Arial, Helvetica, Geneva, sans-serif;
					background: #c2c8a9;
					color: #ffffff;
					}


/* ======( Links )== */

/* ------( inaktiv )-- */
a:link, 
a:visited {
					text-decoration: none;
					color: #9da782;
					border-bottom: 1px dotted #9da782;
					}

/* ------( aktiv )-- */
a:focus, 
a:hover, 
a:active {
					text-decoration: none;
					color: #ffffff;
					border-bottom: 1px solid #5ea921;
					}

div#footer a:focus,
div#footer a:hover,
div#footer a:active {
	color: #5ea921 !important;
}


/* ======( Headings )== */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
					font-weight: bold;
					color: #5ea921;
					}

h2 {
					font-size: 120%;
					font-weight: normal;
					line-height: 25px;
					padding-bottom: 25px;
					padding-top: 25px;
					}

h2.top-heading {
					padding-top: 0;
					}

h3 {
					font-size: 100%;
					}

h4 {
					font-size: 86%;
					}
					
hr {
	margin: 0 0 25px 0;
}

.gruen {
	color: #5ea921;
}

/*
div#main {
					position: relative;
					overflow: visible;
					width: 990px;
					height: 690px;
					margin: 0 auto;
					margin-top: 6%;
					text-align: left;
					background: transparent;
					}
*/

div#main {
	position: absolute;
	width: 990px;
	height: 690px;
	left: 50%;
	top: 50%;
	margin-left: -495px;
	margin-top: -345px;
	text-align: left;
	background: transparent;
}

/* ======( news )== */

div#news {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 990px;
	height: 23px;
	overflow: hidden;
	background: transparent url(images/Newsbalken.jpg) no-repeat;
	color: #fff;
	line-height: 22px;
}

span#allnews {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
}

#allnews span {
	display: block;
	position: relative;
	white-space: nowrap;
}

a#news_link {
	width: 990px;
	height: 23px;
	display: block;
}

div#news a:link, 
div#news a:visited {
	color: #fff;
	border-bottom: none;
}

div#news a:focus, 
div#news a:hover {
	color: #9da782;
	border-bottom: none;
}

div#news a:active {
	color: #fff;
	border-bottom: none;
}

li#aktuell {
	background: transparent url(images/neu.png) no-repeat 0 0;
}


/* ======( Branding )== */

div#branding {
					position: relative;
					left: 0;
					top: 0;
					width: 990px;
					height: 105px;
					background: #ffffff url(images/Header.png) no-repeat 108px 16px;
					}

div#branding h1 {
					text-indent: -9999px;}


/* ======( Content )== */

div#content {
					position: relative;
					overflow: hidden;
					width: 990px;
					height: 480px;
					background: url(images/main-bkgnd.jpg) no-repeat 222px 0;
					}

div#content-home {
					position: relative;
					overflow: hidden;
					width: 990px;
					height: 480px;
					background: url(images/main-bkgnd-home.jpg) no-repeat 222px 0;
					}

/* ======( Navigation )== */

div#navigation {
					position: absolute;
					overflow: hidden;
					top: 0;
					left: 0;
					width: 222px;
					height: 480px;
					background: url(images/navi-bkgnd.jpg) no-repeat;
					border-right: 2px solid white;
					}

div#navigation ul {
					padding: 45px 0 0 0;
					}

div#navigation ul li {
					height: 43px;
					padding-left: 56px;
					}

div#navigation ul li a {
					display: block;
					padding-bottom: 4px;
					border-bottom: 0;
					font-family: 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
					font-size: 18px;
					line-height: 25px;
					font-weight: normal;
					}

/* ------( inaktiv )-- */
div#navigation ul li a:link, 
div#navigation ul li a:visited {
					text-decoration: none;
					color: #9da782;
					border-bottom: 0;
					}

/* ------( aktiv )-- */
div#navigation ul li a:focus, 
div#navigation ul li a:hover, 
div#navigation ul li a:active,
div#navigation ul li a.active {
					text-decoration: none;
					color: #ffffff;
					padding-bottom: 2px;
					border-bottom: 2px solid white !important;
					}




/* ======( Main Content )== */

div#main-content {
					position: absolute;
					overflow: auto;
					width: 678px;
					height: 390px;
					left: 222px;
					top: 0;
					padding: 45px;
					background: transparent;
					}

div#main-content p {
					padding-bottom: 24px;
					line-height: 25px;
					}

ul#punkte {
					list-style-type: square;
					}

ul#punkte li {
					
					margin-left: 22px;
					padding-bottom: 25px;}

/* ------( Grillen Liste )-- */

ul#grillenarten li {
					padding-left: 245px;
					padding-bottom: 24px;
					min-height: 150px;
					}

ul#grillenarten li p {
					padding-bottom: 0;
					}

ul#grillenarten li p.size {
					font-weight: bold;
					}

ul#grillenarten li#heimchen {
					background: url(../images/grillen/Heimchen.jpg) no-repeat 0 7px;
					}

ul#grillenarten li#steppengrille {
					background: url(../images/grillen/Steppengrille.jpg) no-repeat 0 7px;
					}

ul#grillenarten li#kurzfluegelgrille {
					background: url(../images/grillen/Kurzfluegelgrille.jpg) no-repeat 0 7px;
					}

ul#grillenarten li#zweifleckengrille {
					background: url(../images/grillen/Zweifleckengrille.jpg) no-repeat 0 7px;
					}


/* ------( Preistabelle )-- */

table#preise {
					margin-bottom: 25px;
					}

table#preise tr.bottom-line {
					border-bottom: 1px solid white;
					}

table#preise td.left-line {
					border-left: 1px solid white;
					}

table#preise td {
					padding: 15px 8px 15px 8px;
					vertical-align: top;
					}

table#preise td.no-top {
					padding-top: 0;
					}

table#preise td.no-bottom {
					padding-bottom: 0;
					}

table#preise td.colheading {
					padding-left: 0;
					}

table#preise p {
					padding-bottom: 0;
					}

/* ------( Liebhaber-Liste )-- */

dl#liebhaber {
					position: relative;
					overflow: hidden;
					}

dl#liebhaber dt {
					
					}

dl#liebhaber dd {
					float: right;
					}

/* ------( bestellen )-- */

form#bestellen {
					padding-bottom: 24px;
					}

form#bestellen dl {
					position: relative;
					overflow: hidden;
					padding: 8px;
					border: 1px dotted #9da782;
					margin-bottom: 8px;
					}

form#bestellen dl#required-fields {
					padding: 8px;
					}

form#bestellen dt {
					float: left;
					width: 160px;
					}

form#bestellen dd input {
					width: 220px;
					padding: 2px;
					}

form#bestellen dd#art input {
					width: auto;
					}

form#bestellen dd textarea {
					width: 440px;
					height: 48px;
					margin-top: 8px;
					}

form#bestellen dl dt.higher {
					height: 6em;
					}

form#bestellen dd ul#grillenart input {
					width: 20px;
					}

form#bestellen p#titel-req-fields {
					padding-bottom: 0;
					font-size: 80%;
					color: #5ea921;
					}

form#bestellen dl dd#bestellart-list input {
					width: 20px;
					}


form#bestellen dl dd#art table tr td {
					padding-right: 8px;
					}

p.erklaerung {
					padding-bottom: 0 !important;
					font-size: .86em;
					}

form#bestellen input.error {
					background-color: #ff8282 !important;
					}

form#bestellen select.error-select {
					color: red !important;
					}

form#bestellen .hidden {
					visibility: hidden;
					}

form#bestellen .nodisplay {
					display: none;
					}

/* ======( Footer )== */

div#footer {
					position: absolute;
					top: 585px;
					left: 0;
					width: 990px;
					height: 105px;
					font-size: 10px;
					color: #000000;
					background-color: #ffffff;
					}

div#footer p {
					padding: 6px;
					}