a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;	color:#333333; text-decoration:underline; outline:none; }
a:ACTIVE { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; text-decoration:underline; outline:none; }
a:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#007FC5; text-decoration:underline; outline:none; }
a:VISITED {	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;	color:#333333; text-decoration:underline; outline:none; }
a:VISITED:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#007FC5; text-decoration:underline; outline:none; }

.redlink { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; text-decoration:none; outline:none; }
.redlink:ACTIVE { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; text-decoration:none; outline:none; }
.redlink:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#E0003F; text-decoration:underline; outline:none; }
.redlink:VISITED {	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;	color:#333333; text-decoration:none; outline:none; }
.redlink:VISITED:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#E0003F; text-decoration:underline; outline:none; }

.form {
        border: #999999 1px solid;
		font-size: 10px; 
		background: #ffffff; 
		color: #222222; 
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		margin-bottom:2px;		
}
.submitbutton {
        border: #999999 1px solid; 
		font-size: 10px;
		font-weight: bold;
		background: #efefef;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #222222;
}
#bottomStripe {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #007fc5;
		line-height: 15px;
}
#bottomStripe a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #007fc5;
		line-height: 15px;
		text-decoration: none;
}
#bottomStripe a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #007fc5;
		line-height: 15px;
		text-decoration: underline;
}

#topNoviceStripeBorder {z-index:11; position:absolute; width:100%; height:3px; top:38px; margin:auto; overflow:hidden; text-align:center; cursor:default; }
#topNoviceStripe {z-index:10; position:absolute; width:100%; height:41px; margin:auto; overflow:hidden; text-align:center; cursor:default; }
#topNoviceStripe #divNoviceBox {width:940px; height:121px; margin:0px; padding:0px; text-align:left; vertical-align:top; margin:auto; }

#topNoviceStripe #divNoviceBox #divNoviceBox1 {width:150px; height:auto; margin:0px; padding:0px; margin-top:12px; margin-left:45px; text-align:left; vertical-align:top; float:left; }
#topNoviceStripe #divNoviceBox #divNoviceBox1 #divNoviceBox1Text {width:auto; height:auto; margin:0px; padding:0px; margin-top:18px; text-align:left; vertical-align:top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;}
#topNoviceStripe #divNoviceBox #divNoviceBox1 #divNoviceBox1Text a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; text-decoration:underline; }
#topNoviceStripe #divNoviceBox #divNoviceBox1 #divNoviceBox1Text a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; text-decoration:none; }


#topNoviceStripe #divNoviceBox #divNoviceBox2 {width:358px; height:auto; margin:0px; padding:0px; margin-top:10px; text-align:left; vertical-align:top; float:left; }
/*
#topNoviceStripe #divNoviceBox #divNoviceBox2 #divNoviceBox2Title {width:294px; height:auto; margin:0px; margin-bottom:12px; padding:0px; padding-top:2px; padding-bottom:3px; padding-left:11px; text-align:left; vertical-align:top; float:left; background-image:url(img/stage/bg_top_stripe_line.jpg); background-position:left top; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#007fc5; line-height:15px;}
#topNoviceStripe #divNoviceBox #divNoviceBox2 #divNoviceBox2Text {width:294px; height:auto; margin:0px; padding:0px; padding-top:2px; padding-bottom:3px; padding-left:11px; text-align:left; vertical-align:top; float:left; background-image:url(img/stage/bg_top_stripe_line.jpg); background-position:left top; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;}
*/
#topNoviceStripe #divNoviceBox #divNoviceBox2 #divNoviceBox2Text a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; text-decoration:underline; }
#topNoviceStripe #divNoviceBox #divNoviceBox2 #divNoviceBox2Text a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; text-decoration:none; }

#topNoviceStripe #divNoviceBox #divNoviceBox3 {width:360px; height:auto; margin:0px; padding:0px; margin-top:10px; text-align:left; vertical-align:top; float:left; }
/*
#topNoviceStripe #divNoviceBox #divNoviceBox3 #divNoviceBox3Title {width:430px; height:auto; margin:0px; margin-bottom:12px; padding:0px; padding-top:2px; padding-bottom:3px; padding-left:11px; text-align:left; vertical-align:top; float:left; background-image:url(img/stage/bg_top_stripe_line.jpg); background-position:left top; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#007fc5; line-height:15px;}
#topNoviceStripe #divNoviceBox #divNoviceBox3 #divNoviceBox3Text {width:430px; height:auto; margin:0px; padding:0px; padding-top:2px; padding-bottom:3px; padding-left:11px; text-align:left; vertical-align:top; float:left; background-image:url(img/stage/bg_top_stripe_line.jpg); background-position:left top; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;}
*/
#topNoviceStripe #divNoviceBox #divNoviceBox3 #divNoviceBox3Text a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; text-decoration:underline; }
#topNoviceStripe #divNoviceBox #divNoviceBox3 #divNoviceBox3Text a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; text-decoration:none; }

