@charset "UTF-8";
/*
	================================================================================
	|
	|	[ Dieckmann CSS ]
	|	=================
	|	$ver:	1.0 initial release
	|	$date:	2005/11/04 20:00
	|
	|	changelog (++ neu hinzugefügt | ** geändert || -- entfernt):
	|
	|		++ Erste Version												(2005/11/04)
	|		** Rechten Abstand der Elemente entfernt (#contentseite)		(2005/11/05)
	|		++ Klasse .abstand für 260px Abstand zum Rand (#contentseite)	(2005/11/05)
	|
	================================================================================
	|	Copyright (c) DevShack - All rights reserved.
	|	http://www.devshack.biz/ - bojic@devshack.biz
	================================================================================
*/

/* === [ Generelles ] ===================================================================== */

*
{
	border:		0 none transparent;
	padding:	0;
	margin:		0;
}

table
{
	border-spacing: 0;
	border-collapse: collapse;
}

body
{
	color:			#000;
	background:		#d4d1c9;
	font-size:		100.1%;
	font-family:	Verdana, Arial, Helvetica, Sans-Serif;
	text-align:		center;
	padding: 10px 0 0 0;
}

a
{
	text-decoration:	underline;
	color:				#6E7630;
}

a:hover
{
	text-decoration:	none;
}

label
{
	cursor: pointer;
}

#barrierebox
{
	position: absolute;
	visibility: hidden; /* display: none; ist schlecht, das lesen Screenreader sonst nicht mehr vor */
}

.versteckt {
    display: none;
}

.sichtbar {
    display: auto;
}


/* === [ Wrapper ] ===================================================================== */

#wrapper
{
	text-align: left;

	width:		720px;
	min-height:	500px;

	border: 1px solid #AC9D9A;
	border-width: 0 1px;

	background-color: #F9FAFF;

	margin: 0 auto;
}

/* Wir sparen uns Markup für ein Clear */
#wrapper:after
{
	content: ".";
	visibility: hidden;
	height:		0;
	display:	block;
	clear:		both;
}

body#bd-startseite #wrapper, body#bd-normal #wrapper
{
	background: #F9FAFF url(/design/content/glaeser_back.jpg) bottom right no-repeat;
}

body#bd-aktuelles #wrapper
{
	background: #F9FAFF url(/design/content/aktuelles_back.jpg) bottom right no-repeat;
}

.teaserpic {
    display: none;
}

body#bd-aktuelles .teaserpic {
    display: inline !important;
}


body#bd-kontakt #wrapper
{
	background: #F9FAFF url(/design/content/kontakt_back.jpg) bottom right no-repeat;
}

body#bd-weizenkorn #wrapper
{
	background: #F9FAFF url(/design/content/weizenkorn_back.jpg) bottom right no-repeat;
}

body#bd-brennerei #wrapper
{
	background: #F9FAFF url(/design/content/brennerei_back.jpg) bottom right no-repeat;
}

body#bd-splash #wrapper
{
	background: #F9FAFF url(/design/kopf/kopf_back.png) repeat-x;
}

/* === [ Kopfbereich ] ===================================================================== */

#kopf
{
	height: 70px;
	background: #F9FAFF url(/design/kopf/kopf_back.png) repeat-x;
}

#kopf h1
{
	float: left;
	width: 101px;
	height: 48px;
	padding: 13px 0 7px 18px;
	font-size: 0.9em;
}

#kopf ul
{
	float: left;
	width: 500px;
	padding: 40px 0 0 95px;
	font-size: 0.6em;
	font-weight: bold;
	list-style-type: none;
}

#kopf ul li
{
	float: left;
	width: 85px;
	padding: 0 0 0 15px;

	color: #555D7A;
	background: url(/design/buttons/bullet.gif) 0 3px no-repeat;

}

#kopf ul li a
{
	color: #555D7A;
	text-decoration: none;
}

#kopf ul li a:hover, #kopf ul li a.nav-aktiv
{
	color: #6E7630;
}

#breadsuche
{
	clear: left;
	border: 1px solid #EAEDF4;
	border-width: 1px 0;
	height: 18px;
	line-height: 18px;
}

