/* Általános cuccok */

body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
background:#fff;
min-width:1000px;    /* Minimum width of layout - remove line if not required */ - /* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
background:#fcf9c8;
}

h1 {
padding-left: 7px;
font: 14px arial;
color: #ff8a01;
font-weight: bold;
}
h2 {
display: block;
width: 300px;
margin-left: -10px;
margin-top: 0px;
padding-left: 6px;
margin-bottom: 5px;
font: 14px times new roman;
color: #ffffff;
font-weight: bold;
background: #005324;
text-align: left;
}
h3 {
display: block;
width: 300px;
margin-left: 0px;
margin-top: 0px;
padding-left: 6px;
margin-bottom: 5px;
font: 14px times new roman;
color: #ffffff;
font-weight: bold;
background: #005324;
text-align: left;
}
h4 {
padding-left: 7px;
font: 14px arial;
margin-bottom: 10px;
margin-top: 15px;
color: #005324;
font-weight: bold;
}
h5{
font: normal 12px Times New Roman;
color: #ff8a01;
}

p {
margin:.4em 0 .8em 0;
padding:0;
}

img {
margin:0px 0px -4px 0px;
border-left: 1px solid #005324;
border-right: 1px solid #005324;
border-top: 1px solid #005324;
border-bottom: 1px solid #005324;
text-align: center;
}

/* Általános cuccok vége*/

/*képek*/

img.class {
float: left;
margin:0px 10px 0px;
border: 1px solid #e4e4e4;
text-align: left;
}
img.haccord {
float: left;
margin:0px 10px 0px 0px;
border: 0px solid #e4e4e4;
text-align: left;
}
img.blog {
float: left;
margin: 0px;
padding:0px;
border: 0px solid #330066;
text-align: center;
}
img.afrika {
float: left;
margin-left: 10px;
margin-right: 10px;
padding:0px;
border: 0px solid #330066;
text-align: center;
}
img.fo {
margin: 10px 42px 0px;
border: 1px solid #303030;
text-align: center;
}
img.vers {
float: left;
margin-left: -15px;
padding:0px;
border: 0px solid #330066;
text-align: center;
}

/*képek vége*/

/* menü */

/* menü - főmenüpontok */
.tabsmenuclass {
width: 1000px;
border-left: 1px solid #005342;
border-right: 1px solid #005324;
border-top: 0px solid #e4e4e4;
border-bottom: 0px solid #e4e4e4;
background:#ffffff;
}
.tabsmenuclass ul{
overflow: hidden;
width: 1000px;
margin: 0;
padding: 0;
list-style-type: none;
}
.tabsmenuclass li{
float: left;
}
.tabsmenuclass a{
display: block;
padding: 5px 8px;
background: #ffffff;
color: #606060;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
}
.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #eeeeee;
color: #005324;
}

/* menü - almenüpontok */

.tabsmenucontentclass{
clear: left;
background: #ffffff;
width: 1000px;
height: 0px;
padding-left: 5px;
border: 1px none silver;
}
.tabsmenucontentclass a{
display: block;
background: transparent;
font-family: arial;
font-size: 13px;
padding-top: 5px;
padding-bottom: 7px;
color: #909090;
text-decoration: none;
}
.tabsmenucontentclass a:hover{
font-family: arial;
font-size: 13px;
padding-top: 5px;
padding-bottom: 5px;
color: #909090;
text-decoration: underline;
}
.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

/* menü alatti doboz */
#layoutdims {
clear:both;
width: 1000px;
background:#ffae2e;
border-top:1px solid #005324;
border-left: 1px solid #005324;
border-right: 1px solid #005324;
border-bottom: 0px solid #e4e4e4;
margin: 0;
padding:2px 0px !important;
height: 31px;
text-align:right;
}
#layoutdims p {
margin-right: 60px;
font: 12px arial;
font-weight: normal;
color: #606060;
}
#layoutdims a {
font: 12px arial;
font-weight: normal;
color: #ffffff;
}
#layoutdims form{
margin-right: 12px;
margin-top: 6px;
font: 12px arial;
font-weight: normal;
color: #ffffff;
}

/* névnap modul */

#nevnapmodul {
float: left;
margin-top: 4px;
margin-left: 10px;
}
/* névnap modul vége */

/* column container */
.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:center;
        width:1000px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border-left: 1px solid #005324;
border-right: 1px solid #005324;
border-top: 0px solid #e4e4e4;
border-bottom: 0px solid #e4e4e4;
	}
.colmask_al {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:center;
        width:1000px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border-left: 0px solid #005324;
border-right: 1px solid #005324;
border-top: 0px solid #e4e4e4;
border-bottom: 0px solid #e4e4e4;
	}

