/* CAMPDEN CSS Document */

/* Global Reset *******************************************************************************************************/

* { margin: 0; padding: 0;}

/* Body ***************************************************************************************************************/

body {
	font-size: 62.5%; /* for ems */
	text-align: center;
	background:url(images/bg.jpg) no-repeat #fff center top;
}

#wrapper {
	text-align: left;
	width: 900px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: auto;
} 

/* Search box *********************************************************************************************************/ 

#searchbar { height: 33px; background-image: url(images/searchbar.jpg);}
#searchbar ul { list-style: none; margin: 0; padding-top: 3px;}
#searchbar li { display: inline;}
#searchbar a:link, #searchbar a:visited { padding: 0 6px 0 5px; font-size: 1em; color: #fff; text-decoration: none;}
#searchbar a:hover { color: #fff; text-decoration: underline; }
#searchbar form { float: right; margin: -14px 8px 0 0;}
#searchbar input.txt { width: 130px; }
#searchbar option { font-size: 15px; }

/* Header *********************************************************************************************************/

#header { height: 73px; background-image: url(images/pagetop.jpg); } 
#header a, #header a:visited { text-decoration: none; color: #000; }
#header span { display: none; position: absolute; }
#header a:hover span { display: block; }
#header span { no-repeat; width: 59px; height: 24px; top: 67px; left: 304px; background: url(images/home.gif)}
img.logo { margin-top: 0; border: 0px;}
p.tagline { float: right; margin-top: -55px; font-size: 1.6em; color: #fff;}

/* Content  *********************************************************************************************************/ 

#content { margin: 10px 0 10px 0; width: 100%; height: 200px; float: left; background: #fff; } 

#carousel_box { margin: 0; width: 536px; height: 200px; float: left;} 
#carousel_box h2.news { text-align: right; margin-top: 40px; } 
#carousel_box p.news { text-align: right; margin-left: 150px; }

#welcome { margin: 0 10px 0 0; width: 352px; height: 100%; float: left; }
p.wel {
	font-size: 1.1em;
	line-height: 19px;
	margin: 0;
	padding: 5px 0 0 5px;
	color:#404040;
}
p.login { font-size: 1.2em; line-height: 24px; margin: 0; padding: 5px 0 0 5px; color:#404040; }

#welcome a:link, a:visited { color: #6699cc; text-decoration: none;}
#welcome a:hover { color: #336699; text-decoration: underline; } 

/* carousel  *********************************************************************************************************/

#wrap { clear:left; height:190px; width:537px; display:block; overflow:hidden; position:relative; }

#carousel { width:10000px; margin:0; padding:0; position:absolute; top:0; left:0; }

#carousel li { height:190px; width:537px; margin:0; padding:0; float:left; display:inline; }

#previous, #next { display:block; height:10px; text-indent:-4000em; margin:0 0 13px; cursor:pointer; }
	
#previous { float:left; width:65px; }
	
#next { float: right; width:55px; }
	
#container { width:537px; height:210px; background:url(images/topbox.jpg) no-repeat top left; padding:0; margin:0;}

img.carousel { border: 0px; }
	
/* Menu area *********************************************************************************************************/

#menu { width: 100%; background: #fff; } 

#menu a:link, #menu a:visited { color:#fff; text-decoration: none;}
#menu a:hover {
	color:#000033;
	text-decoration: none;
}

#menu img { margin: 0; border: 0; } 
#col_one, #col_two, #col_three, #col_four, #col_five { width: 172px; height: 100%; float: left; }
.mem, .tech, .randd, .know, .about { font-size: 1.4em; font-weight: 600; text-align: center; margin: 0 0 0 0; padding: 4px 0 4px 0;} 

#col_one { margin-top: 10px; background: #3366cc }
.mem { color: red;  background: #fff url(images/members.gif) top; } 

#col_two { margin: 10px 0 0 10px; background: #cc6600;}
.tech {color: #ffcc99; background: #fff url(images/technical.gif) top;
}
#col_three { margin: 10px 0 0 10px; background: #9900cc;}
.randd { color: #99cc99; background: #fff url(images/randd.gif) top; } 

#col_four { margin: 10px 0 0 10px; background: #cc3333;}
.know { color: #cc9999; background: #fff url(images/knowledge.gif) top; } 

#col_five { margin: 10px 0 0 10px; background: #339933;}
.about { color: #cc99ff; background: #fff url(images/bri.gif) top; } 

/* Content 1 *******************************************************************************************************/ 

#content1 { margin: 10px 0 0 0; width: 100%; height: 100%; float: left; background: #fff }
#content1 hr { height: 1px; color: #cccccc; }

#box_one { margin: 0 10px 0 0; width: 352px; height: 245px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom;}
#box_one img.left { padding: 5px; border: solid #e3e3e3 1px; float: left; }
#box_one img.right { padding: 5px; border: solid #e3e3e3 1px; margin: -42px 5px 0 0; float: right; } 
#box_one p.box { font-size: 1.1em; line-height: 1.6em; margin: 0 5px 0 85px; padding: 5px; color: #666; }

#box_two { margin: 0 10px 0 0px; width: 358px; height: 245px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom;}
#box_two img.left { padding: 5px; border: solid #e3e3e3 1px; float: left; } 
#box_two img.right { padding: 5px; border: solid #e3e3e3 1px; margin: -15px 5px 0 0; float: right; } 

#box_three { width: 170px; height: 245px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom;}
#box_three img { margin: 2px; padding: 3px; border: 0; float: left; border: solid #e3e3e3 1px; }

#content1 a:link, #content1 a:visited {
	color: #336699;
	text-decoration: underline;
}
#content1 a:hover { color: #000099; text-decoration: none; }

#content1 a:link.small, a:visited.small { font-size: .9em; color: #336699; text-decoration: none; }
#content1 a:hover.small { font-size: .9em; color: #000099; text-decoration: none; }
p.box { font-size: 1.1em; line-height: 1.6em; margin: 0 5px 0 85px; padding: 5px; color: #666; }


/* Fonts *********************************************************************************************************/

h1, h2, h3, h4, h5 { font-family: verdana, sans-serif; font-weight: lighter; margin: 0 0 0 0; color: #336699;}
h1 { font-size: 2.6em; padding: 0 25px 25px 5px; color: #000;}
h2 { font-size: 1.6em; padding: 5px; background: #e3e3e3; font-weight: 600;}
h3 { font-size: 1.3em; padding: 5px; color: #6699cc;}
p { font-size: 1.1em; line-height: 1.6em; margin: 0; padding: 5px; color: #666; }

/* Footer *********************************************************************************************************/ 

#footer {
	margin-top: 10px;
	height: 150px;
	background: #666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 

#bot_nav {
	float: left;
	width: 880px;
}

#bot_nav .column {
	float: left;
	width: 145px;
}

#bot_nav li {
	display: block;
	list-style: none;
	font-size: 1.1em;
}

#bot_nav li a {
	display: block;
	clear: left;
	padding: .4em;
	font-weight: bold;
	color: #99ccff;
	text-decoration: none;
}

#bot_nav li li a {
	padding-left: 10px;
	font-size: .81em;
	line-height: 1em;
	font-weight: normal;
	color: #fff;
}

#bot_nav li a:hover {
	text-decoration: underline;
	color: white;
}



/* ----[ drop down box ]----*/

/* ----[ LINKS ]----*/

/* all menu links */
#drop_down a, #subMenusContainer a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	padding:8px 15px;
	color: #444;
	font-size: 1.1em;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#drop_down a{
	margin: 0;
	font-weight: bold;
	background: url(images/dropdown.gif) no-repeat bottom right;}
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#drop_down a:hover, #drop_down a:focus, #drop_down a.mainMenuParentBtnFocused {
	background-color:#666 ;
	color:#fff;
	background: url(images/dropdown_over.gif) no-repeat bottom right;}


#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {
	background-color:#666 ;
	color:#fff;}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#drop_down a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#drop_down li a:hover,
#drop_down li a:focus{
	background-color:#fff ;
	color:#666;
}

table.drop {
  background-color:#d2d2d2;
  text-align:left;}

/* ----[ OLs ULs, LIs, Ps and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#drop_down ol, #drop_down ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	border:1px solid #fff; 
	left:0;
}

/* All submenu P*/
p.down {	
	font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 3px 0 3px 15px;
	background: #fff;
}

/* All ULs and OLs */
#drop_down, #drop_down ul, #drop_down ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#drop_down li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol element */
#drop_down{
	position: absolute;
	width: 135px;
	list-style:none;
	margin:0;
	left:57%;
	display:block;
	font-size: 1.2em;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#drop_down li li{	float:none; }

#drop_down li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#drop_down li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#drop_down li ul ul { margin: -1em 0 0 -1000em; }
#drop_down li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#drop_down li:hover ul{	margin-left: 0; }
#drop_down li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#drop_down li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#drop_down li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#drop_down li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#drop_down li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#drop_down li:hover a:focus{ margin-left: 0; }
#drop_down li li:hover a:focus + ul { margin-left: 10em; }

#map
{
border: 1px solid #666666;
background-position: center;
height: 300px;
width: 500px;
}
.floatleft {
	float: left;
	margin-right: 7px;
	padding-right: 4px;


}
.kiemelt {
	color: #000099;
	text-decoration: none;
}
a.kiemelt:link {
	color: #0000FF;
	text-decoration: none;
}
a.kiemelt:visited {
	color: #0000FF;
	text-decoration: none;
}
a.kiemelt:active {
	color: #0000FF;
	text-decoration: none;
}
a.kiemelt:hover {
	color: #CC0000;
	}

.tableborderszurke {
	border: 1px solid #CCCCCC;
}
.lead {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.vekonytext {
	font-size: 9px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;



}
.bold {
	font-weight: bold;
	text-decoration: none;
	color: #000000;

}
.publicbord {
	background-color: #FFFFFF;
	border-right: 1px solid #D3E2FB;
	border-bottom: 1px solid #D3E2FB;
	border-left: 1px solid #D3E2FB;
}
.kereso {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	height: 17px;
	width: 100px;
}
.lead4 {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;

}
.smalltextfeher {

	font-size: 9px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.balborder {
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
.lead3 {

	font-size: 14px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.balmenu {
	font-weight: bold;
	text-decoration: none;
	color: #000000;

}
.balalmenu {
	font-weight: normal;
	text-decoration: none;
	color: #666666;


}
.boldnarancs {

	font-weight: bold;
	text-decoration: none;
	color: #0066CC;
}
.lenyilo {
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;

}
.navlist {
	margin-top: 5px;
	margin-bottom: 5px;

}
.keresobutt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #0066CC;
	height: 18px;
	width: 57px;
	font-weight: bold;
	color: #FFFFFF;

}
.urlap {
	background-color: #ECF9FF;
	width: 90%;
	background-position: center;


}
.simatext {
	color: #000000;
	text-decoration: none;
}
.narancskiem {
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}