html {
	height: 100%;
	}
	
body {
	margin: 0;
	padding: 0;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../images/bodyBackground.jpg) top center repeat;
	font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #16638b;
	}
	
	a { color: #16638b; text-decoration: none; outline: none; }
	a:hover { color: #093d58; text-decoration: none; outline: none; }
	
	h1 {
		display: block;
		text-indent: -10000em;
		}
		
		#rolunk_header {
			width: 103px;
			height: 61px;
			margin: 30px 0 0 0;
			background: url(../images/headers/rolunk.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
		
		#ceg_header {
			width: 85px;
			height: 61px;
			margin: 27px 0 0 0;
			background: url(../images/headers/ceg.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
		#partnereink_header {
			width: 175px;
			height: 61px;
			margin: 27px 0 0 0;
			background: url(../images/headers/partnereink.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
		#kepzesek_header {
			width: 140px;
			height: 61px;
			margin: 27px 0 0 0;
			background: url(../images/headers/kepzesek.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
		#szolgaltatasaink_header {
			width: 246px;
			height: 61px;
			margin: 27px 0 0 0;
			background: url(../images/headers/szolgaltatasaink.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
		#repuloterek_header {
			width: 179px;
			height: 61px;
			margin: 27px 0 0 0;
			background: url(../images/headers/repuloterek.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
		#arak_header {
			width: 68px;
			height: 71px;
			margin: 17px 0 0 0;
			background: url(../images/headers/arak.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
		#videogaleria_header {
			width: 185px;
			height: 61px;
			margin: 27px 0 0 0;
			background: url(../images/headers/videogaleria.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
		#galeria_header {
			width: 102px;
			height: 61px;
			margin: 27px 0 0 0;
			background: url(../images/headers/galeria.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
			
		#kapcsolat_header {
			width: 149px;
			height: 61px;
			margin: 27px 0 0 0;
			background: url(../images/headers/kapcsolat.png) top left no-repeat;
			behavior: url(styles/iepngfix.htc);
			}
	
	h2 {
		font-size: 18px;
		color: #093d58;
		}
		
	.clearfix { clear: both; }
	
	.backToNav {
		width: 140px;
		height: 35px;
		margin: 35px 0 0 0;
		text-align: center;
		line-height: 35px;
		background: url(../images/backToNav.jpg) top left repeat-x;
		}
		
		.backToNav a {
			display: block;
			width: 140px;
			height: 35px;
			color: #fff;
			text-decoration: none;
			}
			
			.backToNav a:hover { color: #ff9c00; }
	
	#kezdolap, #rolunk, #ceg, #partnereink, #szolgaltatasaink, #kepzesek, #arak, #galeria, #videogaleria, #repuloterek, #kapcsolat {
		width: 100%;
		height: 100%;
		z-index: 1;
		position: relative;
		}
		
		#kezdolap .content {
			width: 900px;
			height: 500px;
			position: absolute;
			bottom: 101px;
			_bottom: 118px;
			left: 50%;
			margin-left: -450px;
			}
			
		#rolunk .contentContainer, #ceg .contentContainer, #partnereink .contentContainer, #kepzesek .contentContainer, #arak .contentContainer, #galeria .contentContainer, #videogaleria .contentContainer, #repuloterek .contentContainer, #kapcsolat .contentContainer {
			width: 900px;
			height: 500px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -250px 0 0 -450px;
			}
			
		#szolgaltatasaink .contentContainer {
			width: 908px;
			height: 500px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -250px 0 0 -454px;
			}
			
			#rolunk .logo, #ceg .logo , #partnereink .logo, #arak .logo , #repuloterek .logo, #kapcsolat .logo {
				width: 160px;
				height: 500px;
				margin: 0 40px 0 0;
				float: left;
				background: transparent url(../images/logo.png) top left no-repeat;
				behavior: url(styles/iepngfix.htc);
				}
					
			#rolunk .content, #ceg .content, #partnereink .content, #arak .content, #repuloterek .content, #kapcsolat .content {
				width: 700px;
				height: 500px;
				float: left;
				}
			
/*----------------------------------------------------------KEZDŐLAP----------------------------------------------------------*/
			
#kezdolap {
	background: transparent url(../images/kezdolap/background.png) bottom left repeat-x;
	behavior: url(styles/iepngfix.htc);
	_background: url(../images/kezdolap/ieBackground.jpg) bottom left repeat-x;
	}
	
	#topBar {
		width: 100%;
		height: 50px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		}
		
		#topBar .container {
			width: 900px;
			height: 100px;
			overflow: hidden;
			margin: 0 auto 0 auto;
			}
				
			#topBar .slideText2 {
				display: block;
				width: 900px;
				height: 50px;
				float: left;
				font-size: 40px;
				line-height: 50px;
				color: #b80404;
				text-transform: uppercase;
				}
				
	#bottomBar {
		width: 100%;
		height: 100px;
		border-top: 1px solid #000;
		position: absolute;
		bottom: 0;
		left: 0;
		background: transparent url(../images/bottomBarBackground.png) top left repeat;
		behavior: url(styles/iepngfix.htc);
		z-index: 100;
		}
		
		#bottomBar .container {
			width: 900px;
			height: 100px;
			overflow: hidden;
			margin: 0 auto 0 auto;
			}
			
			#bottomBar .container .logo {
				width: 160px;
				height: 100px;
				background: transparent url(../images/logo.png) top left no-repeat;
				behavior: url(styles/iepngfix.htc);
				float: left;
				}
				
			#bottomBar .slideText {
				display: block;
				width: 340px;
				height: 100px;
				float: left;
				font-size: 25px;
				line-height: 100px;
				color: #fff;
				}
				
			#bottomBar .tel {
				width: 200px;
				height: 75px;
				padding: 25px 30px 0 30px;
				float: left;
				font-size: 18px;
				color: #ff9c00;
				}
				
			#bottomBar .author {
				display: block;
				height: 65px;
				padding: 35px 0 0 0;
				float: right;
				color: #fff;
				font-family: verdana;
				font-size: 11px;
				text-align: right;
				}
				
				#bottomBar .author  a { display: static; font-size: 11px; text-align: right; line-height: 15px; }

	#kezdolap .content {
		_height: 500px;
		_overflow: hidden;
		background: transparent url(../images/kezdolap/plane.png) bottom center no-repeat;
		behavior: url(styles/iepngfix.htc);
		}
		
		#kezdolap .line1, #kezdolap .line2, #kezdolap .line3, #kezdolap .line4 {
			width: 900px;
			overflow: hidden;
			clear: both;
			}
			
			#kezdolap .line1 div, #kezdolap .line2 div, #kezdolap .line3 div, #kezdolap .line4 div {
				display: block;
				border: 1px solid #000;
				background: transparent url(../images/menuBackground.png) top left repeat;
				behavior: url(styles/iepngfix.htc);
				float: left;
				}
				
				#kezdolap div a {
					display: block;
					line-height: 35px;
					text-align: center;
					text-decoration: none;
					font-size: 18px;
					font-weight: bold;
					color: #fff;
					}
					
					#kezdolap div a:hover {
						color: #ff9c00;
						}
		
		#kezdolap .content .line1 { height: 130px; }
			
			#kezdolap .content .line1 .repuloterek {
				width: 116px;
				height: 35px;
				margin: 85px 0 0 217px;
				_margin: 85px 0 0 109px;
				}
				
				#kezdolap .content .line1 .repuloterek a { width: 116px; height: 35px; }
				
			#kezdolap .content .line1 .kapcsolat {
				width: 102px;
				height: 35px;
				margin: 76px 0 0 185px;
				_margin: 76px 0 0 185px;
				}
				
				#kezdolap .content .line1 .kapcsolat a { width: 102px; height: 35px; }
				
		#kezdolap .content .line2 { height: 120px; }
		
			#kezdolap .content .line2 .videogaleria {
				width: 140px;
				height: 35px;
				margin: 33px 0 0 10px;
				_margin: 33px 0 0 5px;
				}
				
				#kezdolap .content .line2 .videogaleria a { width: 140px; height: 35px; }

			
			#kezdolap .content .line2 .szolgaltatasaink {
				width: 159px;
				height: 35px;
				margin: 38px 0 0 145px;
				_margin: 38px 0 0 145px;
				}
				
				#kezdolap .content .line2 .szolgaltatasaink a { width: 159px; height: 35px; }
				
			#kezdolap .content .line2 .ceg {
				width: 68px;
				height: 35px;
				margin: 33px 0 0 340px;
				_margin: 33px 0 0 340px;
				}
				
				#kezdolap .content .line2 .ceg a { width: 68px; height: 35px; }
				
		#kezdolap .content .line3 { height: 150px; }
		
			#kezdolap .content .line3 .partnereink {
				width: 120px;
				height: 35px;
				margin: 68px 0 0 30px;
				_margin: 68px 0 0 15px;
				}
				
				#kezdolap .content .line3 .partnereink a { width: 120px; height: 35px; }
			
			#kezdolap .content .line3 .rolunk {
				width: 75px;
				height: 35px;
				margin: 100px 0 0 65px;
				_margin: 100px 0 0 32px;
				}
				
				#kezdolap .content .line3 .rolunk a { width: 75px; height: 35px; }
				
			#kezdolap .content .line3 .kepzesek {
				width: 98px;
				height: 35px;
				margin: 88px 0 0 315px;
				_margin: 88px 0 0 304px;
				}
				
				#kezdolap .content .line3 .kepzesek a { width: 98px; height: 35px; }
				
		#kezdolap .content .line4 { height: 100px; }
			
			#kezdolap .content .line4 .arak {
				width: 75px;
				height: 35px;
				margin: 41px 0 0 131px;
				_margin: 41px 0 0 66px;
				}
				
				#kezdolap .content .line4 .arak a { width: 75px; height: 35px; }
				
			#kezdolap .content .line4 .galeria {
				width: 79px;
				height: 35px;
				margin: 47px 0 0 422px;
				_margin: 47px 0 0 316px;
				}
				
				#kezdolap .content .line4 .galeria a { width: 79px; height: 35px; }
				
			#kezdolap .content .line4 .idojaras {
				width: 90px;
				height: 35px;
				margin: 20px 0 0 14px;
				_margin: 20px 0 0 7px;
				}
				
				#kezdolap .content .line4 .idojaras a { width: 90px; height: 35px; }
		
