@import "reset.css";





body {

  font-size: 100%;

  font-family: Arial, Helvetica, sans-serif;

  line-height: 1.1em;

  background: white url(../images/header.jpg) center 55px repeat-x;

}





/* Heading styles */

h1 { font-size: 1.8em; line-height: 1.8em; margin: 0px 0px 12px 0px; }

h2 { font-size: 1.3em; line-height: 1.4em; margin: 6px 0px 6px 0px; }





/* HTML element styles */

table td { font-size: 1em; }

p { padding-bottom: 0.5em; }

li {margin-left: 24px;}

a { text-decoration: underline; color: #00B2C9 }

a:hover { text-decoration: underline; color: #09347A}





/* Standard class styles */

.clear { clear: both; height: 1px; }

.hidden { visibility: hidden; }

.intro, .introduction { font-weight: bold; }





div {

  border: 0px solid #ccc;

}



/* Page structure styles */

#container {

  position: absolute;

  width: 880px;

  left: 50%;

  margin-left: -440px;  /* must be half the width */

}



#pageHeader, #pageContent, #pageFooter { clear: both; }



#pageHeader { height: 50px; }



#pageContent { clear: both; color: #09347A; font-size: 0.7em;  }



#pageContentLeft { float: left; width: 222px; padding-left: 15px; background: transparent; }



#pageContentFull { margin-left: 235px; padding: 0; border: 0px solid red; }



#content {

  clear: right;

  padding-top: 12px;

  padding-left: 12px

}







#headingbox {

  height: 227px;

  background: transparent url(../images/subheading.gif) bottom right no-repeat;

}

#logo {

  height: 96px;

}

#contactbox {

  width: 217px;

  padding-top: 40px;

  margin-left: 3px;

  background: #0084C7 url(../styles/bg_contactbox.gif) top left no-repeat;

}

#contactbox img {

  padding-bottom: 3px;;

}





/* Main menu styles #4CA0CC */

#navlist { width: 217px; background: #4CA0CC url(../styles/bg_navlist_bottom.gif) bottom left no-repeat; margin: 0 0 8px 3px; padding: 0 0 60px 0;}

#navlist * { }

#navlist ul, #navlist ul li, #navlist ul li a { list-style: none; margin: 0; padding: 0; }

#navlist ul li a { display: block; color: white; height: 26px; text-decoration: none; 

 background-position: 0px 0px; background-repeat: no-repeat; }

 



#navlist ul li a:hover { text-decoration: none; background-position: 0px -26px; }

#navlist ul li.selected { background-position: 0px -26px; }



#menu1 a { background-image: url(../styles/menu_home.png); }

#menu2 a { background-image: url(../styles/menu_about.png); }

#menu3 a { background-image: url(../styles/menu_company.png); }

#menu4 a { background-image: url(../styles/menu_vitachem.png); }

#menu5 a { background-image: url(../styles/menu_vitaplas.png); }

#menu6 a { background-image: url(../styles/menu_vitabond.png); }

#menu7 a { background-image: url(../styles/menu_vitapruf.png); }

#menu8 a { background-image: url(../styles/menu_applications.png); }

#menu9 a { background-image: url(../styles/menu_news.png); }

#menu10 a { background-image: url(../styles/menu_network.png); }

#menu11 a { background-image: url(../styles/menu_contact.png); }





/* Top menu styles */

#topmenu { width: 240px; height: 19px; position: absolute; top: 31px; right: 12px; background-color: transparent; }

#topmenu ul, #topmenu ul li { list-style: none; padding: 0; margin: 0; }

#topmenu ul li { float: left; }

#topmenu ul li a { display: block;  height: 19px;  width: 80px;  text-decoration: none;  background-position: 0px 0px;  background-repeat: no-repeat;  margin: 0;  padding: 0; }

#topmenu ul li a:hover { text-decoration: none; background-position: 0px -19px; }

#topmenu ul li.selected { background-position: 0px -19px; }



#topmenuHome a { background-image: url(../styles/topmenu_home.gif); }

#topmenuAbout a { background-image: url(../styles/topmenu_about.gif); }

#topmenuContact a { background-image: url(../styles/topmenu_contact.gif); }







/* Home page feature */



#otherSites { width: 368px; float: left; margin-right: 16px; }

#otherSites img { float: left; width: 180px;  height: 96px; margin: 0 4px 2px 0; }





#newsFeatures { float: left; width: 248px; }



#latestnews { background: #4ca0cc url(../styles/bg_news_bottom.gif) bottom left no-repeat;  margin: 0 0 4px 0; padding: 0;  min-height: 96px;  color: white; }

#latestnews h2 { background: #4ca0cc url(../styles/bg_news_head.gif) top left no-repeat; margin: 0 0 -14px 0; padding: 0; height: 47px; }

#latestnews p { padding: 0 12px 3px 24px; line-height: 1.25em; color: #eee; }

.readmore { text-align: right; color: #ccc; font-weight: bold; }

.readmore a { color: #eee; text-decoration: none;}

.readmore a:hover { color: white; text-decoration: underline;}



#newsletter { background: #4ca0cc url(../styles/bg_newsletter_bottom.gif) bottom left no-repeat;  margin: 0 0 4px 0; padding: 0 0 25px 0;  color: white; }

#newsletter h2 { background: #4ca0cc url(../styles/bg_newsletter_head.gif) top left no-repeat; margin: 0 0 0 0; padding: 0; height: 32px; }

#newsletter p { padding: 0 12px 3px 24px; line-height: 1.25em; color: #eee; }

#newsletter form { padding: 0 0 6px 24px; margin: 0 0 0 0; }

#email { float: left; width: 135px; height: 16px; font-size: 0.9em; color: #333; background: white url(../images/input.gif) bottom left repeat-x;  border: 1px solid #999; }

#submit {float: left; width: 60px; height: 20px; font-size: 0.9em; font-weight: bold;  background: white url(../images/submit.gif) bottom left repeat-x; border: 1px solid #999; }







/* footer styles */



#pageFooter { height: 50px; background: white url(../styles/bg_footer.gif) 0px 30px no-repeat; padding: 8px 4px 0px 22px; color: #156CA0; font-size: 0.7em; text-align: left; }

#pageFooter a { color: #156CA0; text-decoration: none;}

#pageFooter a:hover { color: #156CA0; text-decoration: underline;}



#bottombar {

  display: none; clear: both; width: 100%; background-color: #156ca0; height: 22px; margin-top: 8px;

}