/* html tags */
body { margin:0; padding:0; background:url(../../img/bodyBg.jpg) bottom left no-repeat #e0e4c9; font:normal small Georgia,"Times New Roman",serif; color:#030; }

a:link, a:visited { text-decoration:underline; color:#030; }
a:hover, a:active { background:#dde6bb; }
form { margin:0; padding:0; }
input, textarea { background-color:#F3F6E8; font:normal small Georgia,"Times New Roman",serif; color:#030; border-style:solid; border-width:1px; border-color:#b8c985 #fff #fff #b8c985; padding:4px; }
input.radio { width:auto!important; padding-left:0; border:0px; }
img { border:0px; }
hr { height:5px; background:url(../../img/line.png) center left no-repeat; border-style:solid; border-color:transparent; border-width:2px; color:#B4C97D; }
/* html tags (end) */


/* basic elements */
#wrapper { width:960px; position:relative; margin:0 auto; background:url(../../img/contentBg.jpg) 0px 230px no-repeat #dee9c3; }
#wrapperContent { background:url(../../img/footerBlatt.png) bottom left no-repeat; }
#header { width:960px; height:230px; position:relative; background:url(../../img/headerBg.jpg) top left no-repeat #dee9c3; z-index:2; }
#navi { position:absolute; top:130px; left:410px; margin:0; padding:0; width:460px; height:40px; }
#content { float:left; width:800px; height:auto; min-height:430px; margin:0; padding:5px 80px 120px 80px; z-index:10; }
#footer { clear:left; width:800px; padding:0px 80px 10px 80px; color:#6C8C5F; text-align:right; } /* 'clear' sorgt hier fuer korrekte Darstellung der HG-Bilder von #wrapper und #content */
/* basic elements (end) */


/* content elements */
#header h1 { position:absolute; top:0px; left:-3000px; margin:0; padding:0; font-size:1px; text-decoration:none; }
#header #logo a { position:absolute; top:44px; left:80px; background:none; }
#header .button { position:absolute; top:200px; right:86px; }

#navi ul { margin:0; padding:0; list-style-type:none; }
#navi li { float:left; padding:0; }
#navi li a { display:block; height:40px; text-indent:-3000px; text-decoration:none; }
#navi li a.ueberUns:link, #navi li a.ueberUns:visited { background:url(../../img/naviUberUns1.gif) 0px 0px no-repeat; width:110px; }
#navi li a.ueberUns:hover, #navi li a.ueberUns:active { background:url(../../img/naviUberUns2.gif) 0px 0px no-repeat; }
#navi li a.produkte:link, #navi li a.produkte:visited { background:url(../../img/naviProdukte1.gif) 0px 0px no-repeat; width:110px; }
#navi li a.produkte:hover, #navi li a.produkte:active { background:url(../../img/naviProdukte2.gif) 0px 0px no-repeat; }
#navi li a.links:link, #navi li a.links:visited { background:url(../../img/naviLinks1.gif) 0px 0px no-repeat; width:100px; }
#navi li a.links:hover, #navi li a.links:active { background:url(../../img/naviLinks2.gif) 0px 0px no-repeat; }
#navi li a.kontakt:link, #navi li a.kontakt:visited { background:url(../../img/naviKontakt1.gif) 0px 0px no-repeat; width:120px; }
#navi li a.kontakt:hover, #navi li a.kontakt:active { background:url(../../img/naviKontakt2.gif) 0px 0px no-repeat; }

#content h2 { position:absolute; top:0px; left:-3000px; margin:0; padding:0; font-size:1px; text-decoration:none; }
#content p { padding:0 0 10px 0; line-height:1.5em; }
#content p img { padding:4px; border:1px solid #c9d4aa; }
#content ol { padding-left:20px; }
#content ol li { line-height:1.5em; padding-bottom:1.5em; }
#content ul { margin:0; padding:0; }
#content ul li { list-style-type:none; background:url(../../img/arrow.gif) no-repeat 0px 6px; padding-left:12px; line-height:1.5em;}

#footer a { color:#6C8C5F; }
/* content elements (end) */


/* buttons */
button { width:210px; height:35px; background:url(../../img/btn.png) no-repeat; font:bold small Georgia,"Times New Roman",serif; cursor:pointer; padding:0 0 2px 0; border:0px; }
a.button:link, a.button:visited, a.button:hover, a.button:active { display:block; width:210px; height:25px; padding:10px 0 0 0; background:url(../../img/btn.png) no-repeat; border:0px!important; text-align:center; text-decoration:none; font:bold small Georgia,"Times New Roman",serif; }
button.buttonOrange { background:url(../../img/btnOrange.png) no-repeat; }
a.buttonSmall:link, a.buttonSmall:visited, a.buttonSmall:hover, a.buttonSmall:active { display:block; width:130px; height:25px; padding:10px 0 0 0; background:url(../../img/btnSmall.png) no-repeat; border:0px!important; text-align:center; text-decoration:none; font:bold small Georgia,"Times New Roman",serif; }
/* buttons (end) */


/* products */
.productdetails .description { padding:0 0 0 280px; } 
.productdetails .description h1 { font-size:large; margin:0 0 16px 0; }
.productdetails .description h3 { font-size:small; padding:0; margin:0; } 
.productdetails .description p { margin:8px 0; padding:0 0 10px 0; line-height:1.5em; }
.productdetails .description ul { margin:8px 0!important; padding:0 0 10px 0; }
.productdetails .picture { float:left; width:260px; height:auto; min-height:370px; } 
.productdetails .picture .price { font-size:x-large; font-weight:bold; color:#EE6411; }
.productdetails input { width:20px; text-align:right; }
/* products (end) */


/* basket */
#basketSmall { position:absolute; top:0px; right:0px; width:185px; height:111px; background:url(../../img/basketSmall.jpg) 0px 0px no-repeat; padding:5px 0 0 46px; }
#basketSmall a { text-decoration:none; color:#030; }
#basketSmall a:hover { text-decoration:underline; background:none; } 
#basketSmall h3 { visibility:hidden; }

.basketContent { width:530px; }
.basketContent table { width:100%; height:210px; border-collapse:collapse; background-color:#F2F6E7; }
.basketContent th { background-color:#EDF2DF; padding:5px 0; border-bottom:2px solid #D8E3BA;}
.basketContent td {  vertical-align:center; padding:2px; background-color:#EDF2DF; }
.basketContent input { float:left; width:20px; text-align:right; }
.basketContent button { width:auto; height:auto; background:none; padding:0; margin:0; border:0px; }
.basketContent .completeBottom td { background-color:#F2F6E7; }
.spartipps { float:right; width:220px; height:120px; background:url(../../img/spartipp.png) 10px 10px no-repeat #EBE1C2; padding:80px 10px 10px 10px; line-height:1.4em; }
/* basket (end) */


/* order */
.order { position:relative; width:505px; padding-left:25px; }
.order #choosePaymentMethod { position:absolute; left:0px; border:0px; background:none; }
.order .row input { width:270px; position:absolute; top:4px; left:220px; }
.order .amount { float:right; width:140px; height:65px; text-align:right; color:#EE6411; }
/* order */


/* form */
form .row { width:530px; height:24px; position:relative; padding:0 0 10px 0; }
form .row label { position:absolute; top:10px; left:50px; font-weight:bold; }
form .row input { width:300px; position:absolute; top:4px; left:220px; }
form .row input.vorname { width:110px; }
form .row input.nachname { width:170px; left:350px; }
form .row input.strasse { width:230px; }
form .row input.nr { width:50px; left:470px; }
form .row input.plz { width:50px; }
form .row input.ort { width:230px; left:290px; }
form .row select { position:relative; top:6px; left:220px; background-color:#F3F6E8; font:normal small Georgia,"Times New Roman",serif; color:#030; border-style:solid; border-width:1px; border-color:#b8c985 #fff #fff #b8c985; }
form .row input.singleCheckbox { top:9px; left:215px; border:0px; background:none; width:20px; padding:0;}
form .row .singleCheckboxText { width:260px; position:absolute; top:12px; left:240px; }
form .row textarea { width:300px; height:136px; position:absolute; top:10px; left:220px; }
form .textareaHoehe { height:146px; }
form .row button, form .row a.button { position:absolute; top:10px; left:220px; }
/* form (end) */


/* warning */
#warnung { padding:10px; margin:0 0 20px 0; background-color:#EBE1C2; color:#EE6411; font-weight:bold; }
#warnung ul { padding:0; margin:0; }
#warnung ul li { list-style-type:none; background:url(../../img/liWarning.gif) no-repeat 4px 4px; padding-left:18px; margin:4px 0; }
/* warning (end) */


/* general classes */
.height1pro { height:1%!important; }
div > .height1pro { height:auto!important; }
.spacer { height:10px; font-size:1px!important; }
.pad { padding:10px; }
.padTop { padding-top:10px; }
.marginLeft { margin-left:10px; }
.floatLeft { float:left!important; }
.floatRight { float:right!important; }
.Fk { clear:both; height:0px!important; line-height:0px!important; font-size:0px!important; padding:0px!important; }
.border { padding:4px; border:1px solid #c9d4aa; }
a .imgopacity { filter:alpha(opacity=40); -moz-opacity: 0.6; opacity: 0.6; -khtml-opacity: 0.6; }
a:hover .imgopacity { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1;}
.Bg1 { background-color:#EDF2DF; } 
.Bg2 { background-color:#F2F6E7; }
.Bg3 { background-color:#EBE1C2; }
a.noBg:hover, a.noBg:active { background:none; }
.bold { font-weight:bold; }
.orange { color:#EE6411; }
.additional { font:normal x-small Arial,Verdana,Helvetica,sans-serif; }
.large { font-size:large; }
.center { text-align:center; }
/* general classes (end) */