/*****************************
*	SYSTEM TAGS				 */
* {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	margin: 0;
	background: #BCBCBC url("images/rahmen/hintergrund.jpg") repeat-x;
	font-size: 100.01%;
	font-family: "trebuchet ms",arial,helvetica,sans-serif;
	color: #404040;
	}
	
a {
	color: #006651;
	}
	
a:hover, a:active {
	text-decoration: none;
	}
	
ul {
	list-style: square inside;
	padding: 0 0 0 10px;
	margin: 0;
	}
	
img {
	border: 0;
	float: left;
	}
	
table {
	padding: 0;
	margin: 5px 0 15px 0;
	}

table td {
	padding: 3px;
	border: 1px solid silver;
	}
	
table h2, table h3, table h4, table h5 {
	margin: 0 0 0 0;
	}
	
table td label {
	font-size: 12px;
	font-weight: bold;
	}
	
.box table {
	margin: 5px 0 0 0;
	}

.box table td {
	padding: 0 10px 0 0;
	border: 0;
	}
	
legend {
	font-size: 11px;
	color: silver;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	}
	
bold {
	font-weight: bold;
	}
	
/*****************************
*	FORMULARE			 	 */

form {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
form label {
	float: left;
	display: inline;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	}
	
form .eingabefeld {
	width: 190px;
	margin: 0 5px 5px 0;
	padding: 2px;
	font-size: 12px;
	}
	
form select {
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
	padding: 2px;
	font-size: 12px;
	}
	
form textarea {
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
	padding: 2px;
	font-size: 12px;
	}
	
.inputError {
	font-weight: bold;
	color: #E52E40;
	}	
	
/*****************************
*	UEBERSCHRIFTEN			 */
	
h1 {
	font-size: 20px;
	line-height: 19px;
	font-weight: normal;
	color: #006651;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}	

h2 {
	font-size: 14px;
	color: #4B3801;
	text-transform: uppercase;
	margin: 5px 0 10px 0;
	}
	
h3 {
	font-size: 14px;
	line-height: 15px;
	color: #006651;
	text-transform: uppercase;
	margin: 5px 0 5px 0;
	}
	
h4 {
	color: #5A4202;
	font-size: 13px;
	margin: 5px 0 5px 0;
	}
	
h5 {
	font-size: 13px;
	margin: 5px 0 5px 0;
	}

/*****************************
*	RAHMEN				 	 */

#rahmen {
	width: 955px;
	position: relative;
	margin: 0 auto;
	font-size: 12px;
	z-index: 10;
	}
	
/* ### START KOPF ### */
#logo {
	width: 200px;
	height: 200px;
	float: left;
	background: white;
	}

#head_box_braun {
	width: 199px;
	height: 75px;
	padding: 15px 25px 10px; 
	float: left;
	background: #C39A58 url("images/rahmen/volltextsuche.jpg") repeat-x;
	color: #302301;
	}

#head_box_braun legend {
	color: #fff;
}

#head_box_braun .eingabefeld {
	width: 80px;
	float: left;
	color: #8B7542;
	background: #E5D4B8;
	border-top: 1px solid #5A4202;
	border-left: 1px solid #5A4202;
	border-bottom: 1px solid #FFF0D9;
	border-right: 1px solid #FFF0D9;
	}
	
#head_box_braun .button {
	float: left;
}

#head_box_braun a {
	color: white;
	font-weight: bold;
	}
	
#head_box_braun a:hover {
	color: #C3E5DF;
	}
#head_box_braun p {text-transform: uppercase;}	
	
#volltextsuche {
	width: 200px;
	height: 60px;
	padding: 15px 25px 25px 25px;
	float: left;
	background: #fff;
	overflow: hidden;
	}
	
#volltextsuche a {
	float: left;
	margin-top: 10px;
	}
	
#volltextsuche fieldset {
	margin: 10px 0 10px 0;
	}
	
#volltextsuche img {
	float: none;
	}
	
#volltextsuche select {	
	width: 195px;
	color: #8B7542;
	background: #E5D4B8;
	border-top: 1px solid #5A4202;
	border-left: 1px solid #5A4202;
	border-bottom: 1px solid #FFF0D9;
	border-right: 1px solid #FFF0D9;
	}
	
#volltextsuche label {
	color: #5A4202;
	}

#volltextsuche .suche {
	float: left;
	}
	