/* holy grail 3 column settings */
.holygrail {
	    background:#ffae2e;    	/* Right column background colour */
		border-bottom: 1px solid #005324;
	}
.holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-300px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
.holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:630px;         	/* Left column width + right column width */
        background:#ffffff;    	/* Left column background colour */
		border-right: 1px solid #005324;
		border-left: 0px solid #005324;
		border-top: 0px solid #005324;
		border-bottom: 0px solid #005324;
    }
.holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:330px;        	/* Width of left column */
	    padding-bottom:0px; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
.holygrail .col1 {
        margin: 0px 300px 0px 330px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        text-align: left;
		position:relative;
	    height: 435px;
		left:200%;
	    overflow:hidden;
		border-top: 1px solid #005324;
		border-right: 1px solid #005324;
		border-bottom: 0px solid #005324;
	}
.holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:330px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
		text-align: left;
		border-top: 0px solid #005324;
    }
.holygrail.col2 a {
		font-style: arial;
		font-size: 11px;
		}
.holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:280px;			/* Width of right column content (right column width minus left and right padding) */
        margin-right:10px;  	/* Width of right column right-hand padding + left column left and right padding */
      	position:relative;
        left:50%;
		border-left: 0px solid #eeeeee;
    }

/* 3 column blog style settings */
.blogstyle {
background:#eeeeee;    	/* Right column background colour */
}
.blogstyle .colmid {
float:left;
width:198%;
margin-left:-300px; 	/* Width of right column */
position:relative;
right:100%;
background:#7095c4;    	/* Centre column background colour */
}
.blogstyle .colleft {
float:left;
width:100%;
margin-left:0px; 	/* Width of centre column */
background:#eee;    	/* Left column background colour */
border-left: 100px solid #ffffff;
border-right: 10px solid #ffffff;
border-top: 10px solid #ffffff;
border-bottom: 10px solid #ffffff;
}
.blogstyle .col1wrap {
float:left;
width:50%;
padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
margin:0 680px 0 300px;	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
position:relative;
left:100%;
overflow:hidden;
}
.blogstyle .col2 {
float:right;
width:660px;        	/* Width of left column content (left column width minus left and right padding) */
position:relative;
left:0px;         	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
float:right;
width:280px;        	/* Width of right column content (right column width minus left and right padding) */
position:relative;
left:300px;
}

/* 2 column left menu settings */
.leftmenu {
background:#ffffff;
}
.leftmenu .colright { /*jobboldali doboz*/
float:left;
width:100%;
position:relative;
left:700px;
background:#eee;
}
.leftmenu .col1wrap {
float:right;
margin-top:0px;
width:50%;
position:relative;
right:0px;
padding-bottom:1em;
}
.leftmenu .col1 {
margin:0 0 0 700px;
position:relative;
right:100%;
overflow:hidden;
font: 12px normal arial;
color: #000000;
}	
.leftmenu .col1  p {
font: 11px arial;
color: #000000		
}
.leftmenu .col2 {
float:left;
width:680px;
position:relative;
right: 700px;
margin-bottom: 5px;
background: #ffffff;
border: 10px solid #ffffff
}

/* 2 column right menu settings */
.rightmenu {
background:#ffffff;
}
.rightmenu .colleft {
float:left;
width:238%;
margin-left:-680px; /*2. szakasz jobboldaltól mért távolsága*/
position:relative;
right:100%;
background-image: url(images/tan_hatter.jpg);
border-bottom: 1px solid #005324;
}
.rightmenu .col1wrap {
float:left;
width:50%;
position:relative;
left:50%;
padding-bottom: 0px;
padding-left: 7px;
font: 12px times new roman;
color: #ff8a01;
margin-bottom: 0px;
}
.rightmenu .col1 {
margin:0 0 0 482px;
overflow:hidden;
padding-right: 20px;
padding-left: 20px;
padding-top: 7px;
padding-bottom: 0px;
text-align: left;
font: normal 11px Arial;
background-image: transparent;
}
.rightmenu .col2 {
float:right;
width:300px; /*jobboldali doboz szélessége*/
position:relative;
left:300px;
background: #ffae2c;
font: normal 12px Arial;
color: #ff8a01;
border-left: 1px solid #005324;
border-bottom: 0px solid #ffae2c;
}
.rightmenu_al {
background:#ffffff;
}
.rightmenu .colleft_al {
float:left;
width:238%;
margin-left:-700px; /*2. szakasz jobboldaltól mért távolsága*/
position:relative;
right:100%;
background-image: url(images/tan_hatter.jpg);
border-top: 1px solid #005324;
border-bottom: 1px solid #005324;
}
.rightmenu .col1wrap_al {
float:left;
width:50%;
position:relative;
left:50%;
padding-bottom: 0px;
padding-left: 7px;
padding-right:0px;
font: 12px times new roman;
color: #ff8a01;
margin-bottom: 0px;
}
.rightmenu .col1_al {
margin:0 0 0 483px;
overflow:hidden;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-left: 1px solid #005324;
border-top: 0px solid #005324;
text-align: left;
font: normal 11px Arial;
background: #eeeeee;
}
.rightmenu .col2_al {
float:right;
width:300px; /*jobboldali doboz szélessége*/
position:relative;
left:300px;
background: #ffae2c;
font: normal 12px Arial;
color: #ff8a01;
border-left: 1px solid #005324;
border-top: 0px solid #ffae2c;
}