#breadsuche ul
{
	padding: 0 0 0 18px;
	float: left;
	width: 480px;
	font-size: 0.6em;
	list-style-type: none;
}

#breadsuche ul li
{
	float: left;
	width: auto;
	padding: 0 5px 0 0;
}

#breadsuche ul li a
{
	text-decoration: none;
    color: #8B7E7B;
}

#breadsuche ul li a:hover {
    text-decoration: underline;
}

#suchleiste
{
	float: right;
	width: 211px;
}

#suchleiste #suchwort
{
	float: left;
	width: 140px;

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.6em;
	color: #ACAFA8;
	height: 15px;

	padding: 3px 0 0 3px;
	margin: 0;

	border-left: 1px solid #D9DDD5;
	border-right: 1px solid #D9DDD5;
	/*border-width: 0 1px;*/
}

#suchleiste #suchlupe
{
	float: left;
	width: 21px;
	height: 18px;
	padding-left: 3px;
}

/* === [ Splash ] ===================================================================== */

#splashlogo
{
	text-align:		center;
	padding:		80px 0 30px 0;
	font-size:		0.79em;
}

#agebox
{
	background-color: #F1F2F8;

	border: 1px solid #F4DDC3;
	border-width: 1px 0;
}

#agebox h2, #agebox p
{
	text-align: center;
}

#agebox h2
{
	padding:		18px 0;
}

#agebox p
{
	padding: 0;
	padding-bottom:	18px;
}

#answerbox
{
	padding: 18px;
	text-align: center;
}

#answerbox img
{
	margin: 0 5px;
}

/* === [ Startseite ] ===================================================================== */

.box_links
{
	clear: left;
	float: left;
	width: 195px;
}

.seitenbox_links, .seitenbox_rechts
{
	background: #F1F2F8;
	color: #000;
	border: 1px solid #C3C7D3;
}

	.seitenbox_links, .box_links .seitenbox_rechts
	{
		margin: 60px 7px 0 40px;
		position: relative;
	}

	.seitenbox_links .aehre
	{
		width: 47px;
		height: 200px;

		position: absolute;
		top: -40px;
		right: -11px;
	}

	.seitenbox_links h4, .seitenbox_rechts h4
	{
		background: #D4D7E0;
		line-height: 15px;
		padding: 0 0 0 20px;
	}

	.seitenbox_links ul
	{
		color: #000;
		list-style-type: none;
		font-size: 0.6em;
		line-height: 1.8;
		padding: 0 0 20px 0;
	}

	.seitenbox_links ul li
	{
		padding: 20px 10px 0 20px;
		background: url(/design/buttons/bullet_klein.gif) 8px 26px no-repeat;
	}


.box_rechts, .box_map24
{
	float: right;
	width: 195px;
}

.box_map24 {
    width: 248px;
}

.box_map24 .seitenbox_rechts {
    border: none;
    background-color: transparent;
}

	.seitenbox_rechts, .box_rechts .seitenbox_links
	{
		margin: 60px 40px 0 7px;
	}

	.seitenbox_rechts dl
	{
		padding: 20px;
	}

	.seitenbox_rechts dt
	{
		text-align: center;
	}

	.seitenbox_rechts dd
	{
		padding: 10px 0 0 0;
	}

	.seitenbox_rechts dd h4
	{
		background: #F1F2F8;
		color: #888731;
		padding: 0 0 5px 0;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 0.6em;
		width: 100px;
		overflow: hidden;
	}

	.seitenbox_rechts dd p
	{
		color: #000;
		padding: 5px 0 0 0;
		line-height: 1.8;
	}

	.seitenbox_rechts dd p.blau
	{
		color: #48587C;
	}




#start_mitte
{
	padding: 0 195px;
}

	#start_mitte h2
	{
		padding:		60px 35px 20px 35px;
	}

	#start_mitte h3, #start_mitte h4, #start_mitte h5, #start_mitte h6 {
        padding-right: 20px;
	}

	#start_mitte p
	{
		padding: 0 35px 20px 35px;
	}

/* === [ Normaler Inhalt ] ===================================================================== */

#contentseite
{
	clear: left;
	padding: 60px 0 0 0px;
}

