@charset "UTF-8";

::selection{
	color:#fff;
	text-shadow:none;
	background-color: #CC6600;
}


html{
	font-size:100%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;	
	-ms-text-size-adjust:100%;
}

body {
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #CBCBCB;
	font-family:'Ubuntu-L',Geneva;
	font-size:14px;
	line-height: 1.4;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}

body,td,th {
	color: #42413C;
}

h1 {
	font-size: 1.1em;
	color: #600;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	line-height: 0.6em;
	/* [disabled]padding-left: 10px; */
	color: #600;
}

h3 {
	font-size: 1em;
	color: #600;
}


a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: none;
}

a:visited {
	color: #42413C;
	text-decoration: none;
	;
}

a:hover, a:active, a:focus { 
	text-decoration: underline;
	clear: both;
	float: none;
	color: #780002;
}

#container {
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	background-color: #FFF;
}
#content {
	height: 600px;
	padding-right: 0;
	padding-left: 0;
	font-size: 1.1em;
}



/* ------------ header -------- */

#header {
	text-align: center;
	clear: both;
	float: none;
}

.head_picture {
	text-align: center;
	margin-top: 50px;
	margin-right: auto;
	/* [disabled]margin-bottom: 10px; */
	margin-left: auto;
	width: 800px;
}



/* ------------ footer -------- */

#footer {
	text-align: center;
	clear: both;
	float: none;
	font-size: 1em;
	background-color: #CCC;
	margin-right: auto;
	margin-left: auto;
}
#container #footer table {
}

.footer_facebook_table {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 0.9em;
	width: 1300px;
	height: 90px;
}

.footer_ref_facebook_table {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.footer_cr {
	padding-top: 10px;
	color: #666;
	font-size: 0.8em;
}
 


/* ------------ navigation bar -------- */


.nav_bar {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.nav_bar_1 {
	height: 28px;
	padding-right: 0;
	padding-left: 0;
	background-color: #D9D9D9;
}

.nav_bar_2 {
	background-color: #CBCBCB;
	height: 20px;
	clear: both;
	font-size: 0.8em;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 55px;
	margin-left: auto;
}

#container .nav_bar_1 table {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4px;
	height: 34px;
	vertical-align: middle;
}
#container .nav_bar_1 table tr td a {
	padding-right: 8px;
	padding-left: 8px;
	font-size: 0.9em;
}
.superscript {
	text-transform: none;
	color: #900;
	vertical-align: text-top;
	font-size: 0.8em;
}
.white_bg {
	background-color: #FFF;
}


#container .nav_bar_2 table {
	font-size: 0.8em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]vertical-align: bottom; */
}
#container .nav_bar_2 table tr td a {
	padding-right: 5px;
	padding-left: 5px;
	letter-spacing: 1px;
	font-size: 1.1em;
}


/* ------------ in layout -------- */

#Content_in {
	line-height: 1.5em;
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	height: 600px;
}

.in_picture {
	text-align: justify;
	width: 400px;
	height: 250px;
	line-height: 1.2em;
	/* [disabled]background-color: #FFF; */
	/* [disabled]border: 1px solid #f1f1f1; */
	/* [disabled]-moz-border-radius: 10px; */
	/* [disabled]-moz-box-shadow: 1px 1px 2px #999; */
	/* [disabled]-webkit-border-radius: 10px; */
	/* [disabled]-webkit-box-shadow: 1px 1px 2px #999; */
	/* [disabled]border-radius: 10px; */
	/* [disabled]box-shadow: 1px 1px 2px #999; */
	/* [disabled]behavior: url(/css/border-radius.htc); */
	vertical-align: middle;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}

.in_picture_staff {
	text-align: justify;
	width: 280px;
	height: 400px;
	line-height: 1.2em;
	vertical-align: middle;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}


#Content_left {
	clear: none;
	float: left;
	text-align: center;
	height: 500px;
	width: 500px;
	margin-top: 50px;
}


#pagetitle {
	clear: none;
	float: right;
	text-align: justify;
	width: 600px;
	font-size: 0.9em;
	margin-top: 50px;
}

#Content_right {
	clear: none;
	float: right;
	text-align: justify;
	height: 450px;
	width: 620px;
	font-size: 0.9em;
	overflow: auto;
	margin-top: 30px;
	padding-right: 10px;
}

#Content_staff_right {
	clear: none;
	float: right;
	text-align: center;
	height: 500px;
	width: 500px;
	margin-top: 50px;
}


#pagetitle_staff {
	clear: none;
	float: left;
	text-align: justify;
	width: 600px;
	font-size: 0.9em;
	margin-top: 50px;
}

#Content_staff_left {
	clear: none;
	float: left;
	text-align: justify;
	height: 450px;
	width: 620px;
	font-size: 0.9em;
	margin-top: 30px;
	padding-left: 30px;
}



#Content_workshop_right {
	float: right;
	text-align: justify;
	font-size: 0.9em;
}

/* ------------ technika -------- */

#Content_techn_right {
	clear: none;
	float: right;
	text-align: justify;
	height: 475px;
	width: 600px;
	font-size: 0.8em;
	overflow: auto;
}

#Content_techn_right ul {
		line-height: 1.4em;
	padding-left: 40px;
}

.technika_pict {
	height: 450px;
	width: 400px;
}

/* ------------ szolgaltatasok -------- */

#Content_szolg_right {
	clear: none;
	float: right;
	text-align: center;
	height: 500px;
	width: 500px;
	margin-top: 50px;
}

 
#Content_szolg_left {
	clear: none;
	float: left;
	text-align: justify;
	/* [disabled]height: 400px; */
	width: 600px;
	font-size: 0.9em;
	overflow: auto;
	margin-top: 30px;
}

