@charset "utf-8";

* { outline: none; }

div.absolute { position: absolute; }
div.relative { position: relative; }

div.left { float: left; }
div.right { float: right; }

td.top { vertical-align: top; }
td.middle { vertical-align: middle; }
td.bottom { vertical-align: bottom; }

div.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
div.clear_r { clear:both; *clear: right; height: 0px; line-height: 0px; font-size: 0px; }
div.clear5 { clear: both; height: 5px; line-height: 5px; font-size: 5px; }
div.clear10 { clear: both; height: 10px; line-height: 10px; font-size: 10px; }
div.clear15 { clear: both; height: 15px; line-height: 15px; font-size: 15px; }
div.clear20 { clear: both; height: 20px; line-height: 20px; font-size: 20px; }

html { height:100%}
body { margin:0px; padding:0px; font-family:Verdana; color:#000000; height:100%; font-size:11px;  }
img { border:none}

.break { clear:both; font-size:1px; line-height:1px; height:0px;}
.underLine { clear:both}
a.moreBtn { background:url(../img/bullet_more1.gif) no-repeat right 2px; padding:1px 16px 1px 0px; color:#000000; font-size:10px;}
a.moreBtn:hover { text-decoration:none; color:#7D4F00}

div.h1{ color:#000000; line-height:29px; font-size:17px; }
div.h1 a{ color:#000000; line-height:29px; font-size:17px; }
div.h2{ color:#000000; line-height:24px; font-size:13px; }
div.h2 a{ color:#000000; line-height:24px; font-size:13px; }
div.h3{ color:#000000; line-height:23px; font-size:11px; }
div.h3 a{ color:#000000; line-height:23px; font-size:11px; }

/* ----------Background styles------------*/

.mainContainer { width:955px; vertical-align:top; background:url(../img/kontaktcjo_bg_leftside2.jpg) left bottom no-repeat #FBBE01}
.left_side { background: url(../img/bg_left_top.jpg) #FBBE01 right top repeat-x; vertical-align:top; }
.right_side { background: url(../img/bg_right_top.jpg) #FBBE01 left top repeat-x; vertical-align:top; }
.left_side_bgDiv { background:url(../img/bg_left_top_side.jpg) right top no-repeat; height:639px;}
.left_side_gr { background:url(../img/kontaktcjo_bg_leftside.jpg) right bottom #FBBE01 no-repeat; height:145px;}
.right_side_bgDiv { background:url(../img/bg_right_top_side.jpg) left top no-repeat; height:639px;}
.right_side_bgDivSub { background:url(../img/bg_right_top_side.jpg) left top no-repeat; height:639px;}

.left_side_bottom { background:url(../img/bg_left_bottom.jpg) #FFB404 right top repeat-x; vertical-align:top; height:92px;}
.right_side_bottom { background:url(../img/bg_right_bottom.jpg) #FFB404 left top repeat-x; vertical-align:top; height:92px;}
.left_side_bottom_bgDiv { background:url(../img/bg_left_bottom_side.jpg) right top no-repeat; vertical-align:top; height:92px;}
.right_side_bottom_bgDiv { background:url(../img/bg_right_bottom_side.jpg) left top no-repeat; vertical-align:top; height:92px;}


/* ----------Header styles------------*/

.headerMain { background: url(../img/header_mainbg.jpg) top left no-repeat #FFB404; width:955px; height:171px; position:relative}
.headerLogo { padding-top:30px;}
.flashGallery { width:460px; height:20px; position:absolute; left:221px; top:0px; }
.headerRight { width:297px; height:20px; position:absolute; right:0px; top:10px;}
.headerRight .title { float:left; padding:3px 15px 0px 0px;}
.headerRight .button { float:left;}
.headerRight .button a.login { background:url(../img/button_bg1.gif) no-repeat; display:block; height:18px; width:75px; color:#FFFFFF; font-family:Tahoma; padding:2px 0px 0px 8px;}
.headerRight .button a.login:hover { text-decoration:none; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}

/* ----------Content styles------------*/

.mainContent { background:url(../img/content_bg.jpg) repeat-x; float:left; width: 711px; min-height:600px; _height: auto !important; _height:600px; position:relative; }
.middleColumn { float:left; padding-left:17px; width:488px; min-height: 350px; _height: auto !important; _height: 350px; 
background:url(../img/middlecol_bg.jpg) no-repeat top right}

.middleColumn .textBanner { padding: 32px 0px 4px 0px; color: #000; font-size: 14px; width: 480px; }
    .middleColumn .textBanner a { color: #000; }

.middleColumn .title { padding:22px 0px;}
.middleColumn .textWelcome { height: 175px; overflow: hidden; font-size:12px; line-height: 140%; padding: 0px 15px 18px 0px; }
.middleColumn .textWelcome p { color:#000000; padding: 0px 0px 20px 0px; font-size:12px;  }
.middleColumn #main_more { padding-right: 15px; }

.middleColumnSub { float:left; padding-left:17px; width:688px; min-height:600px; _height: auto !important; _height: 600px; }
.middleColumnSub .textBanner { padding:33px 0px 20px 0px;}
.middleColumnSub .textBanner h1 { color:#FEE66C; font-size:14px; font-weight:normal; padding:0px; margin:0px;}
.middleColumnSub .title { padding:22px 0px;}
.middleColumnSub .textWelcome { padding: 0px 30px 18px 0px; height: 230px; overflow: hidden; font-size:12px; line-height: 140%; }
.middleColumnSub .textWelcome p { color:#EED2D2; padding:0px 30px 20px 0px; font-size:12px;  }


.rightColumn { background:url(../img/rightcolumn_bg1.jpg) #FBBE01; width:244px; float:right}
.rightColumnSub { background:url(../img/content_bg.jpg) #FBBE01 repeat-x; width:44px; height: 465px; float:right}
.mainBoxRightColumn { background: url(../img/rightcolumn_bg_bottom.jpg) no-repeat left bottom; padding:40px 17px 0px 20px; height: 515px; *height: 522px; 
                        overflow: hidden; }

 .mainBoxRightColumn .title { padding:20px 5px 20px 0px;}
 .mainBoxRightColumn .moreField { float:right;}
 .mainBoxRightColumn .titleField { float:left;}
 .mainBoxRightColumn .Rbox1 { padding: 5px 0px; height: 110px; overflow: hidden; }
 .mainBoxRightColumn .Rbox1 p { padding:5px 0px;}
 .mainBoxRightColumn .Rbox1 span { color:#FF1C1C; font-weight:bold}
 .mainBoxRightColumn .Rbox2 { padding:5px 0px; height: 120px; overflow: hidden; }
 .mainBoxRightColumn .Rbox2 td { padding:6px 5px; vertical-align:top}
 .mainBoxRightColumn .Rbox2 a { padding:2px 0px 3px 5px; color:#000000; }
 .mainBoxRightColumn .Rbox2 a:hover {color:#7D4F00; text-decoration:none;filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6;}
 .mainBoxRightColumn .Rbox2 .flagBtn_en { background:url(../img/flagico_en.gif) no-repeat 0px 0px }
 .mainBoxRightColumn .Rbox2 .flagBtn_de { background:url(../img/flagico_de.gif) no-repeat 0px 0px }
 .mainBoxRightColumn .Rbox2 .flagBtn_fr { background:url(../img/flagico_fr.gif) no-repeat 0px 0px }
 .mainBoxRightColumn .Rbox2 .flagBtn_por { background:url(../img/flagico_por.gif) no-repeat 0px 0px }
 .mainBoxRightColumn .Rbox2 .flagBtn_sp { background:url(../img/flagico_sp.gif) no-repeat 0px 0px }
 .mainBoxRightColumn .Rbox2 .flagBtn_ru { background:url(../img/flagico_ru.gif) no-repeat 0px 0px }
 .mainBoxRightColumn .Rbox2 .flagBtn_it { background:url(../img/flagico_it.gif) no-repeat 0px 0px }
 .mainBoxRightColumn .Rbox2 .flagBtn_pl { background:url(../img/flagico_pl.gif) no-repeat 0px 0px }
       
 .mainBoxRightColumn .Rbox2 .foto { float:left; padding-right:10px;}
 .mainBoxRightColumn .Rbox2 .foto img { border:1px solid #000000}
 .mainBoxRightColumn .Rbox2 .text { float:right; width:116px;}
 .mainBoxRightColumn .Rbox2 .text h3 { font-size:11px; font-weight:bold; color:#EED2D2; padding:0px 0px 10px 0px; margin:0px;}
 .mainBoxRightColumn .Rbox2 .text p {}
 .Rbox3 { padding:20px 0px 20px 5px; }
 .Rbox3 ul { list-style:none; padding:0px; margin:0px;}
 .Rbox3 li { padding:0px 0px 10px 15px; background: url(../img/bullet_news1.gif) no-repeat 0px 4px }
 .Rbox3 a { color: #000000; }
 .Rbox3 a:hover { color: #000000; }

 div.scroll_gallery { height: 122px; overflow: hidden; }
 div.scroll_events { height: 110px; overflow: hidden; }
 div.relative_scroll { position: relative; }
 div.absolute_scroll { position: absolute; top: 0px; left: 0px; background: url(../img/galleryframe.png) top left no-repeat; height: 122px; width: 165px; }

.bottomBoxBar { padding:30px 30px 0px 0px; }
.bottomBoxBarSub { position: absolute; top: 365px; left:0px; }

.bottomBoxBar .title { padding-bottom:0px;}
.bottomBoxBar .text { padding:10px 0px;}
.bottomBoxBar .text ul { list-style:none; padding:0px; margin:0px;} 
.bottomBoxBar .text .ok_li { background: url(../img/bullet_ok1.png) no-repeat 0px 5px; padding:6px 5px 6px 20px; _padding:0px 5px 12px 20px;} 

.newsletterBox { width:206px; height:200px; background: url(../img/newsletter_glow.png) no-repeat top left; float:left;
				position: absolute; left:0px;  top: 396px; _top: 399px; }
.newsletterBox .emailField { background:url(../img/email_field_bg.png) no-repeat; padding:2px 5px 26px 5px;}
.newsletterBox .emailField input { background:transparent; border:none; width:145px; font-size:11px; color:#333333}
.newsletterBox .saveField { float:left; padding-right:10px;}
.newsletterBox .saveField a { background: url(../img/button_savebg1.gif) no-repeat; padding:2px 7px 3px 18px; display:block; font-family:Tahoma; color:#FFFFFF}
.newsletterBox .saveField a:hover {text-decoration:none; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}
.newsletterBox .deleteField { float:left}
.newsletterBox .deleteField a { background: url(../img/button_deletebg1.gif) no-repeat; padding:2px 8px 3px 24px; display:block;font-family:Tahoma; color:#FFFFFF}
.newsletterBox .deleteField a:hover {text-decoration:none; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}
 
.bottomBoxBar .kontaktToBox { float: right; width:260px; padding-right: 20px; _padding-right: 0px; }
.bottomBoxBar .kontaktToBox li { background: transparent url(../img/bullet_ok1.png) no-repeat scroll 0 5px; padding:6px 5px 6px 20px; }


.bottomBoxBar .galleryBox { float: right; width:180px; }

/* ----------Footer styles------------*/

.footer { background:url(../img/footer_bg.jpg) #FFB404 no-repeat;color:#000000; font-size:10px; vertical-align:top; padding-top: 27px; }
.footer .copyright { float:left;  width:220px; padding-top: 8px; }
.footer .footmenu { float:left; padding-top: 8px;}
.footer .footmenu ul { list-style:none; padding:0px; margin:0px;}
.footer .footmenu li { float:left; padding:0px 30px 0px 0px;}
.footer .footmenu a {color:#000000; font-size:10px;}
.footer .footmenu a:hover {color:#7D4F00; text-decoration:none}
.footer .seealso { float:right}
.footer .seealso .left { float:left; padding-left:120px; padding-right:9px;}
.footer .seealso .right { float:right; position:relative; top:-8px}
.footer .seealso .right a {}
.footer .seealso .right a:hover {filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}

/* ----------Seo styles------------*/

.seo h1 { font-size:11px; color:#7f7f65; font-weight:normal; font-family:Tahoma, Arial, sans-serif; display:inline; clear:none; background:none; padding:0px; margin:0px;}
.seo strong { font-size:11px; color:#f98101; font-weight:normal; font-family:Tahoma, Arial, sans-serif; display:inline; clear:none; background:none; padding:0px; margin:0px;}
.seo a { font-size:11px; color:#f98101; font-weight:normal; font-family:Tahoma, Arial, sans-serif; display:inline; clear:none; background:none; padding:0px; margin:0px;}

/* ----------Arrow styles------------*/
a.arrow_left{ line-height:20px; padding-left:15px; background: url(../img/arrow_left.gif) left center no-repeat; color:#000000; font-size:10px; }
a.arrow_left:hover{ line-height:20px; padding-left:15px; background: url(../img/arrow_left.gif) left center no-repeat; color:#533e00; font-size:10px; }

a.arrow_right{ line-height:20px; padding-right:15px; background: url(../img/arrow_right.gif) right center no-repeat; color:#000000; font-size:10px; }
a.arrow_right:hover{ line-height:20px; padding-right:15px; background: url(../img/arrow_right.gif) right center no-repeat; color:#533e00; font-size:10px; }

a.arrow_top{ line-height:20px; padding-right:15px; background: url(../img/arrow_top.gif) right center no-repeat; color:#000000; font-size:10px; }
a.arrow_top:hover{ line-height:20px; padding-right:15px; background: url(../img/arrow_top.gif) right center no-repeat; color:#533e00; font-size:10px; }

a.arrow_bottom{ line-height:20px; padding-right:15px; background: url(../img/arrow_bottom.gif) right center no-repeat; color:#000000; font-size:10px; }
a.arrow_bottom:hover{ line-height:20px; padding-right:15px; background: url(../img/arrow_bottom.gif) right center no-repeat; color:#533e00; font-size:10px; }