html {
	font-size: 100.01%;
}
body {
	margin: 0;
	font: 64% "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	border-top: 8px solid #ccc;
	background: #ffffff;	
    min-width: 870px;
}

/**************
/* CSS reset */

fieldset {
    padding: 0;
    margin: 0;
    display: inline;
}

form {
	padding: 0;
	margin: 0;
	display: inline;	
}

img {
	border: none;
	display: block;
    /* margin-right: 10px; v nemeckych stylech */
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4 {
	margin: 0;
}

table {
	padding: 0;
	margin: 0;
	border-collapse:collapse;
}

td {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

a:active, a:focus {
	outline:none;	
}

a:hover, a:active, a:link {
	color: #008D51;
}

a:visited {
    color: #000000;
}

/*********************
/* main definitions */

#main{
	margin: 0 0 0 17px;
	width: 759px;
	position: relative;
	padding-top: 40px;
}

#header{
	position: absolute;
	left: 0;
	top: 0;
}

.logo {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat; /* v nemeckych stylech neni */
	width: 190px;
	height: 34px;
	margin: 0 0 0 177px;
}

.columns {
	width: 100%;
}

.columns:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
}

/*************/
/* h1 styles */

.heading{
	width: 100%;
	background: url(../images/heading-bg.gif) no-repeat 0 100%;
	padding: 0 0 2px;
	margin: 0 0 2px;
	overflow: hidden; /* v nemeckych stylech maji visible */
	font: 100% "Times New Roman",Times,serif;
	color: #a7b1a6;
    height: 35px;
}

h1 {
    font-size: 22px;
    font-family: "Palatino Linotype", Georgia, Times, Times New Roman, serif;
    color: #008D51;
    font-weight: 400;
    letter-spacing: 0px;
    position: absolute;
    top: 46px;
    width: 697px;
    height: 30px;
    text-align: right;
    vertical-align: top;
    line-height: 22px;
    overflow: visible;
}

h1 span {
    vertical-align: top;
}

/***************************/
/* left main menu side-bar */

.side-bar {
	width: 150px;
	float: left;
}

.side-bar ul li {
    border-bottom: 1px solid #bbbcb7;
    padding: 2px 0 4px;
}

.side-bar ul a {
    display: block;
    width: 140px;
    margin-left: 0px;
    overflow: visible;
    color: black;
    font: 1.35em/1.2em "Palatino Linotype", Georgia, Times, Times New Roman, serif;
}

.side-bar ul a:hover, a:link {
    color: #008D51;
}

/* this makes the selected section in the left side bar menu green */
.buecher .menu-buecher-und-schriften a,
.gralsbewegung-gralskreise .menu-gralsbewegung a,
.gralsbewegung-home .menu-gralsbewegung a,
.gralsbewegung-international .menu-gralsbewegung a,
.nadace-hnutigralu-home .menu-nadace-hnuti-gralu a,
.gralsbotschaft-home .menu-die-gralsbotschaft a,
.kontakt-info-home .menu-kontakt-und-information a,
.tiskove-zpravy-media-home .menu-tisk,
.faq .menu-faq a { color: #008D51; }

/**********************/
/* suchen link holder */
/* TODO: check against german version */
.suchen{
	overflow: hidden;
	width: 100%;
	margin: 37px 0 0;
}
.suchen form div{
	overflow: hidden;
	width:100%;
}
.suchen form div span{
	display: block;
	background:url(../images/suchen-feld.gif) no-repeat 0 100%;
	width: 98px;
	height: 21px;
	padding: 0 0 0 5px;
	float: left;
}
.suchen input.search-field{
	width: 83px;
	display: block;
	border: none;
	background: none;
}

#cse-search-box button{
	margin: 7px 0px 0px 2px;
	padding: 0px;
	width: 34px;
	height: 7px;
	line-height: 7px;
	background: url(../images/hledat.png) no-repeat;
	border: 0px;
}

#cse-search-box button:hover {
	background-position: 0 100%;
	cursor: pointer;
}

/***********************************************/
/* main content, page content and text content */

/* main content */
.main-content {
	width: 606px;
	float: right;
    position: relative;
}

/* page content */
#main .page-content{
    margin: 145px 0 0 15px;
    width: 485px;
}

