@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	font:95% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:img {
	border:0 none;
}

h1, h2, h3 {
	padding:5px 0;
}

h1, h2{
	color:#3c5017;
/*	background:url(/bilder/h1_bg.jpg) no-repeat;
	background-position:bottom;
	margin-bottom:5px;
*/}

h1{
	font-size:1.4em;
}

h2{
	position:relative;
	width:430px;
}

h2, h3{
	font-size:1em;
}

h4{
/*	color:#3c5017;
	font-size:0.9em;
	font-weight:normal;
*/
	color:#464545;
	font-size:1.2em;
	font-weight:bold;
	background-color:#F1F8E8;
	padding:2px 0 5px 5px;
}

h5{
	color:#3c5017;
	font-size:0.8em;
	font-weight:normal;
	padding:5px 5px 0 5px;
	background-color:#F1F8E8;
}


textarea{
	font:95% Verdana, Arial, Helvetica, sans-serif;
}

input, textarea, select{
	margin:2px;
	padding:2px;
	border:1px solid #676767;
}

p{
	padding-bottom:10px;
}

ul{
	list-style-type:square;
}

h3{
	background:#DA493D;
/*	height:15px;
	line-height:15px;
*/	vertical-align:middle;
	margin: 5px 0 10px 0;
	padding:3px;
	color:#FFFFFF;
}

#content ul, #content ol{
	margin:0px 10px 0px 20px;
	font-size:120%;
}

a.rot:link, a.rot:visited, a.rot:active {
	color:#DA493D;
}
a.rot:hover {
	text-decoration:underline;
}


td{
	font-size:1em;
}
p, a, li, th, label, input, textarea, select{
	font-size:0.8em;
}

div p, li p, li a, p a, p td, td a, td p, td h2, td h3, td h4, td h5, td input, p input, td textarea, p textarea, div td textarea, h2 a{
	font-size:100%;
}

/* Bereiche */

#container {
	position:relative;
	width:998px;
	margin:0 auto;
	text-align:left;
	background:#FFF url(/bilder/body_bg.gif) 0 0 repeat-y;
}

#pathway{
	font-size:75%;
	color: #fff;
	background:#029834;
	height:20px;
	line-height:20px;
	vertical-align:middle;
/*	padding-left:224px;
*/	padding-left:20px;
	border-top:1px solid #676767;
}

#pathway a{
	color:#FFFFFF;
}

#content {
	width:550px;
	float:left;
	color:#000;
	background:transparent;
	padding:0 20px 20px 20px;
	font-size:80%;
	border-top: 1px solid #676767;
}

* html #content{
	padding-right:17px;
}

#zork{
	text-align:center;
	margin-bottom:15px;
}

#logo_wittmer{
	display:none;
}

#ueberschrift{
	width:490px;
}

#right{
	float:left;
	width:204px;
	border-top: 1px solid #676767;
	color:#5c5c5c;
	font-size:0.8em;
}

#left{
	float:left;
	width:204px;
	color:#5c5c5c;
}

#footer{
	width:998px;
	color:#5c5c5c;
	font-size:80%;
	text-align:center;
	border-top:1px solid #676767;
	margin:0 auto;
	padding: 0;
	clear:both;
	background:#fff;
}

#footer a{
	color:#92c13d;
}


#right h1, #right h2, #right h3{
	width:auto;
}

#right .abschnitt{
	border-top:1px solid white;
	padding:5px;
	margin-right:1px;
}

#right a.mitrand{
	display:block;
	text-align:center;
	border:1px solid #676767;
	color:#5c5c5c;
	background:#d0ecc4;
	text-decoration:none;
	margin:5px;
	padding:5px;
}

#right a.mitrand:hover{
	display:block;
	text-align:center;
	border:1px solid #000;
	color:#fff;
	background:#029834;
}


/* Linke Hauptnavigation */

#left .nav {
	border-left: 5px solid #029834;
	margin:0 0 20px 1px;
	border-bottom: 1px solid #676767;
}

#left li {
	display:inline;
}

#left .nav a {
	display:block;
	width:223px; /* für IE < 6 */
	wid\th:183px; /* alle neuen Browser nehmen diesen Wert */
	text-decoration:none;
	font-weight:bold;
	padding:3px 0 3px 15px;
	border-top: 1px solid #676767;
	color:#5c5c5c;
}

#left .nav a:link, #left .nav a:visited {
	background:transparent;
}

#left .nav a:hover, #left .nav a:active, #left .nav a:focus, #left .nav a.akt2, #left .nav a.akt3, #left .nav a.akt4  {
	color:#fff !important;
	background:#029834 !important;
}

#left .nav a.sub3, #left .nav a.sub3:visited{
	font-size:88%;
	font-weight:bold;
	padding-left:25px;
	wid\th:173px; /* alle neuen Browser nehmen diesen Wert */
	color:#5c5c5c;
	background:#d0ecc4;
	border:none;
}
#left .nav a.sub4, #left .nav a.sub4:visited{d0ecc4
	font-size:80%;
	font-weight:normal;
	padding-left:40px;
	wid\th:158px; /* alle neuen Browser nehmen diesen Wert */
	color:#5c5c5c;
	background:#;
	border:none;
}


/* Content */


#content p, #content td, #content li{
	line-height:1.4em;
}

.schriftgroesse{
	text-align:center;
	margin-top:10px;
}

.schriftgroesse a{
	border:1px solid #676767;
	color:#5c5c5c;
	background:#d0ecc4;
	text-decoration:none;
	margin:2px;
	padding:0px 3px;
}
.schriftgroesse a:hover{
	text-align:center;
	border:1px solid #000;
	color:#fff;
	background:#029834;
}

