@charset "utf-8";
/* CSS Document */

html {
	color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background:url(images/backspace.jpg) no-repeat center top;
	margin:0 auto;
	text-align:center;
}

h1 {
	margin: 30px auto;
}

h4 {
	font-size:10px;
	color:#999999;
	font-weight:normal;
	margin-bottom:10px;
}

ul {
	list-style:none;
}

img {
	border:none;
}

a {
	color:#8FC965;
	text-decoration:none;
}


/* header */
#header {
	height:100px;
	width:800px;
	background:url(images/index/headerindex.png) no-repeat center top;
	margin:0 auto;
}




/* slider */
#slider1 {
   width: 800px; /* important to be same as image width */
   height: 350px; /* important to be same as image height */
   margin:0 auto;
   padding:0;
   position: relative; /* important */
   overflow: hidden; /* important */
}

#slider1Content {
   width: 800px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   padding:0;
}

.slider1Image {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider1Image span strong {
	font-size:1.1em;
	font-weight:bolder;
	color:#A2D920;
	margin-bottom:20px;
}

.slider1Image span {
   position: absolute; /* important */
   left: 0;
   font-size: 10px;
   padding: 10px 13px;
   width: 800px;
   height:50px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   text-align:left;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



.clear {
   clear: both;
} 
/* slider end */


/* footer */
#footer {
	width:100%;
	padding-top:58px;
	height:42px;
	background:url(images/index/footerindex.png) no-repeat center top;
	margin-bottom:70px;
}

#language {
	margin:0 auto;
	height:40px;
	width:360px;
	text-align:center;
}

#footer span {
	display:none;
}

#language a {
	display:block;
	width:84px;
	height:40px;
	float:left;
	margin-left:5px;
}

#srb {
    background:url(images/index/srb1.png) no-repeat 0 0;
}

#srb:hoverr { 
    background:url(images/index/srb1.png) no-repeat 0 -40px;
}

#eng {
    background:url(images/index/eng1.png) no-repeat 0 0;
}

#eng:hover { 
    background:url(images/index/eng1.png) no-repeat 0 -40px;
}

#ru {
    background:url(images/index/ru1.png) no-repeat 0 0;
}

#ru:hoverr { 
    background:url(images/index/ru1.png) no-repeat 0 -40px;
}

#de {
    background:url(images/index/de1.png) no-repeat 0 0;
}

#de:hoverr { 
    background:url(images/index/de1.png) no-repeat 0 -40px;
}

#optimize {
	margin-top:20px;
	font-size:.58em;
	color:#759539;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
}

#webfest {
	margin-top:10px;
	margin-bottom:40px;
}