#volltextsuche .eingabefeld {
	color: #8B7542;
	background: #E5D4B8;
	border-top: 1px solid #5A4202;
	border-left: 1px solid #5A4202;
	border-bottom: 1px solid #FFF0D9;
	border-right: 1px solid #FFF0D9;
	}

#warenkorb_login {
	width: 200px;
	height: 70px;
	padding: 15px 25px;
	float: left;
	background: #006651 url("images/rahmen/warenkorb_login.jpg") repeat-x;
	color: #C3E5DF;
	border-left: 1px solid white;
	border-right: 1px solid white;
	}

#warenkorb_login strong {
	color: white;
	}
	
#warenkorb_login label {
	width: 50%;
	color: #C3E5DF;
	}

#warenkorb_login .eingabefeld {
	width: 43%;
	}
	
#warenkorb_login a {
	color: white;
	font-weight: bold;
	}
	
#warenkorb_login a:hover {
	color: #C3E5DF;
	}
	
#warenkorb_login ul {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 14px;
	}
	
#warenkorb_login ul li {
	width: 100%;
	float: left;
	margin: 0 0 3px 0;
	}
	
#warenkorb_login .preis {
	float: right;
	}
	
#warenkorb_login .artikel {
	width: 125px;
	float: left;
	line-height: 12px;
	}
	
#warenkorb_login img {
	float: none;
	}
	
#warenkorb_login.zuletzt {
	width: 200px;
	height: 83px;
	float: left;
	border-top: 1px solid white;
	padding: 12px 25px 4px 25px; 
	background: #007560 url("images/rahmen/unten.jpg") repeat-x 0 bottom;
	line-height: 18px;
	}

#warenkorb_login.zuletzt strong {
	width: 115px;
	float: left;
	color: white;
	font-size: 16px;
	vertical-align: middle;
	}
	
#warenkorb_login.zuletzt h2 {
	margin: 0;
	font-size: 15px;
	}
	
#warenkorb_login.zuletzt a {
	color: white;
	}
	
#warenkorb_login.zuletzt p {
	font-size: 11px;
	line-height: 10px;
	margin: 5px 0 0 0;
	}
	
#warenkorb_login fieldset {
	margin: 5px 0 0 0;
	}

	
#warenkorb_login .eingabefeld {
	color: #005949;
	background: #C3E5DF;
	border-top: 1px solid #005949;
	border-left: 1px solid #005949;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	}

#rechts {
	width: 249px;
	height: 200px;
	float: left;
	background: #C39A58 url("images/rahmen/rechts.jpg") repeat-x;
	color: #C39A58;
	border-right: 1px solid white;
	}
	
#rechts .menue {
	height: 50px;
	background: white;
	padding: 10px 0 0 20px;
	}
	
#rechts .menue a {
	width: 98px;
	float: left;
	display: block;
	font-size: 11px;
	line-height: 13px;
	background: url("images/utilities/quadrat_schwarz.gif") no-repeat 0 3px;
	padding-left: 12px;
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#rechts .menue a:hover {
	color: gray;
	}
	
.zuletzt ul {
	float: left;
	color: #EEE4D3;
	margin: 0px 0 0 0;
	padding: 0;
	line-height: 14px;
	}

.zuletzt ul a {
	color: white;
	}
	
/* ### ENDE KOPF ### */

/* ### START BAUCH ### */

.rahmen {
	float: left;
	position: relative;
	background: white url("images/rahmen/inhalt.jpg") repeat-y 1px 0;
	}

#navigation {
	width: 159px;
	float: left;
	padding: 0px 20px 200px 20px;
	background: #006651 url("images/rahmen/navigation.jpg") repeat-x;
	border-left: 1px solid white;
	line-height: 14px;
	}
	
#navigation fieldset {
	width: 132px;
	float: left;
	border: 1px solid #C39A58;
	margin: 20px 0 10px 0;
	padding: 0 5px 5px 5px;
	color: #C3E5DF;
	}

#navigation fieldset legend {
	padding: 0 3px 0 3px;
	}
	
#navigation fieldset .eingabefeld {
	width: 130px;
	margin: 0 0 5px 0;
	color: #8B7542;
	background: #E5D4B8;
	border-top: 1px solid #5A4202;
	border-left: 1px solid #5A4202;
	border-bottom: 1px solid #FFF0D9;
	border-right: 1px solid #FFF0D9;
	}

	
