/* ekocentrum_eu */
html,body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #4B2525;
background-color: #967D54;
margin: 10px 0 0 0;
padding: 0;
text-align: center; /* Zentrierung im Internet Explorer */
background-image: url(../images/bg.jpg);
background-repeat: repeat;
}
form,ul,ol,li,h5,h6,td,p,div,img,span {padding:0; margin:0; border: 0;
}
h1, h2, h3, h4 {margin: 0 0 0.1em 0;}
p {margin:0 0 0.4em 0 ; padding: 0}
a img { border:0;}
h1 {font-size : 17px; font-weight : bold; color: #4B2525; margin:25px auto 20px auto;
text-align:left; line-height: 105% }
h2 {font-size : 15px; font-weight : bold; color: #4B2525; }
h3 {font-size : 13px; font-weight : bold; color: #4B2525; }
h4 {font-size : 12px; font-weight : bold; color: #4B2525; }
.maps {text-align:center; margin:0 auto 0 auto; }
hr {height:1px; color:#660000; background-color:#6F7B91; border: 0px solid #660000; }
ul {margin-left: 1px; padding-left: 15px; }
li {list-style-image: none; text-align: left; list-style-type: square; }
address { font-size: 12px; font-style: normal; color:#877768; border: 0px solid #f00; margin: 50px 10px 10px 12px;
text-align: left; }
#link-desc{ display: none;}
#page {
margin: 0px auto auto auto; text-align: center; position: relative; width: 950px;
background-image: url(../images/bg_main.gif); background-repeat: repeat-y ;
}
#topbox {clear: both; margin: 0; padding: 0; border: 0; width: 100%; height:70px; background-image: url(../images/bg_top.gif); background-repeat: no-repeat; background-position:bottom left;}
#topbox img {display: none}
#middlebox-null {text-align: center;
margin: 0; padding: 0; border: 0; width:950px;
_height:500px; min-height:500px !important;
}
#middlebox { margin:0px 1px 0 1px; padding: 0; vertical-align: top; width: 946px;
}
#leftbox {float: left; width: 179px; margin-top:5px; text-align: center; }
#leftbox .logo {margin: 0 ; margin-left: 6px; text-align: left;}
#rightbox {float: right; width: 750px; margin:0 ; padding:0; }
#content-null {margin:15px; padding: 0; text-align: left; }
#content-mr {margin: 25px 40px 10px 40px; padding: 0; text-align: left;}
#content-mr h1 { padding: 1px 5px 2px 0px; }
#content-mr h4 { padding: 4px 0 0 0; }
.content-mr { padding: 0; line-height: 16px; }
.clanek { margin: 0 auto 0 auto; font-size: 1.2em !important; line-height: 16px; width: 570px !important; float: none; text-align: left;}
.clanek a { text-decoration : none; background-color: #FDF6EC; font-size: 1.0em !important; padding: 0 3px 0 3px}
.clanek a:hover { text-decoration : none; background-color: transparent; color: Maroon; }
.clanek img { margin-right: 2px ;}
#content-m {float:left; width:720px; margin:0; padding: 0; }
#content-m h1 { padding: 1px 0px 2px 0; }
.content-m {width: 100%; padding: 0; text-align: left;}
#content-r {float: right; width:180px; margin:0; padding: 0; }
#content-r h1 {width:100%; padding: 1px 0px 2px 5px; }
.content-r {width: 100%; text-align: left; }
#bottombox {clear: both; margin:0; padding: 0; border: 0; width: 100%; height:40px; background-image: url(../images/bg_main_bottom.gif); background-repeat: no-repeat; background-position:bottom left;}
#pfad-null {margin: 0 0 0 255px; height:20px; text-align:left; }
#pfad-null a { font-size: 10px; text-decoration: none; color: #FF4500; }
#pfad-null a:hover { color: #6A7391; text-decoration: underline; }
.pfad { font-size: 10px !important; text-transform: uppercase; }
/* SITEMAP */
#sitemap { padding:5px 0 10px 0; text-align:center; }
#sitemap table {padding: 0; margin: 0; text-align:left; }
#sitemap tr {height: 15px; }
#sitemap span {font-size : 11px; font-weight: normal; padding: 0; margin: 0; }
#sitemap img {vertical-align: bottom; border: none; padding: 0; }
#sitemap a {padding: 1px 10px 1px 5px; }
#sitemap a:hover { font-weight:bold;}
/* end sitemap */
/* LEFT MENU */
ul#navi1 { margin: 15px auto 0 -3px ; width: 160px; border: 0; }
/*ul#navi1[ID] {margin: 30px 0 0 -3px; }*/
ul#navi1 li {list-style: none; }
ul#navi1 a {font-size:15px; font-weight:bold; color:#877768; border: 0; height: 25px;
display:block; padding: 2px 0 ; text-decoration: none; text-align: left;
}
ul#navi1 a:hover { color: #4B2525; padding: 2px 0 ; }
ul#navi1 a.visit { color: #4B2525; padding: 2px 0 ; }
ul#navi2 { border: 0; padding: 0; margin: 3px 0 10px 3px; }
ul#navi2 li { list-style: none; }
ul#navi2 a { border: 0; padding: 1px 0; height: 18px;
text-align: left; text-decoration: none; font-size: 13px; color:#877768;
background-image: none; font-weight: normal;}
ul#navi2 a:hover { margin: 0; padding: 1px 0; color: #4B2525; text-decoration: none; background-image: none;
}
ul#navi2 a.visit { margin: 0; padding: 1px 0; color: #4B2525; background-image: none; }
ul#navi3 { border: 0; padding: 0; margin: 0; }
ul#navi3 li { list-style: none; text-align: right; }
ul#navi3 a { border: 0;
display:block;
padding: 1px 10px 1px 0;
text-decoration: none;
font-weight: bold;
font-size: 10px;
color: #333;
}
ul#navi3 a:hover { color: white; border-color: black; }
ul#navi3 a.visit { color: #e97103; }
/* end menu */
/* LEFTMAIL */
#leftmail {margin:20px auto 10px 12px; position:relative; bottom:0px; font-size: 12px; text-align: left;}
#leftmail a, #leftmail a:link, #leftmail a:visited, #leftmail a:active { color:#877768;
font-weight: bold; }
#leftmail a:hover { color: #4B2525; text-decoration: underline;}
/* end leftmail */
.px11 { font-size : 11px;}
.px12 { font-size : 12px;}
.px13 { font-size : 13px;}
.px15 { font-size : 15px;}
.px17 { font-size : 17px;}
.px12xbold { font-size : 12px; color: #660000; font-weight: bold;}
.px13xbold { font-size : 13px; color: #660000; font-weight: bold;}
.px14xbold { font-size : 15px; color: #660000; font-weight: bold; }
.px14 { font-size : 14px; color: #660000; font-family: "Courier New", Courier, monospace;}
.standardtext {font-size : 12px;}
.small { font-size : 11px; }
a, a:link, a:visited, a:active { text-decoration : none; font-size: 12px; color: #660000; }
a:hover { text-decoration : underline; color: #666;}
a.co-link, a:link.co-link, a:visited.co-link, a:active.co-link { text-decoration : none;
color: #666666; font-size: 12px; }
a:hover.co-link { color: #ff0000; background-color: #f6f6f6; }
a.co-link2, a:link.co-link2, a:visited.co-link2, a:active.co-link2 {
text-decoration : none;
color: #660000;
font-size: 13px;
font-weight: normal;
}
a:hover.co-link2 {color: #666666; }
a.co-link3, a:link.co-link3, a:visited.co-link3, a:active.co-link3 {
margin: 2px 0 2px 0;
text-decoration : none;
color: #F7B540;
font-size: 11px;
letter-spacing: 2px;
padding: 3px 0 0 0;
font-weight: bold; background-image: url(http://www.autoprofigroup.cz/hyundai/images/bg_co-link3.gif);
height: 24px;
}
a:hover.co-link3 {
color: #660000;
}
a.mail, a:link.mail, a:visited.mail, a:active.mail { color: #666666; font-size: 12px; }
a:hover.mail { color: #ff0000; }
a.r-link, a:link.r-link, a:visited.r-link, a:active.r-link {text-decoration : none; color: #ff0000; }
a:hover.r-link {color: #ffffff; }
img.imgsitemap{ vertical-align: bottom; border: none;}
.noscreen { display: none}
hr.noscreen {clear:both;}
.clearb { clear:both; }
.cleaner { clear:both; height:0px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }
#msg{ margin: 5px 0 0 0; text-align: center; color: #ffd200; font-weight: bold; clear: both;}
/* formulare */
.field-desc { font-size: 12px; text-align: left;}
.micro { font-size: 11px;}
.chb { border : 0px;}
input { font-size : 11px; padding-left : 3px; margin: 1px}
.radio { vertical-align: middle; }
option {color : #646464; font-size : 11px; }
.button {border: none; }
#prospekte{ margin: 0; padding: 0; height: 470px; overflow: visible;}
#kontakt{ margin: 0; padding: 0; height: 370px; overflow: visible;}
#formular { margin: 0 0 10px 0; padding: 0; overflow: visible; border: 0; font-size: 12px;}
#formular table { margin: 10px 0 0 0; }
#formular tr {vertical-align: top;}
#formular input{ font-size: 11px; padding-left : 3px; margin: 1px 5px 1px 5px;}
#formular textarea{ font-size: 11px; margin: 2px 0 1px 5px; font-family : Helvetica, Arial, Geneva, Verdana, sans-serif; width: 250px}
#formular .anrede { vertical-align: middle; height: 40px}
#formular .radio { margin: 2px 5px -2px 5px }
#feedback{ margin: 0; padding: 0; height: 480px; overflow: visible;}
#bestellung{margin: 20px 0 20px 0; width: 370px; }
#feedback{ margin: 0; padding: 0; height: 480px; overflow: visible;}
#bestellung{margin: 20px 0 20px 0; width: 370px; }
/* galery */
.galery{ height: 100%;}
.galery-tn{ width: 120px; float: left; }
.galery-tn li{ margin: 0 0 10px -10px; padding: 0px; list-style: none; text-align: center; }
.galery-tn li a{ padding: 3px; border: 1px solid #837B6C; display: block;margin: 0 auto 0 auto;}
.galery-tn img{ border: 0px; vertical-align:middle; }
.tn-navi{ margin: auto 0 10px auto; padding: 0; text-align: center;}
.tn-navi img{ margin-bottom: 10px; border: 0;}
.galery-bp {width: 500px; float: right; text-align: center; }
.galery-bp .bp{ border:1px solid #9A9589;padding:3px 3px 3px 3px; margin: 0 auto 0 auto;}
.galery-bp img{ border: 0px; vertical-align:middle; }
.galery-bp p{ margin-top: 5px; padding: 0; }
.pic-navi{ margin: 5px 0 ; padding: 0; border: 0; text-align: center;}
.pic-navi img{ margin-bottom: 10px; border: 0;}
.pic-navi a { border: 0;}
.pic-info {margin: 0; padding: 0; border: 0; width: 470px; text-align: center; }
.pic-info h2{ margin: 0 2px; padding: 0 4px; font-size : 13px; border: 0; text-align: center;}
.pic-text{ margin: 3px 0 0 0; padding: 0; border: 0; text-align: center !important; }
#galery-r {margin: 0; text-align: center; width: 220px; background-color: #f6f6f6;}
#galery-r .pic {margin: 0; padding: 0; }
#tn-r { margin: 0; height: 278px; text-align: center; border-bottom: 3px solid #fff;}
#tn-r td {vertical-align: top; padding: 5px;}
#tn-r img {border: 1px solid #e2e2e2; }
.video {
text-align:center;
margin:10px;
}
ul#links { margin: 0; padding: 5px 0 5px 0; text-align: left; }
ul#links li {list-style: none; display: inline; padding: 5px; }
ul#links li a { color: #666; }
ul#links li a:hover { color: #f00;}
.print { list-style:none; padding:0px; position:relative; left:900px; top:6px;}
.centred {text-align:center;}
.imgleft{MARGIN-RIGHT: 6px ; }
.tab1 { border: 1px solid #fff; border-collapse: collapse; width: 100%}
.tab1 caption { margin: 4px; padding: 4px 2px; background-color: #e5d8c4; font-size: 15px; border: 1px solid #fff; }
.tab1 tr { margin: 3px; padding: 2px; }
.tab1 td { margin: 3px; padding: 4px 5px; border: 1px solid #fff; background-color: #f5e7ce; vertical-align: top; }
ul.subnavi1 {margin: 5px 0 0 0 ; }
/*ul#navi1[ID] {margin: 30px 0 0 -3px; }*/
ul.subnavi1 li {margin-bottom: 10px }
ul.subnavi1 a {font-size:15px; font-weight:bold; border: 0; text-decoration: none; text-align: left;
color: #4B2525; margin-bottom: 5px; }
ul.subnavi1 a:hover { color: #4B2525; text-decoration: underline; padding: 2px auto ; }
ul.subnavi1 a.visit { color: #4B2525; padding: 2px auto ; }
/* galery Content */
.galeryCO { padding: 5px; margin-top: 10px; border: 1px solid #fff; width: 650px; text-align: center; }
.galeryCO tr{ margin: 0; margin-bottom: 5px; padding: 10px 0; text-align: left; }
.galeryCO img{ margin: 5px auto; padding: 3px ; border: 1px solid #837B6C; display: block; text-align: center;}
.galleryCO td { width: 150px !important; height: 150px !important; text-align: center; }
.galleryCO td a:hover { background-color: Aqua;}
.galleryCO-tnimg { margin: 5px; text-align: center; }
.galeryCO-detail{ width: 650px; margin: 10px 0 0 0; }
.galeryCO-header { height: 28px; background-color: #E5D8C4; padding: 3px; border: 1px solid #CDC0B4; }
.galeryCO-header-text { float: left; width: 450px; color: #000; text-align: left; padding: 4px 3px 2px 5px; }
.galeryCO-header-navi { margin-top: -3px; text-align: right; }
.galeryCO-header-navi img { border: 1px solid #fff; padding: 3px; margin: 2px 5px 2px 0;}
.galeryCO-header-navi img:hover{ border: 1px solid #666;}
.galeryCO-back {text-align: right; font-size: 11px; font-weight: bold; padding: 3px 0 2px 0; }
.galeryCO-detail table.p{ margin: 0; padding: 0;}
.galeryCO-detail .bp{ text-align: center; }
.galeryCO-detail img.bp{ margin-top: 10px; padding: 0; }
/* SLIMBOX */
#lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #130700; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color:#130700; top: 0px; margin-top: -25px}
.lbLoading { background: #fff url(loading.gif) no-repeat center;}
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #130700; background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 20%; outline: none;}
#lbPrevLink { left: 0;}
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink { right: 0;}
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%;}
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #FFB060; line-height: 1.4em;
text-align: left;
border: 10px solid #130700;
border-top-style: none;
}
#lbCloseLink { display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px;}
#lbCaption { font-weight: bold; font-size: 11px; }
#lbCaption div{ font-weight: normal; font-size: 9px; width: 80%}
#lbNumber{ margin-top: 5px; color: #FFEFDF; }
#aktualizace { font-size: 12px; font-style: normal;
color:#877768; border: 0px solid #f00; margin: 15px 10px 10px 12px;
text-align: left; }
#formular { margin: 0 0 10px 0; padding: 0px; overflow: visible; border: 0; }
#formular table { width: 100%}
#formular td { font-size: 12px;}
#formular input{ font-size: 11px; padding : 3px; margin: 1px 0 1px 5px; border: 1px solid #663300;
}
#formular .radio{border: 0px #fff; margin: 0px 3px 3px 3px}
#formular .checkbox{border: 0px #fff; margin: 0px 3px 3px 0px }
#formular textarea{ font-size: 11px; margin: 1px 0 1px 5px; font-family : Helvetica, Arial, Geneva, Verdana, sans-serif; width: 250px;
border: 1px solid #000;
}
.xxform { margin: 5px 0 5px 1px; padding: 0; border: 0; text-align: left; }
.xxform form { margin: 0; padding: 0;}
.xxform fieldset {background-color: #F7EFCE;
border: 0px solid #ddd; padding: 0px; margin: 3px 10px 0 0px;}
.xxform legend { margin: 2px 0 0 10px; padding: 2px 4px 2px 4px;
font-weight: normal;
border: 0px solid #ccc;
}
.xxform div { margin: 10px 0 ; padding: 0; }
.xxform label { float: left; display: block; width: 230px; }
.xxform table {text-align: left; width: 99%;}
.xxform td {vertical-align: top; padding: 4px}
.xxform input { padding: 1px 3px ; vertical-align: top; }
.xxform textarea { padding: 2px 3px 2px 3px; }
.xxform select {margin: 0 10px 0 1px }
.xxform .radio {border:0; padding: 0 ; margin: 0 3px 0 0; }
.xxform .nfield {margin:0 0 0 20px; }
.xxform .formimage {margin:0 0 0 20px; }
#xxmsg{ margin: 1px 0 0 0; text-align: left; color: #d22c2e; font-weight: bold; }
.chb { border : 0 !important; }