@charset "UTF-8";

* {margin: 0; padding: 0;}

input, textarea {

border-style: solid ; 
border-color: black; 
border-width: 1px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
font-size: 10px;
}

body {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000;
	font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-color: rgb(245,245,220);
	background-image: url(img/pozadi_bekadilkos3.png);
	background-repeat: repeat-x;
}

/* Tipps für elastische Layouts:
    1. Da die Gesamtgröße elastischer Layouts von der Standardschriftgröße des Benutzers abhängt, sind diese Layouts weniger berechenbar. Bei korrekter Verwendung haben sie außerdem für Personen, die größere Schriften benötigen, einen höheren Nutzwert, weil die Zeilenlänge proportional bleibt.
    2. Die Größe der divs in diesem Layout basiert auf der Originalschriftgröße (100%) im Body-Element. Wenn Sie die Textgröße durch eine Einstellung wie font-size: 80% im Body-Element oder im #container global verringern, wird das gesamte Layout proportional verkleinert. Sie sollten die Breiten der verschiedenen divs vergrößern, um hierfür einen Ausgleich zu schaffen.
    3. Wenn Sie in den einzelnen divs unterschiedliche Werte für die Schriftgröße angegeben, anstatt die Schriftgröße im Design global zu ändern (z. B. wenn #sidebar1 die Schriftgröße 70% zugewiesen wird und #mainContent die Größe 85%), so wird die Gesamtgröße der einzelnen divs proportional geändert. Sie sollten anhand der endgültig gewählten Schriftgröße entsprechende Anpassungen vornehmen.
    */
    .oneColElsCtrHdr #container {
		width: 50em;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
		margin: 0px auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		border: 0px solid #000000;
		text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}

.oneColElsCtrHdr #mainContent {
		padding: 20px 20px 20px;
		margin-top: 30px;
		/* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	
		background: #ffffff;
		border-top: 6px solid;
		border-top-color: #CCCCCC;
		border-left: 6px solid;
		border-left-color:#CCCCCC;
		border-right: 6px solid;
		border-right-color: #CCCCCC;
}

.oneColElsCtrHdr #mainContent p {
		font-size: 12px;
		margin-bottom: 10px;
}

.oneColElsCtrHdr #mainContent img {
		border: 0;
		margin-bottom: 5px;
}

.oneColElsCtrHdr #footer p {
		margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
		padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

/*Hauptelemente*/
html {
		width: 100%;
		height: 100%;
}

#hlavnicast {
		width: 540px;
		color: #000000;
		font-size: 10pt;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		text-align: left;
		margin-top: 0px;
		padding-top: 20px;
		border: 0;
}

#hlavnicast img {
		padding-right: 10px;
		top: 5px;
		float: left;
		border-width: 0;
		border: 0;
		padding-top: 5px;
		text-decoration:none;
}

#hlavnicast a, a:active, a:hover, a:visited img{
		border: 0;
		text-decoration: none;
}


#hlavnicast .sponzori {
margin: 0;
padding:0;

}


#hlavnicast .sponzori img {
float:none; 
margin-left: 20px;
margin-right:20px; 
margin-top: 20px;

}

#hlavnicast .sponzori a:hover {
text-decoration:none;
border:none;
color:#FFFFFF;
}


#hlavnicast .absatz {
		margin-top: 3px;
}

#hlavnicast li {
		font-size: 10pt;
		line-height: 13pt;
		letter-spacing: 0;
		margin-bottom: 15px;
		margin-left: 0;
}

#hlavnicast .kleinAbsatz {
		font-size: 10pt;
		line-height: 13pt;
		margin-top: 0px;
		margin-bottom: 7px;
}

#hlavnicast .kleinAbsatz p {
		font-size: 10pt;
		line-height: 13pt;
		margin-top: 0px;
}

#hlavnicast .grossAbsatz {
		font-size: 10pt;
		line-height: 13pt;
		margin-top: 5px;
		margin-bottom: 30px;
		color: rgb(87,87,87);
}

