html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden;
	/* */ 
	font-family:   Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	background-image: url(../skin/background3.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #cd0904;
}

body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}

#content {
	display:block;
	overflow:auto;
	position:absolute;
	z-index:3;
	top:200px;
	bottom:20px;
	width:900px;
	margin-left:-450px;
	left:50%;
	background-image:url(../skin/body.png);
	background-attachment:fixed;
	background-position:center 200px;
	background-repeat:repeat-y;
}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:1000px;
	border-top:500px solid #fff; 
	border-bottom:20px solid #fff;
}

#head {
	position:absolute;
	margin-left:-450px;
	left:50%;
	top:0;
	width:900px;
	min-width:900px;
	height:200px;
	background-color:none;
}

* html #head {
	top:0px; width:900px; height:200px;
	}
#foot {
	text-align:right;
	color:#FF9900;
	position:absolute;
	margin-left:-450px;
	left:50%;
	bottom:0;
	width:880px;
	min-width:880px;
	height:20px;
	font-size: 10px;
	z-index:5;
	border-top: 0px solid #FF5106;
}

* html #foot {
	bottom:0px; width:880px; height:20px;
	}
.contentborder{
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 5px;
} 

a {
	text-decoration: none;
	color: #FC0;
}
a:hover {
	text-decoration: underline;
    color:#FF0000;
}
img  {
border-width:0px;
border-color:#7C1B1B;
border-style:groove;
padding:0px;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
}

.a-img  {
border-width:0px;
padding:0px;
margin:0px;
}

.a-foot  {
	color: #FF9900;
	text-decoration: none;
}
.a-foot:hover  {
	color: #FC0;
	text-decoration: underline;
}
.a-ico  {
	border-width:0px;
	position: absolute;
	top: 5px;
	left: 440px;
}

.fadeshow1  {
	position: absolute;
	left: 263px;
	top:6px;
	z-index: -100;
}

h1 {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size:22px;
	text-align: left;
	color: #F90;
	padding-top: 15px;
	z-index: 0;
	height:34px;
	font-weight: bold;
	font-style:italic;
	margin-bottom: 10px;
	margin-top: 14px;
	letter-spacing:1px;
	text-transform:uppercase;
}

h2 {
	font-family: Helvetica, Verdana, Geneva, sans-serif; 
	font-size:14px; 
	text-align: left;
	color: #C00;
	margin-top: 0px;
	margin-bottom: 5px;
	z-index: 0;
	font-weight: normal;
	text-indent:0px;
	letter-spacing:1px;
	text-transform:uppercase;
}
li {
	list-style-position: inside;
}
.info {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align: left;
	color: #FF6600;
	padding-top: 10px;
	text-indent:2px;
	font-weight: normal;
	font-style:normal;
}

.lefttext {
	float:right; 
	width:680px; 
	text-align:justify; 
	padding-right:20px; 
	color:#FFC;
}

* html .lefttext {
	float:right; 
	width:680px; 
	text-align:justify; 
	padding-right:20px; 
	color:#FFC;
}
.line {
	background-color: #F30;
	margin-top: 10px;
	margin-bottom: 5px;
	z-index: 0;
	width:155px;
	height:1px;
}

.border{
	background: #C00;
	border-color: #FC3 #F90 #F30 #C60;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	margin: 2px;
	padding: 4px;
}


a.tkwlink {
	color:#900;
	background-color: none;
	font: 1px lucida,helvetica,verdana,tahoma;
	opacity: 0.01;
	filter:alpha(opacity=1);
	-moz-opacity: 0.01;
	-khtml-opacity: 0.01;
	background-image: url(none);
	line-height: 1%;
	letter-spacing: 1%;
	}
a.tkwlink:hover {
	color:#900;
	background-color: none;
	font: 1px lucida,helvetica,verdana,tahoma;
	opacity: 0.01;
	filter:alpha(opacity=1);
	-moz-opacity: 0.01;
	-khtml-opacity: 0.01;
	background-image: url(none);
	line-height: 1%;
	letter-spacing: 1%;
	text-decoration:none;
	}
.menu {
	width:165px;
	height:330px;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-top: 10px;
}

/* slice */

a.index{
	background-image: url(../skin/index.png);
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.index:hover{ 
	background-image: url(../skin/index.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.kapela{
	background-image: url(../skin/kapela.png);
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.kapela:hover{ 
	background-image: url(../skin/kapela.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.kontakt{
	background-image: url(../skin/kontakt.png);
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.kontakt:hover{ 
	background-image: url(../skin/kontakt.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.koncerty{
	background-image: url(../skin/koncerty.png);
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.koncerty:hover{ 
	background-image: url(../skin/koncerty.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.galerie{
	background-image: url(../skin/galerie.png);
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.galerie:hover{ 
	background-image: url(../skin/galerie.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.video{
	background-image: url(../skin/video.png);
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.video:hover{ 
	background-image: url(../skin/video.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.facebook{
	background-image: url(../skin/facebook.png);
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.facebook:hover{ 
	background-image: url(../skin/facebook.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.zpet{
	background-image: url(../skin/zpet.png);
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
a.zpet:hover{ 
	background-image: url(../skin/zpet.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 42px; /* Height of button background height */
	border: 0px solid white;
	text-decoration:none;
}
.buttonwrapperzpet{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 122px;
	position:absolute;
	top: 63px;
	left: 750px;
	z-index: 100;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 155px;
	padding-bottom: 10px;
}
.foto{ /* Container you can use to surround a CSS button to clear float */
	width: 160px;
	height:160px;
	text-align: center;
	color: #FFC;
	float: left;
	padding-right: 10px;
}
.foto a{ /* Container you can use to surround a CSS button to clear float */
	color: #FFC;
	text-decoration: none;
}
.videopage{ /* Container you can use to surround a CSS button to clear float */
	width: 160px;
	height:160px;
	text-align: center;
	color: #FFC;
	float: left;
	padding-right: 10px;
}
.videopage a{ /* Container you can use to surround a CSS button to clear float */
	color: #FFC;
	text-decoration: none;
}