.page-content h3 {
  color:#000; 
  font: bold 1.25em/1.2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
  margin:25px 0 0;
  width: 442px;
}

.page-content p {
  color:#000;
  font: 1.2em/2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
  margin: 12px 0;
  width: 442px;
}

.page-content ul {
        list-style: circle;
        padding: 10px;
        margin: 10px;
}

.page-content li {
  color:#000;
  font: 1.2em/2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
}

.page-content a {
    color: #008D51;
}

/* text content */
.text-content{
    margin: 2px 0 0 0;
    background: #d7e6d3;
    padding: 5px 10px 10px 10px;
}

/*********************
/* right side links */
/* See for transparent background with rgba: 
    http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */

.right-side-links {
    position:relative;
    font: 1.25em/1.2em "Palatino Linotype", Georgia, Times, Times New Roman, serif;
    line-height: 1.3;
    float: right;
    width: 152px; /* dimensions of the green box */
    height: 193px; /* dimensions of the green box */
    z-index: 10;
    /* workaround for transparent CSS background areas for IE 6 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EDD6E6D3, endColorstr=#EDD6E6D3)"; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=93)";
    background: rgb(214, 230, 211);  
    background: rgba(214, 230, 211, 0.93);
    margin: 60px 0 0;
    padding: 0px 0 2px;
    /* the background areas have a minimal rounded edge with 1px radius (IE skipped) */
    -moz-border-radius: 1px; /* Firefox */
    -webkit-border-radius: 1px; /* Safari, Chrome */
    -khtml-border-radius: 1px; /* Konqueror */
    border-radius: 1px; /* CSS3 */
}

.right-side-links li { padding: 2px 0; }

.right-side-links li span {
  display: block;
  overflow: visible;
  z-index: 10;
  width: 130px;
  cursor: pointer;
  padding-left: 14px;  
}

.right-side-links li a:active,
.right-side-links li a:hover {
  color: #008D51;
  z-index: 10;
}
 
.right-side-links a {
  display: block;
  color: black;  
  z-index: 10;
  width: 150px;
  padding-right: 5px;
  overflow: visible;
}

.right-side-links .active {
  color: #008D51;
}
 
.right-side-links .top-bar { /* class for the grey bar over the right links */  
  width: 138px;
  background-color: #97a096;
  margin-left: 14px;
  margin-top: 10px;
  padding: 0 !important;
  height: 1px !important;
  margin-bottom: 5px !important;
  z-index: 10;
  /*ie6 fix*/
  min-height: 0px;
  line-height: 0px;
  font-size: 0px;
  overflow: hidden;
}

.right-side-links .bottom-bar { /* class for the grey bar under the right links. Positioning is automatically */
  width: 138px;
  background-color: #97a096;
  margin-left: 14px;
  padding: 0 !important;
  height: 1px !important; 
  margin-top: 8px !important;
  z-index: 10;
  /*ie6 fix*/
  min-height: 0px;
  line-height: 0px;
  font-size: 0px;
  overflow: hidden;
}

/****************/
/* presse-links */

.presse-links{
    overflow: hidden;
    margin: 6px 55px 0 0;
    float: right;
    display: inline;
    clear: both;
}
.presse-links li{
    background: url(../images/presse-separator.gif) no-repeat 0 1px;
    padding: 0 3px 0 7px;
    float: left;
    display: inline;
}
.presse-links li:first-child{background: none}
.presse-links li a{
    display: block;
    overflow: hidden;
    text-indent:-999px;
    height: 9px;
    line-height: 9px;
}
.presse-links li a:hover{background-position: 0 100%}

.lnk-impressum a{
    width: 48px;
    background: url(../images/lnk-impressum.png) no-repeat;
}

/*****************************************************************************/
/* H2 is part of page-content, green box behing H2 is also defined from here */

