html { 
	background: #999 url("../images/bodybg.gif") center top repeat-x;
	font: normal .7em "Trebuchet MS", "Geneva CE", lucida, sans-serif; 
	height: 100%;
}

body {
	color: #333;
	background: url("../images/pagebg.jpg") center top no-repeat;
	padding: 0;
	margin: 0;
	height: 100%;
}

input, select, textarea { 
	font: normal 1em sans-serif; 
	border: solid 1px #ccc; 
}

option { 
	font: normal 1em sans-serif; 
}

td, th { font: normal 1em sans-serif }
/*
td { border-bottom: solid 1px #3f2618; }
*/
.nobrd td { border: 0; }
th { font-weight: bold; text-align: left }
td.num { text-align: right}

h1, h2, h3, h4, h5, h6 { color: #df0024; font-weight: normal;  }

h1 { font-size: 1.5em;  }
h1:first-letter { text-transform: uppercase;  }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

h2 {
	margin: 1.5em 0 1em 0;
}

a { color: #df0024; text-decoration: none }
a:hover { text-decoration: underline }

/* layout */
#pagebg {	
	width: 835px; 
	margin: 0 auto;
	background: url("../images/pagebg.gif") center repeat-y;
}

#page {	
	background: url("../images/topbg.jpg") center top no-repeat;
}

#rightbg {	
	background: url("../images/rightmotivbg.gif") right 44px no-repeat;
}

#left {
	width: 200px;
	float: left;
	min-height: 350px;
}

#left #languages { 
	height: 45px;
	position: relative;
	background: url("../images/languages 1.gif") 1px 16px no-repeat;
}

#left #languages #cz { 
	position: absolute;
	left: 3px;
	bottom: 0px;
	width: 68px;
	height: 26px;
	background: url("../images/language-inactive.gif") no-repeat;
}

#left #languages #cz.active,
#left #languages #en.active { 
	background: url("../images/language-active.gif") no-repeat !important;
}

#left #languages #cz.active a,
#left #languages #en.active a { 
	color: #fff;
}

#left #languages #cz a { 
	color: #666;
	display: block;
	text-align: center;
}

#left #languages #cz a span { 
	padding: 5px 2px 6px 0;
	display: block;
}

#left #languages #en { 
	position: absolute;
	left: 71px;
	bottom: 0px;
	width: 68px;
	height: 26px;
	background: url("../images/language-inactive.gif") no-repeat;
}

#left #languages #en a { 
	color: #666;
	display: block;
	text-align: center;
}

#left #languages #en a span { 
	padding: 5px 2px 6px 0;
	display: block;
}

#left #contact {
	clear: left;
	min-height: 270px;
	color: #333;
	padding: 10px 15px 40px;
	background: #ccc url("../images/leftbg.jpg") left bottom no-repeat;
}

#left #contact strong {
	font-size: 1.1em;
}

#left #contact a {
	color: #df0024;
	margin: 15px 0 30px 0;
}

#right {
	width: 635px;
	float: left;
	min-height: 350px;
}

#right div#content {
	padding: 2px 16px 2px 3px;
}

#right #motiv {
	height: 303px;
	background: #999;
	position: relative;
}

#right #motiv #imageContainer {
	background: url("../images/motiv1.jpg") right top no-repeat;
	height: 303px;
}

#right #motiv #imageContainer img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 616px;
	height: 303px;
}


#right #motiv #imageContainer div
{
	height: 40px;
	width: 614px;
	background: #fff;
	position: absolute;
	bottom: 1px;
	left: 1px;
	z-index: 10;
	text-align: right;
	font-size: .85em;
	font-weight: normal;
	color: #666;
	filter: -moz-opacity:.75;
	opacity:.75; 
	filter: alpha(opacity=75);
	display: none;
}

/* rok */
#right #motiv #imageContainer div span {
	display: block;
	float: left;
	color: #df0024;
	font-size: 1.6em;
	font-weight: bold;
	padding: .7em 0 0 .5em;
}

#right #motiv #imageContainer div p {
	margin: .95em .5em 0 0;
	line-height: 140%;
	color: #333;
}

#right #motiv #imageContainer div p strong {
	display: block;
	font-size: 1.6em;
}

#right #motiv img#logo {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 10;
}

#right #motiv #description
{
	height: 40px;
	width: 614px;
	background: #fff;
	position: absolute;
	bottom: 1px;
	left: 1px;
	z-index: 10;
	text-align: right;
	font-size: 1.65em;
	font-weight: normal;
	color: #666;
	filter: -moz-opacity:.75; 
	opacity:.75; 
	filter: alpha(opacity=75);
}

#right #motiv #description span {
	display: block;
	padding: 8px 15px 0 0;
}

#right #main {
	background: url("../images/pathbg.gif") center top repeat-x;
	margin-top: 2px;
}

#right #main #path {
	height: 36px;
	overflow: hidden;
}

#right #main #path span {
	padding: 9px 15px 0 15px;
	display: block;
}

#right #main #text {
	padding: 10px 15px;
}

#footer {	
	clear: left;
	height: 68px; 
	background: url("../images/footer.gif") right repeat-y;
	text-align: right;
	padding: 0 30px 0 215px;
	position: relative;
}

#footer #footnavi {
	padding-top: 4px;
}

#footer span#label {
	cursor: help;
}

.basicInformation th {
	text-align: right;
	vertical-align: top;
}

table.referenceTable {
	width: 100%;
}

.referenceTable td {
	border-bottom: solid 1px #eee;
}

.referenceTable th {
	border-bottom: solid 1px #999;
}

.referenceTable th.year {
	border-bottom: 0;
}

.referenceTable img {
	border: 0;
}

#eu {
	position: absolute;
	font-size: 0.8em;
	text-transform: uppercase; 
	color: #000;
	font-weight: bold;
	left: 215px;
	top: 18px;
	line-height: 120%;
}

#eu span {
	display: block;
	text-align: left;
	padding: 2px 0 0 0;
	white-space: nowrap;
}

#eu img {
	float: left;
	margin: 3px 5px 0 0;
}

.clr { clear: both; font-size: 1px }
.error { color: #f00 }
.center { text-align: center; }
.right { text-align: right; }

.longfield { width: 200px }
.small { font-size: .85em }

/*.required { border-right: solid 3px #c00 }*/