@media screen {
body { font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 13px; color:#666; margin:0 0 0 10px; padding:0; background:white; min-width: 820px }
#pool { width: 100%; max-width:920px; overflow:hidden; margin: 15px auto 0; background:transparent }
#bar { position:fixed !important; width: 26px; margin-left:-32px }
#contentbox { margin:0 220px 0 36px; background: white; min-height:460px; min-width:566px; z-index:1; position: relative }
#incontent { width: 100% }
#contentbox1 { overflow:hidden; background: white url(img/circ.gif) top left no-repeat; border:1px solid #ddd;  border-top: 3px double #ddd; border-bottom: 3px double #ddd; min-height:460px }
#menubar { background:white url(img/mb.gif) top right no-repeat; height:32px; padding:0; overflow:hidden; border-top:none; margin:0 0 8px 80px; min-width:490px }

#context { float: right; width:210px; background: white; margin-left:-210px }
.context1 { width:188px; padding:5px 10px 10px; background: white url(img/rtop.gif) top right no-repeat; border: 1px solid #ddd; border-top:3px double #ddd; margin-bottom: 10px }
#context dl { margin: 5px 0 12px 0 }
#context dt { margin: 10px 0 2px -10px; font-size:110%; height:20px !important; background: white url(img/ctxbg.png) top right no-repeat; border: none; line-height:19px }
#context dt img { display:block; float:left; margin: 0 5px }
#context dd { margin-left: 16px; margin-bottom: 2px; font-size:90% }
#context dl.mm dt, #context dl.lc dt, #context dl.ke dt { font-weight: bold; padding-left: 1em; margin-left:-10px }
#context dl.ke dt { color:#E60048 }
#context dl.mm dd, #context dl.lc dd, #context dl.ke dd { margin-top: 6px }


#boxbox { padding:0px 16px 16px 0; margin-top:24px; display: block }
.h { clear:left; margin: 0 0 1em 1em }
.breaking { margin-left: 260px; clear:none }
a { color: #376291; text-decoration:none; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
a img { border:none }
a img:hover { text-decoration:none }
a:hover { border-bottom: 1px solid #376291 }
#bar a { display:block; line-height:0 }
#bar a:hover { border:none }
#bar a:focus { -moz-outline: 1px dotted #ccc }

a.ext:hover { border-bottom: 1px dashed rgb(36, 79, 15) }
.this { background:#E60004; color:white; font-weight:bold; font-family: Arial, Helvetica, sans-serif }

form { padding:0; margin:0 }

#menubar a { display:block; height: 21px; padding:5px 4px 3px 4px; float:left; -moz-outline:none; background: #f8f8f8; border: 1px solid #ddd; border-top:none; margin-right: 2px }
#menubar a.last { border:none }
#menubar a img { border:none }
#menubar a.bm {float:right; border:none; padding:5px 7px; margin:0 }
#menubar a:hover { color:#E60004; background-color: #eee }
#menubar a.last:hover { border:none }
#menubar a.bm:hover { border:none }
#menubar a#current { background: #eaeaea; height: 20px; border: 1px solid #ddd; border-bottom-color:#eaeaea; border-right-color: #eaeaea; border-left-width: 2px }
#searchbox { float:left; background:#f8f8f8; border: 1px solid #ddd; border-top:none; border-right-style: dashed; height:21px; padding: 4px 6px }
#searchbox input#q { float: left; font-size:90%; padding:2px; height: 14px !important}
input#qu { padding: 3px }
#searchbox input#q, input#qu { border: 1px solid #ddd; background:#FFF8AF }
#searchbox input#q:focus, input#qu:focus { border-color: #999; background:white }
#qswitch, #mswitch { background: #f8f8f8; border: 3px double #ddd; outline: none }
span.hilight { background-color:#FFF8AF; color:black }

.adsbygoogle { margin: 8px 0; border: 6px solid #f2f2f2; padding: 4px 8px }

#guests, #footer { border:1px solid #ddd;  border-top: 3px double #ddd;border-bottom: 3px double #ddd; padding-bottom: 5px }
#guests { background: white url(img/rbot.gif) bottom right no-repeat; overflow: hidden; }
#footer { background: white url(img/rtop.gif) top right no-repeat; margin-top: 10px; height: 40px; padding-top: 10px }
#footer p { padding: 0 10px; text-align: center; margin: 0 }
.guest { padding:8px; border: 1px dashed #ddd; border-left:none; border-top: none; width: 46%; float: left }
.guest dt img, .ico { border: none; vertical-align: middle }
.guest dd { display: block; background: url(img/go.gif) 0 3px no-repeat; margin-left: 12px; padding-left: 14px }
#oki { overflow: hidden; clear: left }
.scroll { height: 200px; overflow: auto; border: 6px solid #f8f8f8; padding:4px }
.parent { font-weight: bold }
.beljebb { margin-left:14px }
.beljebb img { display:none } /* workaround */

#context dt a:hover { border:none; color:#E60004 }
#navs { float:left; overflow:hidden; margin: 0 16px 8px 0; width:240px; border:1px dashed #ddd; border-left:none; border-top:none; background: #f8f8f8 url(img/navstop.gif) top left no-repeat }
.nav { background:transparent; text-align: center }
.nav h1 { font-size:17px; color: #E60004; text-align:center }
.nav div { text-align:center }
.tosrc { height: 20px; margin-top:3px }
.favicon { vertical-align: text-bottom; padding:1px; border: 1px solid #ddd; height: 16px; width:16px }
small { font-size: 86% }
.controls { display: block; float: right; cursor: pointer }
#contentbox1 .paging { text-align: center }

.h a img { border: none; vertical-align: middle; text-decoration:none }
span a.ext:hover { border: none }

a.ikon { border:none; }
.h a.ikon img { display:block; float:left; margin: 3px 6px 0 0; padding:1px; background:white; border:6px solid #ddd }

.calendar { border:6px double #ddd; border-collapse:collapse; margin:0 auto 4px }
.calendar td { background:white; padding:2px 5px; text-align:right; border: 2px solid #ddd }
.calendar caption { text-align:center;  margin:2px auto 4px; font-weight:bold }
.calendar .this { display:block; padding:0px 1px }
.calendar .this:hover { border:none }
.calendar .weekend { color: #E95A38 }
.calendar .today { background: #FBE5BA }
.calendar .future { background: #f9f9f9 }
.nav div.rssch { margin: 4px 16px 8px; padding: 2px; background: transparent; font-size: 89% }
.rssimg { vertical-align: middle }
#lista { clear: both; width: 90%; margin: 4px 10px }
.section { border-top: 1px dashed #ddd; padding-top: 8px }

hr { clear:both; background-color: transparent; color: #ddd; height: 0; border: none; border-top: 1px dashed #ddd; width: 75%; margin: 1px auto 5px; padding:0 }

#cloud { text-align:center; padding:8px; margin:0 8px; background:transparent }
#cloud a:hover { color:#E60004; border:none }
#cloud .tosrc a:hover { border-bottom: 1px dashed #E60004 }
#cloud h1 { margin: 4px 0 2px }
.paging { text-align: center; font-size: 89%; padding: 8px }
.max a { font-size:150%; color:#5781AF }
.high a { font-size:125%; color:#45709F }
.med a { font-size: 105%; color:#35608F }
.less a { font-size:100%; color:#27517F }
.low a { font-size:89%; color:#1B446F }
#linksto a:hover { text-decoration: none; border: none }
#linksto img { cursor: pointer }

#cikk { clear: both; font-size:110%; padding: 10px 16px; line-height: 1.3 }
h1 { font-size:160%; color: #E60004; text-align:center }
h2 { font-size: 135%; text-align: center }
h3 { font-size: 125% }
h4 { font-size: 115% }
em em { font-style: normal }
img.cikk { display:block; margin: 5px auto; padding:1px; border: 1px solid #ddd }
.keretes { width:80%; padding:4px 14px; background:#f8f8f8; margin:4px auto; border:1px dashed #ddd }

table.normal { 	width: 95%; border-collapse: collapse;	border: 1px solid white; margin: 4px auto; 	padding: 0px; font-size: 94%	}
table.normal th { 	background-color: #e0e0e0; padding: 4px; border: 1px solid white; border-collapse: collapse; text-align: center }
table.normal td { 	background-color: #f0f0f0; padding: 4px; border: 1px solid white; border-collapse: collapse; vertical-align: top; 	text-align: left }
.kepala { text-align: center; font-size: 92% }
.motto { text-align: right; padding-left: 6em; padding-right: 3em }

#user { padding: 8px 16px}
#kommentform, #kommentswitch { background: #f8f8f8; padding: 4px 8px; border-top: 1px dashed #ddd }
#kommentform { display:none }
#kommentform input, #kommentform textarea { background:#FFF8AF; border: 1px solid #ddd }
#kommentform input#check {border: 3px double #ddd}
#kommentform input:focus, #kommentform textarea:focus { background:white }
#kommentform textarea { padding: 4px }
#kommentswitch { display: block; color: #376291 }
.caller { cursor: pointer }
.caller img.ctrl { float: right }
#preview { display: none }
.odd, .even { padding: 4px 1em; font-size: 95%; margin: 1.5em; border-top: 1px dashed #ddd }
.odd { background: #F8F8F8 }
.even { background: #EAEAEA }
.red { color: red }
#ctrlwindow { position: absolute; display: none; width: 20em; background: transparent; top: 0; left:0; z-index: 10000 }
#ctrlcontent { display: block; padding: 4px 5px }
#ctrlresult { display: none; padding: 5px }
.arny { background: url(img/arny.png); position: relative; display:block }
.ablak { border: 1px solid #ddd; background: #F8F8F8; position: relative; left:-5px; top:-5px }
.lec { padding: 0 0 0 4px; height: 1.7em; line-height: 1.7em; background: #EAEAEA; border-bottom: 1px solid #ddd; vertical-align: middle; font-weight: bold }
.control { display: block; float: right; position: relative; z-index:10001 }
.meretez { width:18em  }
.ablak label { font-size: 100%; font-weight: normal }
}


@media print {
    body { font-size:12pt; color:black }
    #pool { width:auto }
    #contentbox { margin:0; float: none !important; background:white; border:none }
    #boxbox { float: none !important }
    #navs { float:none !important }
    h1,h2,h3,h4,h5 { font-family: Verdana, Geneva, Helvetica, sans-serif; page-break-before:auto; page-break-after: avoid  }
    .h, .breaking { page-break-after:auto }
    div, p { page-break-after:auto; page-break-before:auto; page-break-inside: auto}
    img.cikk { margin: 5px auto; text-align:center; padding:1px; border: 1px solid #ddd; page-break-before: auto;page-break-inside: avoid }
    #bar { display:none; float:none }
    #menubar { display:none }
    #context { display: none; float:none }
    #user #kommentform, #user #kommentswitch { display:none !important }
    #guests { display: none }
}