html, body {width: 100%;height: 100%;}
html, body, p, th, td {font-size: 14px;}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
/* PAGE CONSTRUCTION */
#pageContainer { position: relative; width: 100%; min-height: 100%; margin: 0; padding: 0; background:#000000 url('../img/bg_page.png') repeat;}
#bodyContainer { z-index: 1; position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; background:#000000 url('../img/bg_page.png') repeat;}
#bodyContent { position: relative; width: 960px; margin: 0 auto; padding: 0; background:#000000 url('../img/bg_page.png') repeat;}
#mainContent { position: relative; display: block; margin: 0; min-height: 300px; padding: 10px; background-color: #ffffff; float: left;}

/* LANGUAGE CHANGER CONSTRUCTION */
#langContainer { position: absolute; width: 100%; margin: 20px 0 0 0; padding: 0; overflow: visible;}
#langContainer #langContent { position: relative; display: block; width: 960px; padding: 0; margin: 0 auto; z-index: 18;}
#langChanger { position: relative; display: block; float: right; margin-right: 20px; height: 40px; line-height: 40px; width: 105px; padding-left: 10px; background: #0d4b56; background: rgba(13,75,86,0.5); border-radius: 23px;-moz-border-radius: 23px;-webkit-border-radius:23px; color: #ffffff;}
#langChanger #actLang {float: right; margin-right: 3px; width: 60px; line-height: 32px; height: 32px; padding: 4px 5px; text-transform: uppercase;}
#langIcon {float: right;margin: 4px 0;}
#additionalLangs { position: absolute; display: none; background: #0d4b56; background: rgba(13,75,86,0.5); top: 40px; right: 55px; width: 70px; overflow: hidden; z-index: 20;}
#additionalLangs ul { padding: 0; margin: 0; list-style: none;}
#additionalLangs ul li { padding: 0; margin: 0;}
#additionalLangs ul li span { vertical-align: middle;}
#additionalLangs ul li a { display: inline-block; height: 32px; padding: 2px 5px; line-height: 32px; text-transform: uppercase; text-decoration: none; border: none; color: #ffffff;}

/* HEAD CONSTRUCTION */
#headContainer { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; background: url('../img/bg_head.png') repeat;}
#headContent { position: relative; width: 960px; padding: 0; margin: 0 auto;}
#logoContainer, #inlineContainer { position: absolute; width: 100%; min-height: 200px; top: 0; margin: 0; padding: 0;}
#logoContent, #inlineContent { position: relative; width: 960px; padding: 0; margin: 0 auto;}
#logo {position: absolute;background-repeat: no-repeat; top: 0px; left: 10px; display: block; width: 200px; height: 200px; z-index: 19;}
#siteTitleBox { position: absolute; display: block; top: 20px; left: 230px; width: 400px; color: #000000; text-shadow: 1px 1px 1px #000000;}
#siteTitle { position: relative; display: block; height: 40px; line-height: 40px; font-size: 32px; font-weight: bold; font-style: italic;}
#siteSlogan { position: relative; display: block; height: 20px; line-height: 20px; font-size: 16px; font-weight: normal; font-style: italic;}


/* VERTICAL MENU CONSTRUCTION */
#menupanel { position: relative; width: 250px; padding: 0; margin: 0 0 10px 0; overflow: visible; z-index: 5;}
#menupanel ul ul { background: url('../../../system/img/trans.gif') repeat; display: none; position: absolute; left: 240px; top: 2px; z-index: 15; padding: 0; background: rgba(255,255,255,0.2); }
#menupanel ul ul li { float: none; padding: 0; margin: 2px 10px; text-align: center; border: none;}
#menupanel ul ul li a { display: inline-block; width: 180px; color: #000000; line-height: 16px; height: 16px; padding: 5px 10px; margin: 0 -10px; font-size: 0.8em; font-weight: normal; text-decoration: none; background: url('../img/bg_page.png') repeat; border-radius: 20px;}
#menupanel ul li:hover > ul {display: block;}

#menupanel ul { position: relative; display: inline-table; list-style: none; padding: 0px; margin: 0px;}
#menupanel ul:after { content: ""; clear: both; display: block;}
#menupanel ul li { padding: 0px; margin: 0 0 1px 0;  position: relative;}
#menupanel ul li a { display: inline-block; color: #000000; line-height: 25px; height: 25px; width: 210px; padding: 0 10px; margin: 2px 10px 2px 0; font-size: 1em; font-weight: normal; text-decoration: none; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms;  text-align: left; background: url('../img/bg_page.png') repeat; box-shadow: 0 1px 5px #444444; border-radius: 20px;}
#menupanel ul li a:hover, #menupanel ul li a.actual {color: #ffffff;background:#0d4b56; border-radius: 20px;}
#menupanel ul ul li a:hover, #menupanel ul ul li a.actual {color: #ffffff;background:#0d4b56; border-radius: 20px;}

/* LEFTSIDE CONSTRUCTION */
#leftsideContent { z-index: 1; position: relative; display: block; margin: 0; min-height: 300px; width: 240px; padding: 10px 0 10px 10px; float: left;}

/* FOOTER CONSTRUCTION */
#footContainer { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; background: #000000 url('../img/bg_footer.png') repeat;}
#footContent { position: relative; display: block; width: 920px; height: 150px; padding: 10px 20px; margin: 0 auto; color: #efefef;}
#footLogoContainer {position: absolute; width: 100%; height: 50px; bottom: 10px; text-align: center;}
#footLogo {position: relative; display: inline-block; width: 70px; height: 50px; background: url('../img/w4c_l50.png') bottom center no-repeat;}
#footContent ul { padding: 0; margin: 0; list-style: none;}
#footContent h4 { color: #efefef; font-weight: bold;}
#foot-left {position: relative; float: left; text-align: left; width: 350px; line-height: 20px; margin-top: 20px;}
#foot-right {position: relative; padding-top: 45px; float: right; text-align: right; width: 350px; line-height: 20px; margin-top: 20px;}
#footContent a { color: #eeeeee; text-decoration: none;}
#footContent a:hover { color: #ffffff; text-decoration: underline;}
#footContent ul label { display: inline-block; width: 65px; text-align: right; margin-right: 5px; color: #efefef;}