/* CSS Document */

body {
margin: 0px;
padding: 0px;
background-color: #a05201;
font-family: Arial, Verdana, Tahoma;
font-size: 13px;
text-align: justify;
text-decoration: none;
font-weight: normal;
color: #4D4D4D;
line-height: 18px;
}

ul {
margin: 0px;
padding: 0px;
padding-left: 30px;
}

li {
margin: 0px;
padding: 0px;
}

a {
color: #ff9600;
text-decoration: none;
}

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

#main_container {
margin: 0 auto 0 auto;
padding-top: 10px;
width: 908px;
}

.clear {
clear: both;
}

/*-------------- top --------------*/
#top_container {
position: relative;
width: 908px;
height: 190px;
background: url(/images/kleinart_webdesign_back_top.jpg) center top no-repeat;
}

#logo_container {
position: absolute;
width: 156px;
height: 170px;
top: 11px;
left: 14px;
z-index: 100;
}

#facebook_container {
position: absolute;
width: 92px;
height: 28px;
top: 144px;
right: 4px;
background: url(/images/kleinart_facebook.jpg) center top no-repeat;
padding-top: 14px;
padding-left: 42px;
}

#facebook_container .click {
position: absolute;
width: 40px;
height: 36px;
top: 5px;
left: 0px;
}

#motto_container {
position: absolute;
width: 500px;
height: 88px;
top: 32px;
left: 390px;
}

#menu_container {
position: absolute;
width: auto;
height: 43px;
padding-left: 62px;
top: 143px;
}

#menu_container a {
/*text-transform: uppercase;*/
font-weight: bold;
font-size: 13px;
color: #363636;
text-decoration: none;
}

#menu_container a:hover {
/*text-transform: uppercase;*/
font-weight: bold;
font-size: 13px;
color: #ff9600;
text-decoration: none;
}

.button_container_on {
position: absolute;
width: 136px;
height: 49px;
top: -3px;
left: -8px;
background: url(/images/kleinart_webdesign_button.png) center top no-repeat;
text-align: center;
z-index: 200;
}

.button_container_off {
position: relative;
width: 120px;
height: 43px;
background: url(/images/kleinart_webdesign_button_off.png) right top no-repeat;
float: left;
text-align: center;
z-index: 20;
}

.button_container_aktiv {
position: relative;
width: 120px;
height: 43px;
background: url(/images/kleinart_webdesign_button_off.png) right top no-repeat;
float: left;
text-align: center;
z-index: 180;
}

.menutext_on {
padding-top: 14px;
color: #363636;
font-weight: bold;
font-size: 13px;
}

.menutext_off {
padding-top: 16px;
}

/*-------------- middle --------------*/
#middle_container {
position: relative;
width: 908px;
background: url(/images/kleinart_webdesign_back_middle.jpg) center top repeat-y;
padding-top: 14px;
padding-bottom: 30px;
}

#content_left_clear {
position: relative;
height: 1px;
width: 4px;
float: left;
}

#content_left_container {
position: relative;
width: 560px;
height: auto;
min-height: 10px;
/*background-color: #FF0000;*/
float: left;
}

#content_right_container {
position: relative;
width: 320px;
height: auto;
min-height: 10px;
/*background-color: #FFFF00;*/
float: left;
}

h1 {
margin: 0px;
margin-bottom: 4px;
padding: 0px;
padding-top: 8px;
padding-bottom: 8px;
/*color: #ff9600;*/
color: #a05201;
font-size: 22px;
font-weight: normal;
line-height: 20px;
/*border-bottom: #BBBBBB 1px dotted;*/
}

.left_text_container {
padding-left: 20px;
}

p {
padding: 0px;
margin: 0px;
padding-bottom: 10px;
line-height: 19px;
}

.velemeny_leiras_back p {
padding: 0px;
margin: 0px;
margin-bottom: 10px;
line-height: 19px;
}