#hlavnicast ul {
		margin-left: 0;
}


#hlavnicast a:hover {
		color: #FF6600;
		border-bottom: 1px dotted;
}

#hlavnicast p {
		margin-top: 0;
		padding-bottom: 0px;
		line-height: 15pt;
}

#sloupek {
		width: 150px;
		color: #999999;
		font-size: 10px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		text-align: left;
		margin-top: 20px;
		margin-right:0px;
		padding-left:10px;
		border-left:1px dotted #999999;
		float:right
}

#sloupek img {
		padding-right: 10px;
		top: 0;
		float: left;
		border-width: 0;
		border: 0;
}


#sloupek li {
		font-size: 10px;
		line-height: 10pt;
		letter-spacing: 0;
		margin-bottom: 5px;
		margin-left: 0;
		list-style:outside;
		list-style-type: disc;
}

#sloupek ul {
		margin: 0 0 10px 0;
		font-size: 10pt;
		line-height: 0.7em;
}

#sloupek a:hover {
		color:#333333;
		border: none
}

#sloupek a {
		color:#999999;
		text-decoration:none;
		border: none;
}


#sloupek h1 {
		color:#999999;
		font-size: 12px;
		margin-bottom: 3px;
		margin-top:20px
}

ul {
		margin: 1em 0pt 16px 1em;
		padding: 0pt 0pt 0pt 16px;
		list-style-type: square;
		list-style-position: outside;
}

#hlsloupek {
		width: 350px;
		color: #999999;
		font-size: 10px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		text-align: left;
		margin-top: 0;
		margin-right:0px;
		padding-left:10px;
		border-left:0px dotted #999999;
		float:right
}

#hlsloupek img {
		padding-right: 10px;
		top: 0;
		float: left;
		border-width: 0;
		border: 0;
}

#hlsloupek li {
		font-size: 10px;
		line-height: 10pt;
		letter-spacing: 0;
		margin-bottom: 5px;
		margin-left: 0;
		list-style:outside;
		list-style-type: disc;
}

#hlsloupek ul {
		margin: 0pt 0px 10px;
		font-size: 10pt;
		line-height: 0.7em;
}

#hlsloupek p {
		margin: 0pt 0px 10px;
}

#hlsloupek a:hover {
		color:#333333;
		border: none
}

#hlsloupek a {
		color:#999999;
		text-decoration:none;
		border: none;
}

#zabisloupek {
		width: 120px;
		height: 840px;
		color: #999999;
		font-size: 10px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		text-align: left;
		margin-top: 30px;
		margin-right:0px;
		padding-left:10px;
		border-left:0px dotted #999999;
		float:right;
		background:url(img/zaba_hlweb.gif) repeat-y scroll
}

#zabisloupek img {
		padding-right: 10px;
		top: 0;
		margin-bottom: 50px;
		float: left;
		border-width: 0;
		border: 0;
}
{
margin-top: 3px;
}

#zabisloupek li {
		font-size: 10px;
		line-height: 10pt;
		letter-spacing: 0;
		margin-bottom: 5px;
		margin-left: 0;
		list-style:outside;
		list-style-type: disc;
}

#zabisloupek ul {
		margin: 0pt 0px 10px;
		font-size: 10pt;
		line-height: 0.7em;
}

#zabisloupek a:hover {
		color:#333333;
		border: none
}

#zabisloupek a {
		color:#999999;
		text-decoration:none;
		border: none;
}

h2 {
Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		color: #999999;
		font-size: 14px;
		margin-bottom: 0px;
		padding-bottom: 0;
		margin-top: 40px;
}

h4 {
		font-family: Georgia, Times New Roman, Times, serif;
		color: #0033CC;
		font-size: 14px;
		margin-bottom: 0px;
		padding-bottom: 0;
		margin-top: 30px;
}

#header {
		margin-bottom: 0;
		width: 52em;
		height: 250px;
		margin-top: 0px;
		margin-left: 0px;
		position: relative;
		background-color: none;
}

