@charset "utf-8";

body, div, p, pre, blockquote, img, hr, h1, h2, h3, h4, h5, h6, ul, ol, li, dd, dl, dt, 
form, fieldset, table, thead, tbody, tfoot, tr, th, td, address
{
	padding: 0;
	margin: 0;
}

body
{
	/* font-family: "Arial Regular", "Neue Helvetica", Helvetica, Arial, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background: #ececec;
	color: #000;
}

/* html styles */
img { border: 0; }
div.cleared
{
	clear: both;
	height: 0;
} 
div.hr
{
	height: 10px;
	background-image: url(images/line.png);
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: scroll;
	clear: both;
}
div.hr hr {
  display: none;
}

h1, h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 { font-size: 32pt; }
h2 { font-size: 24pt; }
h3
{
	font-size: 16pt;
	margin-bottom: 4px;
}
h4
{
	font-size: 12pt;
	margin-bottom: 4px;
	color: #837a75;
}

a:link { color: #333; }
a:visited { color: #000; }
a:hover { color: #900; }
a:active { color: #c00; }

h2 a:link, 
h2 a:visited, 
h3 a:link, 
h3 a:visited
{
	text-decoration: none;
	color: #000;
}

h4 a:link,
h4 a:visited
{
	text-decoration: none;
	color: #837a75;
}

h2 a:hover, 
h2 a:active, 
h3 a:hover, 
h3 a:active,
h4 a:hover,
h4 a:active
{
	text-decoration: underline;
	color: #37424A;
}

p, li, dt, dd, td, th, div.intro, div.intro_wide
{
	font-size: 100%;
	line-height: 150%;
}
fieldset { border: none; }

/* elrendezés */
div#container
{
	width: 930px;
	margin: 0 auto;
	background-color: #fff;	
	border: 1px solid #ccc;
}
div#crumb, 
div.breadcrumb
{
	color: #666;
	font-size: 9pt;
}
div#crumb a,
div.breadcrumb a
{
	margin-right: 3px;
}
div#bottomnav
{
	clear: both;
	width: 930px;
	padding-top: 0;
	margin: 0 auto 22px auto;
	background-color: #ececec;
	color: #777;
}
div#bottomnav > div { padding: 24px 34px 22px 34px; }
body.page_homepage div#bottomnav div { padding-top: 24px; }
body.page_homepage div#bottomnav { margin-top: -14px; }

    div#crumb a:link,
    div#crumb a:visited,
    div#bottomnav a:link,
    div#bottomnav a:visited {
        color: #777;
        text-decoration: none;
    }
    div#crumb a:hover,
    div#crumb a:active,
    div#bottomnav a:hover,
    div#bottomnav a:active
    {
        color: #777;
        text-decoration: underline;
    }

/* ====== ====== navigation ====== ======  */

div#nav
{
	width: 930px;
	height: 40px;
	background-color: #fff;
}

    div#home_nav
	{
    	float: left;
		width: 755px;
    	margin-top: 12px;
    }

        div#home_nav > ul
        {
        	width: 756px;	/* 566px */
        	margin-left: 9px;	/*34*/
        	padding: 0;
        	list-style: none;
        }
        div#home_nav > ul  li
        {
        	float: left;
        	margin: 0;
        	padding: 0 6px 0 0;
        	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 9pt;
        	color: #666;
        }
        div#home_nav a
        {
        	color: #666;
        	text-decoration: none;
        }
        div#home_nav a.home { line-height: 17pt; }
        div#home_nav a
        div#home_nav a:link,
        div#home_nav a:visited {
            color: #666;
            text-decoration: none;
        }
        div#home_nav a:hover,
        div#home_nav a:active
        {
            color: #37424A;
            text-decoration: underline;
        }
        div#home_nav select
        {
        	border: 1px solid #ccc;
        	height: 22px;
        	padding: 1px 1px 2px 1px;
        	color: #666;
        	font-size: 9pt;
        }
        div#home_nav input[type='text']
        {
        	height: 16px;
        	padding: 2px 2px 3px 2px;
        	width: 200px;
        	border: 1px solid #ccc;
        	margin: 0;
        	float: left;
        	color: #666;
        	font-size: 9pt;
        }
        div#home_nav input[type='submit']
        {
        	height: 22px;
        	width: 44px;
        	padding: 2px 2px 3px 2px;
        	border: none;
        	float: left;
        	margin-left: 8px;
        	color: #666;
        	font-size: 9pt;
        	background-color: transparent;
        }
    
        @media screen and (-webkit-min-device-pixel-ratio:0) { 
            div#home_nav select
            {
            	padding: 2px;
            	height: 20px;
                margin: 1px 0;
            }
            div#home_nav input[type='submit']
            {
                height: 22px;
                width: 44px;
            } 

        }

div#topmenu
	{
    	float: right;
    	width: 175px;
    	margin-top: 8px;
    }
        div#topmenu > ul
		{
        	padding: 0;
        	margin: 0 1px 0 0;
        	list-style: none;
        	float: right;
        }
        div#topmenu > ul li
		{
        	float: left;
        	margin: 0;
        	padding: 0 4px;
        	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 10pt;
        	color: #666;
        	line-height: 17pt;
        }
        div#topmenu > ul li.last
		{
        	background-image: none;
        	padding-right: 0;
        }
        div#topmenu a
		{
            color: #666;
            text-decoration: none;
        }
		
        div#topmenu a:link,
        div#topmenu a:visited {
            color: #666;
            text-decoration: none;
        }
        div#topmenu a:hover,
        div#topmenu a:active
        {
            color: #37424A;
            text-decoration: underline;
        }

    div#fomenu
    {
    	float: left;
    	width: 930px;
		height: 30px;
    	margin-top: 3px;
    	 /* background-color: #95ba95  */		
		background-color: #6fa269; 
    }
        div#fomenu > ul
        {
        	padding: 0;
        	margin: 0 14px 0 0;
        	list-style: none;
        	float: left;
        }
        div#fomenu > ul li
        {
        	float: left;
        	margin-left: 2px;
			margin-top: 5px;
        	padding: 0 10px;
        	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 11pt;
			font-weight: normal;
        	color: #ffffff;
        	line-height: 17pt;
        	background-repeat: no-repeat;
        	background-position: 100% 50%;
        }
        div#fomenu > ul li.last
        {
        	background-image: none;
        	padding-right: 0;
        }
        div#fomenu a
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu a:link
			{
            color: #ffffff;
            text-decoration: none;
			}
			
		div#fomenu a:visited 
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu a:hover
			{
            color: #ffffff;
            text-decoration: underline;
			}	
			
        div#fomenu a:active
			{
            color: #ffffff;
            text-decoration: underline;
			}		
			
    div#fomenu_babu
    {
    	float: left;
    	width: 930px;
		height: 30px;
    	margin-top: 12px;
    	 /* background-color: #008138; #ECB30B*/		
		background-color: #f36b21;
    }
        div#fomenu_babu > ul
        {
        	padding: 0;
        	margin: 0 14px 0 0;
        	list-style: none;
        	float: left;
        }
        div#fomenu_babu > ul li
        {
        	float: left;
        	margin: 10px;
			margin-top: 5px;
        	padding: 0 14px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 11pt;
			font-weight: normal;
        	color: #ffffff;
        	line-height: 17pt;
        	background-repeat: no-repeat;
        	background-position: 100% 50%;
        }
        div#fomenu_babu > ul li.last
        {
        	background-image: none;
        	padding-right: 0;
        }
        div#fomenu_babu a
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu_babu a:link
			{
            color: #ffffff;
            text-decoration: none;
			}
			
		div#fomenu_babu a:visited 
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu_babu a:hover
			{
            color: #ffffff;
            text-decoration: underline;
			}	
			
        div#fomenu_babu a:active
			{
            color: #ffffff;
            text-decoration: underline;
			}					

   div#fomenu_felnottkepzes
    {
    	float: left;
    	width: 930px;
		height: 30px;
    	margin-top: 12px;
    	 /* background-color: #008138; */		
		background-color: #006BB3;
    }
        div#fomenu_felnottkepzes > ul
        {
        	padding: 0;
        	margin: 0 14px 0 0;
        	list-style: none;
        	float: left;
        }
        div#fomenu_felnottkepzes > ul li
        {
        	float: left;
        	margin: 10px;
			margin-top: 5px;
        	padding: 0 14px;
        	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 11pt;
			font-weight: normal;
        	color: #ffffff;
        	line-height: 17pt;
        	background-repeat: no-repeat;
        	background-position: 100% 50%;
        }
        div#fomenu_felnottkepzes > ul li.last
        {
        	background-image: none;
        	padding-right: 0;
        }
        div#fomenu_felnottkepzes a
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu_felnottkepzes a:link
			{
            color: #ffffff;
            text-decoration: none;
			}
			
		div#fomenu_felnottkepzes a:visited 
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu_felnottkepzes a:hover
			{
            color: #ffffff;
            text-decoration: underline;
			}	
			
        div#fomenu_felnottkepzes a:active
			{
            color: #ffffff;
            text-decoration: underline;
			}					

  div#fomenu_projektek
    {
    	float: left;
    	width: 930px;
		height: 30px;
    	margin-top: 12px;
    	 /* background-color: #008138; */		
		background-color: #9b3f8d;
    }
        div#fomenu_projektek > ul
        {
        	padding: 0;
        	margin: 0 14px 0 0;
        	list-style: none;
        	float: left;
        }
        div#fomenu_projektek > ul li
        {
        	float: left;
        	margin: 10px;
			margin-top: 5px;
        	padding: 0 14px;
        	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 11pt;
			font-weight: normal;
        	color: #ffffff;
        	line-height: 17pt;
        	background-repeat: no-repeat;
        	background-position: 100% 50%;
        }
        div#fomenu_projektek > ul li.last
        {
        	background-image: none;
        	padding-right: 0;
        }
        div#fomenu_projektek a
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu_projektek a:link
			{
            color: #ffffff;
            text-decoration: none;
			}
			
		div#fomenu_projektek a:visited 
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu_projektek a:hover
			{
            color: #ffffff;
            text-decoration: underline;
			}	
			
        div#fomenu_projektek a:active
			{
            color: #ffffff;
            text-decoration: underline;
			}								


 div#fomenu_varrodak
    {
    	float: left;
    	width: 930px;
		height: 30px;
    	margin-top: 12px;
    	 /* background-color: #008138; */		
		background-color: #047ebd;
    }
        div#fomenu_varrodak > ul
        {
        	padding: 0;
        	margin: 0 14px 0 0;
        	list-style: none;
        	float: left;
        }
        div#fomenu_varrodak > ul li
        {
        	float: left;
        	margin: 10px;
			margin-top: 5px;
        	padding: 0 14px;
        	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 11pt;
			font-weight: normal;
        	color: #ffffff;
        	line-height: 17pt;
        	background-repeat: no-repeat;
        	background-position: 100% 50%;
        }
        div#fomenu_varrodak > ul li.last
        {
        	background-image: none;
        	padding-right: 0;
        }
        div#fomenu_varrodak a
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu_varrodak a:link
			{
            color: #ffffff;
            text-decoration: none;
			}
			
		div#fomenu_varrodak a:visited 
			{
            color: #ffffff;
            text-decoration: none;
			}
        div#fomenu_varrodak a:hover
			{
            color: #ffffff;
            text-decoration: underline;
			}	
			
        div#fomenu_varrodak a:active
			{
            color: #ffffff;
            text-decoration: underline;
			}											
			
			
    div#mainnav
    {
    	clear: both;
    	height: 36px;
    	position: relative;
    	top: 0px;
    	left: 0px;
    	background-color: #fff;
    	background-position: 0 0;
    	padding-top: 16px;
    	z-index: 89;
    }
        ul#headnav
        {
        	margin: 0 0 0 26px;
        	padding: 0;
        	float: left;
        	height: 36px;
        	list-style: none;
        	overflow: hidden;
        	display: inline;
        }
        ul#headnav li
        {
        	/*float: left;*/
        	margin: 0;
        	padding: 0;
        	list-style: none;
        	display: inline;
        	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #666;
        	text-align: center;
        }
        ul#headnav a
			{
        	float: left;
        	padding: 36px 0 0 0;
        	overflow: hidden;
        	height: 0px !important;
        	height /**/:36px; /* for IE5/Win only */
        }

        ul#headnav a:hover { background-position: 0 -36px; }
        ul#headnav a:active,
        ul#headnav a.selectedsection,
        ul#headnav a.active { background-position: 0 -36px; }
        
    
    
div#box
{
	clear: both;
	height: 100%;

}


div#header
{
	width: 930px;
	height: 154px;
}
    div#header div.header
    {
        width: 622px;
        height: 154px;
        float: right;
        /* background-color: #f3cb00;  #fc0 */
    }

        div#header div.header h2
        {
        	font-size: 32pt;
        	line-height: normal;
       	    margin-left: 34px;
        	margin-top: 40px;
        }
        div#header div.header div.hr        
        {
        	margin-left: 34px;
        	margin-top: 16px;
        }
        div#header div.header h3
        {
        	margin-left: 34px;
        	margin-top: 16px;
        }
        /*div#header div.header img { margin-left: 34px; }*/
    
    div#header div.logo
    {
        width: 308px;
        height: 153px;
        float: right;
    }
        div#header div.logo h1
        {
            margin: 0;
            padding: 0;
        }
div#content,
div#homecontent
{
	width: 622px;
	float: left;
}
div#content{ margin-bottom: 80px; }
    
    div#crumb,
    div#textarea
    {
    	margin-left: 34px;
    	margin-right: 34px;
    	margin-top: 24px;
    }
    
    div#textarea h2
    {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 16pt;
    	line-height: 20pt;
    }
    div#textarea h3 {
    	font-size: 14pt;
    	line-height: 16pt;
    }
    div#textarea li h3
    {
    	font-size: 11pt;
    	margin-bottom: 0;
    }
    div#textarea p { margin-bottom: 1em; }
    div#textarea ul,
    div#textarea ol { margin-left: 1em; }
    div#textarea ul,
    div#textarea ol { margin-left: 1em; }
    div#textarea div.overview > ul,
    div#textarea div.overview > ol { margin-left: 0; }

    div#textarea embed,
    div#textarea object
    {
    	margin: 0;
    	padding: 0;
    }
    div#textarea > embed,
    div#textarea > object { margin: 0 0 34px 0; }
    

div.verywide { padding: 24px 34px 34px 34px; }

div.collection.verywide
{
	clear: both;
	background-color: #fff;
}

div.half
{
	width: 414px;
	margin-left: 34px;
	float: left;
	padding-bottom: 40px;
}

div#sidebar
{
	width: 308px;
	float: right;
	list-style: none;
}

div#sidebar_new
{
	width: 208px;
	float: right;
	list-style: none;
	background-color: #00ff00;  #fc0 */
}
    
    /* TODO: annoys me, should be removed in every template */
    div#sidebar > h1 { display: none; }

    /* padding of sidebar everywhere */
    div#sidebar > div { margin: 22px 22px 0 22px; }
	
    div#sidebar div.hr
    {
    	background-image: url(images/line_sm.png);
    	margin: 5px 0 5px 0;
  }

div#sidebar_contact
{
	width: 308px;
	min-height: 400px;	
	float: right;
	list-style: none;
	background-color: #478546; /* #fc0 */
}
div#sidebar_contact > div { margin: 22px 22px 0 22px; }

div#sidebar_rolunk
{
	width: 308px;
	min-height: 400px;	
	float: right;
	list-style: none;
	background-color: #478546; /* #fc0 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #ffffff;
}
div#sidebar_rolunk > div { margin: 22px 22px 0 22px; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#side_menu a {
    text-decoration: none;
/*     background-color: #FF9933; */
    color: white;
    width: 255px;
    display: block;
    padding: 5px;
}

