html { }
.clear {clear: both;}
h1,h2,h3,h4 { margin:0px; padding:0px; font-size:16px; font-weight:normal; }

*{margin:0px;padding:0px}
/* PAGE STYLE */
body {color:#000; font-family: Helvetica,arial,sans; width:100%; min-width:1000px; text-align:left;}
h3.header{    font-weight: bold;font-family: Helvetica, Arial; color: #64553d; font-size: 20px; text-align: left; margin-top: 10px;}
h3.header span {color:#797b7b; font-size:14px; clear:both; }
.pageContent{ font-size:16px; color: #555; text-align:left;  margin-top: 40px; line-height: 120%; }
.pageContent a { font-weight:bold }
/* END PAGE STYLE */


h6{    font-weight: bold;font-family: Cambria Math, Helvetica, Arial; color: #64553d; font-size: 24px; border-bottom: 1px solid #a8a8a8; padding-bottom: 5px; margin-bottom: 5px; text-align: left;}
a{text-decoration:none; color:#000 }
a,:focus, :active {-moz-outline-style:none;outline:none;} 
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.show{display:block}
.hide{display:none}
.nus{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none;cursor:pointer}
input[type=text],input[type=password],select,textarea { border:solid 1px #aeaeae;color:#7F7F7F;font-size:12px;padding:1px;padding:2px 0px}

.grad1{ 
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWFlYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 47%, #aeaeae 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#e3e3e3), color-stop(100%,#aeaeae)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 47%,#aeaeae 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 47%,#aeaeae 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 47%,#aeaeae 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#e3e3e3 47%,#aeaeae 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aeaeae',GradientType=0 ); /* IE6-8 */
}
.infobox_cont li { list-style:none }
.btn{ cursor:pointer; padding:2px 5px; margin:5px auto; border:solid 1px #aeaeae }
.btn1{ background-color:#f15a24; color:#fff; padding:5px 10px; font-weight:bold; text-align:center } 

.site{ width:1000px; margin:auto; position: relative;}
.left, #middle .right{ width:180px; float:left; }
.center{ width: 720px; float:right; margin-left:15px;  }

#top,#menu { width:100%; float:right;  }
#top .left #logo{ display:block }
#top .right { float:right; width:320px }
#top .right #kontakt { font-size:13px; line-height:20px; width:100%; height:20px; line-height:20px; text-align:left }
#kontakt a, #kontakt span{color:#626262;}

#search span {position: absolute;  top: 53px; left: 490px; font-size: 16px; color: #555;}
#search input[type=text] { position: absolute; top: 45px; left: 620px; border:1px solid #7f7f7f; padding:0px; height:30px; width:300px !important; }
#search input[type=submit] { position: absolute; top: 35px; left: 940px; margin-top:10px; cursor:pointer; float:left; border:none; background-color: #555; color: #fff; font-size: 16px; padding: 7px 12px;} 

#subtitle
{
    position: absolute; 
    font-size: 22px;
    color: #333;
    top: 15px;
    left: 250px;
}

#bgbar {position: absolute; top: 98px; height: 37px; width: 100%; background-color: #1367c5;}
#menu { position: absolute; top: 100px; left: 200px; height:30px;  background-position:right top; background-repeat:no-repeat; }
#menu li {margin-right: 40px; position:relative; float:left; list-style:none; line-height:30px; padding-top: 1px; }
#menu li a { line-height:30px; height:30px; width:100%; display:inline-block; color: white; font-size: 18px; }
#menu li:first-child {margin-left:30px;}
#menu li:hover a {text-decoration: underline;}

#menu1 { float:left !important; height:auto }
#menu1 li { height:auto !important; background-image:none !important } 
#menu1 > li a{ width:100%; float:left; height:auto; display:block }
#menu1 .submenu1 {  width:175px; float:left !important; position:relative; border-top:solid 1px #cacaca; left:-1px; }
#menu1 .submenu1 li { float:left; display:block; text-indent:20px !important}
#menu1 .submenu1 a { float:left; display:block; width:100% }

#menu1 .submenu2{ float:left !important; border:none !important }
#menu1 .submenu2 li { text-indent:20px !important}
#menu1 .submenu2 a { float:left; display:block; width:100% }

#middle { float:left; margin-top:20px }
#middle .box { float:left; margin-bottom:20px; width:230px }
#middle .box .title1 { height:26px; color:#f15a24; border:solid 1px #aeaeae; border-bottom:0px;  text-align:left; text-indent:10px; line-height:26px; }
#middle .box ul,#middle .box .content { color:#aeaeae; font-size:12px; border-left:solid 1px #aeaeae; border-right:solid 1px #aeaeae; float:left; text-align:left }

#middle .box.cats ul { border:none }
#middle .box.cats ul li {  background:none; height: 40px; border: none; width: 230px; }
#middle .box.cats ul li a{ display:inline-block; background: none; color: #64553d; font-size: 20px; font-weight: normal; line-height: 40px;}
#middle .box.cats ul li.active a {color: #1367c5;}
#middle .box.cats ul li.maincat {border-bottom: 1px solid #dcdcdc;}
#middle .box.cats ul li.maincat.active {background-image: url(../img/default/arrow_right_blue.png); background-repeat: no-repeat; background-position: 8px center;}
#middle .box.cats ul li.child.c1.active {background-image: url(../img/default/arrow_right_blue.png); background-repeat: no-repeat; background-position: 8px center;}
#middle .box.cats ul li.child.c2.active {background-image: url(../img/default/arrow_right_blue.png); background-repeat: no-repeat; background-position:20px center;}
#middle .box.cats ul li.child.c2 {background-image: url(../img/default/arrow_right.png); background-repeat: no-repeat; background-position:20px center;}

#middle .box.cats .title {width: 230px; background-color: #1367c5; color: #fff; font-size: 18px; line-height: 40px; text-align: left; text-indent: 20px; background-image: url(../img/default/arrow.png); background-repeat: no-repeat; background-position: 200px center;}
#middle .box.cats .child a{font-size: 17px; text-transform: lowercase;}

p.sub
{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin: 10px 0px;
}

.pdk_link
{
    color: #64553d;
    font-size: 20px;
    float: left;
    width: 355px;
    text-transform: lowercase;
    padding-bottom: 10px;
    text-indent: 15px;
}

.pdk_link:hover
{
    color: #1367c5;
}
#middle .box ul li a { background-image:url(../img/default/bullet.gif); background-repeat:no-repeat; background-position:160px center;display:inline-block; width:100%; }
#middle .box li {   text-indent:10px; font-size:14px; font-weight:bold; cursor:pointer; background-color:#f0f0f0; float:left; width:100%; list-style:none; line-height:24px; height:24px; border-bottom:solid 1px #aeaeae;  width:178px;  }
#middle .box li:hover, #middle .box li.active {background-color:#fff; background-image:url(../img/default/bullet_h.gif);}
#middle .box .content { padding:10px; border-bottom:solid 1px #aeaeae; }

#middle #newsletter .content,#middle .custom .content{ width:158px; padding-top:0px; }

#middle #newsletter input[type=text]{ width:150px; padding:3px 5px; }
#middle #newsletter input[type=submit]{ margin-right:8px; }
#middle #newsletter {float:left; padding:0px }
#middle #newsletter .content1 { padding-top:10px; padding-bottom:5px; float:left; border-left: 1px solid #AEAEAE; border-right: 1px solid #AEAEAE;float:left; width:178px; clear:both; background-color:#ececec; border-bottom:solid 1px #aeaeae; }

#btm { float:left; width:100%; height: 80px; }
#copyright{ margin-top:50px; font-size:16px; color:#000; }


h2.product_header{ line-height:20px !important; font-size: 20px; font-weight: bold; color: #555; width: 100%;}
.newsContent{ width:100%; text-align:left; margin-top:15px; }
.newsContent .item{ margin-left:36px; margin-bottom:15px; font-size:10px; width:360px; padding:10px; height:137px; border:solid 1px #c9c9c9; float:left }
.newsContent .item:nth-child(odd){ margin-left:0px }
.newsContent .item .title{ float:left; width:155px; font-weight:bold }
.newsContent .item .description{ height:125px; float:left; margin-left:5px; width:202px; font-size:10px }
.newsContent .item .image{ float:left; width:133px; height:138px; display:table-cell; vertical-align:middle; }
.newsContent .item .more { font-size:10px; float:right;  margin-right:0px; color:#f15a24 }

.newsList{ width:100%; text-align:left; }
.newsList .item{  margin-bottom:15px; width:783px; padding:10px; height:137px; border:solid 1px #c9c9c9; float:left }
.newsList .item .title{ margin-left:5px; float:left; font-size:16px; width:155px; font-weight:bold }
.newsList .item .description{ height:105px; float:left; margin-left:5px; width:644px;  }
.newsList .item .image{ float:left; width:133px; height:138px; display:table-cell; vertical-align:middle; }
.newsList .item .more { font-size:10px; float:right;  margin-right:0px; color:#f15a24 }

.gallery { }
.gallery .image{  }

.product_gallery .bigImage_w{ width:100%; height:auto; overflow:hidden; display: block; margin: 0px 10px 10px 0px; }
.product_gallery .bigImage{  display: table-cell; vertical-align:middle; margin:0 auto; text-align:center; }
.btns {width: 100%; text-align: right; height: 50px;}
.btns a{float:right; padding: 10px; background-color: #1367c5; font-size: 20px;}

.info{color:green; font-weight:bold;}
.contact_form{ float:left; width:305px; margin-right:20px; }
.contact_form .val{text-align:left; font-weight:bold; color:#000; vertical-align:top; line-height:30px; font-size:14px;}
.contact_form .field input[type=text],.contact_form .field textarea{width:305px; float:left}
.contact_form .field textarea{height:150px;}
.warning{clear:both; line-height:30px; color:red; font-size:11px; float:right; height:25px;}

.productList{ float:left; width:100%; }
.productList .product{float:left; height: 145px; border:solid 1px #999;  width:350px; margin-right: 15px; text-align:left; margin-bottom:15px; position: relative; }
.productList .product .more{position: absolute; bottom: 10px; right: 10px; text-decoration: underline; font-size: 14px;}
.productList .product.sec {margin-right: 0px;}
.productList .product .image_w { float:left; overflow:hidden; padding:5px; }
.productList .product .image{ display: table-cell; vertical-align:top; margin:0 auto; text-align:center; } 
.productList .product .desc{  padding:5px 0px; }
.productList .product .title{ margin-top: 30px; font-weight: bold; font-size: 20px; }
.productList .product .description{ margin-top:5px; color:#030605; font-size:12px;  }
.description ul ,.description ol,.pageContent ul,.pageContent ol{ display:inline-block; padding-left:20px !important; }

.pop {background-color:#fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); position:fixed; top:50%; left:50% }
.pop .head { text-indent:10px; padding:3px 0px; width:100%; float:left; background-color:#eee; font-weight:bold; text-align:left; }
.pop .close { margin-right:10px; cursor:pointer; float:right; position:relative; top:-1px; width:24px; height:24px; background-image:url(../img/default/close.png) }
.pop .cnt { float:left; width:100%;  margin-top:10px} 

.product_form { width:100%; margin:auto; }
.product_form .field{ width:100%; float:left; }
.product_form .field input[type=text],.product_form .field textarea{ float:left; width:100%; }
.product_form .val { font-weight:bold; width:100%; text-align:left }

.show{display:block !important}
.msg{display:none;width:100%;border-radius:0px;clear:both;background-color:#fff;margin:0px;padding:3px 0px;text-align:left;line-height:25px; font-size:16px}
.ttl.in{ background-image:url(../img/default/info.jpg) }
.ttl.err{ background-image:url(../img/default/warning.png); color:red; }
.ttl.ok{ background-image:url(../img/default/ok.gif) }
.ttl{background-repeat:no-repeat; font-weight:bold; text-align:left; width:100%; background-position:left 4px;text-indent:30px; line-height:19px; font-size:12px; }
.msg ul{list-style-type:square;margin:10px; }

.file
{
    background-image: url(../img/default/adobe_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 19px;
    text-indent: 30px;
    margin-bottom: 20px;
    padding-top: 2px;
    margin-left: 15px;
}

.file a
{
    font-weight: bold;
    color: #1367c5;

}
.newsleft 
{
    width: 235px;
    margin-bottom: 20px;
}

.newsleft span
{
    display: block;
    font-size: 24px;
    color: #1367c5;
    font-weight: bold;font-family: Cambria Math, Helvetica, Arial; 
    border-bottom: 1px solid #aaa;
    margin-bottom: 5px;
    width: 100%;
    padding-bottom: 10px;
    text-indent: 10px;
}

.newsleft .title
{
    color: #2a2a2a;
    font-size: 18px;
    padding-left: 10px;
    margin-top: 10px;
}

.newsleft .more
{
    float: right;
    text-decoration: underline;
    font-size: 15px;
    margin-right: 15px;
}

.netgraf
{
    margin: 10px 15px 5px 0px;
}


.cookie-alert
{
    position: fixed;
    width: 100%;
    height: 30px;
    bottom: 0px;
    background-color: #7f7f7f;
    border-top: 1px solid #484747;
    padding: 5px;
    color: #fff;
    font-size: 12px;
}

.cookie-alert .text
{
    width: 960px;
    margin: 0px auto;
}
.cookie-alert a
{
    color: inherit;
    display: inline;
    text-decoration: underline;
}
