* {
margin: 0;
padding: 0;
}
html, body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
color: #000;
height: 100%;
background: url(../img/bg.jpg) repeat-x;
background-color: #05a4cc;
}
#wrapper {
width: 736px;
height: 100%;
margin-left: auto;
margin-right: auto;
background: url(../img/wrapper_bg.gif) repeat-y;
background-color: #fff;
}

/* ------- header ------- */

#header {
width: 736px;
min-height: 165px;
background: url(../img/logo.jpg) no-repeat;
}
#headerLink {
width: 736px;
height: 105px;
}
.headerLink {
display: block;
width: 736px;
height: 105px;
}

/* ------- slogan + layoutPic ------- */

#sloganLayoutBox {
width: 736px;
min-height: 103px;
border-bottom: 1px dotted #999;
}
#sloganBoxHolder {
width: 439px;
min-height: 103px;
float: left;
}
#sloganBoxTop {
width: 439px;
height: 9px;
background: url(../img/sloganBoxBGTop.gif) no-repeat;
}
#sloganBox {
width: 386px;
min-height: 52px;
background: url(../img/sloganBoxBGLine.gif) repeat-y;
color: #fff;
font-size: 170%;
padding: 13px 13px 13px 40px;
}
#sloganBoxBottom {
width: 439px;
height: 16px;
background: url(../img/sloganBoxBGBottom.gif) no-repeat;
}
#layoutPic {
width: 297px;
height: 103px;
background: url(../img/layoutPic.jpg) no-repeat;
float: left;
}


/* ------- content area ------- */

#contentBoxHolder {
width: 736px;
min-height: 295px;
background: #fff;
}
#photoBox {
width: 295px;
min-height: 295px;
float: left;
}
#contentBox {
width: 439px;
min-height: 295px;
float: left;
background: #fff;
border-left: 1px dotted #999;
}
#submenu {
min-height: 20px;
padding: 10px 30px 10px 30px;
font-size: 85%;
font-weight: bold;
color: #00a3cc;
/*line-height: 17px;*/
}

#content  {
width: 380px;
min-height: 114px;
padding: 20px 30px 20px 29px;
background-color: #fff;
text-align: justify;
border-top: 1px dotted #999;
}
#content a,
#content2 a,
#submenu a {
color: #00a3cc;
text-decoration: underline;
}
#content a:hover,
#content2 a:hover,
#submenu a:hover {
color: #f42223;
}

#content li {
margin-left: 35px;
padding: 2px;
}


/* -------- video ---------- */
#video {
border: 0;
margin-left: -10px;
overflow: hidden;
width: 395px;
height: 300px;
}


/* ------- menue E1 ------- */

#menuBox {
width: 600px;
min-height: 76px;
padding-left: 133px;
}
#menu {
width: 633px;
min-height: 76px;
}
.menuE1  {
min-width: 92px;
min-height: 68px;
float: left;
background: url(../img/menuE1BG.gif) no-repeat;
background-position: right;
padding: 8px 0 0 8px;
}
.number {
font-size: 200%;
color: #dbdbdb;
font-weight: bold;
padding: 5px;
}
#menuBox a {
display: block;
font-size: 85%;
color: #0f8db4;
font-weight: bold;
text-decoration: none;
padding: 5px;
}
#menuBox a.menu_on {
color: #f42223;
}
#menuBox a:hover {
color: #f42223;
}


/* ------- Menue E2 ------- */
#ME2_Box1,
#ME2_Box2 {
width: 160px;
min-height: 20px;
float: left;
padding: 0px 10px 0px 0px;
/*font-size: 85%*/
font-weight: bold;
color: #00a3cc;
/*line-height: 20px;*/
}
#ME2_Box1 a,
#ME2_Box2 a {
padding-left: 20px;
text-decoration: none;
display: block;
}
#ME2_Box1 a.menuE2_on,
#ME2_Box2 a.menuE2_on {
color: #f42223;
background: url(../img/flowMe2_on.gif) no-repeat;
background-position: left center;
}
#ME2_Box1 a.menuE2_off,
#ME2_Box2 a.menuE2_off {
color: #00a3cc;
background: url(../img/flowMe2_off.gif) no-repeat;
background-position: left center;
}
#ME2_Box1 a.menuE2_off:hover,
#ME2_Box2 a.menuE2_off:hover {
color: #f42223;
background: url(../img/flowMe2_on.gif) no-repeat;
background-position: left center;
}



/* ------- Menue E3 ------- */

#ME3_Box {
width: 295px;
min-height: 150px;
text-align: right;
}
#ME3_Box a {
display: block;
padding-left: 20px;
text-decoration: none;
line-height: 20px;
padding-right: 10px;
}
#ME3_Box a.menuE3_on {
color: #f42223;
}
#ME3_Box a.menuE3_off {
color: #00a3cc;
}
#ME3_Box a.menuE3_off:hover {
color: #f42223;
}


/* ------- footer -------  */
#footer {
width: 180px;
margin-left: 229px;
margin-top: 40px;
padding: 5px 30px 5px 0;
font-size: 80%;
color: #828181;
text-align: right;
border-top: 1px dotted #ccc;
}
#footer a {
min-height: 6px;
color: #828181;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}


/* ------- workflow -------  */
.wkf_export {
text-align: right;
background-color: #fff;
}
.wkf_menuE1 {

}
.wkf_menuE2a {
padding-left: 20px;
float: left;
}

.wkf_menuE2b {
padding-left: 150px;
float: left;
}
.wkf_content {
margin-top: -15px;
margin-bottom: 8px;
}
.wkf_menuE3 {
width: 285px;
padding-right: 10px;
text-align: right;
float: left;
padding-bottom: 5px;
}


.clear {
clear: both;
}