/* STYLES FOR INTERCORP.CH */
/* EXCLUSIVELY AND EXCELLENTELY MADE BY XPURE.CH */
/* ALL RIGHTS RESERVED */
/* ANY COMMENTS OR SUGGESTIONS TO THIS CODE YOU CAN SEND BY E-MAIL TO css -dot- code -at- xpure -dot- ch*/

/* THE MOST IMPORTANT STYLES */
body    { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(body_background.png); background-repeat: repeat-x; margin: 0; padding: 0 }
p {}
td {}

/* THE LAYOUT ELEMENTS AND DIV CONTAINERS */
/* It's just the logo in the header section */
#header_logo    { margin-top: 53px; margin-bottom: 50px }
/* The logo box on the left side */
#menu_left    { font-size: 12px; text-transform: uppercase; margin-top: 0; width: 180px; float: left }
/* The menu (navigation) itself on the left side */
.levelone-no { background-image: url(menu_NO_back.png); background-repeat: no-repeat; padding-top: 10px; padding-left: 10px; height: 21px }
.levelone-cur   { color: #5696e0; font-weight: bold; background-image: url(menu_AC_back.png); background-repeat: no-repeat; padding-top: 10px; padding-left: 10px; height: 21px }
.levelone-act { color: #5696e0; font-weight: bold; background-image: url(menu_NO_back.png); background-repeat: no-repeat; padding-top: 10px; padding-left: 10px; height: 21px }
#menu div:hover  { background-image: url(menu_AC_back.png); background-repeat: no-repeat }
.leveltwo-no  { background-image: url(menu_NO_back.png); background-repeat: no-repeat; padding-top: 10px; padding-left: 25px; height: 21px }
.leveltwo-cur,  .leveltwo-act { color: #5696e0; font-weight: bold; background-image: url(menu_AC_back.png); background-repeat: no-repeat; padding-top: 10px; padding-left: 25px; height: 21px }
#menu_left a  { color: #999999; text-decoration: none; background-repeat: no-repeat }
#menu_left .levelone-cur:a { color: #5696e0; text-decoration: none; background-repeat: no-repeat }
#menu_left span { background-image: url(menu_NO_back.png); background-repeat: no-repeat; width: 200px; height: 21px }
/* The main content box */
#content_box    { margin-left: 60px; padding-top: 10px; width: 500px; float: left }
#content p { color: #838383; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 20px }
#content ul  { color: #838383; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 20px; list-style-type: square }
#content li { margin-bottom: 8px }
#content h1 { color: #838383; font-size: 20px; font-weight: normal }
#content h2 { color: #838383; font-size: 17px; font-weight: normal }
#content img  { margin: 4px 20px 9px 0; padding: 3px; border: solid 1px #afafaf }
#content a { color: #5b6e7d; text-decoration: none; border-bottom: 1px dashed #5696e0 }
#content a:hover { color: #5696e0; text-decoration: none }
#content div.csc-textpic-imagewrap { margin-right: 20px; margin-bottom: 9px; padding-right: 20px }
#content fieldset { border-style: none }
#content label, #content div.csc-mailform-label  { color: #838383; font-size: 13px; float: none }
#content input, #content textarea  { color: #838383; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 20px; padding: 3px; border: solid 1px }
#mailformMessage, #mailformname, #mailformaddress, #mailformemail { margin-bottom: 12px; width: 300px }
#mailformformtype_mail { font-weight: bold; background-image: url(menu_AC_back.png); background-repeat: no-repeat; margin-top: 10px; padding-right: 10px; padding-left: 10px }
/* the footer line */
#footer  { color: #afafaf; font-size: 11px; margin-top: 50px; padding-top: 7px; border-top: 1px solid #d5d5d5 }
/*The specialcontent box*/
#specialcontent   { width: 200px; float: left }
#specialcontentbox   { margin-top: 50px; margin-left: 50px; padding: 10px; width: 200px; border: solid 1px #d5d5d5 }
#specialcontentbox h1 { color: #838383; font-size: 14px; font-weight: normal }
#specialcontentbox p { color: #838383; font-size: 11px; line-height: 18px }