@CHARSET "UTF-8";

body { margin: 0; padding: 0; text-align: left; color: #000;
	background: #fff url('../img/site/bg.gif');}
body, td, th { font-size: 12px; font-family: Tahoma, sans-serif; color:#E5F5FE; }

/** top */
#top { width: 100%; height: 197px; margin: 0 auto; margin-bottom: -50px; text-align: left; overflow: hidden; background: url('../img/site/topBg.jpg') repeat-x; }
.space { width: 942px;margin: 0 auto; }

/** logo */
#logo { width: 352px; height: 197px; margin: 0 auto; float: left; z-index:1; position:relative; }

/** menu */
#menu { height: 197px; margin: 0 auto; float: left; z-index:1; position:relative; }
#menu ul { list-style: none; margin: 0px; padding: 0px; list-style-type: none; }
#menu ul li { margin-left: -3px; margin-right: 0px; display: inline; }
#menu ul li a { outline: none;}
#menu ul .first { margin-left :0px; }
#menu ul .first img { margin-bottom: -11px; }


/** main */
#main { width: 100%;  margin: 0 auto; position:relative; text-align: left; background: url('../img/site/mainBg.jpg') repeat-x; }

/** mainBody */
#mainBody { overflow: hidden; }
#mainBody .left { float: left; width: 355px; padding-top: 75px; padding-left: 30px; }
#mainBody h1 { font-size: 24px; color: #BED8DE; padding-left: 35px; background: url('../img/site/bodyTitleMark.gif') no-repeat; }
#mainBody h1 a {color: #BED8DE;}
#mainBody p { font-size: 12px; line-height: 140%; color: #E5F5FE; }
#mainBody a { color: #299FE2; }
#mainBody .right { float: left; z-index: 2; position: relative; width: 542px; height: 511px; background: url('../img/site/bodyBg.jpg') no-repeat; }
#mainBody .right .paint { width: 542px; height: 370px; }
#mainBody .right .paint div { padding-left: 270px; padding-top: 200px; }
#mainBody .right .elect { width: 542px; height: 272px; background: url('../img/site/electBg.jpg') no-repeat; }
#mainBody .right .elect div { padding-left: 260px; padding-top: 180px; }
#mainBody .right .paintDTP { width: 542px; height: 370px; background: url('../img/site/dtpBg.jpg') no-repeat; }
#mainBody .right .paintDTP div { padding-left: 340px; padding-top: 200px; }
#mainBody .right .paintCTP { width: 542px; height: 370px; background: url('../img/site/ctpBg.jpg') no-repeat; }
#mainBody .right .paintCTP div { padding-left: 340px; padding-top: 200px; }
#mainBody .right .paintDruk { width: 542px; height: 370px; background: url('../img/site/drukBg.jpg') no-repeat; }
#mainBody .right .paintDruk div { padding-left: 340px; padding-top: 200px; }
#mainBody .right .paintIntrol { width: 542px; height: 370px; background: url('../img/site/introlBg.jpg') no-repeat; }
#mainBody .right .paintIntrol div { padding-left: 340px; padding-top: 200px; }
#mainBody .right .offer { width: 402px; margin-left: 76px; border: 1px solid #1F7CB9; border-top: none; }
#mainBody .right .offer h1 { font-size: 11px; color: #65A9E5; font-weight: bold; margin: 0; padding: 0 35px; }
#mainBody .right .offer p { font-size: 11px; color: #65A9E5; margin: 0; padding: 0 35px 30px; }
#mainBody .right .offer a { color: #bed8de; }
#mainBody .offerPicture { padding-top: 138px; text-align: left; padding-left: 15px;}
#mainBody .offerPicture img { margin-left: 12px; margin-bottom: 12px; border-collapse:collapse;}
#mainBody .offerPictureCategory { }
#mainBody .offerPictureCategory div { background: url('../img/site/dtpBg.jpg') no-repeat; width: 542px; height: 370px;  }
#mainBody .calc {padding-top: 75px;z-index: 2; background: url('../img/site/bodyBg.jpg') no-repeat 385px 0;}

h3.otherOffers {background: #02255f; padding: 5px; border-top: 1px solid #001840; border-bottom: 1px solid #001840; font-size: 12px;}


/** middle */
#middle { width: 902px; margin: 0 auto; text-align: left; }


/** bottom */
#bottom { width: 100%; height: 103px; margin: 0 auto; text-align: left; background: #fff url('../img/site/bottomBg.jpg') repeat-x; }

/** mainBody */
#bottomBody { width: 931px; text-align: left; padding: 38px 0px 0px 34px;font-size:11px; }
#bottomBody ul li { border-left: 1px solid #299FE2; padding: 0px 10px; display: inline; }
#bottomBody ul .first { border-left: none; padding-left: 0; }
#bottomBody a { color: #1B7AAF; }
#bottomBody .copyrights { margin-top: 8px; font-size: 10px; color: #1B7AAF; }

/** standard */
a { color: #299FE2; text-decoration:none;  outline: none;}

img { border: 0; vertical-align: bottom; }
img.b { vertical-align: bottom; }
img.m { vertical-align: middle; }

table { }
td, th { vertical-align: top; }
.c, .center { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }
.t { vertical-align: top; }
.m { vertical-align: middle; }
.b { vertical-align: bottom; }

.clr { clear: both; }
.cL { clear: left; }
.cR { clear: right; }

.fL {float: left;}
.fR {float: right;}

.pageNum { padding-top: 20px; }

ul.failed { margin: 0 0 10px 0;}
ul.failed li { color: #E7011B; display: block;}


/** forms */
form { display: inline; }
form fieldset { display: block; width: 700px; border:1px solid #1673B0; margin: 0 auto 10px auto; text-align: left; padding-top: 10px;}
form fieldset legend {font-weight: bold;}
form fieldset div {margin: 0 10px;}
form fieldset input, form fieldset textarea {margin-top: 5px; margin-bottom: 10px; width: 300px; font-family: sans-serif; font-size: 12px; background: #D9DEE5; border : 1px solid #65a9e5; padding: 2px 0;}
form fieldset select {margin-bottom: 5px; width: 302px; margin-top: 5px;}
form fieldset .full {clear: both;}
form fieldset .full textarea {width: 678px;}
form fieldset em {color: red;}

ul input, textarea, select { font-family: sans-serif; font-size: 12px; width: 210px; background: #D9DEE5; border : 1px solid #65a9e5; padding: 2px; width: 270px;}
input.noBorder { border: 0; }
select { font-size: 11px; }
button { border-style: none; background-color: transparent; font-size: 11px; }
form { display: inline; }
form ul { list-style: none; margin: 10px 0; padding: 0; }
form ul li { padding: 3px 0; margin: 0; clear: left; }
form ul li.hide, form ul li.security { display: none; }
form ul li.submit { padding-left: 130px; }
form ul li.submit input { width: auto; padding: 2px 10px;}
form ul label { float: left; width: 60px; padding-right: 10px; text-align: right; }
form ul em {color: red;}
.hide { display: none; }
span.red {color: red;}

table.form {border-collapse:collapse;}

table.form td.legendRequired { width: 20%; text-align: right; verical-align: middle; padding: 3px;}
table.form td.headInfo {width: 20%; text-align: right; vertical-align: middle;}
table.form td.field {width: 25%; padding: 3px;}
table.form td.field3 {padding: 3px;}

table.form input, table.form textarea {width: 260px;}
table.form select {width: 266px;}

table.form .headInfo {background: #002B58; padding: 10px 3px;}
table.form .headInfoField {background: #002B58; padding: 10px 3px; text-align: left; }

input.submit {margin: 0 auto; width: auto;}

#bottomBody ul {float: right;}

.security {display: none;}