#Content_in #Content_szolg_left table {
	font-size: 0.9em;
	text-align: justify;
	line-height: 1.2em;
	margin-top: 20px;
}


#content #Content_in #Content_szolg_left table tr td p strong {
	line-height: 1.5em;
	letter-spacing: 0.1em;
	font-style: normal;
}

#Content_szolg_left table tr td p strong {
	color: #780002;
}

#Content_szolg_left table tr td p strong:hover {
	text-decoration: underline;	
}

#Content_szolg_left table tr td p {
	color: #42413C;
	text-decoration: none;
	padding-left: 80px;
	padding-top: 5px;
}

#Content_szolg_left table tr td p:visited {
	text-decoration: none;
}

a.rec_bg {
	display: block;
	width: 560px;
	height: 85px;
	background-image: url(../assets/szolg_rec_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: none;
}

a.rec_bg:hover {
	background-image: url(../assets/szolg_rec_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -85px;
	text-decoration: none;
}

a.pause_bg {
	display: block;
	width: 560px;
	height: 85px;
	background-image: url(../assets/szolg_pause_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: none;
}

a.pause_bg:hover {
	background-image: url(../assets/szolg_pause_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -85px;
	text-decoration: none;
}

a.play_bg {
	display: block;
	width: 560px;
	height: 85px;
	background-image: url(../assets/szolg_play_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: none;
}

a.play_bg:hover {
	background-image: url(../assets/szolg_play_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -85px;
	text-decoration: none;
}

a.fwd_bg {
	display: block;
	width: 560px;
	height: 85px;
	background-image: url(../assets/szolg_fwd_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: none;
}

a.fwd_bg:hover {
	background-image: url(../assets/szolg_fwd_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -85px;
	text-decoration: none;
}

a.stop_bg {
	display: block;
	width: 560px;
	height: 85px;
	background-image: url(../assets/szolg_stop_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: none;
}

a.stop_bg:hover {
	background-image: url(../assets/szolg_stop_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -85px;
	text-decoration: none;
}


a.eject_bg {
	display: block;
	width: 560px;
	height: 85px;
	background-image: url(../assets/szolg_eject_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: none;
}

a.eject_bg:hover {
	background-image: url(../assets/szolg_eject_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -85px;
	text-decoration: none;
}



/* ------------ referencia -------- */

#referencia {
	display: block;
	height: 500px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	margin-top: 40px;
}

.refText {
	padding-left: 40px;
	padding-right: 40px;
	text-align:justify;
	/* [disabled]padding-top: 10px; */
	padding-bottom: 10px;
}

.refPictureL {
	width:300px;
	height:200px;
	border-right: 1px solid #CCC;
	margin-right: 10px;
	padding-right: 10px;
	float:left;
}

.refPictureLoskestar {
	width:180px;
	height:200px;
	border-right: 1px solid #CCC;
	margin-right: 10px;
	padding-right: 10px;
	float:left;
	margin-left: 60px;
}

.refPictureR {
	width:300px;
	height:200px;
	margin-left: 10px;
	padding-left: 10px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.refPictureRCopy {
	width:250px;
	height:200px;
	border-left: 1px solid #CCC;
	margin-left: 10px;
	padding-left: 10px;
	float: right;
	margin-right: 20px;
}


.refPictureRtelemann {
	width:190px;
	height:200px;
	border-left: 1px solid #CCC;
	margin-left: 40px;
	padding-left: 10px;
	float: right;
	margin-right: 20px;
}

.refPictureRevang
{
	width:265px;
	height:200px;
	border-left: 1px solid #CCC;
	margin-left: 40px;
	padding-left: 10px;
	float: right;
	margin-right: 20px;
}

.refPictureRsomogy {
	width:250px;
	height:200px;
	border-left: 1px solid #CCC;
	margin-left: 10px;
	padding-left: 10px;
	float: right;
	margin-right: 40px;
}

.tableRef {
	margin-top: 40px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.8em;
}
.youtube_video_left {
	clear: none;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
}
.youtube_video_right {
	clear: none;
	float: right;
	padding-right: 10px;
	padding-left: 20px;
}


/* ------------ contact -------- */


#Content_kapcsolat {
	clear: none;
	float: right;
	height: 500px;
	width: 640px;
	font-size: 0.8em;
	margin-top: 30px;
}

#Content_kapcsolat table tr .center {
	padding-top: 10px;
}

#Content_kapcsolat table {
	line-height: 1.5em;
}

.right {
	text-align: right;
	vertical-align: text-top;
	font-size: 0.8em;
	font-weight: bold;
	color: #676767;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	}

.center {
	text-align: center;
	}

.in_pictureContact {
	text-align: justify;
	width: 400px;
	height: 250px;
	line-height: 1.2em;
	vertical-align: middle;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}



#Content_kapcsolat table{border-collapse:collapse;border-spacing:0;}




/* ------------ other elements -------- */


.float_left {
	/* [disabled]float: left; */
	text-align: left;
	}
	
.float_right {
	/* [disabled]float: right; */
	text-align: right;
	}
	
.vissza_link {
	float: right;
	padding-right: 10px;
}

#Content_in #Content_right ul li {
	padding-left: 40px;
	list-style-type: circle;
	line-height: 2em;
	margin-left: 20px;
}
.padding_left {
	padding-left: 500px;
}

#Content_right p a {
	font-style: italic;
	color: #780002;
}

#Content_workshop_right p a {
	font-style: italic;
	color: #780002;
}
.staff_h1 {
	padding-bottom: 10px;
}