#side_menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#side_menu li {
    margin-bottom: 5px;
}

#side_menu a:hover {
    background-color: #cc0000;
}

div#sidebar_babu
{
	width: 308px;
	min-height: 400px;	
	float: right;
	list-style: none;
	background-image: url(http://contacthungary.eu/base/images_babu/contact_logo_sidebar.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #EF7F01; /* #fc0 */
}
div#sidebar_babu > div { 
margin: 22px 22px 0 22px; 	
}

div#sidebar_polgaror
{
	width: 308px;
	min-height: 400px;
	float: right;
	list-style: none;
	background-color: #478546; /* #fc0 */
}
div#sidebar_polgaror > div { margin: 22px 22px 0 22px; }

div#sidebar_felnottkepzes
{
	width: 308px;
	min-height: 400px;	
	float: right;
	list-style: none;
	background-color: #006BB3; /* #fc0 */
}
div#sidebar_felnottkepzes > div { margin: 22px 22px 0 22px; }

div#sidebar_projektek
{
	width: 308px;
	min-height: 400px;	
	float: right;
	list-style: none;
	background-color: #9b3f8d; /* #fc0 */
}
div#sidebar_projektek > div { margin: 22px 22px 0 22px; }

div#sidebar_varrodak
{
	width: 308px;
	min-height: 400px;	
	float: right;
	list-style: none;
	background-color: #057bb9; /* #fc0 */
}
div#sidebar_varrodak > div { margin: 22px 22px 0 22px; }