#contentseite.popup {
	padding: 0;
}

    #contentseite img, .seitenbox_rechts img {
        border: 1px solid #AC9D9A;
    }

    #contentseite.popup p {
    	padding-right: 40px !important;
	}

	.abstand
	{
		padding-right: 260px !important;
	}

	h2 {
			font-family:	"Times New Roman", Book Antiqua, Georgia, Garamond;
    }
    
	h2, h3, h4, h5
	{
		color: #555D7A;
		padding: 0 260px 20px 40px;
		line-height: 140%;
	}

    h2
	{
		font-size:		1em;
	}

	h3
	{
		font-size:		0.7em;
	}
	
	h3.suchergebniss {
		padding: 0px 260px 5px 55px;
        background: url(/design/buttons/bullet_klein.gif) 42px 5px no-repeat;
	}
	
	h3.faq, h3.suchergebniss {
        font-family:	Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 0.7em;
        font-weight: normal;
    }
	
	h4
	{
		font-size:		0.6em;
	}

	h5
	{
		font-size:		0.5em;
	}

	h6, .datetime
	{
		font-weight: normal;
		color: #999;
	}

	h6
	{
		font-size: 0.6em;
		/*padding: 0 40px 20px 40px;*/
		padding: 0 260px 20px 0;
	}

	.datetime
	{
	   font-size: 0.9em;
	}

	p
	{
		font-size: 0.6em;
		line-height: 1.8;
		color: #000;
		/*padding: 0 40px 20px 40px;*/
		padding: 0 260px 20px 40px;
	}
	
	hr {
        height: 1px;
        margin: 0px 260px 15px 40px;
        color:  #EAEDF4;
    }

    #contentseite ul
	{
		font-size: 0.6em;
		line-height: 1.8;
		color: #000;
		padding: 0 40px 0 50px;
		list-style-type: none;
	}

	#contentseite ul li
	{
		padding: 0 260px 20px 10px;
		/*padding: 0 0 20px 10px;*/
		background: url(/design/buttons/bullet_klein.gif) 0 7px no-repeat;
	}

	fieldset.formular
	{
		border: 1px solid #DEE2DB;
		background: #F9FAFF;
		width: 400px;
		margin: 0 40px 20px 40px;
		padding: 0 0 5px 0;
	}
	
	fieldset.formular legend {
	   font-size: 0.6em;		
	}

	fieldset.formular label
	{
		clear: left;
		float: left;
		width: 8em;
		font-weight: bold;
		font-size: 0.6em;
		text-align: right;
		padding: 3px;
		margin: 5px 5px;
	}

	fieldset.formular .textfeld,
	fieldset.formular .multitextfeld,
	fieldset.formular select,
	{
		float: left;
		width: 200px;
		border: 1px solid #DEE2DB;
		background: #fff;
		font-size: 0.6em;
		font-family:	Verdana, Arial, Helvetica, Sans-Serif;

		padding: 3px;
		color: #000;
		margin: 5px 0px 5px 0;
	}
	
	fieldset.formular div.reprint 
	{
	    float: left;
		width: 200px;
		font-size: 0.6em;
		font-family:	Verdana, Arial, Helvetica, Sans-Serif;

		padding: 3px;
		color: #000;
		margin: 5px 0px 5px 0;
	}

	fieldset.formular .inperror {
	   border: 1px solid red;
	}

	fieldset.formular .multitextfeld
	{
		width: 290px;
	}

	fieldset.formular .submitbutton
	{
		clear: left;
		float: left;
		margin: 5px 0 0 300px;
		width: 82px;
		height: 17px;
	}

	fieldset.formular .searchbutton
	{
        float: left;
        margin: 5px 5px 5px 3px;
        height: 18px;
        border-top: 1px solid #DEE2DB;
        border-bottom: 1px solid #DEE2DB;
	}
	
	fieldset.formular .textfeld:focus,
	fieldset.formular .multitextfeld:focus
	{
		color: #000;
		background: #eee;
	}

	#contentseite .seitenbox_rechts {
        margin-top: 0;
	}

	#contentseite .box_links {
        margin-right: 35px;
        margin-bottom: 35px;
	}

	#contentseite .box_rechts {
        margin-left: 35px;
        margin-bottom: 35px;
	}