#header img {
		text-align: center;
		border: 0;
		padding-top: 20px;
}

#header a, a:active, a:hover, a:visited {
	border: 0;
	color: #000;
	text-decoration: none;
}

h1 {
		color: #0066CC;
		font-size: 15px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		background-color: transparent;
		margin-bottom: 4px;
		margin-top: 20px;
}

h5 {
		color: #0066CC;
		font-size: 13px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		background-color: transparent;
		margin-bottom: 4px;
		padding-top: 20px;
}

h3 {
		color: #0066CC;
		font-size: 15px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		background-color: transparent;
		margin-bottom: 4px;
		margin-top: 0px;
}

h4 {
		color: #0066CC;
		font-size: 12px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		background-color: transparent;
		margin-bottom: 10px;
		margin-top: 20px;
		text-transform:uppercase;
		letter-spacing: 3px;
}

.graueUeberschrift {
		color:#333333;
}

.zarovnany {
		text-align:justify;
}

.novinodstavec {
		padding-top: 5px;
}

.rot {
		color: #CC0033;
}

#telo {
		border-left: 0px solid rgb(137, 137, 137);
		border-right: 0px solid rgb(137, 137, 137);
		border-bottom: 0px solid rgb(137, 137, 137);
		margin: 0pt auto;
		margin-top: 5px;
		padding: 0pt;
		width: 734px;
		height: auto;
		text-align: left;
		position: relative;
		top: 0px;
}

#sipka a {
		margin: -4px 5px 5px 15pt;
		padding: 6px 10px 5px 16px;
		background: transparent url(img/sipka3.gif) no-repeat scroll left center;
		font-size: 10px;
		font-weight: bold;
		font-variant: small-caps;
		color: rgb(194,194,194);
		text-decoration: none;
		border: none;
		float:right;
}

#sipka a:hover {
		text-decoration: none;
		color: #333333;
		border: none;
}


#footer {
		padding-top: 0px;
		padding-left: 20px;
		width: auto;
		height: auto;
		text-align: left;
		position: relative;
		font-size: 10px;
		background: #CCCCCC;
		color: #333333;
		margin-top:0;
}

#footer img {
		border: 0;
		float: left;
		padding-right: 10px;
}

#footer p {
		margin-left: 20px;
}

#footer a, a:active {
		border: 0;
		color: #666666;
}

#footer a:hover {
		color:#000000;
}

a {
		text-decoration: none;
}

a:link {
		color:#000000;
		border-bottom: 1px dotted;
}

a:visited {
		color: #333333;
		border-bottom: 1px dotted;
}

a:hover {
		color: #FF6600;
		border-bottom: 1px dotted;
}

a:active {
		color: #000000;
}

a b {
		color: #000000;
}

.stahnout {
		font-size: 11px;
		color:#FF6633;
		text-decoration:none;
}

.stahnout a {
		color:#FF6633;
		text-decoration:none;
		border:none
}

.stahnout a:hover {
		color:#FF6633;
		border-bottom: solid;
		border-bottom-width:thin;
		border-bottom-color:#FF6633;
}

.nadpis {
		color: #FFFFFF;
		font-weight:bold;
		margin-bottom: 0px;
		padding-left:3px;
		padding-top: 2px;
		padding-right:3px;
		font-size:14px;
		margin-right: 0px;
		background-color: #9AC13A;
		background-repeat: repeat-y;
}

.nadpisModry {
		color: #FFFFFF;
		font-weight:bold;
		margin-bottom: 0px;
		padding-left:3px;
		padding-top: 2px;
		padding-right:3px;
		font-size:14px;
		background-color: #0066CC;
		background-repeat: repeat-y;
}

.nadpisVetsi {
		color: #FFFFFF;
		font-weight:bold;
		margin-bottom: 0px;
		padding-left:3px;
		padding-top: 2px;
		padding-right:3px;
		font-size:14px;
		background-color: #99CC33;
		background-repeat: repeat-y;
		margin-top: 20px;
}

