/* Normalizes 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:0px; padding:0px;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* Removes list-style from lists */
ol, ul {list-style:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style:normal; font-weight:normal;}

/* Removes border from fieldset and img */
fieldset, img {border:0px;}

/* Left-aligns text in caption and th */
caption, th {text-align:left;}


/* Removes quotation marks from q 
q:before, q:after {content: '';}*/

/* CSS DEFINITIONEN */

/* Positionierung Center */

html, body {
	height: 100%;         /* required */
}

body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}



div#position {
	position: relative;   
	text-align: left;     /* horizontal centering hack for IE */
	width: 1000px;          /* required - desired width */
	margin: 0 auto;       /* horizintale Zentrierung */
	clear: left;          /* required */
	background-color: #f4f8e7;
}

/* Inhalt */
/*--------*/

/* Allgemein */

div#gruen { position: absolute; background-color: #97be0d; height: 200px; width: 100%; }

div#header { position:relative; width: 1000px; height: 200px; background-image: url('img/bg_landschaft.jpg'); }

#logo { position: relative; left: 20px; top: 20px; }

div#nav { position: relative; width: 1000px; height: 25px; background-color: #97be0d; }

div#footer { position: relative; width: 1000px; height: 25px; background-color: #97be0d; bottom: 0px; clear: left; text-align: right; margin-bottom: 20px; }

div#content { position: relative; margin: 20px; height: auto; }

div#text_content { position: relative; width: 640px; margin-right: 20px; float: left; z-index: 3; }

div#text_content_wide { position: relative; width: 960px; margin-right: 0px; float: left; z-index: 3; }

/* --- */

div#bild_oben_rechts { width: 280px; text-align: center; margin-bottom: 20px; float: left; z-index: 3; }

li { margin: 5px 20px 0px 20px; }

li { float: left; }

div#unternehmen { bottom: 0px; position: relative; height: auto; margin-top: 20px; clear: left; z-index: 3; }

div#unternehmen img { border: 1px solid #333333; height: 105px; width: 105px; float: left; z-index: 3; }

div#unternehmen_text { width: 640px; margin-bottom: 20px; float: left; margin-right: 40px; z-index: 3; }

div#unternehmen_logo { width: 280px; margin-top: 30px; float: left; margin-bottom: 20px; z-index: 3; }

div#unternehmen_kontakt { width: 280px; float: left; height: 300px; margin-bottom: 20px; z-index: 3; }

div#gewinnspiel { position: absolute; top: 75px; left: 200px; z-index: 5; }

div#gruende { position: absolute; top: 330px; right: 0px; z-index: 0; }

div#presse_datum { margin-right: 50px; width: 100px; float: left; }

div.shop img { margin-right: 20px; }

input { border: 1px solid #333333; padding: 2px; background-color: white; }

.w600 { width: 600px; }

.w200 { width: 200px; }

.leftFloat { float: left; margin: 0px 20px 10px 0px; }

.rightFloat { float: right; margin: 0px 0px 20px 20px; }

.oben { margin: 30px 177px 35px 0px; }

.unten { margin: 0px 177px 30px 0px; }

.margin10 { margin: 10px; }

.bildunterschrift { font-size: 10px; }
.bildunterschrift img { margin: 0px 0px 2px 0px; }

/* Unternehmen */

.armbruster { background-color: #740e68; color: white; }
.armbruster_font { color: #740e68; }

.jacoby, .lasser, .rothaus, .weisenbach { background-color: #317136; color: white; }
.jacoby_font, .lasser_font, .rothaus_font, .weisenbach_font { color: #317136; }

.goufrais{ background-color: #660d0e; color: white; }
.goufrais_font { color: #660d0e; }

.staatsweingut { background-color: #b98440; color: black; }
.staatsweingut_font { color: #b98440; }

.faller, .hex  { background-color: #c00418; color: white; } 
.faller_font, .hex_font { color: #c00418; }

.lieler, .peterstaler { background-color: #003274; color: white; }
.lieler_font, .peterstaler_font { color: #003274; }

.lieler { background-color: #576b76; color: white; }
.lieler_font { color: #003274; }

.green { color: #97be0d; }

/* Schrift */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	}
	
h1 { 
	font-size: 20px;
	font-weight: bold;
	color: #97be0d;
	line-height: 28px;
	}

li a, li a:hover, li a:visited { 
	color: white;
	text-decoration: none;
	font-weight: bold;
	}

div#unternehmen_kontakt a, div#unternehmen_kontakt a:hover, div#unternehmen_kontakt a:visited { 
	color: white;
	text-decoration: underline;
	}
	
a, a:hover, a:visited { 
	color: #333333;
	text-decoration: underline;
	}

div#presse_text a, div.shop a { text-decoration:none; font-weight: bold; }

.italic { font-style: italic; }
.bold { font-weight: bold; }