/* === [ Produkte ] ===================================================================== */

#korbbox
{
	width: 148px;
	float: right;
	background: #F1F2F8;
	color: #000;
	border: 1px solid #C3C7D3;
	margin: 0px 40px 5px 0;
	display: inline;
}

	#korbbox h4
	{
		background: #D4D7E0;
		line-height: 15px;
		padding: 0 0 0 5px;
		margin: 0 0 5px 0;
	}

	#korbbox p
	{
		font-size: 0.6em;
		line-height: 1.8;
		margin: 0 10px 0 5px;
		padding: 0;
	}

	#korbbox p.warenwert
	{
		padding: 0 5px 0 0;
		color: #555D7A;
		background-color: #E9EAF1;
		text-align: right;
		border: 1px solid #81869A;
	}

	#korbbox p.waren_auf
	{
		text-align: right;
		background: url(/design/buttons/pfeil.gif) 20px 7px no-repeat;
		padding: 2px 0;
	}

#produktseite
{
	clear: left;
	padding: 60px 0 0 0;
}

	#produktseite h2
	{
		padding: 0 0 20px 40px;
	}

	p.produktseite
	{
		padding: 0 300px 50px 40px;
	}

	.produkt_navigation {
		width: 640px;
		padding: 5px 40px 10px 40px;
		clear: both;
		height: 20px;
	}
	
	.produkt_navigation a {
        background: #F1F2F8;
    	border: 1px solid #C3C7D3;
    	font-size: 0.6em;
		line-height: 1.8;
		padding: 1px 5px;
	}
	
	.produkt_item
	{
		width: 720px;
		padding-bottom: 20px;
		clear: both;
	}

	.produkt_desc_links
	{
		clear: left;
		background: url(/design/content/verlauf_links.png) repeat-y;
	}

		.produkt_desc_links h3
		{
			padding: 7px 0 0 40px;
		}

		.produkt_desc_links p
		{
			padding-bottom: 7px;
		}

	.produkt_desc_rechts, .produkt_desc_rechts_variante
	{
		clear: left;
		background: url(/design/content/verlauf_rechts.png) top right repeat-y;
	}

		.produkt_desc_rechts h3
		{
			padding: 7px 0 0 140px;
		}

		.produkt_desc_rechts p
		{
			padding-bottom: 7px;
			padding-left: 140px;
		}

		.produkt_desc_rechts_variante h3
		{
			padding: 7px 0 0 40px;
		}

		.produkt_desc_rechts_variante p
		{
			padding-bottom: 7px;
		}

	table.produkt_tabelle, table.produkt_tabelle_l
	{
		float: left;
		width: 540px;
		font-size: 0.6em;
		margin: 20px 0 30px 0;
	}

	table.produkt_tabelle_l
	{
		margin: 20px 0 30px 40px;
	}

	table.produkt_tabelle td, table.produkt_tabelle_l td
	{
		padding: 5px 0;
	}

	table.produkt_tabelle td.waehrung, table.produkt_tabelle_l td.waehrung
	{
		color: #223165;
		text-align: right;
		padding: 5px 5px 5px 0;
	}

	.inp_anzahl
	{
		display: block;
		margin: 0 5px 0 auto;
		width: 60px;
		height: 15px;
		background-color: #F8F4F0;
		border: 1px solid #F6D2A0;
		color: #223165;

		font-family:	Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;

		text-align: right;
	}

	table.produkt_tabelle td.korb_abschick, table.produkt_tabelle_l td.korb_abschick
	{
		text-align: right;
		padding: 10px 5px 0 0;
	}

	table.produkt_tabelle td.korb_abschick input, table.produkt_tabelle_l td.korb_abschick input
	{
		border: 1px solid #81869A;
		background-color: #F1F2F8;
		color: black;/*#81869A;*/

		width: 120px;
		padding: 2px 5px;

		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;
	}

	.produkt_bild_pre, .produkt_bild_pre_l
	{
		float: left;
		width: 80px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		
	}

	.produkt_bild_pre
	{
		margin: 15px 40px 10px 20px;
	}


	.produkt_bild_pre_l
	{
		margin: 15px 20px 10px 40px;
	}

	.produkt_bild_pre a, .produkt_bild_pre_l a
	{
        display: block;
        height: 100%;
        width: 100%;
        text-decoration: none;
        background-image: url(/design/divers/lupe.png);
        background-position: bottom right;
        background-repeat: no-repeat;
		border: 1px solid #C6C9D4;
	}
	
	.produkt_bild_pre a img, .produkt_bild_pre_l a img {
        border: 1px solid #F4EEEC;
        width: 100%;
        height: 100%;
	}