/* ### 1. EBENE ### */
	
#navigation ul {
	list-style: none;
	text-align: right;
	margin: 0;
	padding: 0;
	}

#navigation ul li {
	width: 145px;
	float: right;
	display: inline;
	background: url("images/utilities/quadrat_braun.gif") no-repeat right 3px;
	padding: 0 12px 0 0;
	margin: 3px 0 3px 0;
	}
	
#navigation ul li a {
	color: #CCE0DC;
	font-weight: bold;
	text-decoration: none;
	}
	
#navigation ul li strong a {
	color: white;
	}
	
#navigation ul li a:hover {
	color: white;
	}

/* ### 2. EBENE ### */

#navigation ul ul {
	float: right;
	display: inline;
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
	}

#navigation ul ul li {
	float: right;
	display: inline;
	padding: 0;
	margin: 1px 0 1px 0;
	background: none;
	}
	
#navigation ul ul li a {
	color: #CCE0DC;
	font-weight: normal;
	text-decoration: none;
	}
	
#navigation ul ul li a.aktiv {
	color: white;
	}
	
#navigation ul ul li a:hover {
	color: white;
	text-decoration: none;
	}
	
/* ### 3. EBENE ### */

#navigation ul ul ul {
	float: right;
	display: inline;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	text-align: right;
	}

#navigation ul ul ul li {
	width: 125px;
	float: right;
	display: inline;
	padding: 0 8px 0 0;
	margin: 1px 0 1px 0;
	line-height: 11px;
	background: url("images/utilities/quadrat_braun_klein.gif") no-repeat right 5px;
	}
	
#navigation ul ul ul li a {
	font-size: 12px;
	color: #CC9D52;
	font-weight: normal;
	text-decoration: none;
	}
	
#navigation ul ul ul li a:hover {
	color: #E5BA73;
	text-decoration: none;
	}
	
#freecall {
	width: 199px;
	height: 120px;
	float: left;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 100;
	background: #BB9352 url("images/rahmen/freecall.gif") repeat-y;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	}
	
#freecall div {
	width: 184px;
	height: 85px;
	padding: 35px 0 0 15px;
	float: left;
	position: relative;
	}
	
#freecall .sarg {
	position: absolute;
	top: -57px;
	left: 0;
	}
	
#inhalt {
	width: 700px;
	min-height: 450px;
	height: auto !important;
	float: right;
	position: relative;
	padding: 25px 30px 25px 25px;
	}
	
#inhalt fieldset {
	width: 305px;
	float: left;
	display: inline;
	border: 1px solid silver;
	padding: 5px 15px 10px 15px;
	margin: 0 0 10px 0;
	}
	
#inhalt fieldset.rechts {
	float: right;
	}
	
#inhalt fieldset.fehler {
	width: 668px;
	float: left;
	}
	
#inhalt table fieldset.fehler {
	width: 300px;
	margin: 10px 10px 10px 0;
	display: inline;
	}

#inhalt label {
	width: 100%;
	}

#inhalt select {
	width: 290px;
	display: inline;
	color: #404040;
	background: #E5E5E5;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	}

#inhalt textarea {
	width: 250px;
	display: inline;
	color: #404040;
	background: #E5E5E5;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	}

#inhalt .eingabefeld {
	width: 283px;
	float: left;
	display: inline;
	margin: 0 0 10px 0;
	color: #404040;
	background: #E5E5E5;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	}
	
#inhalt .preis {
	font-size: 16px;
	line-height: 20px;
	margin: 1px 5px 2px 0;
	color: black;
	}
	
#inhalt table .preis {
	font-size: 16px;
	}
	
#inhalt ul {
	list-style: none outside;
	margin: 0;
	}

#inhalt ul li {
	margin: 5px 0 5px 0;
	padding-left: 10px;
	background: url("images/utilities/quadrat_gruen.gif") no-repeat 0 4px;
	}
	
.ergaenzung {
	width: 4px;
	height: 359px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	background: url("images/rahmen/ergaenzung.jpg") no-repeat;
	}
	
#inhalt .button_braun {
	float: left;
	display: inline;
	margin: 2px 5px 0 0;
	white-space: nowrap;
	line-height: 11px;
	}

#inhalt .button_gruen {
	float: left;
	display: inline;
	margin: 5px 5px 0 0;
	white-space: nowrap;
	line-height: 11px;
	}
	
