* {margin: 0; padding: 0;}
html, body {height: 100%; }
body {background: #a9a9a9 url(../images/bg_html.jpg) repeat-x; font-family: "trebuchet ms", arial; font-size: 12px;}
img {border: 0;}

h1 {font-size:14px;}
h2 {font-size:12px;}

/**/
#royal {width: 874px; margin: 0 auto;position: relative;}
	#langs, #langs span {position: absolute; width: 16px; height: 57px; top: 0; background-image: url(../images/bg_flags.gif);}
	#langs {left: 5px;}
	#langs span, #langs a:hover {*cursor: pointer; left: 0;}
		.lang-2 #langs span {background-position:  0 0; }
		.lang-2 #langs a:hover span {background-position:  -16px 0;}
		.lang-1 #langs span {background-position:  0 -57px;}
		.lang-1 #langs a:hover span {background-position:  -16px -57px;}
		
#shadow {background: url(../images/shadow.png) repeat-y; padding: 0 5px; _background: none;}
	#header {}
	#holder {background: #0c0c0c; clear:both; overflow: hidden; _height: 1%; color: #fff;}
		#main {float:left; width: 568px; padding: 25px;}
		#side {float:left; width: 246px; padding-bottom: 25px; text-align: center; background: url(../images/bg_side.gif) repeat-y;}
	
	#bottommenu {background: #0c0c0c; font-size: 11px; padding: 5px 15px; text-align: center;}
	#bottommenu .inlinemenu li {border-color: #666;}
	#bottommenu a {color: #777; text-decoration: none;}
	#bottommenu a:hover {color: #fff; text-decoration: underline;}
	
	#footer {background: url(../images/bg_footer.gif) no-repeat; height: 67px; }
	#footer p {text-align: center; color: #aaa; line-height: 67px;}
	#footer a {color: #777; text-decoration: none;}
	#footer a:hover {color: #fff; text-decoration: underline;}
		#omo, #omo span, #omo a {width: 120px; height: 28px; display: block; background-image: url(../images/orange.gif); overflow:hidden;}
		#omo {position: relative; float: right; margin-right: 16px;}
		#omo span {position: absolute; top: 0; left: 0; *cursor: pointer;}
		#omo a {*cursor: pointer;}
		
		#omo a:hover span, #omo a:hover {background-position: 0 0;}
		#omo a:hover span, #omo a:hover {background-position: 0 -28px;}

/*Mainmenu*/
ul#mainmenu {list-style: none; width: 874px; height: 57px; padding: 0 21px; background: url(../images/bg_menu.gif) no-repeat;}
ul#mainmenu li, ul#mainmenu li a, ul#mainmenu li span {display: block; height: 57px;}
ul#mainmenu li {position: relative; float: left;}
ul#mainmenu li a {line-height: 57px; text-align: center; color: #fff;}
ul#mainmenu li span {position: absolute; top: 0; left: 0; *cursor: pointer;}

.lang-1 ul#mainmenu li, .lang-1 ul#mainmenu li a, .lang-1 ul#mainmenu li span {background-image: url(../images/btn_menu_1.gif);}
.lang-2 ul#mainmenu li, .lang-2 ul#mainmenu li a, .lang-2 ul#mainmenu li span {background-image: url(../images/btn_menu_2.gif);}

ul#mainmenu li#mp1, ul#mainmenu li#mp1 a, ul#mainmenu li#mp1 span {width: 155px; background-position:  0 0;}
ul#mainmenu li#mp2, ul#mainmenu li#mp2 a, ul#mainmenu li#mp2 span {width: 109px; background-position:  -155px 0;}
ul#mainmenu li#mp3, ul#mainmenu li#mp3 a, ul#mainmenu li#mp3 span {width: 265px; background-position:  -264px 0;}
ul#mainmenu li#mp4, ul#mainmenu li#mp4 a, ul#mainmenu li#mp4 span {width: 137px; background-position:  -529px 0;}
ul#mainmenu li#mp5, ul#mainmenu li#mp5 a, ul#mainmenu li#mp5 span {width: 166px; background-position:  -666px 0;}

ul#mainmenu li#mp1, ul#mainmenu li#mp1 a:hover, ul#mainmenu li#mp1 a:hover span {width: 155px; background-position:  0 -57px;}
ul#mainmenu li#mp2, ul#mainmenu li#mp2 a:hover, ul#mainmenu li#mp2 a:hover span {width: 109px; background-position:  -155px -57px;}
ul#mainmenu li#mp3, ul#mainmenu li#mp3 a:hover, ul#mainmenu li#mp3 a:hover span {width: 265px; background-position:  -264px -57px;}
ul#mainmenu li#mp4, ul#mainmenu li#mp4 a:hover, ul#mainmenu li#mp4 a:hover span {width: 137px; background-position:  -529px -57px;}
ul#mainmenu li#mp5, ul#mainmenu li#mp5 a:hover, ul#mainmenu li#mp5 a:hover span {width: 166px; background-position:  -666px -57px;}

/*H1*/
h1#header-logo, h1#header-logo span {width: 874px; height: 278px; background: url(../images/header_logo.jpg) no-repeat;}
h1#header-logo {position: relative;}
h1#header-logo span {position: absolute; top: 0; left: 0; *cursor: pointer;}


/*main*/
#main h1.title {position: relative; height: 35px;  overflow: hidden;}
#main h1.title span {position: absolute; top: 0; left: 0; height: 35px; display: block;}
.lang-1 #main h1.title, .lang-1 #main h1.title span {background-image: url(../images/txt_title_1.gif);}
.lang-2 #main h1.title, .lang-2 #main h1.title span {background-image: url(../images/txt_title_2.gif);}
.lang-1 #main h1.bemutatkozas, 
.lang-1 #main h1.bemutatkozas span {width: 110px; background-position: 0 0;}
.lang-1 #main h1.flotta, 
.lang-1 #main h1.flotta span {width: 64px; background-position: -110px 0;}
.lang-1 #main h1.szolgaltatas, 
.lang-1 #main h1.szolgaltatas span {width: 222px; background-position: -174px 0;}
.lang-1 #main h1.referenciak, 
.lang-1 #main h1.referenciak span {width: 91px; background-position: -396px 0;}
.lang-1 #main h1.foglalas, 
.lang-1 #main h1.foglalas span {width: 122px; background-position: -487px 0;}
.lang-1 #main h1.impresszum, 
.lang-1 #main h1.impresszum span {width: 95px; background-position: -609px 0;}

.lang-2 #main h1.bemutatkozas, 
.lang-2 #main h1.bemutatkozas span {width: 71px; background-position: 0 0;}
.lang-2 #main h1.flotta, 
.lang-2 #main h1.flotta span {width: 70px; background-position: -71px 0;}
.lang-2 #main h1.szolgaltatas, 
.lang-2 #main h1.szolgaltatas span {width: 200px; background-position: -141px 0;}
.lang-2 #main h1.referenciak, 
.lang-2 #main h1.referenciak span {width: 66px; background-position: -341px 0;}
.lang-2 #main h1.foglalas, 
.lang-2 #main h1.foglalas span {width: 123px; background-position: -407px 0;}
.lang-2 #main h1.impresszum, 
.lang-2 #main h1.impresszum span {width: 57px; background-position: -530px 0;}

#main h1, #main p, #main h2 {margin-bottom: 10px;}
#main a {color: #e8c57b; text-decoration: none;}
#main a:hover {color: #fff; text-decoration: underline;}

/*Side*/
h1#title-galeria, h1#title-galeria span {height: 56px; width: 246px;}
h1#title-galeria {position: relative; margin-bottom: 25px;}
h1#title-galeria span {position: absolute; top: 0; left: 0; display: block;}
.lang-1 h1#title-galeria span {background: url(../images/txt_side_1.gif);}
.lang-2 h1#title-galeria span {background: url(../images/txt_side_2.gif);}

	/*open-galeria*/
	#open-galeria {}
	#open-galeria img {display: block; border: 4px solid #fff; margin: 0 auto;}
	#open-galeria a:hover img {border: 4px solid #e8c57b;}
	
	#order, #order span {width: 184px; height: 41px; background-image: url(../images/btn_order.gif);}
	#order {position: relative; margin: 0 auto;}
	#order span {position: absolute; top: 0; left: 0; *cursor: pointer;}
	#order a {*cursor: pointer;}
	
		.lang-1 #order a, .lang-1 #order span {background-position: 0 0;}
		.lang-1 #order a:hover, .lang-1 #order a:hover span {background-position: 0 -41px;}

		.lang-2 #order a, .lang-2 #order span {background-position: -184px 0;}
		.lang-2 #order a:hover, .lang-2 #order a:hover span {background-position: -184px -41px;}	

table.galeria {border-collapse: collapse; width: 100%;}
table.galeria td {width: 25%; padding-bottom: 18px;}
table.galeria img {display: block; border: 1px solid #fff;}
table.galeria a:hover img {border: 1px solid #e8c57b;}

.newsbox {padding-bottom: 10px; border-bottom: solid 1px #444; margin-bottom: 20px;}

form#form1 .frow {clear: both; overflow: hidden; _height: 1%; margin-bottom: 3px;}
form#form1 fieldset {padding: 20px; margin-bottom: 10px; border: 0; border-top: 1px solid  #e8c57b; }
form#form1 legend {padding: 0 3px; }
form#form1 label {float: left; display: block; width: 200px; margin-right: 10px;}
form#form1 select,
form#form1 input {background: #333; border: 1px solid #555; padding: 0 0 0 2px; color: #fff; font-family: "trebuchet ms";}
form#form1 input {width: 160px;}
form#form1 select {width: 165px;}
#reset, #submit {cursor: pointer;}

/*COMMON_STYLE*/

/*Inlinemenu*/
	.inlinemenu li {display: inline; padding: 0px 7px 0 2px; *padding: 0px 2px 0px 7px; border-right: 1px solid #c2c2c2; list-style: none; }
	.noborder {border: 0 !important;}
	
	/* HR - vonal */
	.hr {background: #DBE2E8; margin-top: 10px; height: 1px; font-size: 1px; line-height: 1px; clear: both;}
	.hr hr {display: none;}
	
	/**/

	.fleft {float: left !important;}
	.fright {float: right !important;}
	.img-left {float: left !important; margin-right: 10px;}
	.img-right {float: right !important; margin-left: 10px;}
	.right {text-align: right !important;}
	.left {text-align: left !important;}
	.center {text-align: center !important;}
	.clear {clear: both;}
	.bold {font-weight: bold !important;}
	
	
	/*#lightbox{
		background-color: #222;
		padding: 0px;
		border: 5px solid #fff;
		}*/
	/*lightbox
	#lightboxDetails{
		color: #aaa;
		font: normal 9px verdana;
		padding-top: 0.4em;
		}
	#lightboxCaption{ float: left; }
	#keyboardMsg{ float: right; }*/
	/*#lightbox img{ border: 0; display: block;}
	#overlay img{ border: none; }
	#overlay{ background-image: url(../images/overlay.png); }
	* html #overlay{
		background-color: #000;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/images/overlay.png", sizingMethod="scale");
	}*/
	
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 	

	#imprint_page {}
		#imprint_page p,
		#imprint_page h1,
		#imprint_page h2 {padding:0;margin:0;border:0;background:none;}

		#imprint_owner {padding: 0 20px 20px;}
			#imprint_owner h1 {}
			p#owner_logo {padding: 10px 0;}

		.imprint_author {padding: 20px; }
			.imprint_author h2, .imprint_author h2 span {width:100px;height:40px;overflow:hidden;background-image:url(../images/imprint_logo.gif);}
			.imprint_author h2 {position: relative;padding:0 !important;}
			.imprint_author h2 a {}
			.imprint_author h2 span {display:block;position:absolute;top:0;left:0;*cursor:pointer;}

			h2#powerpages_logo, h2#powerpages_logo span {background-position: 0 -40px;}

	.imprint-center {text-align:center !important;}
	.imprint-center p {text-align:center !important;}
	.imprint-center h2 {margin-left: auto !important; margin-right: auto !important;}