* {
margin: 0;
padding: 0;
}
html, body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
color: #000;
background: url(../img/bg.jpg) repeat-x;
background-color: #818181;
}

#wrapper {
width: 837px;
height: 100%;
margin-left: auto;
margin-right: auto;
background: url(../img/wrapperBG.jpg) repeat-y;
}
#layoutBox01 {
width: 837px;
height: 309px;
background: url(../img/layoutbg01.jpg) no-repeat;
}

/* ------- header + Logo ------- */
#header {
width: 837px;
height: 111px;
margin-top: 2px;
float: left;
}
#logo {
width: 278px;
height: 111px;
float: left;
margin-left: 18px;
}
#logo a {
width: 278px;
height: 111px;
display: block;
}

/* ------- Menue E1 ------- */
#menuBox {
width: 472px;
height: 111px;
float: right;
text-align: right;
padding-left: 50px;
}
.menuE1  {
min-height: 20px;
padding: 8px 16px 0 0;
float: left;
}
#menuBox a {
color: #0063b8;
font-weight: bold;
text-decoration: none;
}
#menuBox a.menu_on {
color: #0063b8;
text-decoration: underline;
}
#menuBox a:hover {
color: #0063b8;
text-decoration: underline;
}

/* ------- Photo ------- */
#photoBox {
width: 800px;
height: 136px;
margin-left: 18px;
margin-top: 24px;
}

/* ------- Content ------- */
#contentBox {
width: 819px;
min-height: 250px;
background: #fff;
float: left;
background: url(../img/wrapperBG.jpg) repeat-y;
padding-left: 18px;
}
#content {
width: 501px;
min-height: 222px;
float: left;
padding-left: 38px;
padding-top: 28px;
padding-right: 38px;
text-align: justify;
padding-bottom: 50px;
background: url(../img/contentBG01.jpg) no-repeat;
}
#content h1 {
font-weight: bold;
color: #2d3437;
font-size: 115%;
}
#content a,
#addressBoxText a {
font-weight: bold;
text-decoration: none;
color: #2d3437;
}
#content a:hover,
#addressBoxText a:hover {
text-decoration: underline;
}
#content ul {
margin-top: 10px;
margin-bottom: 10px;
}
#content li {
margin-left: 20px;
}

/* ----- rechte Spalte ------- */
#rightSideBox {
width: 223px;
min-height: 222px;
background: url(../img/rightSideBoxBG.gif) repeat-y;
float: left;
}
#sangiacomo {
width: 222px;
height: 139px;
background: url(../img/sangiacomoPic.jpg) no-repeat;
margin-left: 1px;
}
#balconi {
width: 222px;
height: 139px;
background: url(../img/balconiPic.jpg) no-repeat;
margin-left: 1px;
}
#copren {
width: 222px;
height: 139px;
background: url(../img/coprenPic.gif) no-repeat;
margin-left: 1px;
}
#galdabini {
width: 222px;
height: 139px;
background: url(../img/GaldabiniPic.jpg) no-repeat;
margin-left: 1px;
}
#saronni {
width: 222px;
height: 139px;
background: url(../img/saronniPic.gif) no-repeat;
margin-left: 1px;
}
#tecnomagnete {
width: 222px;
height: 139px;
background: url(../img/tecnomagnetePic.gif) no-repeat;
margin-left: 1px;
}
#sangiacomo a,
#balconi a,
#copren a,
#galdabini a,
#saronni a,
#tecnomagnete a {
width: 222px;
height: 138px;
text-decoration: none;
color: #2D3437;
display: block;
}
.addressBoxHeader {
width: 210px;
min-height: 28px;
margin-left: 1px;
font-weight: bold;
font-size: 95%;
color: #fff;
background: url(../img/addressBoxBG.gif) no-repeat;
background-color: #969696;
padding: 6px;
}
#addressBoxText {
width: 210px;
min-height: 100px;
margin-left: 1px;
font-weight: bold;
font-size: 95%;
color: #797979;
background: url(../img/addressBoxTextBG.gif) repeat-x bottom;
background-color: #f9f9f9;
padding: 6px;
}

/* ------- Newsletter ------- */
#nLetterTxt {
width: 200px;
padding: 10px;
}

/* ------- Menu E2 ------- */
#menuBoxE2 {
width: 212px;
min-height: 18px;
float: right;
background: url(../img/menuE2BG.jpg) repeat-x;
background-color: #fff;
padding-top: 40px;
padding-left: 10px;
}
.menuE2  {
background: url(../img/menuE2_dot.gif) no-repeat left center;
}
.spacer {
height: 25px;
}
#menuBoxE2 a {
color: #5E5E5E;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
}
#menuBoxE2 a.menu_on {
color: #f42223;
}
#menuBoxE2 a:hover {
color: #f42223;
}

/* ------- footer ------- */
#footer {
width: 790px;
margin: auto;
font-size: 80%;
color: #fff;
background: #818181;
padding: 5px;
}
#footer a {
min-height: 6px;
color: #fff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

/* ------- workflow ------- */
.wkf_export {
width: 200px;
height: 20px;
margin-top: 15px;
margin-left: 20px;
float: left;
}
.wkf_menuE1 {
width: 200px;
height: 20px;
margin-top: 15px;
margin-left: 145px;
text-align: left;
float:  left;
}
.wkf_content {
height: 20px;
margin-top: -20px;
}
.wkf_menuE2 {
height: 20px;
margin-top: -20px;
}

.clear {
clear: both;
}