.print_icon{
	float:right;
}

.clr{
	clear:both;
}

table.artikel_uebersicht{
	width:550px;
}

table.artikel_uebersicht td{
	width:110px;
	padding:10px;
	margin:10px;
	text-align:center;
}



table.produkte_details{
	border-collapse:collapse;
	border-top:1px solid black;
	border-left:1px solid black;
	margin:20px 0;
}

table.produkte_details td{
	padding: 2px 8px;
	border-bottom:1px solid black;
	border-right:1px solid black;
	margin:0;
}

table.warenkorb{
	border-collapse:collapse;
	margin:10px 0;
}

table.warenkorb .gesamt{
	background-color:#d0ecc4;
}
a.warenkorb{
	font-size:0.8em;
	display:block;
	text-align:center;
	width:62px;
	border:1px solid #676767;
	color:#5c5c5c;
	background:#d0ecc4;
	text-decoration:none;
	margin:5px 0 0 5px ;
	padding:0px 3px;
}

input.warenkorb{
	text-align:center;
	border:1px solid #676767;
	color:#5c5c5c;
	background:#d0ecc4;
	margin:5px 0 0 5px;
	padding:0px 3px;
	cursor:pointer;
}

input.warenkorb:hover{
	text-align:center;
	border:1px solid #000;
	color:#fff;
	background:#029834;
}


input.anzahl{
	display:block;
	text-align:center;
	width:30px;
	border:1px solid #676767;
	color:#5c5c5c;
	background:#d0ecc4;
	margin:5px 0 0 5px ;
	padding:0px 3px;
}

.pflicht{
	background-color:#D0ECC4;
}

.input_fehler{
	color:#FFFFFF;
	background-color:#FF0000 !important;
}

.meldung{
	background:#BFE0B1;
	border:1px solid #333333;
	font-weight:bold;
	text-align:center;
	padding:10px;
	margin:10px 0;
}

.fehler{
	background:#FF0000 !important;
	color:#FFFFFF;
}


a.details_link:link, a.details_link:visited{
	font-size:80%;
	color:#3c5017;
	font-weight:bold;
	text-decoration:none;
	border: 1px solid #3c5017;
/*	background-color: #ADD16E;
*/	padding:0 2px;
	position:absolute;
	margin-left:460px
}

a.details_link:hover{
	color:#fff;
	border: 1px solid #3c5017;
	background-color: #029834;
}

.merker{
	position:absolute;
	margin-left:360px
}

.klein{
	font-size:0.8em;
}

.kursiv{
	font-style:italic;
}

.oben{
	vertical-align:top;
}

.mitte{
	text-align:center;
}

.rechts{
	text-align:right;
}

.links{
	text-align:left !important;
}

.linie_oben{
	border-top:1px solid black;
}

.kein_rand{
	border:none;
}

.farbe_preis_anzeigen{
	width:120px;
}

.farbe_preis_nicht_anzeigen{
	width:180px;
}

.artnr{
	padding-top:7px;
	width:70px;
}

.preis{
	font-weight:bold;
	padding-top:7px;
}

.anzahl{
	padding-top:4px;
}

.anzahl input{
	text-align:right;
}

.seitennavi{
	font-size:0.8em;
	width:556px;
	background:#bfe0b1;
}

.durchgestrichen{
	text-decoration:line-through;
}

.rot{
	color:#FF0000 !important;
}

.fett{
	font-weight:bold !important;
}

.farbe1{
	background-color:#FFFFFF;
}

.farbe2{
	background-color:#D0ECC4;
}

* html .seitennavi{
	width:536px;
}

.seitennavi td{
	padding: 2px 10px;
}

.besonderheit{
	font-weight:bold;
	border:1px solid #000;
	color:#fff;
	background:#029834;
	text-decoration:none;
	margin:2px;
	padding:0px 3px;
}

.zork_rot{
	color:#922b2d;
	font-weight:bold;
}

.zork_table{
	width:99%;
}

.zork_table td{
	text-align:center;
	vertical-align:top;
	width:33%;
	padding:10px 3px;
}

.zork_table td img{
	border:1px solid #003300 !important;
}

/* Hoverbox */

.hoverbox{
	cursor:default;
	list-style: none;
}

.hoverbox a{
	cursor:pointer;
}

.hoverbox a .preview{
	display: none;
	background: #fff;
/*	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
*/}

.hoverbox a:hover .preview{
	display: block;
	position: relative;
	top: 10px;
	left: 30px;
	z-index: 1;
	margin-bottom:20px;
}
.hoverbox a:hover .small{
	display: none;
}

.hoverbox img{
/*	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
*/	color: inherit;
	padding: 2px;
	vertical-align: top;
/*	width: 100px;
	height: 75px;
*/}

.hoverbox li{
	width:550px;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px 3px 3px -20px;
	padding: 2px;
	position: relative;
}

* html .hoverbox li{
	width: 530px;
}

.hoverbox .preview{
	border-color: #000;
	/*width: 200px;
	height: 150px;*/
}

/* Sitemap */

#sitemap li {
	list-style:none;
}

#sitemap a:link, #sitemap a:visited {
	color:#3c5017;
	font-weight:bold;
}

#sitemap a.sub3, #sitemap a.sub3:visited{
	font-size:95%;
	padding-left:25px;
	color:#3c5017;
	font-weight:normal;
}
#sitemap a.sub4, #sitemap a.sub4:visited{
	font-size:85%;
	padding-left:40px;
	color:#3c5017;
	font-weight:normal;
	font-style:italic;
}