/* /////////////// crohn-colitis.hu - CSS - (c) 2007. Földváry Tamás ////////////// */
@media all { /* A böngészok alapértelmezéseinek eltávolítása */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre { margin:0; padding:0; border:none; }
ul, ol, dl { list-style-type:none }
}
 @media screen {
/*/////////////////////////////////////////////////////////////////////////////////////////
	SCREEN alapok   
/////////////////////////////////////////////////////////////////////////////////////////*/
body { background: #fff url(../img/bg-page.jpg) repeat-x; font-size: 12px; color:#000; }
p { font-size: 12px; font-family:Arial, Helvetica, "Segoe UI", sans-serif; margin:9px 0; }
p.ten { font-size:10px; line-height:13px; }
p.eleven { font-size:11px; line-height:14px; }
p.twelve { font-size:12px; line-height:17px; }
h1, h2, h3, h4, h5, h6 { color:#555;}
h1 { font: bold 2em "Trebuchet MS", Verdana, Arial, sans-serif; margin-top:16px; margin-bottom:14px; }
h2 { font: bold 2em "Trebuchet MS", Verdana, Arial, sans-serif; margin-top:15px; margin-bottom:12px; }
h3 { font: normal 1.75em "Trebuchet MS", Verdana, Arial, sans-serif; margin-top:14px; margin-bottom:8px; }
h4 { font: normal 1.62em "Trebuchet MS", Verdana, Arial, sans-serif; margin-top:13px; margin-bottom:3px; }
h5 { font: bold 1.28em/1.45em "Trebuchet MS", Verdana, Arial, sans-serif; margin-top:12px; margin-bottom:3px; }
h6 { font: bold 1.1em/1.32em Arial, sans-serif; margin-top:15px; margin-bottom:0px; }
img { margin:6px 0; }
a { text-decoration:none }
a:link, a:visited { color:#217cb5; font-weight:700; text-decoration:none }
a:hover, a:visited:hover { color:#b67402; text-decoration:underline }
a:active { color:#fff }
a img, :link img, :visited img { border:none }
/*/////////////////////////////////////////////////////////////////////////////////////////
	SCREEN struktúra   
/////////////////////////////////////////////////////////////////////////////////////////*/
#wrap { width:936px; text-align:left; margin:0 auto; }
#tabs { font: normal 1em/1.4em Arial, Tahoma, Verdana, sans-serif; margin:4px 1px 4px 1px; }
#homepage { height:228px; width:712px; margin:0 0 1em 2px; }
#main { font:11px/15px Tahoma, Arial, sans-serif; }
#main p { margin:4px 0; padding:0; }
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { margin: 10px 2px 5px 0px; line-height:115% }
#main h3 { font-size:21px; color:#333; font-weight:700; padding-left:2px; }
#col-1, #col-2, #col-3, #col-4, #col-5 { float: left; padding: 1em; height: auto; }
#articleBox { width:716px; float:left; }
#articleText { float:left; width:498px; }
#articleText p { font: normal 1em/1.45em Arial, Tahoma, Verdana, sans-serif; margin:5px }
#articleText h1, #articleText h2, #articleText h3, #articleText h4, #articleText h5 { margin-left: 4px; color:#4a6d7f; }
#articleText h2 { margin-top:4px; margin-bottom:20px; }
#articleText h6 { margin-left: 4px; color:#333; }
#articleText img { margin:8px 0; }
#articleText .title { margin-bottom:6px; }
#articleText .date { margin-top:0; color:#888; }
#articleText .subhead { margin-top:0; margin:20px 0 20px 4px; font-weight:700; }
#sideBox { float:right; width:208px; background: #fbfdfe url(../img/bg-blue.png) no-repeat; }
#sideText { padding-top:2px; }
#sideText p { margin:8px 12px; font-family: Verdana, Arial, sans-serif; line-height:1.33em; }
#sideText h1, #sideText h2, #sideText h3, #sideText h4, #sideText h5, #sideText h6 { margin-left: 12px; margin-right:12px; color:#555; }
#sideText h3 { font-weight:700; }
#sideText h4 { font-weight:700; margin-top:14px; margin-bottom:0px; }
#sideText ul li { font: bold 12px/17px Arial, sans-serif; margin:1em; color:#ccc; border-bottom:1px none #999; padding: 0 0 2px 0; border-bottom: 1px dashed #333; }
#sideText ul li a { display:block; clear:both; text-decoration:none; padding:0 0 9px 0px; }
#sideText ul li a:hover { display:block; clear:both; text-decoration:none; padding:0 0 9px 0px; }
#sideText ul li span { display:block; clear:both; font-size:13px; text-decoration:none; margin-top:2px; padding:3px 0 0 22px; }
#sideText ul li span a { display:block; clear:both; font-size:13px; font-weight:700; text-decoration:none; margin-top:2px; padding:3px 0 0 22px; }
#sideText ul li span a:hover { color:#fff; }
#rightBox { float:right; width:208px; background: #fff url(../img/bg-orange.png) no-repeat; padding-right:2px; }
#rightText p { margin:4px 10px; }
#rightText h1, #rightText h2, #rightText h3, #rightText h4, #rightText h5, #rightText h6 { color:#de6605; }
#rightText h3 { margin-top:12px; margin-bottom:6px; }
#forumfeed li { list-style:none; list-style-type:none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:700; border-width: 5px 0px 0px 5px; border-color: #fff; border-style: none; float: left; overflow: hidden; white-space: nowrap; margin-bottom:1em; }
#forumfeed li a { display: block; width:152px; border: 1px solid #dddddd; border-width: 0px 0px 1px 0px; text-decoration:none; padding: 4px 1px 4px 20px; background-image: url(../img/list-page.gif); background-repeat: no-repeat; background-position: -3px 4px; overflow: hidden; text-decoration:none; color: #217cb5; color:#336699; white-space: nowrap; }
#forumfeed a:hover { color: #217cb5; color:#003366; }
#keres { width: 360px; height: 36px; background: url(../img/findbox.jpg) no-repeat; float: right; border:none; padding:0 10px 0 0; }
#keres legend { display: none; }
#keres #search { width: 206px; margin-left: 96px; margin-top:6px; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; border:2px solid #ccd1d5; font-size:13px; font-weight:700; background:#fff; color:#666; padding:1px; }
#keres #find { margin-left: 8px; margin-top: 6px; float: left; }
div.postit { background-image: url(../img/postbg.jpg); background-position: top left; background-repeat: no-repeat; height: 80px; padding:50px 1em 0 1em; text-align:center; }
div.postit form { padding: 3px; }
#newsletter1 { height:40px; }
#newsletter2 { font:bold 12px/12px Arial, Helvetica, sans-serif }
#newsletter1, #newsletter2 { color:#990000; }
#footer { background:#fff; text-align:left; margin-top:1em; padding:0 0 1em 0; }
#footer p { font: 11px/18px Verdana, Arial, sans-serif; color:#333; margin:0; padding:0 0 1em 0; }
#googleSide, #googleRight { padding:1em 0 1em 1em; }
/*/////////////////////////////////////////////////////////////////////////////////////////
    SCREEN navigáció   
/////////////////////////////////////////////////////////////////////////////////////////*/
#header { width:936px; height:94px; background-image: url("../img/header.png"); background-repeat:no-repeat }
#header span { font-weight:700; font-size:24px; display:none; margin:10px }
#homelink { position: absolute; top: 0; width: 380px; height: 92px; }
#homelink h1 { margin: 0; }
#homelink a { display: block; width: 380px; height: 92px; }
#nav { margin: 0; padding: 0; width: 936px; height: 40px; background: url(../img/bg-navbar.png) no-repeat; overflow: hidden; position: absolute; top: 51px; }
#nav li { list-style: none; display: block; position: absolute; }
#nav a { display: block; }
#nav span { display: none; }
#fooldal, #fooldal a, #leirasok, #leirasok a, #jotudni, #jotudni a, #magazin, #magazin a, #hirado, #hirado a, #forum, #forum a { height: 42px; top: 0; background: url(../img/bg-navbar.png) no-repeat; }
#fooldal { left: 408px; width: 76px; }
#leirasok { left: 491px; width: 84px; }
#jotudni { left: 582px; width: 82px; }
#magazin { left: 670px; width: 80px; }
#hirado { left: 750px; width: 84px; }
#forum { left: 848px; width: 81px; }
#fooldal, #fooldal a { background-position: -408px 0; }
#leirasok, #leirasok a { background-position: -491px 0; }
#jotudni, #jotudni a { background-position: -582px 0; }
#magazin, #magazin a { background-position: -670px 0; }
#hirado, #hirado a { background-position: -750px 0; }
#forum, #forum a { background-position: -848px 0; }
#fooldal a:hover { background-position: -408px -42px; }
#leirasok a:hover { background-position: -491px -42px; }
#jotudni a:hover { background-position: -582px -42px; }
#magazin a:hover { background-position: -670px -42px; }
#hirado a:hover { background-position: -750px -42px; }
#forum a:hover { background-position: -848px -42px; }
#fooldal a.active { background-position: -408px -84px; }
#leirasok a.active { background-position: -491px -84px; }
#jotudni a.active { background-position: -582px -84px; }
#magazin a.active { background-position: -670px -84px; }
#hirado a.active { background-position: -750px -84px; }
#forum a.active { background-position: -848px -84px; }
#secondary-nav { width: 936px; height:36px; background: url(../img/bg-submenu.gif) no-repeat top left; padding-top:6px; }
#secondary-nav a { color: #fff; text-decoration: none; }
#secondary-nav a:hover { color: #fdcf62; }
#secondary-nav ul { font:12px Verdana, Arial, sans-serif; white-space: nowrap; display: inline; }
#secondary-nav ul li { list-style: none; display: inline; font-weight: bold; }
#secondary-nav ul li a { color: #fff; text-decoration: none; padding: 0 10px 0 20px; }
#secondary-nav ul li a:hover, #secondary-nav ul li a.active { color: #fdcf62; }
/*/////////////////////////////////////////////////////////////////////////////////////////
	SCREEN listák   
/////////////////////////////////////////////////////////////////////////////////////////*/
ol.lista { list-style:decimal; margin-left:20px; }
ul.lista { list-style:square; margin:6px 6px 6px 2em; font-family: Arial, Helvetica, "Segoe UI", sans-serif; line-height:18px; }
li.lista { padding:8px 0 8px 1em; line-height:20px; }
ul li .doc { background:transparent url(../img/icon/icon-doc.gif) left center no-repeat; }
ul li .doc a { background:transparent url(../img/icon/icon-doc.gif) left center no-repeat; }
ul li .pdf { background:transparent url(../img/icon/icon-pdf.gif) left center no-repeat; }
ul li .pdf a { background:transparent url(../img/icon/icon-pdf.gif) left center no-repeat; }
ul li .ppt { background:transparent url(../img/icon/icon-ppt.gif) left center no-repeat; color:#b58422; }
ul li .ppt a { background:transparent url(../img/icon/icon-ppt.gif) left center no-repeat; color:#b58422; }
/*/////////////////////////////////////////////////////////////////////////////////////////
	SCREEN minden más   
/////////////////////////////////////////////////////////////////////////////////////////*/
.featImg { float:left; margin:0 18px 10px 0; padding-top:6px }
.bookImg { float:left; padding:0 1em 0 0; margin:0px; }
.footerImg { float:left; margin:4px 18px 10px 0; }
.floatOnPaper { float:none }
.gototop { padding-top:24px }
.showOnPaper { display:none }
.wideOnPaper { }
.head { border-left:8px solid #b1c8df; padding:0 0 0 9px; margin-bottom:10px; font-weight:700; }
.headinfo { border-left:8px solid #b1c8df; margin:0; padding:0 0 6px 12px; font:bold 12px/12px Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; }
.topline { padding-top:10px; border-top:1px solid #ccc; margin-bottom: 2px; }
.bottomline { padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom: 8px; }
.caption { margin:0; padding:0; }
div.clearer { clear: both; display: block; height: 1em; }
div.cleardash { clear: both; display: block; height: 1em; margin-top:10px; border-top:2px dotted #999; }
/*/////////////////////////////////////////////////////////////////////////////////////////
	TABBER barátunk  
/////////////////////////////////////////////////////////////////////////////////////////*/
.tabberlive .tabbertabhide { display: none; }
.tabber { margin: 0; padding: 0; }
.tabbertab p { width:466px; }
.tabberlive { width: 99%; }
.tabberlive .tabbertab { clear: both; padding: 8px; border: 1px solid #dce4e9; border-top: none; }
.tabberlive .tabbertab h2 { display: none; }
.tabberlive .tabbertab h3 { display: none; }
.tabberlive#tab1 { font-size:1em }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab { height: 208px; overflow: auto; }
#tabs ul.tabbernav { margin: 0; padding: 3px 0 0 0; font: bold 13px arial, sans-serif; float: left; }
#tabs ul.tabbernav li { list-style: none; float: left; padding: 0; margin: 0; }
#tabs ul.tabbernav li a { padding: 3px 0.5em; margin: 0 3px 0 0; border: 1px solid #dce4e9; border-bottom: none; background: #f2f6f8; text-decoration: none; display: block; float: left; }
#tabs ul.tabbernav li a:link { color: #196085; text-decoration: none; }
#tabs ul.tabbernav li a:visited { color: #26566a; text-decoration: none; }
#tabs ul.tabbernav li a:hover { color: #ec8e29; background: #fff; border-color: #dce4e9; }
#tabs ul.tabbernav li.tabberactive a { background-color: #fff; padding-bottom: 4px; }
#tabs ul.tabbernav li.tabberactive a:hover { color: #26566a; background: white; }
/*/////////////////////////////////////////////////////////////////////////////////////////
	FORMOK
/////////////////////////////////////////////////////////////////////////////////////////*/
.postComment { float: left; width:98%; height:400px; background-color:#eef4f6; }
.postComment p { clear: left; margin: 0; padding: 6px 0; padding-left: 55px; font: bold 12px/16px Arial, Helvetica, "Segoe UI", sans-serif; }
.postComment label { font-weight: bold; float: left; text-align:right; margin-left: -55px; width: 40px; padding:3px; }
.postComment textarea { width: 400px; height: 150px; }
.postComment input.on { color : #333; border: solid 1px #f4fbdc; background: #fff; padding: 3px; font: bold 13px/18px Arial, Helvetica, "Segoe UI", sans-serif }
.postComment input.on:hover { color : #333; border: solid 1px #e0f4ff; background: #faf6e1; padding: 3px; }
.postComment input.on:focus { color : #333; border: solid 1px #e0f4ff; background: #faf6e1; padding: 3px; }
.postComment input.onIE { color : #333; border: solid 1px #f4fbdc; background: #fff; padding: 3px; font: bold 13px/18px Arial, Helvetica, "Segoe UI", sans-serif }
.postComment textarea.on { color : #333; border: solid 1px #f4fbdc; background: #fff; padding: 3px; font: bold 13px/18px Arial, Helvetica, "Segoe UI", sans-serif }
.postComment textarea.on:hover { color : #333; border: solid 1px #e0f4ff; background: #faf6e1; padding: 3px; }
.postComment textarea.on:focus { color : #333; border: solid 1px #e0f4ff; background: #faf6e1; padding: 3px; }
.postComment textarea.onIE { color : #333; border: solid 1px #f4fbdc; background: #fff; padding: 3px; font: bold 13px/18px Arial, Helvetica, "Segoe UI", sans-serif }
* html .threepxfix { margin-left: 3px; }
/* control row colours in admin */
.literow { background: #f8f5ea; padding-left:16px; }
.darkrow { background: #eaf3f8; padding-left:16px; }
}
/*/////////////////////////////////////////////////////////////////////////////////////////
    MEDIA:PRINT - Hogy nyomtatásban is jól nézzenek ki az oldalak  
/////////////////////////////////////////////////////////////////////////////////////////*/
 @media print {
body { background:#fff; color:#000; background-image:none; font:9pt/13pt Georgia, Constantia, "Palatino Linotype", "Times New Roman", serif; }
p { margin:6pt 0; text-align:justify; }
h1, h2, h3, h4, h5 { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-weight:700; line-height:133%; }
h1 { font-size:24pt; margin:18pt 0 10pt 0 }
h2 { font-size:18pt; margin:16pt 0 8pt 0 }
h3 { font-size:14pt; margin:12pt 0 6pt 0 }
h4 { font-size:12pt; margin:11pt 0 4pt 0 }
h5 { font-size:10pt; margin:8pt 0 2pt 0; color:#666 }
h6 { font: bold 11pt/14pt "Trebuchet MS", Verdana, Arial, sans-serif; margin-top:8pt; margin-bottom:2pt; }
ul { list-style:square; margin-left:12pt; text-align:left; }
li { margin:3pt 0 3pt 12pt; text-align:left; }
a, h1 a, h2 a, h3 a, h4 a, h5 a, a img { text-decoration:none; color:#000; border:none }
.floatOnPaper { float:left; padding:6pt 0 6pt 0 }
.showOnPaper span { font-weight:700 }
div.clearer { clear: both; display: block; height: 1em; }
div.cleardash { clear: both; display: block; height: 1em; border-top:2px dotted #999; }
#articleText .title { margin-bottom:6px; }
p .showOnPaper { margin-left:0 }
#articleText .date { margin-top:10pt; margin-bottom:12pt; color:#ccc; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; }
#articleText .subhead { margin-top:12pt; margin-bottom:12pt; font-weight:700; font-family: Arial, sans-serif; text-align:left; }
#header, #footer, .navbar, .gototop, .hideOnPaper, #homeRight, #flashcontent, #searchform, #keres, #header img, #rightBox, #rightText, div.postit, #secondary-nav, #poweredby, #googleSide, #googleRight, #googleBottom, .postComment, .readComment, .bottomline, .hideOnPaper { display:none }
#header span { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-weight:700; font-size:24pt; margin:6pt 0 6pt 0 }
.c5t_comment_form_background { display:none; }
.floatOnPaper { float:left; margin-right:12pt; margin-bottom:8pt; height:33%; width:33% }
.wideOnPaper { width:100% }
.showOnPaper h6 { padding-bottom:12pt; margin-bottom:24pt; border-bottom: 1pt dashed #333; }
.bookImg { float:left; padding:0 1em 0 0; width:55pt; height:80pt }
.headinfo { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0 0 4pt 0; font-size:9pt; border-bottom:1px solid #ccc; }
.year { font:bold 20px/20px Georgia, Constantia, "Palatino Linotype", "Times New Roman", serif; }
}