/* ====== ====== specific styles ====== ====== */

div.intro.wide h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	margin-bottom: 24px;
}
div.intro.wide p { margin-bottom: 10px; }
div.intro.wide { padding-bottom: 2px; }

div.articles
{
	padding-top: 24px;
	border-top: 0px solid #000;
}

div.overview > div
{
	clear: both;
	padding-top: 30px;
}
    div.overview img
    {
        float: left;
        margin-right: 14px;
        margin-top: 3px;
    }
    div.overview div.txt
    {
        float: left;
        width: 380px;
    }
    div.overview p { /*line-height: 140%;*/ }
    div#textarea.contentlist div.overview > ul { list-style: none; }
    div#textarea div.txt h3
    {
    	font-size: 12pt;
    	margin-bottom: 0;
    }
    div#textarea div.txt p { margin-bottom: 0; }
    div#textarea.contentlist div.overview > ul h3 { margin-top: 24px; }
    div#textarea.contentlist div.overview > ul p { margin-bottom: 0; }
    div#textarea.contentlist div.overview > ul p.leesmeer { margin: 4px 0 4px 0; }
    div.overview h3 {
     	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 110%;
    }
    


/* ====== ====== modules ====== ====== */

div#modules1 > div 
{
	margin: 0 0 16px 0;
	padding: 0 0 16px 0;
	border-bottom: 1px solid #000;
	list-style: none;	
}
	ul#modules > li > a { font-weight: bold; }
	ul#modules > li > a:link,
	ul#modules > li > a:visited { text-decoration: none; }
	ul#modules > li > a:hover,
	ul#modules > li > a:active { text-decoration: underline; }	
	
