/* CSS Document */


body {
    margin:0px 0px 0px 0px;
	font-family:"Times New Roman", Times, serif;
/*	font-family: Verdana,Tahoma,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;*/
  }
  
div {
	display:block;
}

h2 {
	color: #666666;
	font-size: 24px;
	margin: 0;
	line-height: 1.3em;
	display: block;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}

a {
	color: #7C9018;
	font-weight: bold;
	text-decoration: none;
}

a:link {
	color: #7C9018;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
}

a:-webkit-any-link {
	color: -webkit-link;
	text-decoration: underline;
	cursor: auto;
}

.clear-block {
	display: block;
}

.clear-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.node-inner {
}

.node h2.title {
	color: #666666;
	font-size: 1.4em;
}

h1.title, h2.title, h3.title {
	margin: 0;
}

#header, #content, #navbar, #sidebar-left, #sidebar-right, #footer, #closure-blocks {
	overflow: visible;
	word-wrap: break-word;
}

#hatter {
    /*position:absolute; top:0px; left:0px;
    margin: 0px 0px 0px 0px;
   width:100%; height:140%;
   background-size:140% auto;*/
    z-index:-1;
	position:fixed; 
  	top: 0;
 	eft: 0; 
  	min-width: 100%;
  	min-height: 100%;
  }

#page {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	font-size: 0.75em;
	line-height: 1.333em;
	}	

#header {
	padding-top: 10px;
	overflow:visible;
	word-wrap:break-word;
}

#logo {
	margin: 0 0;
	padding: 0;
	float: left;
}

#main {
	position: relative;
}

#conetnt {
	margin-top: auto;
	width: 760px;
	margin-left: 200px;
	margin-right: -960px;
	overflow: visible;
	word-wrap: break-word;
	float: left;
	padding: 0;
}

#content-inner {
	margin: auto;
	padding: 10px 20px 20px 20px;
}

#content-area .node-teaser {
	padding: 8px;
	background-color:#CFC;
	margin-bottom: 10px;
	border: 0px solid #CCFF99;
}

#conetent-area {
	background-color: #f9ffd9;
	padding: 8px;
}

#navbar {
	background-image:url(Image/navbar.png);
	background-repeat: repeat-x;
	_margin-left: 2px;
	overflow: hidden;
	float: left;
	width: 99%;
	margin-right: -100%;
	padding: 0;
	height: 3.6em;
}

#navbar-inner {
	padding-top: 8px;
	height: 27px;
}

#navigation-top, #navigation {
	position: absolute;
	left: -10000px;
}

#primary {
	margin-left: 1px !important;
}

#navbar ul {
	margin: 0;
	padding: 0;
}

ul.links {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: disc;
	margin-left: 0;
	padding-left: 2em;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}

#navbar li {
	float: left;
	padding: 0 5;
	text-align: left;
	border-right: 2px solid #FFF;
	height: 16px;
}

ul.links li {
	display: inline;
	list-style-type: none;
	padding: 0 0.5em;
}

li {
	margin: 0;
	padding: 0;
	display: list-item;
	text-align: -webkit-match-parent;
}

#primary a {
	font-family: Verdana,Geneva,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

a:visited {
}

#content, .with-navbar #sidebar-left, .with-navbar #sidebar-right {
	margin-top: 3.6em;
}

#content, .no-sidebars #content {
	float: left;
	width: 960px;
	margin-left: 0;
	margin-right: -960px;
	padding: 0;
}

#: {
	float: left;
	width: 200px;
	margin-left: 0;
	margin-right: -200px;
	padding: 0;
}

#sidebar-left-inner {
}

#sidebar-left-inner {
	margin: 0;
	padding: 10px 0 0 15px;
}

#footer {
}

#footer-inner {
}

.block.odd {
}

.block.region-odd {
}

.region-count-1 {
}

#footer .block-inner {
	padding: 10px;
}

.block-inner {
}

.block .content {
}

#impresszum {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0 0;
	color: #666666;
	font-size: 10px;
}

p {
	font-size:16px;
	margin: 1em 0;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

element.style {
	text-align: center;
	font-size: 0;
	margin: 0px;
	dummy: 0;
	padding: 0px;
	width: 172px;
}

strong, b {
	font-weight: bold;
}

Style Attribute {
	text-align: center;
}

#impresszum {
	color:#FFF;
	font-size: 10px;
}

#impresszum a {
	color:#600;
	text-decoration: none;
	font-weight: bold;
}

#sidebar-left .block {
	margin-bottom: 1em;
	border: 1px solid #7C9018;
	width: 178px;
}

#sidebar-left .block-inner, #block-search-0 #block-header {
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	overflow: hidden;
}

.block h2.title {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 2px;
}

.block ul, .item-list ul {
	margin: 1em 0;
	padding: 0 0 0 2em;
}

.block ul {
	margin: 0;
	padding: 0 0 0.25em 1em;
}

#sidebar-left-inner a {
	color: #7C9018;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
}

img {
	border: 0;
}

.with-navbar #content, .with-navbar #sidebar-left, .with-navbar #sidebar-right {
	margin-top: 3.6em;
}

#sidebar-left {
}

#sidebar-left {
	float: left;
	width: 200px;
	margin-left: 0;
	margin-right: -200px;
	padding: 0;
}

#sidebar-left table.timetable {
	font-size: 11px;
	width: 173px;
	margin: 3px 0px 2px;
}

.node-inner table.timetable {
	font-size: 11px;
	width: 173px;
	margin: 3px 0px 2px;
}

table {
	border-collapse: collapse;
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;
}

p, ul, ol, dl, pre, table, fieldset, blockquote {
	margin: 1em 0;
}

table[Attributes Style] {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

tbody {
	border-top: none;
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

table.timetable {
	font-size: 13px;
}

.node-inner table.timetable {
	font-size: 16px;
}

table.timetable th {
	background-color:#060;
	color:#FFF;
	padding-left: 4px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px none #000;
}

th, thead th, tbody th {
	text-align: left;
	padding-right: 0;
	border-bottom: none;
}

tbody th {
	border-bottom: 1px solid #ccc;
}

tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}

th {
	font-weight: bold;
}

td, th {
	display: table-cell;
	vertical-align: inherit;
}

table.timetable td {
	/*background-color:#FF6600;*/
	color:#000000;
	font-weight: bold;
	border: 1px solid #000;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* új css*/
#mainContainer{
		margin:0 auto;
		width:892px; /* 730*/
		/*text-align:left;*/
		background-color:#CFC;
		padding:3px;
		border:3px solid #317082;	
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:210px; /* 240*/
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:700px;	/* 280 Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:400px;	/* 400 Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:5px solid #317082;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* 114 Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px; /* 110*/
		height:90px; /*90*/
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:5px solid #317082;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
.rightArrow{
	float:right;
}
#DHTMLgoodies_thumbs_inner{
	position:relative;	/* Never change this */
	width:500px; /*1000*/
}