@charset "UTF-8";


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

body {
	max-width:480px;
	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-bottom: 0;
	float: left;
	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;
	max-width: 480px;
}

.head_picture {
	max-width: 480px;
}

.nav_bar_1 {
	display:none;
}

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

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

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

#Content_in {
	line-height: 1.5em;
	float: left;
	clear: both;
	max-width:480px;
}

#Content_left {
	display:none;
}


#pagetitle {
	text-align: justify;
	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_workshop_right {
	text-align: justify;
	font-size: 0.9em;
}

.in_picture {
	display:none;
}
/* ------------ szolgaltatasok -------- */

#Content_szolg_right {
	display:none;
	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: 460px;
	font-size: 0.9em;
	overflow: auto;
	margin-top: 30px;
}

#Content_in #Content_szolg_left table {
	width: 460px;
	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: 70px;
	padding-top: 5px;
	padding-right: 5px;
}

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

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

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

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

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

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


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




/* ------------ 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;
}