/*********************************************
************** Text Formats ******************
*********************************************/
a:link {color:black; text-decoration: none; font-family: verdana, Helvetica, sans-serif;}
a:visited {color:blue; text-decoration: none; font-family: verdana, Helvetica, sans-serif;}
a:hover {color:black; text-decoration: underline; font-family: verdana, Helvetica, sans-serif;}
a:active {color:blue; text-decoration: none; font-family: verdana, Helvetica, sans-serif;}

.topmenufont{
position: absolute;
top: 5px; left: 20px; margin: 0px;
font-family: verdana, Helvetica, sans-serif;
font-size: 8pt;
letter-spacing: 0px;
font-weight: bold;
color: black;
z-index:1;
}
.leftmenuhead{
position: relative;
top: 3px; left: 20px; margin: 0px;
font-family: verdana, Helvetica, sans-serif;
font-size: 9pt;
letter-spacing: 0px;
font-weight: bold;
color: black;
z-index:1;
}
.leftmenufont{
position: relative;
top: 0px; left: 10px; width: 140px; margin: 1px;
font-family: verdana, Helvetica, sans-serif;
font-size: 8pt;
letter-spacing: 0px;
color: black;
z-index:1;
}
.rightboxfont{
position: relative;
top: 0px; left: 10px; width: 100px; margin: 1px;
font-family: verdana, Helvetica, sans-serif;
font-size: 8pt;
letter-spacing: 0px;
color: black;
z-index:1;
}
.footfont{
position: absolute;
bottom: -25px; right: 9px;
font-family: verdana, Helvetica, sans-serif;
font-size: 8pt;
letter-spacing: 0px;
color: black;
z-index:1;
}
.bottomfont{
position: absolute;
bottom: -25px; left: 10px;
font-family: verdana, Helvetica, sans-serif;
font-size: 8pt;
letter-spacing: 0px;
color: black;
z-index:1;
}
/*********************************************
************** General Layout ****************
*********************************************/
#root{
position: absolute;
top: 5px; left: 50%;
margin-left: -495px;
width: 980px;
padding: 9px 10px 3px 3px;
background-color: white;
z-index: 1;
}
#topdeco{
position: relative;
top: 0px; left: 0px;
width: 100%; height: 90px;
background-image:url(images/topdeco.jpg);
background-repeat: repeat-x;
z-index: 2;
}
#topmenubox{
position: absolute;
top: 67px; right: 10px;
width: 600px; height: 23px;
z-index: 3;
}
#rightbox{
position: relative;
top: 0px; left: 6px;
width: 130px;
z-index: 2;
}
#leftmenubox{
position: relative;
top: 0px; left: 0px;
width: 178px;
border: 1px solid black;
z-index: 2;
}
#newitembox{
position: relative;
top: 0px; left: 0px;
width: 178px;
border: 1px solid black;
z-index: 2;
}
#kontaktbox{
position: relative;
top: 0px; left: 0px;
width: 178px;
border: 1px solid black;
z-index: 2;
}
#contentbox{
position: relative;
top: 0px; left: 3px;
width: 650px;
z-index: 2;
}
#angebotbox{
position: relative;
top: 0px; left: 0px;
width: 128px;
border: 1px solid black;
z-index: 2;
}
#spacer{
position: relative;
top: 0px; height:5px;
}