/* 1 column full page settings */
.fullpage {
clear:both;
height: 235px;
margin-top:0px;
border-left: 0px solid #005324;
border-right: 1px solid #005324;
border-top: 0px solid #005324;
border-bottom: 1px solid #005324;
background: #ffffff;
}
.fullpage .col1 {
margin:0 0;
background: none;
font-style: 12px Arial;
color: #005324;
}

/* 1 column full page settings */
.fullpage2 {
height: 85px;
margin-top:0px;
border-left: 0px solid #005324;
border-right: 1px solid #005324;
border-top: 0px solid #005324;
border-bottom: 1px solid #005324;
background: #eeeeee;
}
.fullpage2 .col1 {
margin:0 0;
background: none;
}
	
/* 1 column full page settings */
.fullpage3 { 
height: 250px;
margin-top:0px;
border-left: 1px solid #005324;
border-right: 1px solid #005324;
border-top: 0px solid #005324;
border-bottom: 0px solid #005324;
background: #ffae2e;
}
.fullpage3.col1 {
margin:0 0;
background: none;
font-style: 12px Arial;
color: #005324;
}
	
#jelentkezes_db {
padding:10px;
margin-top: -10px;
}
#jelentkezes_db p {
font: normal 12px Arial;
color:#707070;
text-align: justify;
}
#jelentkezes_db p.sor1{
font: normal 12px Arial;
color:#005324;
font-weight: bold;
}
#jelentkezes_db li {
font: normal 11px Arial;
color:#707070;
}
#jelentkezes_db ul {
font: normal 11px Arial;
color:#707070;
}
#jelentkezes_db a {
font: normal 12px Arial;
color:#005324;
text-decoration: underline;
}
#kiemelt_db {
background-image: url(images/tan_hatter.jpg);
padding:0px 10px 0px 10px;
margin-top: 0px;
border-bottom: 1px solid #005324;
border-top: 1px solid #005324;
}
#kiemelt_db p {
font: normal 12px Arial;
color:#606060;
text-align: justify;
}
#kiemelt_db p.sor1{
font: normal 11px Arial;
color:#707070;
text-align: left;
font-weight: bold;
}
#kiemelt_db li {
font: normal 11px Arial;
color:#707070;
}
#kiemelt_db ul {
font: normal 11px Arial;
color:#707070;
}

#kiemelt_db a {
font: normal 11px Arial;
color:#707070;
text-decoration: underline;
}
#calendar {
padding:0px;
font-style: 12px Arial;
text-align: left;
}
#calendar p {
margin-top: 0px;
font: 11px Arial;
color: white;
}
#calendar a {
font: normal 12px Arial;
color: #005324;
text-decoration: none;
font-weight: bold;
}
#calendar a:hover {
font-style: 12px Arial;
text-decoration: underline;
}
#calendar2 {
padding-left:10px;

font-style: 12px Arial;
text-align: left;
}
#calendar2 p {
margin-top: 0px;
font: 11px Arial;
color: white;
}
#calendar2 a {

font: normal 12px Arial;
color: #005324;

text-decoration: none;
font-weight: bold;
}
#calendar2 a:hover {
font-style: 12px Arial;
text-decoration: underline;
}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 0px 0px;
width: 670px;
border: 0px solid #ff8a01;
background: #eeeeee;
text-align: left;
}
.thepet {
text-align: justify;
font: normal 13px Arial;
color: #606060;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
background: #005324;
text-align; left;
}

#tananyag p {
font: normal 13px Arial;
color: #ff8a01;
font-weight: bold;
}
#tananyag a {
font: normal 13px Arial;
font-weight: bold;
color: #005324;
text-decoration: none;
}
#tananyag a:hover {
font: normal 13px Arial;
font-weight: bold;
color: #005324;
text-decoration: underline;
}

#contacts_db {
width:249px;
height:235px;
text-align:center;
font:11px arial;
color: #005324;
text-decoration: none;
font-weight: normal;
}
#contacts_db a {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
#contacts_db a:hover {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
#contacts_db a:visited {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}