.text_01 {
font-weight: bold;
font-size: 18px;
}

.right_h1_container {
background: url(/images/kleinart_webdesign_h1_back_grey.png) left top no-repeat;
width: 320px;
height: 47px;
}

h1.righth1 {
margin: 0px;
margin-bottom: 8px;
padding: 0px;
padding-top: 7px;
padding-left: 30px;
color: #4D4D4D; 
font-size: 18px;
font-weight: normal;
border-bottom: 0px;
}


.right_text_container {
padding-left: 20px;
margin-bottom: 10px;
}

p.rightp {
padding: 0px;
margin: 0px;
padding-bottom: 6px;
font-size: 12px;
line-height: 16px;
}

.content_oszlop_1 {
float: left;
width: 30%;
height: 20px;
text-align: left;
font-weight: bold;

}

.content_oszlop_2 {
float: left;
width: 70%;
height: 20px;
text-align: left;
}

.megjegyzes {
font-size: 12px;
}

.right_banner_container {
width: 292px;
margin-bottom: 10px;
margin-left: 20px;
background-color: #FFFFFF;
border:1px solid #BBBBBB;
padding: 3px;
}

#banner_help_container {
width: 292px;;
height: 100px;
background: url(/images/kleinart_webdesign_right_help_back.jpg) left top no-repeat;
}

.banner_help_text {
padding: 10px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
}

.right_tovabb_conatiner {
text-align: right;
border-top: #BBBBBB 1px dotted;
margin-top: 4px;
padding-top: 4px;
}

a.right_tovabb {
color: #ff9600;
font-size: 13px;
text-decoration: none;
}

a.right_tovabb:hover {
text-decoration: underline;
}

.right_munkak_container {
position: relative;
float: left;
width: 96px;
height: 96px;
background-color: #FFFFFF;
border: #BBBBBB 1px solid;
margin-right: 3px;
margin-bottom: 3px;
}

.right_munkak_container_utolso {
position: relative;
float: left;
width: 96px;
height: 96px;
background-color: #FFFFFF;
border: #BBBBBB 1px solid;
margin-right: 0px;
margin-bottom: 3px;
}

.munkak_kep_container {
position: absolute;
top: 3px;
left: 3px;
width: 90px;
height: 90px;
}

.munkak_kep_container img {
cursor: pointer;
}

/*-------------- footer --------------*/
#footer_container {
background: url(/images/kleinart_webdesign_back_middle.jpg) center top repeat-y;
}

#footer {
position: relative;
width: 860px;
height: 30px;
margin-left: 24px;
text-align: left;
/*border-top: #a05201 1px solid;*/
border-top: #BBBBBB 1px solid;
}

#footer_logo_container {
position: absolute;
right: 0px;
top: 8px;
width: 82px;
height: 15px;
}

#footer_text_container {
position: absolute;
left: 0px;
top: 7px;
font-size: 12px;
}

/*-------------- bottom --------------*/
#bottom_container {
position: relative;
width: 908px;
height: 67px;
background: url(/images/kleinart_webdesign_back_bottom.jpg) center top no-repeat;
}

/*-------------- vélemények --------------*/
.slidercontent {
position: absolute;
}

.newsslider {
position: relative;
overflow: hidden;
height: 105px;
width: 300px;
}

.newsslidercontent {
position: absolute;
}

.newssection {
font-size: 12px;
line-height: 16px;
height: 105px;
}

p.velemeny_sign {
padding-top: 6px;
font-size: 12px;
line-height: 16px;
font-style: italic;
text-align: right;
}

/*-------------- referenciák --------------*/
.referencia_container {
position: relative;
width: 538px;
height: 347px;
background-color: #FFFFFF;
border: #BBBBBB 1px solid;
margin-bottom: 10px;
}

.referencia_kep {
position: absolute;
bottom: 3px;
left: 3px;
z-index: 300;
}

.referencia_text {
position: absolute;
width: 532px;
height: 30px;
top: 3px;
left: 3px;
}

