<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Homemade+Apple|Sacramento&subset=latin-ext');

body{
font-size: 11pt;
color: grey; 
background: white;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
padding: 0!important;
margin: 0!important;
border: 0!important;}
.header, .head {margin-top: 100px!important;}

.sitemain {
background: white;
width: 70%;
margin-top: 65px;
float: center;
background-repeat: no-repeat;}

.sitemain .sitecol:first-child{
    width: 65%;
 }
.sitemain .sitecol:nth-child(2){
    width: 35%; 
 }

.column_side {
width: 100%;
margin-top: 50px;
margin-left: 0px!important;}

.column_side td.modbody {/* oldalsó modul tartalma  */

		padding-left: -0px;
		padding-right: 0px;
		margin-right: 0px;
		padding: 15px;
		margin-bottom: 45px !important;
	
		border-bottom: 1px solid #ebebe9;
		border-left: 1px solid #ebebe9;
		border: 1px solid #f5f5f5;}
.column_main td.modtitle { /* a modulfejlécek középen */
display:none;}

.logo_mobile{visibility:hidden;}
.logo {visibility:visible;}

.logo, .logo_mobile{
font-size: 400%;
background-color: white;
text-align: center;
font-family: 'Homemade Apple', cursive;}

@media screen and (max-width: 680px) {
     .sitemain .sitecol, .column_side_td {
         width: 100% !important;
         display:block;
     }
.column_side{
margin:0!important;}

.logo {visibility:hidden;}
.logo_mobile {visibility:visible;
padding-top: 0!important;}}

.mod_title,.column_side .modtitle{
color: #27a2ab;
font-size: 200%;
line-height: 40%!important;
height: 40px!important;
font-family: 'Homemade Apple', cursive;
display: inline;
text-align: center;
float: center!important;}


/* BLOGMODUL --- KÓDOLÁSA */

td.blogcommentcount, td.blogback2blog {
	/*  a blogban alul a "hozzászólások"  */
		font-family: alap;
		border-bottom: 0px solid black!important;
		font-weight: normal;
     		display: table!important;
     		position: static!important;
     		float: right!important;
     		margin-top: 15px !important;
		width: 100%!important;
		border-top: 1px solid #e9e077;
		border-bottom: 1px solid #e9e077;
		padding: 3px !important;}
td.blogcommentcount a, td.blogback2blog a{ /* a "hozzászólások" link kinézete */
		background-color: transparent!important;
		color: black!important;
		font-size: 9pt!important;}

.blogcommentcount img { /*"Mit szólsz hozzá?" előtt a kép*/
		display: none; }

.blogcommentcount a::before { /*"Mit szólsz hozzá előtt a kis ikon"*/
		content: "\f075"; 
		font-family: FontAwesome;
		padding-right: 3px;}
.blogmorelink {
width: 25%!important;
margin: 0 auto!important;
float: center!important;
vertical:middle!important;
text-align: center!important;
border: 1px solid #27a2ab;}

.blogmorelink a:link, .blogmorelink a:visited{
color: #27a2ab;
font-size: 11px;
font-style: italic !important;
font-weight: 700;
padding: 15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;

}

.blogmorelink:hover{
color: black;
border:1px solid #27a2ab;
}

.blogtags {color: white;
margin: 10px;
font-weight: 600;
font-size: 1px!important;
padding: 10px;
text-align: center;
font-style: normal!important;
}
.blogtags:before {
content: '{';
color:#e9e077!important;
font-size: 12pt!important;}
.blogtags:after {
content: ' }';
color: #e9e077!important;
font-size: 12pt!important;}

.blogtags a:link, .blogtags a:visited { 
		line-height: 30px;
        	font-size: 9px;
		margin: 1px!important;
		margin-bottom: 10px!important;
        	padding: 5px;
font-style: normal!important;
}
.blogtags a:hover{
		color: black;}



div[id*="post_"] h2, div[id*="post_"] a:hover h2 { /*blogbejegyzés címei*/

		padding: 8px;
		text-align: center;
		font-size: 200% !important;
line-height: 150%;
font-family: 'Homemade Apple', cursive;
		font-weight: normal;
		text-transform: none;
		letter-spacing: 1;

		margin: 5px !important;
		transition:0.5s ease;
		-o-transition:0.5s ease;
		-moz-transition:0.5s ease;
		-webkit-transition:0.5s ease;
border-bottom: 0px solid #f3c48e;
text-decoration: none!important;

}
div[id*="post_"] p{
padding-left: 10px!important;
padding-right: 10px!important;}

div[id*="post"] {
background: white!important;
}
div[id^=post_]:nth-child(even) h2{color: #27a2ab!important;}
div[id^=post_]:nth-child(odd) h2{color: #27a2ab!important;}
div[id*="post_"] h2:before, div[id*="post_"] a:hover h2:before{content: '>> ';}
div[id*="post_"] h2:after, div[id*="post_"] a:hover h2:after {content: ' <<';}

/* szerző,stb */
div[id*="post"] .txtmini {
position: relative;
width: 25%;
margin: 0 auto !important;
martin-top: 10px !important;
font-size: 10pt;
font-style: normal !important;
text-align: center;
text-transform: lowercase;
color: grey;
border-top: 4px solid #e9e077;
padding-top: 10px;
}


a:link, a:visited, a.menu:link, a.menu:visited  /*linkek*/{
    		color: #27a2ab;
    		text-decoration: none;
    		font-weight: lighter;
    		letter-spacing: 2;
text-transform: uppercase;
font-family: arial;
font-size: 8pt;
    		-webkit-transition: .3s ease-in;
    		-moz-transition: .3s ease-in; 
    		-o-transition: .3s ease-in;}

a:hover{color: black;
text-decoration: line-through;} 

.column_side td.modbody {
	/* oldalsó modul tartalma  */
border: 1px solid #f5f5f5;}

/* KIJELÖLÉS SZÍNE */
::selection {
background-color: #27a2ab;
color: #fff;
}
::-moz-selection {
background-color: #27a2ab;
color: #fff;
}
/*LAPOZÓ + KOMMENT RÉSZLEG*/

.pager { /* a lapozó doboz */
		background: transparent;
		font-size: 0px !important;
		text-transform: uppercase;
		margin:0 auto!important;
		text-align: center!important;}


.pager_next:after, .pager_first:before, .pager_last:after, .pager_prev:before { /* a lapozók előtti kis ikonok */
		color: black;
		vertical-align: middle;
		letter-spacing: -2;
		font-size: 13px;
		font-family: FontAwesome;
		float: center!important;
		margin: 0 auto!important;}
/* az ikonok konkrét megadása */
.pager_next:after{content:"\f054";}
.pager_prev:before{content:"\f053";}
.pager_last:after{content:"\f054 \f054";}
.pager_first:before{content:"\f053 \f053";}

.pager_next img, .pager_first img, .pager_prev img, .pager_last img{
/* az alap ikonok eltűntetése */
		display: none;
		visibility: hidden;}
.pager_first, .pager_prev, .pager_next, .pager_last { /*lapozó dobozkák*/
		background: #e9e077;
		color: black !important;
		font-size: 10pt !important;
		width: 100px!important;
font-weight: 500;
		font-style: normal !important;
		text-transform: uppercase !important;
		padding: 7px!important; 
		margin: 10px!important; 
}
.pager_first:hover, .pager_prev:hover, .pager_next:hover, .pager_last:hover {
background: white !important; /* a háttér színe, ha ráviszed az egeret a lapozóla */
}

.topofpage , .topofpage a{ /* oldal tetejére + a háttér kinézete */
		visibility: hidden;
		display: none;}

.topofpage:hover { /* ha ráviszed az egeret oldal tetejére kinézete */}

.listheader img{
		visibility: hidden;
		display: none;}

#commentContainer .listheader a:after{ /* súgó ikonjának a kicserélése */
		font-family: fontawesome;
		content:'\f059';
		color: #26bcdb;
		font-size: 16pt;
		vertical-align: middle;}

#commentContainer .txtbold:after{ /* a hozzászóló neve melletti kis ikon */
		font-family: fontAwesome;
		content: '\f075';
		font-size: 25px;
		color: black;}
#commentContainer .txtbold{ /* a hozzászóló nevének kinézete */
		color: black;
		background-color: transparent;
		text-decoration: none;
		font-size: 15pt;
		font-style: normal;
		font-weight: lighter;
		text-transform: none!important;}

#commentContainer a{ /* a hozzászólásnál a linkek kinézete */
		padding: 13px!important;
		background-color: white;}

.list1 div, .list2 div { /*a hozzászólások dátuma*/
		color: #1B1B18;}

.commenttext {/*  blogban a hozzászólások szövege  */
		color: #1B1B18!important;
		background-color: white!important;
		text-align: justify!important;}

#commentContainer .pager_first, #commentContainer .pager_prev, #commentContainer .pager_next, #commentContainer .pager_last{ /* a hozzászólások lapozója */
		background: none;
		background-color: white!important;
		color: #faf6a8!important;
		font-size:;
		font-size: 13pt!important;}	

.commenttext hr { /*idézet elválasztó*/
    		border: 0;
    		height: 1px;
    		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
		width: 80%!important;}	
	
.commenttext div {  /* idézet blokk*/
		position: relative;
		float: right!important;
		padding: 5px!important;
		margin: 0!important;
		background-color: #f0f0ed;
		color: #1B1B18;
		width: 90%!important;
		font-style: normal!important;}	

#commentContainer .list2 img, #commentContainer .list1 img{ 
/* a hozzászóló neve előtt lévő ikon eltűntetése */
		display: none!important;
		visibility: hidden!important;}

/*EGYÉB*/

/* görgetősáv színezése*/
::-webkit-scrollbar-thumb {background-color: #27a2ab;}
::-webkit-scrollbar-thumb:hover {background-color: #F5F5F5;}
::-webkit-scrollbar {
		width: 3px;
		background-color: black;}

blockquote {
text-align: center;
background: #e9e077;
padding: 5px;
font-size: 10pt;
color: black;
font-style: italic;
quotes: "\201C" "\201D";}

blockquote:after {
font-style: normal;
margin-top: -40px;
margin-right: -30px;
padding: 0px;
content:open-quote;
font-weight: bold;
color:black;
font-size: 60px;
float: right;
}


</style>