@CHARSET "UTF-8";

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th {text-align: left;}

/** classes*/
.clear {height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; display:block;}
.hidden {display: none;}
.underline {text-decoration: underline;}
.pointer { cursor: pointer;}
.italic {font-style: italic;}
.orange {color: #ff6600;}
.technique {}
.center {text-align: center;}

hr.dotted {border: 0; border-top: 2px dotted #888;}

/** tags*/
h1 {font-size: 22px; font-weight: normal; margin: 50px 0 10px 0;}
h2 {font-size: 22px; font-weight: normal; margin: 50px 0 10px 0;}
h3 {font-size: 22px; font-weight: normal; margin: 40px 0 10px 0;}
h3 span {font-size: 14px; font-weight: normal; margin: 40px 0 10px 0; color: #ff6600;}
h4 {font-size: 14px; font-weight: bold; margin: 30px 0 10px 0; letter-spacing: .04em; color: #444;}

a { color: #ff6600; text-decoration: none;}
a:hover {text-decoration: underline;}

p {line-height: 22px; margin: 10px 0 6px 0;}

/** structure*/
body {text-align: center; background: url(../images/bg_body_extended.png) repeat-x 0 320px; font-family: Tahoma, Arial, Georgia, Times New Roman, sans-serif; font-size: 14px;}
body.homepage {background: url(../images/bg_body.png) repeat-x 0 450px;}
#container {width: 983px; margin: auto; text-align: left; margin-top: 35px; }

#top {height: 286px; position: relative; }
.homepage #top {background: url(../images/bg_top_home.png) no-repeat 0 155px; height:415px;}
    #top #logo {position: absolute; top: 0; left: 0;}
    #top #flash {position: absolute; top: 39px; right: 0;}
    #top #kontakt-menu{padding-top:190px; padding-left:60px; font-family:Tahoma; font-size:12px;}
    #top #kontakt-menu a{text-decoration:underline;}
    #top #kontakt-menu p{line-height:21px;}
    
    #top #top-info{position:absolute; left:335px;}
    #top #top-info p{font-family:Tahoma; font-size:13px; color:#565656;}

ul#menu {background: url(../images/bg_menu.png) no-repeat; height: 130px; width: 983px; }
    .homepage ul#menu {background-image: url(../images/bg_menu_homepage.png); padding-top: 43px; height: 200px;}
    ul#menu li {display: block; float: left; background: url(../images/li_menu.png) no-repeat 0 center; padding-left: 15px;
                margin: 22px 0 0 29px; width: 200px; }
    .homepage ul#menu li {margin: 11px 0 31px 30px; line-height: 20px;}
    ul#menu li a {color: #60420c; font-size: 15px; text-decoration: none;}
    .homepage ul#menu li a {font-size: 18px;}
    ul#menu li a:hover {color: #402200; text-decoration: underline;}
    ul#menu li a.active {color: #402200; font-weight: bold;}

#content {position: relative;}
.homepage #content {background: url(../images/bg_content_home.jpg) no-repeat; padding: 20px 0 0 340px;}

#footer {border-top: 1px solid #ccc; text-align: center; padding: 15px 0; color: #aaa; margin-top: 20px; }

/** homepage*/
.homepage .news, .homepage .contact{ width: 304px; height: 326px; }
.homepage .contact {float: right;}
.homepage .news hr, .homepage .contact hr {margin-bottom: 20px;}
.homepage .news {margin-right: 35px;}

.homepage #slideshow {clear: both; display: block; height: 330px !important;border: 10px solid #565656; overflow: hidden;}
.homepage #slideshow img {width: 623px;}
#prevBtn, #nextBtn{
	display:block;
	width:55px;
	height:30px;
	position:absolute;
	left: 372px;
	top:681px;
	}
#nextBtn{ left:896px; }
#prevBtn a, #nextBtn a{
	display:block;
	width: 100%;
	height: 100%;
        z-index: 1000;
	background:url(../images/banner_homepage/narrow_left.png) no-repeat 0 0;
	}
#nextBtn a{
	background:url(../images/banner_homepage/narrow_right.png) no-repeat 0 0;
	}


/** product list */
.banner_services {position: absolute; top: 160px; left: 0;}
.homepage .banner_services {top: 280px;}
.banner_services img {display: none;}
.banner_services img.active {display: block;}

.slideshow {position: absolute; top: 40px; left: 335px; width: 627px; height: 183px; border: 10px solid #565656;}
.homepage .slideshow {height: 312px; width: 622px;}
.slideshow img { display: none;}
.slideshow img.active {display: block;}

.request {background: url(../images/bg_request.png) no-repeat; position: absolute; top: -20px; right: 0; width: 267px; height: 296px; z-index: 10;}
.request strong {display: block; font-size: 32px; font-style: italic; color: #cea23f; font-weight: normal; margin: 30px 40px 10px 40px;}
.request p {margin: 0 40px 12px 40px; font-style: italic;}
.request a {background: url(../images/btn_request.png) no-repeat; display: block; padding: 11px 21px; color: #fff; font-style: italic; margin: 0 0 0 80px;}

.submenu { margin: 20px 0 40px 0;}
    .submenu li {display: block; float: left; background: url(../images/li_submenu.png) no-repeat 0 center; padding-left: 10px; margin-right: 30px;}
    .submenu li a {font-size: 14px;}

.products {}
    .products li {display: block; float: left; width: 314px; background: url(../images/bg_products.png) no-repeat 0 67px; margin-left: 20px; position: relative;}
    .products li.first{margin-left: 0;}
    .products li h3 {}
    .products li a.img {height: 190px; width: 314px; text-align: center; display: table-cell; text-align: center; vertical-align: middle; }
    .products li a.img img {  vertical-align: middle;}
    .products li a.img .overimg-icon { position: absolute; top: 75px; left: 10px;}
    .products li a.img .overimg-icon.overimg-icon-right {right: 10px; left: auto;}
    .products li p {padding: 10px 30px; color: #444; line-height: 22px; margin:0; height: 80px; overflow: hidden;}
    .products li .slider { margin: 0 30px;}
    .products li .slider strong {color: #444; margin: 12px 0 7px 0; display: block;}
    .products li .slider table {width: 255px;}
    .products li .slider table tr {line-height: 28px;}
    .products li .slider table th {color: #444; text-transform: lowercase; font-size: 12px; font-weight: normal; text-align: left; border-bottom: 1px solid #787878;}
    .products li .slider table td {font-size: 12px; border-bottom: 1px solid #787878;}
    .products li p.detail {background: url(../images/bg_detail.png) no-repeat; height: 82px; }
    .products li p.detail a {float: right; margin-top: 15px;}
    .products li p.detail span {display: block; clear: both; padding: 5px 0 0 27px;}


/** product detail */
.back {position: absolute; top: 5px; right: 0; background: url(../images/li_submenu.png) no-repeat 0 center; padding-left: 10px;}

.left {width: 630px; float: left; padding-top: 52px;}
    .left a.mainimg {border: 1px solid #787878; padding: 20px; text-align: center; display: block;}
    .left a.secondaryimg {border: 1px solid #787878; padding: 20px; text-align: center; display: block; width: 150px; margin: 25px 25px 0 0;}

    .left h4 {margin: 40px 0 20px 0;}
    .left h4, .left table th, .left table td {  }
    .left table {border: 1px solid #787878; width: 100%; margin-bottom: 60px;}
    .left table th, .left table td{ font-size: 12px; padding: 9px 12px; vertical-align: middle; }
    .left table th {text-align: center;}
    .left table th.first {text-align: left;}
    .left table td {border-bottom: 1px solid #787878;}
    .left table td.first {width: 450px;}
    .left table th{background: #565656; color: #fff;}

.right {width: 315px; float: right;}
    .right #description {color: #444;}

    .right .slider { }
    .right .slider strong {color: #444; margin: 40px 0 2px 0; display: block;}
    .right .slider table {width: 100%;}
    .right .slider table tr {border-bottom: 1px solid #787878; line-height: 28px;}
    .right .slider table th {color: #444; text-transform: lowercase; font-size: 12px; font-weight: normal;text-align: left;}
    .right .slider table td {font-size: 12px;}
    
    .right .sampler {background: url(../images/bg_sampler.png) no-repeat center 0; padding-top: 70px; display: block; text-align: center;
                     margin-top: 30px;}

/** kontakt */
#opentime {width: 300px;  font-size: 12px;}
#opentime th, #opentime td{padding: 5px 10px 5px 0;}

#contactForm { margin-top: 30px;}
#contactForm td, #contactForm th {font-weight: normal; padding: 5px 10px 5px 0; vertical-align: top;}

/** fotogalerie */
.gallery img {width: 640px;}


label.required:after { content: ' *'; color: red; }