#inhalt p {
	color: #404040;
	margin: 5px 0 10px 0;
	}
	
#inhalt p.einleitung {
	font-weight: bold;
	}
	
#inhalt_breit p {
	color: #404040;
	margin: 0 0 10px 0;
	}

#fuss {
	width: 755px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	float: left;
	position: relative;
	padding: 8px 0 8px 200px;
	background: url("images/rahmen/fuss.gif") no-repeat;
	font-size: 12px;
	text-align: center;
	color: #737373;
	line-height: 14px;
	}
	
#fuss a {
	color: #505050;
	}
	
#banner {
	width: 744px;
	height: 28px;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	float: left;
	background: #015643;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding: 7px 0 0 204px;
	color: white;
	margin: 0;
}

#banner a {
	color: white; 
	text-decoration: none;
	margin-right: 15px;
}

#banner a:hover {
	color: #c3e5df; 
	text-decoration: none;
	margin-right: 15px;
}
	
/* ### ENDE BAUCH ### */

/*****************************
*	BAUSTEINE			 	 */
.box {
	width: 700px;
	padding: 20px 25px 20px 25px;
	float: left;
	display: inline;
	border-bottom: 1px solid #DEDEDE;
	line-height: 14px;
	}
	
.box img {
	float: right;
	display: inline;
	margin: 0 0 0 15px;
	}
	
.box strong {
	font-size: 14px;
	color: black;
	vertical-align: middle;
	}

.box .text {
	width: 250px;
	float: left;
	}
	
.box .text .button_braun {
	float: left;
	}

.box .preis {
	float: left;
	}

.box .titelbild {
	float: left;
	margin: 0 0 15px 0;
	}

.bausteinliste {
	position: relative;
	left: -25px;
	top: 0;
	}

 * html .bausteinliste { 
 	width: 700px;
 	overflow: hidden;
 }

	
.drittel {
	width: 750px;
	float: left;
	background: white url("../images/rahmen/drei_boxen.gif") repeat-y;
	border-bottom: 1px solid #DEDEDE;
	}

.drittel .box {
	width: 200px;
	float: left;
	display: inline;
	padding: 15px 25px 10px 25px;
	color: #404040;
	border: 0;
	}
	
.drittel .box img {
	float: none;
	margin: 0 0 5px 0;
	}

.drittel .box strong {
	font-size: 14px;
	color: black;
	vertical-align: middle;
	}
	
.inhalt {
	padding: 25px;
	float: left;
	}
	
/*****************************
*	KLASSEN				 	 */

/**** bild ****/
.bild_links {
	float: left;
	display: inline;
	margin: 0 15px 15px 0;
	}	

.bild_rechts {
	float: right;
	display: inline;
	margin: 0 0 15px 15px;
	}
	
/*** diverses ****/
.button_gruen {
	float: right;
	display: block;
	border-bottom: 1px solid #004E3F;
	border-right: 1px solid #004E3F;
	border-top: 1px solid #C3E5DF;
	border-left: 1px solid #C3E5DF;
	background: #298B78 url("images/utilities/button_gruen.gif") repeat-x;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 11px;
	color: white;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	}
	
.button_braun {
	float: right;
	display: block;
	border-top: 1px solid #CCAE5C;
	border-left: 1px solid #CCAE5C;
	border-right: 1px solid #423101;
	border-bottom: 1px solid #423101;
	background: #5A4202 url("images/utilities/button_braun.gif") repeat-x;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 11px;
	color: white;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	}
	
.clear {
	clear: both;
	}
	
/*****************************
*	SHOP				 	 */

.produktdetail {
	width: 100%;
	float: left;
	display: inline;
	line-height: 14px;
	}
	
.produktdetail h1, .produktdetail h2 {
	width: 325px;
	}
	
.produktdetail .zusatzbilder {
	width: 180px;
	float: right;
	}
	
.produktdetail .zusatzbilder img {
	display: inline;
	margin: 0 0 5px 5px;
	}

.produktdetail fieldset {
	width: 300px;
	}
	
.produktdetail fieldset img {
	margin: 0 0 5px 0;
	}
	
.warenkorb td {
	vertical-align: top;
	text-align: right;
	}
	
.lieferart {
	float: left;
	}
	
.lieferart td {
	vertical-align: top;
	}
	
.trenner {
	border-bottom: 1px solid #F2F2F2;
}