/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, img, small, strong, sub, sup, b, u, i, em, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; font-style: normal; }
body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } a:focus { outline: 0; }

/* html */
body { text-align: center; }
h1 {}
h2 {}
h3 {}
a {}
a:hover {}
a:visited {}
img {}
a img { border: none; }
p {}
input {}
textarea {}
strong { font-weight: bold; color: #000; }

/* debug classes */
.dbgOutline { border: 1px solid #f00; }
.dbgHL1 { background: #ff0; }
.dbgHL2 { background: #0ff; }
.dbgHL3 { background: #0f0; }
.dbgHL4 { background: #f0f; }

/* layout elements */
#container { text-align: left; }
#container.narrow { width: 780px; }
#container.wide { width: 960px; }
#container.liquid { width: 100%; }
#container.left { margin: 0; }
#container.center { margin: 0 auto; z-index: 1; position: relative; }

#header { position: relative; }


#body {}



/* coloumns */
#container.narrow .coloumn-1 { clear: both; padding: 10px; }
#container.narrow .coloumn-2 { float: left; padding: 10px; width: 370px; }
#container.narrow .coloumn-3 { float: left; padding: 10px; width: 240px; }
#container.narrow .coloumn-32 { float: left; padding: 10px; width: 500px;}
#container.narrow .coloumn-4 { float: left; padding: 10px; width: 175px; }
#container.narrow .coloumn-42 { float: left; padding: 10px; width: 370px; }
#container.narrow .coloumn-43 { float: left; padding: 10px; width: 565px;}


/* body white space */
#body { padding-top: 40px; }
#body h1 { line-height: 1; margin: 12px 0 3px 0; }
#body h2 { line-height: 1; margin: 12px 0 3px 0; }
#body h3 { line-height: 1; margin: 12px 0 3px 0; }
#body p { line-height: 1.2; margin: 6px 0 6px 0; }
#body h2 + p { margin-top: 0 !important; }
#body h3 + p { margin-top: 0 !important; }
#body table th, #body.normal table td { padding: 5px; }

/* design elements */
div#img-bg { width: 1200px; height: 400px; position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 0; background: url(../design/img.bg.jpg) no-repeat center top; }

/* header elements */
#header { height: 330px; }
a#logo { display: block; width: 220px; height: 50px; position: absolute; top: 50px; left: 400px; text-indent: -200px; overflow: hidden; background: url(../design/img.logo.jpg) no-repeat 0 0; }
a#logo:hover {}

p#slogan { position: absolute; top: 100px; font-size: 14px; line-height: 1.3; left: 410px; font-style: italic; }
p#slogan strong { letter-spacing: -1px; font-size: 20px; }

div#design01 { width: 380px; height: 310px; background: url(../design/img.design-01.jpg) no-repeat 0 0; position: absolute; top: 55px; left: -20px; }
div#gallery1 { position: absolute; top: 138px; left: -10px; }
div#gallery1 img { width: 104px; height: 172px; }

div#gallery2 { position: absolute; top: 75px; left: 124px; }
div#gallery2 img { width: 226px; height: 234px; }

ul.menu { position: absolute; }
ul.menu li { display: block; width: 185px; height: 29px; margin: 0; margin-bottom: 1px; }
ul.menu li a { display: block; width: 175px; height: 22px; text-align: left; padding: 7px 0 0 10px; text-decoration: none; font-size: 14px; overflow: hidden; }

ul.menu li a span { display: block; width: 175px; height: 22px; text-align: left; padding: 7px 0 0 10px; text-decoration: none; font-size: 14px; }
ul.menu li a span { margin-top: 0; }
ul.menu li.on {}
ul.menu li.on a {}

ul#menu1 { bottom: 0; right: 186px; }
ul#menu1 li a, ul#menu1 li a span.first { background-color: #333; color: #fff; }
ul#menu1 li a:hover, ul#menu1 li a span.second { background-color: #f80; color: #000; }
ul#menu2 { bottom: 0; right: 0;}
ul#menu2 li a, ul#menu2 li a span.first { background-color: #f80; color: #000; }
ul#menu2 li a:hover, ul#menu2 li a span.second { background-color: #333; color: #fff; }

#body #content { width: 480px; }
#body #form { background: url(../design/bg.form.jpg) no-repeat center center; position: relative; width: 230px; height: 228px; margin-left: 10px; padding: 10px 20px; }

/* form complex */
form {}
form fieldset {}
form fieldset legend {}
form p.input { clear: both; overflow: hidden; }
form p.input label { width: 28%; float: left; margin-right: 1%; font-size: 10px; }
form p.input input { width: 70%; float: left; }
form p.input textarea { width: 70%; }
form p.input input.error {}
form p.input textarea.error {}
form p.input input.focus {}
form p.input textarea.focus {}
form p.input span.message {}
form p.submit { clear: both; padding-left: 29%; }
form p.submit input.submit {}
form p.submit input.reset {}
input.mpty-input { display: none; }

#errormsg { position: absolute; display: none; background: #f80; color: #800; padding: 10px; margin: 5px; left: 0; bottom: 0; text-align: center; }

/* global style: modern */
body.modern { background: #fff url(../design/bg.jpg) repeat-x 0 0; color: #333; font-size: 12px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
body.modern h1 { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 40px; letter-spacing: -2px; color: #f80; }
body.modern h2 { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 20px; color: #999; letter-spacing: -1px; }
body.modern h3 { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 16px; color: #999; }
body.modern a { color: #066; text-decoration: underline; }
body.modern a:hover { text-decoration: none; }
body.modern a:visited { color: #666; }
body.modern #body p { text-align: left; }
body.modern form p.input input { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; font-size: 12px; background: #fff; border: 1px solid #999; }
body.modern form p.input textarea { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; font-size: 12px; height: 60px; background: #fff; border: 1px solid #999; line-height: 1; }
body.modern form p.input input.error, body.modern form p.input textarea.error { color: #333; background: #fee; border: 1px solid #800; }
body.modern form p.input input.focus, body.modern form p.input textarea.focus { color: #000; background: #fff; border: 1px solid #000; }
/*body.modern form  { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; font-size: 12px; background: #fff; border: 1px solid #999; }*/
body.modern a.more { background: #0ff; padding: 3px 10px; color: #333; text-decoration: none; }
body.modern a.more:hover { background: #333; color: #fff; }

#lecoin { background: url(../design/bg.lecoin.jpg) repeat-x left 16px; height: 96px; position: relative; color: #000; margin-top: 20px; overflow: hidden; }
	#lecoin img { position: absolute; top: 0; left: 20px; }
	#lecoin h2 { position: absolute; top: 30px; left: 200px; color: #000; font-family: Georgia; }
	#lecoin p { position: absolute; top: 65px; left: 200px; color: #000; font-style: italic;  }
	#lecoin span.spacer { padding: 0 10px; text-align: center; }
	#lecoin span.phone { font-size: 20px; margin-left: 20px; }
#plakat { background: url(../design/bg.plakat.jpg) repeat-x left top; height: 80px; margin-top: 2px; position: relative; overflow: hidden; }
	#plakat img { position: absolute; top: 18px; left: 20px; }
	#plakat p.products { position: absolute; top: 18px; left: 200px; color: #fff; }
	#plakat p.products a { color: #000; text-decoration: underline; }
	#plakat p.products a:hover { text-decoration: none; }
	#plakat p.contact { position: absolute; top: 60px; left: 200px; }
	#plakat p.contact a { color: #fff; }
	#plakat p.contact span.spacer { padding: 0 10px; text-align: center; }
	#plakat span.phone { display: block; position: absolute; right: 20px; bottom: 15px; text-align: right; float: right;  font-size: 24px; }
	
#footer { margin-top: 2px; border-top: 10px solid #0ff; padding: 10px 0; }

table#arak { width: 70%; margin: 10px 0; }
table#arak td { padding: 5px; }
table#arak tr.even { background: #eee; }
table#arak td.ar { text-align: right; font-weight: bold; }

/* ie6 */
* html #body { z-index: 999;  margin-top: 20px; }
* html #lecoin {}
* html #form { float: right; overflow: hidden; padding: 0; margin: 0; }
* html #content { padding: 0; margin: 0; }
* html #form p.submit { clear: both; padding: 0;}