/* === [ Footer ] ===================================================================== */

#kornfooter
{
	clear:	left;
	width:	720px;
	height:	152px;

	border: 1px solid #AC9D9A;
	border-width: 0 1px 1px 1px;

	margin: 0 auto;

	background: #F9FAFF url(/design/fuss/kornfeld_back.jpg) no-repeat;
}

.myclear {
    clear: both;
}

.msg {
    color: red;
}

.halfbox {
    float:left;
    width: 50%;
}

.halfbox .kategorie {
    background: #F1F2F8;
	color: #000;
	border: 1px solid #C3C7D3;
    margin: 0px 16px 32px 40px;
    height: 150px;
    padding: 10px;
}

/*
.halfbox .kategorie a {
    display: block;
}*/

.halfbox .kategorie p {
    padding:0;
}

.halfbox .kategorie h2 {
    padding-right: 0 !important;
    font-family: verdana, arial, helvetica, sans-serif !important;
    font-size: 0.6em;
}

.halfbox .kategorie img {
    margin-right: 10px;
    float:left;
}

.boxclear {
    margin: 0px 40px 0px 16px !important;
    border: 20px solid #f0f;
    clear: both;
}

.halfbox .smal {
    height: 110px;
}

.preis {
    font-size: 1.2em;
    color: #C3C7D3;
    font-weight: bold;
}

.ContentAlignLeft {
    float:left;
    margin-left:-40px;
}


/* === [ Warenkorb ] ===================================================================== */
    #contentseite table.warenkorb {
        font-size: 0.6em;
		line-height: 1.8;
		color: #000;
		margin: 0 260px 10px 40px;
		width: 400px;
	}
    
    table.warenkorb th {
        background: #F1F2F8;
    	color: #000;
    	border: 1px solid #C3C7D3;
    	text-align: center;
	}
	
	table.warenkorb td {
	   border: 1px solid #F1F2F8;
    	
	}
	
	table.warenkorb td.ProductQantity {
	   text-align: center;
	}
	
	table.warenkorb td.ProductPrice,
	table.warenkorb td.ProductTotalPrice,
    table.warenkorb td.Brutto,
    table.warenkorb td.Label,
    table.warenkorb td.VAT,
    table.warenkorb td.Productpostage
	{
	   text-align: right;
	}
	
	table.warenkorb td.ProductPrice,
	table.warenkorb td.ProductTotalPrice
	{
	   white-space: nowrap;
	}
    
	table.warenkorb td.Brutto
	{
	   font-weight: bold;
	   border: 1px solid #C3C7D3;
	   border-left: 0;
	   border-right: 0;	   
	}
	
	table.warenkorb td input.anzahl
	{
		margin: 0 5px 0 auto;
		width: 30px;
		height: 15px;
		background-color: #F8F4F0;
		border: 1px solid #F6D2A0;
		color: #223165;

		font-family:	Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;

		text-align: right;
	}
	
	table.warenkorb td.Label,
	table.warenkorb td.Label,
    table.warenkorb td.VAT,
    table.warenkorb td.Productpostage
    {
	   border: 0;
	}
	
	table.warenkorb td.btn {
	   border: 0;
	   padding: 4px 0px 4px 2px;
	}
	
	table.warenkorb td input.btn,
	.checkoutButton, .checkoutButton2
	 {
	   background-color: #DDE4DC;
	   border: 1px solid #B6BBC3;
	}
	
	.checkoutButton,
	.checkoutButton2 {
	    display:block;
        padding: 0px;
        margin-right: 20px;
        margin-top: 10px;
        color: black;
        text-decoration: none;
	}
	
	.checkoutButton {
	   float: right;
   } 
	
.err {
    color: red;
}