/*********************************************
************** Root **************************
*********************************************/
#topleftcorner{
position: absolute;
top: 0px; left: 0px;
width: 8px; height: 8px;
background-image:url(images/topleftcorner.jpg);
background-repeat: no-repeat;
z-index: 3;
}
#toprightcorner{
position: absolute;
top: 0px; right: 0px;
width: 8px; height: 8px;
background-image:url(images/toprightcorner.jpg);
background-repeat: no-repeat;
z-index: 3;
}
#bottomleftcorner{
position: absolute;
bottom: 0px; left: 0px;
width: 1px; height: 1px;
background-image:url(images/bottomleftcorner.jpg);
background-repeat: no-repeat;
z-index: 3;
}
#bottomrightcorner{
position: absolute;
bottom: 0px; right: 0px;
width: 8px; height: 8px;
background-image:url(images/bottomrightcorner.jpg);
background-repeat: no-repeat;
z-index: 3;
}
#topedge{
position: absolute;
top: 0px; left: 0px;
width: 100%; height: 8px;
background-image:url(images/topedge.jpg);
background-repeat: repeat-x;
z-index: 2;
}
#leftedge{
position: absolute;
top: 0px; left: 0px;
width: 1px; height: 100%;
background-image:url(images/leftedge.jpg);
background-repeat: repeat-y;
z-index: 2;
}
#rightedge{
position: absolute;
top: 0px; right: 0px;
width: 8px; height: 100%;
background-image:url(images/rightedge.jpg);
background-repeat: repeat-y;
z-index: 2;
}
#bottomedge{
position: absolute;
bottom: 0px; left: 0px;
width: 100%; height: 1px;
background-image:url(images/bottomedge.jpg);
background-repeat: repeat-x;
z-index: 2;
}
/*********************************************
************** Main Box **********************
*********************************************/
#boxtopleftcorner{
position: absolute;
top: 0px; left: 0px;
width: 9px; height: 9px;
background-image:url(images/boxtopleftcorner.jpg);
background-repeat: no-repeat;
z-index: 3;
}
#boxtoprightcorner{
position: absolute;
top: 0px; right: 0px;
width: 9px; height: 9px;
background-image:url(images/boxtoprightcorner.jpg);
background-repeat: no-repeat;
z-index: 3;
}
#boxbottomleftcorner{
position: absolute;
bottom: 0px; left: 0px;
width: 9px; height: 9px;
margin: 0px;
background-image:url(images/boxbottomleftcorner.jpg);
background-repeat: no-repeat;
z-index: 3;
}
#boxbottomrightcorner{
position: absolute;
bottom: 0px; right: 0px;
width: 9px; height: 9px;
margin: 0px;
background-image:url(images/boxbottomrightcorner.jpg);
background-repeat: no-repeat;
z-index: 3;
}
#boxtopedge{
position: absolute;
top: 0px; left: 0px;
width: 100%; height: 9px;
background-image:url(images/boxtopedge.jpg);
background-repeat: repeat-x;
z-index: 2;
}
#boxleftedge{
position: absolute;
top: 0px; left: 0px;
width: 9px; height: 100%;
background-image:url(images/boxleftedge.jpg);
background-repeat: repeat-y;
z-index: 2;
}
#boxrightedge{
position: absolute;
top: 0px; right: 0px;
width: 9px; height: 100%;
background-image:url(images/boxrightedge.jpg);
background-repeat: repeat-y;
z-index: 2;
}
#boxbottomedge{
position: absolute;
bottom: 0px; left: 0px;
width: 100%; height: 9px;
margin: 0px;
background-image:url(images/boxbottomedge.jpg);
background-repeat: repeat-x;
z-index: 2;
}
/*********************************************
************** Top Deco **********************
*********************************************/
#logo{
position: absolute;
top: 9px; right: 10px;
width: 520px;
height: 50px;
background-image:url(images/logo.jpg);
background-repeat: no-repeat;
z-index: 5;
}
#topdecopic{
position: absolute;
top: 9px; left: 3px;
width: 402px;
height: 60px;
background-image:url(images/topdecopic.jpg);
background-repeat: no-repeat;
z-index: 2;
}
#slogan{
position: absolute;
top: 69px; left: 10px;
width: 350px;
height: 18px;
background-image:url(images/slogan.jpg);
background-repeat: no-repeat;
z-index: 5;
}
/*********************************************
************** Top Menu Box ******************
*********************************************/
#topmenufield{
position: absolute;
top: 0px;
width: 120px;
height: 23px;
background-image:url(images/topmenu.jpg);
background-repeat: no-repeat;
z-index: 1;
}
#topmenufield:hover{
background-image:url(images/topmenuhover.jpg);
background-repeat: no-repeat;
}
#topmenufield:active{
background-image:url(images/topmenuactiv.jpg);
background-repeat: no-repeat;
}
#activtopmenufield{
position: absolute;
top: 0px;
width: 120px;
height: 23px;
background-image:url(images/topmenuactiv.jpg);
background-repeat: no-repeat;
z-index: 1;
}
/*********************************************
************** Left Menu Box *****************
*********************************************/
#leftmenuhead{
position: relative;
top: 0px; left: 0px;
margin: 0px;
width: 180px; height: 20px;
background-image:url(images/leftmenuhead.jpg);
background-repeat: no-repeat;
z-index: 2;
}
#leftmenufield{
position: relative;
top: 0px;
margin: 0px;
width: 178px;
background-color: #BBBBBB;
z-index: 1;
}
#leftmenufield:hover{
background-color: #CCCCCC;
}
#leftmenufield:active{
background-color: #DDCCCC;
}
#activleftmenufield{
position: relative;
top: 0px;
margin: 0px;
width: 178px;
background-color: #EE9999;
z-index: 1;
}
#leftsubmenufield{
position: relative;
top: 0px;
margin: 0px;
width: 178px;
background-color: #EEEEEE;
z-index: 1;
}
#leftsubmenufield:hover{
background-color: #CCCCCC;
}
#leftsubmenufield:active{
background-color: #FFAAAA;
}
#activleftsubmenufield{
position: relative;
top: 0px;
margin: 0px;
width: 178px;
background-color: #EE7777;
z-index: 1;
}
#leftsub2menufield{
position: relative;
top: 0px;
margin: 0px;
padding-left: 10px;
width: 168px;
background-color: #FFFFFF;
z-index: 1;
}
#leftsub2menufield:hover{
background-color: #EEEEEE;
}
#leftsub2menufield:active{
background-color: #FFAAAA;
}
/*********************************************
************** Newer Artikel Box *************
*********************************************/
#newitemhead{
position: relative;
top: 0px; left: px;
margin: 0px;
width: 180px; height: 20px;
background-image:url(images/leftmenuhead.jpg);
background-repeat: no-repeat;
z-index: 2;
}
#newitemfield{
position: relative;
top: 0px;
margin: 0px;
width: 178px;
background-color: #EEEEEE;
z-index: 1;
}
/*********************************************
************** Kontakt Box *******************
*********************************************/
#kontakthead{
position: relative;
top: 0px; left: 0px;
margin: 0px;
width: 180px; height: 20px;
background-image:url(images/leftmenuhead.jpg);
background-repeat: no-repeat;
z-index: 2;
}
#kontaktfield{
position: relative;
top: 0px;
margin: 0px;
width: 178px;
background-color: #EEEEEE;
z-index: 1;
}
/*********************************************
************** Angebot Box *******************
*********************************************/
#angebothead{
position: relative;
top: 0px; left: px;
margin: 0px;
width: 130px; height: 20px;
background-image:url(images/rightmenuhead.jpg);
background-repeat: no-repeat;
z-index: 2;
}
#angebotfield{
position: relative;
top: 0px;
margin: 0px;
width: 128px;
background-color: #EEEEEE;
z-index: 1;
}