@charset "UTF-8";

A:LINK { text-decoration: none; color:#4c3e23; } 
A:ACTIVE { text-decoration: none; color:#4c3e23 } 
A:VISITED { text-decoration: none; color:#4c3e23 } 
A:HOVER { text-decoration: underline;}

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

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
html {
	height: 100%;
}

/* Schriften ---------------------------------------------------- */

h1 {
	font-size: 22px;
	padding-bottom: 20px;
	font-weight:700;
	font-family: 'Oxygen', sans-serif;
}
h2 {
	font-size: 17px;
	font-weight:400;
	font-family: 'Oxygen', sans-serif;
	color:#4c3e23;
}
h3 {
	font-size: 1em;
	padding-bottom: 10px;
}
h4 {
	font-size: 0.9em;
	padding-bottom: 10px;
}

p {
	font-size: 1em;
	padding-bottom: 5px;
}
ol,ul {
	font-size: 0.8em;
	padding-left: 1.2em;
	list-style-type: square;
	line-height: 1.6;
}



/* LAYOUT ---------------------------------------------------- */

#wrapper {
	width: 1060px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: hidden;
	background-image: url(../img/shadow-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
body {
	background-color: #d2caba;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	font-family: 'Oxygen', sans-serif;
	font-size:13px;
	line-height: 1.4;
}
body, th, td {
	font-family: 'Oxygen', sans-serif;
	font-size:13px;
	line-height: 1.4;
	color:#4c3e23;
}
#headwrapper {
	background-image: url(../img/shadow-left.png);
	background-repeat: no-repeat;
	height: 180px;
	width: 960px;
	background-position: left top;
	padding-left: 50px;
}
#header {
	background-color: #FFF;
	height: 180px;
	width: 960px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#logo {
	width: 300px;
	position: absolute;
	left: 135px;
	top: 53px;
	height: 90px;
}

/* NAVIGATION ---------------------------------------------------- */

#navigation {
	background-image: url(../img/nav.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 1010px;
	padding-left: 50px;
}
#navigation ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation a {
	display: block;
	float: left;
	padding-top: 9px;
	color: #d2caba;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	height: 38px;
	font-size: 20px;
	font-weight:700;
	font-family: 'Oxygen', sans-serif;
}
#navigation a:hover, #navigation a:focus  {
	color: #FFF;
}


/* INHALT ---------------------------------------------------- */

#content {
	background-image: url(../img/bg-content.png);
	background-repeat: repeat-y;
	width: 880px;
	padding-top: 10px;
	padding-left: 90px;
	padding-right: 90px;
	padding-bottom: 30px;
	overflow: hidden;
}

.tabelle { width:100%; border-collapse:separate; border-spacing:1px;    }

/* FUSSZEILE ---------------------------------------------------- */

#footer {
	background-image: url(../img/footer.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 1060px;
	padding-left: 90px;
	padding-top: 8px;
}
#footer address {
	color: #FFF;
	font-size: 12px;
}

/* SCHRIFTEN ----------------------------------------------------- */

/* Überschrift Kasse, Konto, Adresse ect */
.titelGreen {
	padding:3px;
	padding-left:5px;
	margin-bottom:10px;
	margin-top:10px;
	background-color:#e0e5d7;
	border-bottom:solid 1px;
	border-color:#97ae79;
	font-size:13px;
	height:18px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px; 
	border-radius:2px; 
}

.kontoboxtitel {
	margin-bottom:10px;
	margin-top:15px;
	border-bottom:solid 1px;
	border-color:#ded5c6;
	font-size:13px;
	height:18px;
}

.kontobox  {
	border:2px solid #FFF;
	padding:2px;
	padding-bottom:5px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px; 
	border-radius:2px; 
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4); 
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4); 
	box-shadow:0px 0px 4px rgba(0,0,0,0.4);
}


.confirm {
	color:green;
	margin-top:15px;
	padding:3px;
}

