/***** Reset *****/


/***** Basic elements *****/
body { background: url(../images/pattern.jpg); color: #333; font-family: Arial; font-size: 12px; line-height: 18px; }
p { padding: 4px 0px 4px 0px; text-align: justify; }



/***** Generic classes *****/
div.class { clear: both; }



/***** Basic layout *****/
#Top { background: url(../images/topbg.jpg) top center no-repeat; }
#Bottom { background: url(../images/bottombg.jpg) bottom center no-repeat; }
#Container { margin: 0px auto 0px auto; width: 960px; }
#ContainerInner { margin: 14px auto 14px auto; width: 702px;  }
#container3 { background: url(../images/plant.gif) bottom left no-repeat; clear: left;	overflow: hidden; position: relative; width: 960px; }
#container2 { clear: left; float: left; position: relative; width: 100%; }
#container1 { background: url(../images/plant.gif) bottom right no-repeat; float: left; position: relative; width: 100%; }
#Layout-Left { float: left; overflow: hidden; position: relative; width: 115px; }
#Layout-Center { background-color: #fff; float: left; overflow: hidden; position: relative; width: 730px; }
#Layout-Right { float: left; overflow: hidden; position: relative; width: 115px; }

/* Link */
#Layout-Center a { color: black; }
#Layout-Center a:hover { color: red; }



/***** Header *****/
#Logo { background: url(../images/logo.png) center left no-repeat; height: 104px; margin: 0px auto 0px auto; width: 730px; }
#Header { height: 312px; margin: 0px auto 0px auto; width: 730px; } /* background: url(../images/head.png) no-repeat; */



/***** Content *****/
.Column50 { display: inline; width: 340px; }
.goLeft { float: left; }
.goRight { float: right; }
.w50-l { margin: 12px 10px 8px 15px; }
.w50-r { margin: 12px 15px 8px 10px; }
.Column100 { clear: both; width: 700px; }
.w100 { margin: 12px 15px 8px 15px; }

.Column50 img, .Column100 img { border: 1px solid #a1a1a1; margin: 0px 10px 2px 10px; }



/***** Content - Title *****/
.Column50 .Title1 { background: url(../images/title_short_bg.jpg) top no-repeat; float: left; height: 30px; margin: 0px 0px 10px 0px; width: 340px; }
.Column50 .Title2 { background: url(../images/title_short_bg.jpg) bottom no-repeat; float: left; height: 30px; margin: 0px 0px 10px 0px; width: 340px; }
.Column50 .Title1 span,
.Column50 .Title2 span { display: block; margin: 6px 0px 4px 14px; }
/*
.Column50 .Title1 span,
.Column50 .Title2 span { background-position: 15px center; background-repeat: no-repeat; display: block; height: 30px; width: 340px; }
*/
.Column100 .Title1 { background: url(../images/title_short_long.jpg) top no-repeat; float: left; height: 30px; margin: 0px 0px 10px 0px; width: 700px; }
.Column100 .Title2 { background: url(../images/title_short_long.jpg) bottom no-repeat; float: left; height: 30px; margin: 0px 0px 10px 0px; width: 700px; }
.Column100 .Title1 span,
.Column100 .Title2 span { display: block; margin: 6px 0px 4px 14px; }
/*
.Column100 .Title1 span,
.Column100 .Title2 span { background-position: 15px center; background-repeat: no-repeat; display: block; height: 30px; width: 700px; }
*/
.kik_vagyunk { background-image: url(../images/title_kik_vagyunk.png); }
.tagjaink { background-image: url(../images/title_tagjaink.png); }



/***** Footer *****/
#Footer { background: url(../images/bottom_bg.jpg) repeat-x; float: left; height: 220px; width: 100%; }
#Footer span { background: url(../images/bottom.png) no-repeat; display: block; height: 120px; margin: 0px auto 0px auto; width: 778px }