/*----------------------------------------------------------RÓLUNK----------------------------------------------------------*/
		
#rolunk .fixWrap {
	width: 680px;
	height: 340px;
	padding: 0 20px 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	}
	
	#rolunk .fixWrap p { text-align: justify; }
			
/*----------------------------------------------------------SZOLGÁLTATÁSAINK----------------------------------------------------------*/
		
#szolgaltatasaink ul {
	width: 908px;
	height: 250px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	}
	
	#szolgaltatasaink li {
		width: 150px;
		height: 250px;
		margin: 0 0 0 1px;
		float: left;
		}
				
/*----------------------------------------------------------KÉPZÉSEK----------------------------------------------------------*/

#kepzesek .fixWrap {
	width: 900px;
	height: 340px;
	padding: 0 20px 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	}

	#kepzesek .left {
		width: 400px;
		float: left;
		}
		
	#kepzesek .right {
		width: 470px;
		margin: 0 0 0 10px;
		float: left;
		}
			
		#kepzesek .kepzes {
			width: 470px;
			overflow: hidden;
			clear: both;
			margin: 0 0 5px 0;
			}
			
			#kepzesek .kepzes .name {
				display: block;
				width: 40px;
				line-height: 30px;
				float: left;
				background: #ff9c00;
				text-align: center;
				color: #000;
				}
				
			#kepzesek .kepzes .eng {
				display: block;
				width: 160px;
				padding: 0 0 0 10px;
				line-height: 30px;
				float: left;
				background: #16638b;
				color: #fff;
				}
				
			#kepzesek .kepzes .hun {
				display: block;
				width: 250px;
				padding: 0 0 0 10px;
				line-height: 30px;
				float: left;
				background: #1875a8;
				color: #fff;
				}
				
	#kepzesek .repulok {
		width: 900px;
		overflow: hidden;
		}
		
		#kepzesek .repulok .repulo {
			width: 280px;
			float: left;
			}
			
			#kepzesek .repulok .header {
				width: 280px;
				line-height: 30px;
				background: #ff9c00;
				text-align: center;
				font-size: 17px;
				color: #000;
				}
				
			#kepzesek .repulok .first {
				width: 280px;
				line-height: 30px;
				background: #16638b;
				text-align: center;
				color: #000;
				}
				
				#kepzesek .repulok .first span { color: #fff; }
				
			#kepzesek .repulok .second {
				width: 280px;
				line-height: 30px;
				background: #1875a8;
				text-align: center;
				color: #000;
				}
				
				#kepzesek .repulok .second span { color: #fff; }
				