.error {
	color: red;
	margin-bottom:15px;
	padding:3px;
	background-color:#f3efe9;
}

.Preis {
	font-size: 1.4em;
	padding-bottom: 10px;
	font-weight:700;
	font-family: 'Rokkitt', serif;
}

.button{
	font-size:14px;
	font-weight:700;
	height:20px;
	border:solid 1px;
	padding-left:5px;
	padding-right:5px;
	border-color:#4c3e23;
	color:#4c3e23;
	cursor:pointer;
	background: url('../img/button.png') repeat-x top left;
}

.button:hover{
	font-size:14px;
	font-weight:700;
	height:20px;
	border:solid 1px;
	padding-left:5px;
	padding-right:5px;
	border-color:#4c3e23;
	color:#4c3e23;
	cursor:pointer;
	background: url('../img/button_hover.png') repeat-x top left;
}
/* INFOBOX */
.infobox2 {
	background-color:#f3efe9;
	border:solid 1px;
	border-color:#ded5c6;
	border-bottom-color:#4c3e23;
	padding-bottom:5px;
}
.infoboxTitel {
	border-bottom:solid 1px;
	border-bottom-color:#ded5c6;
	margin:5px;
}
.infoboxText {
	font-size:12px; 
	padding: 5px;
}
.infoboxBasket {
	font-size:12px; 
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.infobox P:HOVER { 
	text-decoration: none;
	background-color:#ded5c6;
 }
.infobox A:HOVER { 
	text-decoration: underline;
 }


/*  
.subnavi2 {
	background-color:#e0e5d7;
	border:solid 1px;
	border-color:#ded5c6;
	border-bottom-color:#97ae79;
	margin-top:5px;
	padding-left:5px;
	padding-bottom:0px;
	font-size: 1.4em;
	font-weight:500;
	font-family: 'Ovo', serif;
	color:#4c3e23;
}*/


/*.Bild {
padding:10px;
width:280px;
border:solid 2px;
border-color:#e0e5d7;
}*/


.bild {border:5px solid #FFF; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4); box-shadow:0px 0px 4px rgba(0,0,0,0.4);}

.preisbox  {border:2px solid #FFF; background-color:#e0e5d7; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4); box-shadow:0px 0px 4px rgba(0,0,0,0.4);}

.infobox  {
	border:2px solid #FFF;
	background-color:#f3efe9;
	padding:2px;
	padding-bottom:5px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px; 
	border-radius:2px; 
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4); 
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4); 
	box-shadow:0px 0px 4px rgba(0,0,0,0.4);
}

.subnavi  {
	font-size: 18px;
	font-weight:400;
	font-family: 'Oxygen', sans-serif;
	color:#4c3e23;
	margin-bottom:5px;
	padding:2px;
	padding-left:5px;
	border:2px solid #FFF;
	background-color:#e0e5d7;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	border-radius:2px; 
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4); 
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4); 
	box-shadow:0px 0px 4px rgba(0,0,0,0.4);
}

.subnavi:hover{
	background-color:#97ae79;
	color:#FFFFFF;
}


.Beschreibung {
margin-left:320px;
width:360px;
padding-bottom:10px;
}

/*
.Preisebox {
padding:5px;
padding-top:5px;
background-color:#e0e5d7;
border-bottom:solid 1px;
border-color:#97ae79;
font-family:Verdana, Arial;
font-size:13px;
}*/

.clear {
clear:both;
padding:5px;
}


.productList {
	padding-top:5px;
}

.productListLi1 {
	font-size: 0.9em;
	font-weight:bold;
	list-style-type: none;
	padding:2px; 
	padding-left:5px;
}

.productListLi2 {
	font-size: 0.9em;
	font-weight:bold;
	list-style-type: none;
	padding:2px; 
	padding-left:5px;
	background-color:#f3efe9;
}

.input {
	background-color:#ffffff;
	border:solid 1px;
	border-color:silver;
	font-size:14px;
	padding:2px;
	border-radius: 1px;
}