/*menu*/
.menu {
		width: auto;
		height: 25px;
		margin-top: 20px;
		margin-left: 15px;
		padding-bottom:5px;
		padding: 0;
		font-size:12px;
}

ul#Navigation {
		margin: 0;
		padding: 0;
		text-align: center;
		width: auto;
}

ul#Navigation img {
		border: 0;
}

ul#Navigation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 100%;
		z-index: 1020;
		cursor: default;
		width: auto;
}

ul#Navigation li {
		margin-left: 0em;
		padding: 0em;
		list-style-type: none;
		font-size: 100%;
		position: relative;
		text-align: left;
		cursor: pointer;
		width: auto;
		margin-right: 0;
		float: left;
		text-align:left;
}

* html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
		margin-bottom: 0em;
}

*:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
		margin-bottom: 0em;
}

ul#Navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		text-align: left;
		left: 0;
		width: 13em;
		display: none;  /* Unternavigation ausblenden */
		font-size: 9px;
}

* html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
		left: 0em;
		lef\t: 0em;
}

*:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
		padding-bottom:0em;
}

ul#Navigation li:hover ul {
		display: block;  /* Unternavigation in modernen Browsern einblenden */
}

ul#Navigation li ul li {
		float: none;
		display: block;
		margin-bottom: 0em;
		width: auto;
}

ul#Navigation ul ul {
		margin: 0px 0 0 10px;
		border: 0;
}

ul#Navigation a {
	color: #00FF00;
	text-decoration: none;
	cursor: pointer;
	display: block;
	padding: 0.3em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border: 0;
	font-size: 100%;
	width: auto;
}

ul#Navigation a:hover, ul#Navigation a:focus {
		color: #FFFFFF;
}

ul#Navigation #aktiv {
		color: #FFFFFF;
}

ul#Navigation #aktiv a:hover {
		background-color: #FFFFFF;
		color: #FFFFFF;
}

* html ul#Navigation a, * html ul#Navigation span {
		width: 6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
		w\idth: 4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}

ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
		background-color: #FFFFFF;
}

.kleinHinweis {
		font-size: 9px;
}

.prispevky {
		margin-bottom: 20px;
		padding-top: 10px;
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #FF9900;
		clear: left;
		float: none;
		height: auto;
		display: block;
		visibility: visible;
		overflow: visible;
		position: relative;
		text-align: justify;
		white-space: normal;
}

.prispevky img{
		margin-bottom: 20px;
		padding-top: 5px;
		padding-bottom: 20px;
		border: none;
		
}

.prispevkyPrvni {
		margin-bottom: 20px;
		padding-top: 10px;
		margin-top: 10px;
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #FF9900;
		text-align: justify;
}

.prispevkyPrvni img{
		margin-bottom: 20px;
		padding-top: 5px;
		padding-bottom: 20px;
		border: none;
		
}


.odstavecFotky {
		margin-bottom:40px;
		
}

.aktivPrispevek {
		padding-bottom: 10px;
		position:relative;
		margin-bottom: 20px;
}

.aktivPrispevek h5 {
		color: #0066CC;
		font-size: 13px;
		font-family: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: bold;
		background-color: transparent;
		margin-bottom: 4px;
		margin-top: 0px;
}

.aktivPrispevek h2 {
		Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
		color: #999999;
		font-size: 14px;
		margin-bottom: 0;
		padding-bottom: 0;
		margin-top:0;
		}

.aktivRok {
		margin-bottom: 60px;
		display: block;
		clear: left;
		position: relative;
}

.aktivRokPosledni {
		margin-bottom: 10px;
		display: block;
		clear: left;
		position: relative;
}

#hlsloupek .flash {
		margin-top: 20px;
}

.aktivPrispevek p {
		padding-right: 25px;
		margin-bottom:5px;
}

.sedivyText {
		color: #666666;
		text-transform: none;
		font-variant: small-caps;
		font-size: 8pt;
}