/* browser detection via JS; for specific styles use these classes
.browserIE  .browserIE6 .browserIE7 .browserIE8
.browserChrome  .browserChrome1
.browserSafari  .browserSafari1 .browserSafari2 .browserSafari3
.browserMozilla
.browserFirefox .browserFirefox1  .browserFirefox2  .browserFirefox3
.browserOpera
*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, img, strong, b, i, ol, ul, li, form
{margin:0; padding:0; border:0; vertical-align:baseline;}

/****************************************************** GLOBAL*/
body {background-color:#333855; margin:0px; padding:0px;
font: 13px Arial; line-height:18px; width:100%; height:100%; color:#3e3e3e;}
/* overflow:hidden; wegen supersized */
a {color: #273583; text-decoration: underline;}
/*a {color: #BC8526; text-decoration: none;}*/
a img {border:none;}
a:hover, a:active { text-decoration:none !important; outline:none; }
b {color:#cd1719;}
p {margin:3% 0; padding:0;}
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
button, input, select, textarea { margin: 0; } /* Webkit browsers add a 2px margin outside the chrome of form elements */

/****************************************************** BASIS*/
div.basis {float:left; width:844px; height:560px; position:absolute; top:10px; left:50%; margin-left:-422px; background:url('../img/basis.png') no-repeat left top;}
div.text {float:left; width:546px; height:230px; position:relative; top:165px; left:115px; text-align:justify;}
div.footer {float:left; width:760px; height:20px; position:relative; top:292px; left:50px; font-size:12px;}
div.additional {float:left; width:840px; height:20px; position:relative; top:310px; left:10px; font-size:12px; color:#fff;}