.ref_nev {
padding-left: 6px;
padding-top: 6px;
font-size: 16px;
cursor: pointer;
}

.ref_munka {
color: #A05201;
}

.ref_leiras {
position: relative;
padding-top: 10px;
padding-left: 6px;
padding-right: 6px;
height: 30px;
}

.ref_leiras_infopic {
position: absolute;
}

.ref_leiras_webpic {
position: absolute;
width: 20px;
height: 28px;
bottom: 0px;
left: 5px;
background: url(/images/referencia_webpic.png) center top no-repeat;
}

.ref_leiras_webcim {
position: absolute;
width: 497px;
height: 28px;
bottom: -3px;
left: 26px;
}

.ref_leiras a {
font-size: 14px;
}

.ref_arrow {
position: absolute;
width: 13px;
height: 9px;
top: 33px;
left: 14px;
background: url(/images/referencia_smallback.png) center bottom no-repeat;
z-index: 350;
}

div#myOtherElement1, div#myOtherElement2, div#myOtherElement3 {
position: absolute;
top: 3px;
left: 3px;
width: 532px;
height: 30px;
overflow: hidden;
background: url(/images/referencia_back.png) center bottom no-repeat;
z-index: 400;
}

/*-------------- vélemény --------------*/
.velemeny_nev {
/*padding-left: 6px;
padding-top: 6px;*/
font-size: 16px;
padding-bottom: 10px;
font-style: italic;
}

.velemeny_ceg {
color: #A05201;
}

.velemeny_leiras_back {
background: url(/images/velemeny_back.jpg) left top no-repeat; 
padding-left: 20px;
}

.velemeny_container {
margin-bottom: 20px;
}

/*-------------- sorszám --------------*/
.sorszam_container {
width: 100%;
text-align: center;
}

.oldalszam_inaktiv {
display: none;
}

.oldalszam_aktiv {
border-left: #BBBBBB 1px solid;
padding-left: 7px;
padding-right: 4px;
color: #A05201;
font-size: 13px;
font-weight: bold;
}

.oldalszam_aktiv_elso {
padding-left: 7px;
padding-right: 4px;
color: #A05201;
font-size: 13px;
font-weight: bold;
}

a.oldalszamok {
border-left: #BBBBBB 1px solid;
padding-left: 7px;
padding-right: 4px;
color: #4D4D4D;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

a.oldalszamok:hover {
border-left: #BBBBBB 1px solid;
padding-left: 7px;
padding-right: 4px;
color: #4D4D4D;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

a.oldalszamok_elso {
padding-left: 7px;
padding-right: 4px;
color: #4D4D4D;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

a.oldalszamok_elso:hover {
padding-left: 7px;
padding-right: 4px;
color: #4D4D4D;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

a.oldalszamok_nyil {
border: 0px;
padding-left: 2px;
padding-right: 2px;
color: #4D4D4D;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

a.oldalszamok_nyil:hover {
border: 0px;
padding-left: 2px;
padding-right: 2px;
color: #4D4D4D;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

/*-------------- tooltip --------------*/
/*
.tooltip_munka {
color: #ff9600;
font-size: 10px;
z-index: 10000;
}

.tooltip_nev {
font-weight: bold;
font-size: 11px;
z-index: 10000;
}

#tt {
position: absolute;
display: block;
z-index: 10000;
}

#tttop {
display: block;
height: 1px;
background: url(/images/tooltip_back_cont.png) top left repeat;
overflow: hidden;
z-index: 10000;
}

#ttcont {
display: block;
padding: 2px 12px 3px 7px;
background: url(/images/tooltip_back_cont.png) top left repeat;
color:#FFF;
z-index: 10000;
}

#ttbot {
display: block;
height: 9px;
background: url(/images/tooltip_back_bottom.png) top left no-repeat;
overflow: hidden;
z-index: 10000;
}
*/