/* NEW INTRO SHIZZLE MAGIC */

#flag_circle {
	display: block;
	position: absolute;
	width: 36px;
	height: 36px;
	background: #fff;
	border: 11px solid #007fc5;
	border-radius: 999px;
	overflow: hidden;
	margin: auto;
	top: calc(50% - 18.5px);
	left: calc(50% - 18.5px);
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#flag_circle:hover {
	width: 122px;
	height: 122px;
	top: calc(50% - 61px);
	left: calc(50% - 61px);
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#flag_circle #flag_box {
	display: block;
	position: absolute;
	width: 122px;
	height: 122px;
	top: -54.5px;
	left: -54.5px;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}
#flag_circle:hover #flag_box {
	top: -12px;
	left: -12px;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}

#flag_circle .flag_intro {
	height: 30px;
	width: 30px;
	position: absolute;
	border-radius: 15px;
	background: transparent url('img/intro/flag_si.png') no-repeat center center;
	background-size: 40px 40px;
}
#flag_circle .flag_si {
	background: transparent url('img/intro/flag_si.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_en {
	background: transparent url('img/intro/flag_en.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_de {
	background: transparent url('img/intro/flag_de.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_it {
	background: transparent url('img/intro/flag_it.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_ba {
	background: transparent url('img/intro/flag_ba.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_hr {
	background: transparent url('img/intro/flag_hr.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_rs {
	background: transparent url('img/intro/flag_rs.png') no-repeat center center;
	background-size: 40px 40px;
}
#flag_circle .flag_hu {
	background: transparent url('img/intro/flag_hu.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_bg {
	background: transparent url('img/intro/flag_bg.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_0 {
	top: 58px;
	left: 58px;
}
#flag_circle .flag_1 {
	top: 17px;
	left: 58px;
}
#flag_circle .flag_2 {
	top: 28px;
	left: 89px;
}
#flag_circle .flag_3 {
	top: 58px;
	left: 99px;
}
#flag_circle .flag_4 {
	top: 88px;
	left: 89px;
}
#flag_circle .flag_5 {
	top: 98px;
	left: 58px;
}
#flag_circle .flag_6 {
	top: 88px;
	left: 28px;
}
#flag_circle .flag_7 {
	top: 58px;
	left: 17px;
}
#flag_circle .flag_8 {
	top: 28px;
	left: 27px;
}