div#modules1 h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin-top: 12px;
	list-style: none;	
}

div#modules1 > div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #fff;
	clear: both;
	min-height: 60px;
	list-style: none;		
}


/* homepage styles */
div#homecontent
{
	width: 622px;
	float: left;
	position: relative;
}

div#homecarouselcontrols
{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
}
ol.homecarouselcontrols
{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 20px;
	float: left;
	display: inline;
	overflow: hidden;
}

ol.carouselcontrols li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
ol.carouselcontrols li a
{
	float: left;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: /**/:20px; /* for IE5/Win only */
}
ol.carouselcontrols li a:active,
ol.carouselcontrols li a.selected { background-position: 0 -30px; }
ol.carouselcontrols li a:hover { background-position: 0 -15px; }
ol.carouselcontrols li a
{
	background: url(images/dot.png) top left no-repeat;
	width: 30px;
}

ul#homecarousel { width: 622px; }

    ul#homecarousel div.header {
        width: 622px;
        height: 154px;
        background-color: #fecb00; /* #f9d928 */ /* #fc0 */
    }
    ul#homecarousel div.header h2
    {
    	margin-left: 34px;
    	padding-top: 40px;
    }
    ul#homecarousel div.header div.hr
    {
    	margin-left: 34px;
    	margin-top: 16px;
    }
    ul#homecarousel div.header h3
    {
        margin-left: 34px;
        margin-top: 16px;
    }
    
    ul#homecarousel li { height: 532px; }
    
    
    .jcarousel-clip-horizontal {
        overflow: hidden;
        width: 622px;
    }


body.page_homepage div#sidebar
{
	background-color: #009933;
	float: left;
}
body.page_homepage div#sidebar > div.logo { margin: 0; }
body.page_homepage div#sidebar > div.intro 
{	position: relative;
	height: 353px;
}
body.page_homepage div#sidebar h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
}
body.page_homepage div#sidebar p { font-size: 10pt; }
body.page_homepage div#sidebar p.leesmeer {	margin: 4px 0 0 0; }

body.page_homepage div#sidebar div.img
{
	position: absolute;
	bottom: 22px;
	left: 0;
}

body.page_homepage div#footer
{
	clear: both;
	width: 925px;
	padding-left: 5px;
	padding-top: 20px;
	background-color: #95ba95;
	height: 3px;
	border: 0px solid #ccc;
}
    body.page_homepage div#footer a:link,
    body.page_homepage div#footer a:visited
    {
        color: #efefef;
    	text-decoration: none;
    }
    body.page_homepage div#footer a:hover,
    body.page_homepage div#footer a:active
    {
        color: #efefef;
        text-decoration: underline;
    }