/*----------------------------------------------------------ÁRAK----------------------------------------------------------*/

	#arak .repulok {
		width: 900px;
		overflow: hidden;
		}
		
		#arak .repulok .repulo {
			width: 200px;
			float: left;
			}
			
			#arak .repulok .header {
				width: 200px;
				line-height: 30px;
				background: #ff9c00;
				text-align: center;
				font-size: 17px;
				color: #000;
				}
				
			#arak .repulok .first {
				width: 200px;
				line-height: 30px;
				background: #16638b;
				text-align: center;
				color: #000;
				}
				
				#arak .repulok .first span { color: #fff; }
				
			#arak .repulok .second {
				width: 200px;
				line-height: 30px;
				background: #1875a8;
				text-align: center;
				color: #000;
				}
				
				#arak .repulok .second span { color: #fff; }
				
/*----------------------------------------------------------GALÉRIA----------------------------------------------------------*/

#galeria .fixWrap {
	width: 880px;
	height: 340px;
	padding: 0 20px 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	}
				
#galeria ul {
	width: 880px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	}
	
	#galeria li {
		width: 80px;
		height: 80px;
		margin: 0 10px 10px 0;
		float: left;
		}
		
		#galeria li a {
			display: block;
			width: 80px;
			height: 80px;
			background: url(../images/galleryThumbBorder.png);
			behavior: url(styles/iepngfix.htc);
			}
			
			#galeria li a img {
				border: 0;
				margin: 10px 0 0 10px;
				}
				
			#galeria li a:hover {
				background: url(../images/galleryThumbBorderHover.png);
				behavior: url(styles/iepngfix.htc);
				}
				