#contacts_bp {
margin-left:230px;
margin-top:-236px;
width:250px;
height:235px;
text-align:center;
font:11px arial;
color: #005324;
text-decoration: none;
font-weight: normal;
}
#contacts_bp a {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
#contacts_bp a:hover {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
#contacts_bp a:visited {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}

#contacts_sp {
margin-left:480px;
margin-top:-236px;
width:250px;
height:235px;
text-align:center;
font:11px arial;
color: #005324;
text-decoration: none;
font-weight: normal;
}
#contacts_sp a {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
#contacts_sp a:hover {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
#contacts_sp a:visited {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}

#contacts_or {
margin-left:730px;
margin-top:-236px;
width:250px;
height:235px;
text-align:center;
font:11px arial;
color: #005324;
text-decoration: none;
font-weight: normal;
}
#contacts_or a {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
#contacts_or a:hover {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
#contacts_or a:visited {
font:11px arial;
color: #005324;
text-decoration: underline;
font-weight: normal;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* kisebb egységek */
iframe.mails {
margin-top: -10px;
margin-left: 13px;
}

#rssido h1 {
margin-bottom: 5px;
font : 12px arial;
color : #000000;
font-weight : normal;
text-align: left;
text-decoration : none;
background-color: none;
}

#rssrovid {
float: left;
width: 650px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font: normal 12px arial;
color: #707070;
border: 0px solid #ffffff;
}

#rssrovid p {
padding-left: 5px;
margin-bottom: 3px;
background: none;
color: #606060;
text-decoration: none;
font: normal 10px Arial;
}

#rssrovid a {
font : 12px arial;
color : #3c608e;
font-weight : bold;
text-align: left;
text-decoration : none;
background-color: none;
}

#rssrovid a:hover {
font : 12px arial;
color : #3c608e;
font-weight : bold;
text-align: right;
text-decoration : underline;
background-color: none;
}

#rssrovid2 {
float: top;
width: 310px;
margin-left: 350px;
display: block;
background: none;
padding-left: 0px;
padding-right: 0px;
font: normal 10px arial;
color: #ffffff;
border: 1px solid #ffffff;
}

#rssrovid2 p {
padding: 0px 0px;
background: #e4e4e4;
color: #606060;
margin-right: 1px;
margin-top: 0px;
text-decoration: none;
font: normal 13px Arial;
}

#rssrovid2 a {

margin-bottom: 5px;
font : 12px arial;
color : #3c608e;
font-weight : normal;
text-align: left;
text-decoration : none;
background-color: none;
}

#rssrovid2 a:hover {
padding-left: 0px;
font : 12px arial;
color : #3c608e;
font-weight : normal;
text-align: left;
text-decoration : underline;
background-color: none;
}

#rssrovid2 h1 {
margin-bottom: 5px;
font : 12px arial;
color : #000000;
font-weight : normal;
text-align: left;
text-decoration : none;
background-color: none;
}

/* included oldalakhoz kellenek */

#partners {
display:block;
border-bottom: 1px solid #005324;
width: 1000px;
margin-left: -20px;
margin-top: -8px;
background:#005324;
padding: 4px;
text-align: center;
font-style: 12px Arial;
color: #ffffff;
}
#partnerstext {
text-align: center;
}
#partnerstext p {
font: normal 12px arial;
color: #606060;
}

#partnerstext a {
font: normal 11px arial;
color: #606060;
text-decoration: none;
}

#partnerstext a:hover {
font: normal 11px arial;
color: #606060;
text-decoration: none;
}

#partnerstext a:visited {
font: normal 11px arial;
color: #606060;
text-decoration: none;
}

/*CSS for example Accordion #hc1*/

#hc1 li{
margin:0 0 0 0; /*Spacing between each LI container*/
}
#hc1 li .hpanel{
padding: 20px; /*Padding inside each content*/
background: lightblue;
}

/*CSS for example Accordion #hc2*/

#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 0px solid black;
}
#hc2 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #ffffff;
cursor: hand;
cursor: pointer;
}
#hc2 li .hpanel a {
font: 12px arial;
color: #ffa801;
font-weight: bold;
text-decoration: underline;
}

/*Overall CSS for each Horizontal Accordion. Most settings should be kept as it. Customize each Accordion by styling each Accordion's ID attribute instead.*/
.haccordion {
padding: 0;
}
.haccordion ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}
.haccordion li {
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 300px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}
.haccordion li .hpanel {
width: 100%; /*For users with JS disabled: Width of each content*/
height: 300px;  /*For users with JS disabled: Height of each content*/
}