/* html tags */
body { margin:0; padding:0; background:url(../../img/bodyBg.jpg) left bottom repeat-x #DCE5D5; background-attachment:fixed; font:normal small Verdana,Helvetica,Arial,sans-serif; color:#3D5642; }
hr { height:1px; background:#A6C288; border:none; color:#A6C288; }
a:link, a:visited { text-decoration:underline; color:#523338; }
a:hover, a:active { background:#D1DFCF; }
input { color:#3D5642; }
/* html tags (end) */


/* basic elements */
#wrapper { width:978px; position:relative; margin:0 auto; padding:0 12px; background:url(../../img/wrapperBg.png) repeat-y; }
#wrapperContent { background:url(../../img/contentBg.jpg) repeat-x #fff; }
#header { width:978px; height:172px; position:relative; background:url(../../img/headerBg.jpg) no-repeat; border-bottom:1px solid #FFF; z-index:2; }
#navi { float:left; width:208px; margin:0 0 0 10px; padding:40px 0 0 10px; background:url(../../img/naviBg.jpg) repeat-x #ECF4F0; border-right:1px solid #DDE6D5; border-left:1px solid #DDE6D5; }
#wrapperContent > #navi { margin:0 0 0 20px; }
#sidebar { float:left; width:200px; padding:110px 0 0 0; }
#content { float:left; width:485px; height:auto; min-height:550px; margin:0; padding:20px 15px 30px 20px; }
#footer { clear:left; width:465px; padding:30px 233px 10px 280px; background:url(../../img/footerBg.png) repeat-y; font-size:x-small; color:#5F8464; } /* '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 a#linkHome { display:block; width:620px; height:170px; background:none; text-decoration:none; text-indent:-3000px; }
#header form { width:200px; position:absolute; top:130px; left:762px; }
#header input { width:156px; height:18px; background:none; border:none;  }
#header form div > input { position:relative; top:2px; left:0px; }
#header button { width:32px; height:27px; position:relative; top:4px; left:5px; background:url(../../img/btnSearch.png) no-repeat; border:none; text-indent:-3000px; cursor:pointer; }
#header form > button { left:5px; }

#navi h3, #sidebar h3 { margin:0; padding:14px 0 7px 0; font-size:small; color:#523338; }
#navi ul { margin:0 10px 0 0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px solid #D4DFCB; }
#sidebar ul { margin:0 0 20px 0; padding:0; list-style-type:none; }
#navi li { padding:5px 0 5px 15px; background:url(../../img/li.png) 0px 9px no-repeat; }
#sidebar li { padding:5px 0; border-bottom:1px solid #D4DFCB; }
#navi a:link, #navi a:visited, #sidebar a:link, #sidebar a:visited { text-decoration:none; }
#navi a:hover, #navi a:active, #sidebar a:hover, #sidebar a:active { text-decoration:underline; background:none; }
#sidebar #products { position:relative; }
#sidebar #products img { position:absolute; top:-7px; right:0px;}

#content h2 { height:50px; margin:10px 0 25px 0; padding:20px 0 0 20px; background:url(../../img/h1Bg.png) no-repeat; font:normal 32px Georgia,"Times New Roman",serif; color:#4B6753; }
#content p { padding:0 0 0 20px; line-height:1.4em; }
#content p img { border:1px solid #BFCFB1; display:block; }
#content p a img, #content p a:link img, #content p a:visited img, #content p a:hover img, #content p a:active img { border:none!important; background:none!important; }
#content ul { margin:0; padding:0 0 0 20px; list-style-type:none; }
#content ul li {  padding:3px 0 3px 15px; background:url(../../img/li.png) 0px 7px no-repeat; }
#content table {  margin:0 0 0 20px; }
/* content elements (end) */


/* general classes */
.height1pro { height:1%!important; }
div > .height1pro { height:auto!important; }
/* general classes (end) */

/*
.on {}
*/