/* INTRO ROTATOR */

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
		-webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotating {
	from {
		-webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.intro_rotating {
	position: absolute;
	display: block;
	height: 240px;
	width: 240px;
	z-index: 1;
	background: transparent url('img/intro/intro_rotator.png') no-repeat center center;
	background-size: 100% 100%;
	top: calc(50% - 120px);
	left: calc(50% - 120px);
	
	-webkit-animation: rotating 40s linear infinite;
  -moz-animation: rotating 40s linear infinite;
  -ms-animation: rotating 40s linear infinite;
  -o-animation: rotating 40s linear infinite;
  animation: rotating 40s linear infinite;
}
.intro_center {
	position: absolute;
	display: block;
	height: 220px;
	width: 220px;
	z-index: 0;
	background: transparent url('img/intro/mainmenu_f0.jpg') no-repeat center center;
	background-size: 100% 100%;
	top: calc(50% - 110px);
	left: calc(50% - 110px);
}

.intro_pic {
	position: absolute;
	display: block;
	overlay: hidden;
	height: 0px;
	width: 0px;
	border-radius: 110px;
	background: transparent url('img/intro/mainmenu_f1.jpg') no-repeat center center;
	background-size: 220px 220px;
	top: calc(50%);
	left: calc(50%);
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
	z-index:1;
}
.intro_pic.intro_1 {
	background: transparent url('img/intro/mainmenu_f1.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_2 {
	background: transparent url('img/intro/mainmenu_f2.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_3 {
	background: transparent url('img/intro/mainmenu_f3.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_4 {
	background: transparent url('img/intro/mainmenu_f4.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_5 {
	background: transparent url('img/intro/mainmenu_f5.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_6 {
	background: transparent url('img/intro/mainmenu_f6.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_7 {
	background: transparent url('img/intro/mainmenu_f7.jpg') no-repeat center center;
	background-size: 220px 220px;
}

.intro_pic.active {
	position: absolute;
	display: block;
	overlay: hidden;
	height: 220px;
	width: 220px;
	border-radius: 110px;
	z-index: 0;
	background-size: 220px 220px;
	top: calc(50% - 110px);
	left: calc(50% - 110px);
	z-index:2;
}

.intro_link {
	position: absolute;
	display: block;
	height: 100px;
	width: 100px;
	z-index: 5;
	top: 80px;
	left: 20px;
	/*border: 1px solid red;*/
}
.intro_link .theimg {
	display:block;
	position:absolute;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	border: 10px solid #fff;
	background: #fff;
	-ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.intro_link .thetxt {
	position:absolute;
	display:block;
	width: 100px;
	height: 40px;
	text-align: center;
	font-size: 13px;
	line-height: 14px;
	/*border: 1px solid green;*/
	font-weight: 500;
}

	.intro_link_7 {
		height: 90px;
		width: 105px;
		top: 28px;
		left: 299px;
	}
	.intro_link_7 .theimg {
		bottom: 0;
		left: 0;
		background: transparent url('img/intro/mainmenu_f7G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_7 .thetxt {
		width: 85px;
		top: 10;
		right: 0;
	}


	.intro_link_6 {
		height: 60px;
		width: 117px;
		top: 137px;
		left: 372px;
	}
	.intro_link_6 .theimg {
		top: 10;
		left: 0;
		background: transparent url('img/intro/mainmenu_f6G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_6 .thetxt {
		width: 65px;
		top: 15;
		right: 0;
	}

	.intro_link_5 {
		height: 80px;
		width: 110px;
		top: 265px;
		left: 354px;
	}
	.intro_link_5 .theimg {
		top: 0;
		left: 0;
		background: transparent url('img/intro/mainmenu_f5G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_5 .thetxt {
		width: 60px;
		bottom: 10;
		right: 0;
	}

	.intro_link_4 {
		height: 100px;
		width: 135px;
		top: 322px;
		left: 204px;
	}
	.intro_link_4 .theimg {
		top: 0;
		left: 43;
		background: transparent url('img/intro/mainmenu_f4G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_4 .thetxt {
		width: 135px;
		bottom: 0;
		right: 0;
	}

	.intro_link_3 {
		height: 95px;
		width: 170px;
		top: 267px;
		left: 18px;
	}
	.intro_link_3 .theimg {
		top: 0;
		right: 0;
		background: transparent url('img/intro/mainmenu_f3G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_3 .thetxt {
		width: 130px;
		bottom: 5;
		left: 0;
	}

	.intro_link_2 {
		height: 60px;
		width: 150px;
		top: 137px;
		left: 18px;
	}
	.intro_link_2 .theimg {
		bottom: 0;
		right: 0;
		background: transparent url('img/intro/mainmenu_f2G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_2 .thetxt {
		width: 100px;
		top: 10;
		left: 0;
	}

	.intro_link_1 {
		height: 90px;
		width: 110px;
		top: 27px;
		left: 135px;
	}
	.intro_link_1 .theimg {
		bottom: 0;
		right: 0;
		background: transparent url('img/intro/mainmenu_f1G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_1 .thetxt {
		width: 80px;
		top: 10;
		left: 0;
	}

.intro_link_7:hover .theimg,
.intro_link_6:hover .theimg,
.intro_link_5:hover .theimg,
.intro_link_4:hover .theimg,
.intro_link_3:hover .theimg,
.intro_link_2:hover .theimg,
.intro_link_1:hover .theimg {
	border-color: #1a86c6;
	background: transparent url('img/intro/mainmenu_arrow.jpg') no-repeat center center;
	background-size: 100% 100%;
}

.intro_link_1:hover .theimg {
	-ms-transform: rotate(154.5deg);
  -moz-transform: rotate(154.5deg);
  -webkit-transform: rotate(154.5deg);
  -o-transform: rotate(154.5deg);
  transform: rotate(154.5deg);
}
.intro_link_2:hover .theimg {
	-ms-transform: rotate(103deg);
  -moz-transform: rotate(103deg);
  -webkit-transform: rotate(103deg);
  -o-transform: rotate(103deg);
  transform: rotate(103deg);
}
.intro_link_3:hover .theimg {
	-ms-transform: rotate(51.5deg);
  -moz-transform: rotate(51.5deg);
  -webkit-transform: rotate(51.5deg);
  -o-transform: rotate(51.5deg);
  transform: rotate(51.5deg);
}
.intro_link_4:hover .theimg {
	-ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.intro_link_5:hover .theimg {
	-ms-transform: rotate(-51.5deg);
  -moz-transform: rotate(-51.5deg);
  -webkit-transform: rotate(-51.5deg);
  -o-transform: rotate(-51.5deg);
  transform: rotate(-51.5deg);
}
.intro_link_6:hover .theimg {
	-ms-transform: rotate(-103deg);
  -moz-transform: rotate(-103deg);
  -webkit-transform: rotate(-103deg);
  -o-transform: rotate(-103deg);
  transform: rotate(-103deg);
}
.intro_link_7:hover .theimg {
	-ms-transform: rotate(-154.5deg);
  -moz-transform: rotate(-154.5deg);
  -webkit-transform: rotate(-154.5deg);
  -o-transform: rotate(-154.5deg);
  transform: rotate(-154.5deg);
}