.page-content h2 {
    color: black;
    padding: 6px 16px 6px 18px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EDD6E6D3, endColorstr=#EDD6E6D3)"; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
    background: rgb(214, 230, 211);
    background: rgba(214, 230, 211, 0.8);
    font-family: "Palatino Linotype", Georgia, Times, Times New Roman, serif;
    font-size: 1.65em;
/*    height: 21px;*/
    font-weight: 100;
    z-index: 3;
    /* the background areas have a minimal rounded edge with 1px radius */
    -moz-border-radius: 1px; /* Firefox */
    -webkit-border-radius: 1px; /* Safari, Chrome */
    -khtml-border-radius: 1px; /* Konqueror */
    border-radius: 1px; /* CSS3 */
}

.page-content h3 {
  color:#000; 
  font: bold 1.25em/1.2em;
  margin: 25px 0 0;
  width: 442px;
}

.page-content p {
  color: #000;
  font: 1.2em/2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
  margin: 12px 0;
  width: 442px;
}

/**************/
/* btn go-top */

.go-top{
    overflow: hidden;
    width: 100%;
    padding: 0 0 10px;
}
.go-top a{
    display: block;
    width: 20px;
    height: 17px;
    background: url(../images/go-top.gif) no-repeat;
    text-indent:-999px;
    overflow: hidden;
    float:right;
}
.go-top a:hover { background-position: 0 100%; }

/*****************************************************************************/
/* print-btn-holder */

.print-btn-holder{
    position: absolute;
    bottom: 17px;
    right: 95px;
}
.print-btn-holder .view-print-css{
    display:block;
    text-indent: -999px;
    overflow: hidden;
    width: 20px;
    height: 25px;
    background: url(../images/view-print-css.gif) no-repeat;
}
.print-btn-holder .view-print-css:hover{background-position: 0 100%}
.print-btn-holder .druckansicht{
    display:block;
    text-indent: -999px;
    overflow: hidden;
    height: 8px;
    width: 55px;
    background: url(../images/nahledtisku.png) no-repeat;
    margin: 3px 0 0;
    line-height: 8px;
    font-size: 0;
}
.print-btn-holder .druckansicht:hover{background-position: 0 100%}

/**********************************************************/
/* The following styles refer to one section specifically */

/* Hnuti Gralu */

.gralsbewegung-home .main-content{
	background:url(../images/hnutigralu-home-bg.jpg) no-repeat;
	width: 661px;
	margin: 0 -55px 0 0;
}

/* Tiskove zpravy, media */

.tiskove-zpravy-media-home .main-content{
	background:url(../images/tiskove-zpravy-media-home-bg.jpg) no-repeat;
	width: 661px;
	margin: 0 -55px 0 0;
}

/* Nadace Hnuti Gralu */

.nadace-hnutigralu-home .main-content{
	background:url(../images/nadace-hnutigralu-home-bg.jpg) no-repeat;
	width: 661px;
	margin: 0 -55px 0 0;
}

/* Poselstvi Gralu */

.gralsbotschaft-home .main-content .page-content{
	margin: 162px 0 0 30px;
}
.gralsbotschaft-home .main-content{
	background: url(../images/poselstvigralu-home-bg.jpg) no-repeat;
	width: 661px;
	margin: 0 -55px 0 0;
}

/* Knihy a spisy */

.buecher .main-content{
	background:url(../images/knihy-bg.jpg) no-repeat;
	width: 661px;
	margin: 0 -55px 0 0;
}

/* Kontakt a informace */

.kontakt-info-home .main-content{
	background: url(../images/kontakt-info-home-bg.jpg) no-repeat;
	width: 661px;
	margin: 0 -55px 0 0;
}

/* Casto kladene otazky (FAQ) */ 

.faq .main-content {
    background: url(../images/hnutigralu-home-bg.jpg) no-repeat;
    width: 661px;
    margin: 0 -55px 0 0;
}

.faq .lnk-impressum {
    margin-top: 255px;
}

.faq a {
    color: #000000;
    font-weight: bold;
}

/* Chybove stranky */

.gralsbewegung-fehler .heading{
	width: 100%;
	padding: 0 0 2px;
	margin: 11px 0 2px;
	border-bottom: 1px solid #bbbcb7;
	background: none;
}
.gralsbewegung-fehler .main-content{
	background:url(../images/chyba-404.jpg) no-repeat;
	padding: 255px 0 0;
}