/*----------------------------------------------------------KAPCSOLAT----------------------------------------------------------*/
		
#kapcsolat .left {
	width: 250px;
	height: 340px;
	float: left;
	}
	
#kapcsolat .right {
	width: 450px;
	height: 340px;
	float: left;
	}
	
	#kapcsolat .right div {
		width: 450px;
		margin: 0 0 5px 0;
		clear: both;
		}
		
		#kapcsolat .right label {
			display: block;
			width: 70px;
			margin: 0 10px 0 0;
			line-height: 30px;
			float: left;
			text-align: right;
			}
			
		#kapcsolat .right .input {
			display: block;
			width: 230px;
			height: 22px;
			margin: 0;
			padding: 8px 10px 0 10px;
			border: 0;
			background: url(../images/input.gif) top left no-repeat;
			font-family: verdana, sans-serif;
			font-size: 11px;
			}
			
		#kapcsolat .right .textarea {
			display: block;
			width: 230px;
			height: 124px;
			margin: 0;
			padding: 8px 10px 8px 10px;
			border: 0;
			background: url(../images/textarea.gif) top left no-repeat;
			font-family: verdana, sans-serif;
			font-size: 11px;
			}
			
		#kapcsolat .right .submit {
			display: block;
			width: 100px;
			height: 30px;
			margin: 20px 0 0 80px;
			border: 0;
			background: url(../images/submit.gif) top left no-repeat;
			text-align: center;
			font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			cursor: pointer;
			}