#fehlermeldung {
	font-family: Arial;
	color: white;
	font-size: 16pt;
	position:absolute;
	left:100px; top:200px; /* width:300px; height:150px; */
}
#fehlertext {
	font-family: Arial;
	color: #111111;	/* nicht ganz schwarz */
	font-size: 11pt;
	font-weight: 100;
	position:absolute;
	left:100px; top:280px; /* width:300px; height:150px; */
}

/********************************************************/
/* The following styles refer to one page specifically. */

/* hnutigralu-start.php */

.hnutigralu-start .heading{
	width: 100%;
	padding: 0 0 2px;
	margin: -1px 0 2px;
	border-bottom: 1px solid #bbbcb7;
	background: none;
}

.hnutigralu-start .main-content{
        height: 300px;
	background:url(../images/hnutigralu-start-bg.jpg) no-repeat;
	padding: 187px 0 0;
}

.hnutigralu-start .presse-links{
	margin: 75px 0 0 0;
}

/* hnutigralu-kruhy-gralu-v-cr.php */

.adresa {
        display: block;
        position: absolute;
}

.adresa p {
        line-height: 1.2;
}

/* sIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* NAHLEDY TISKU */

/* print-preview */
.print-preview a{
	text-decoration: underline;
}
.print-preview a:active, .print-preview a:focus{
	outline:none;	
}
.print-preview a:hover, .print-preview a:active,
.print-preview a:link, .print-preview a:visited{
	color: #000000;
}
.print-preview ul{
        list-style: circle;
        padding: 10px;
        margin: 10px;
}

.print-preview li{
	font: 1.22em/2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
}
.print-preview{
	width: 510px !important;
	padding: 0 !important;
}
.print-preview #header{
	position: static;
}
.print-preview #header .logo{
	margin: 0 0 0 75px;
}
.print-preview #content{
	margin: 30px 0 0 25px;
}
.print-preview h2{
	font: bold 1.4em/2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	color:#000;
}
.print-preview h3{
	font: bold 1.22em/2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	color:#000;
}
.print-preview p,
.print-preview address{
	color:#000;
	font: 1.22em/2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	margin: 10px 0;
}
.print-preview .go-top{
	position: relative;
	z-index:200;
	margin-left: 25px;
}
.print-preview .print-btn-holder{
	position: absolute;
	right: 0;
	top:22px;
	overflow: hidden;
	margin-left: 25px;
}

.print-preview .print-btn-holder .drucken{
	display: block;
	text-indent: -999px;
	overflow:hidden;
	width: 50px;
	height: 9px;
	background: url(../images/text-vytisknout.png) no-repeat;
	line-height: 9px;
}
.print-preview .print-btn-holder .drucken:hover{background-position: 0 100%}
.print-preview .print-btn-holder .view-print-css{margin: 0 -25px 5px 5px}

/* btn close */
.print-preview .btn-close{
	position: absolute;
	top: 20px;
	right: 50px;
}

.btn-close .close{
	display: block;
	text-indent: -999px;
	overflow:hidden;
	line-height: 8px;
	width: 20px;
	height: 16px;
	background: url(../images/close.gif) no-repeat;
	margin: 0 0 5px 30px;
	margin: 2px -25px 13px 10px;
}

.btn-close .schliessen{
	display: block;
	text-indent: -999px;
	overflow:hidden;
	line-height: 8px;
	width: 40px;
	height: 8px;
	background: url(../images/text-zavrit.png) no-repeat;
}
.btn-close a:hover{background-position:0 100%;}

/* presse list (print version)*/
.print-preview .presse ul li{
	background: url(../images/presse-ul-separator.gif) no-repeat;
	padding: 15px 0;
	overflow: hidden;
	width: 420px;
	display: table;
}
.print-preview .presse ul li:first-child{background: none;}

.print-preview .presse ul li div{
	width: 85px;
	overflow: hidden;
	float: left;
}

.print-preview .presse ul a{
	display: table-cell;
}

.print-preview .presse ul span{
	display: table-cell;
	vertical-align: middle;
	font:1.22em/2em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	color:#000;
	width: 321px;
}

.print-preview .presse ul span em{
	font-style: normal;
	text-decoration: underline;
}

/* COPYRIGHT */

#copyright {
	font-size: 87%;
}


.posta{
    vertical-align: middle;
    display: inline;
}