/* Älä flambeeraa kotiasi campaign mini site CSS */
#afkpopup {text-align: left; font-size: 14px; color: #ffffff;}
/*
#afkpopup .mainpic {position: absolute; left: 0; top: 0; width: 930px; height: 363px; background: red;}
*/
#afkpopup a {color: #f29400; text-decoration: none;}
#afkpopup a:hover {color: #f8cc00; text-decoration: underline;}

#afkpopup h1 {font-size: 32px; color: #ffffff; line-height: normal; font-family: Palatino,"Times New Roman", Times, serif; margin: 0 0 20px 0;}

#afkpopup #savu {position: absolute; left: 0; top: 0; width: 930px; height: 341px; background: #000000;}
#afkpopup .intro {position: absolute; left: 40px; top: 35px; width: 320px; line-height: 1.3em;}
#afkpopup .intro h1 {font-size: 32px; color: #ffffff; line-height: normal; font-family: Palatino,"Times New Roman", Times, serif;}
#afkpopup .introtext {position: absolute; left: 0; top: 90px; width: 320px;}
#afkpopup .intro a {font-size: 14px;}
#afkpopup .intro a:hover {color: #f8cc00; text-decoration: underline;}

#afkpopup h2 {font-size: 24px; color: #ffffff; line-height: normal; font-family: Palatino,"Times New Roman", Times, serif;}

#afkpopup #xbutton {display: block; position: absolute; right: -2px; top: -2px; width: 20px; height:20px; background:url(../images/x.gif) no-repeat 0 0; z-index: 1000; outline: none;}
#afkpopup #xbutton:hover {background-position: 0 -40px;}

#afkpopup .maincontent {position: absolute; left: 0; top: 265px; width: 930px; height: 556px; overflow: hidden; background: #000000;}
#afkpopup .maincontent .navibar {position: absolute; left: 0; top: 1px; width: 920px; height: 51px; background: #000000; z-index: 100; overflow:hidden;}
#afkpopup .maincontent .navibar ul {width: 930px; height: 29px; margin: 1px 0 0 10px; background: #f29400; list-style-type: none; padding: 0; color: #99bad6; overflow: hidden;}
#afkpopup .maincontent .navibar ul li {float: left; display: inline; height: 29px; margin: 0; padding: 0; border-right: 1px solid #000000;}
#afkpopup .maincontent .navibar ul li a {display: block; padding: 4px 0 0 0; height: 25px; color: #ffffff; text-decoration: none; text-align: center; outline: none;}
	* html #afkpopup .maincontent .navibar ul li a {height: 29px;}
#afkpopup .maincontent .navibar ul li a:hover {background-color: #f8cc00; background-position: 5px -62px;}
#afkpopup .maincontent .navibar ul #navibtn0 {padding: 4px 0 0 0; width: 228px; height: 25px; text-align: center;}
	* html #afkpopup .maincontent .navibar ul #navibtn0 {height: 29px;}
#afkpopup .maincontent .navibar ul #navibtn02 {width: 60px; display: none; overflow: hidden;}
	* html #afkpopup .maincontent .navibar ul #navibtn02 {height: 29px; he\ight: 25px;}
#afkpopup .maincontent .navibar ul #navibtn02 a {background-image: url(../images/campaign/campaign_navibulletx_green_narrow.gif); background-position: 0 -12px; background-color: #4063a4;}
#afkpopup .maincontent .navibar ul #navibtn02 a:hover {background-color: #4e7ac8;}
#afkpopup .maincontent .navibar ul #navibtn1 {width: 228px;}
#afkpopup .maincontent .navibar ul #navibtn2 {width: 226px;}
#afkpopup .maincontent .navibar ul #navibtn3 {width: 226px;}
#afkpopup .maincontent .navibar ul #navibtn4 {width: 227px; border-right: 0;}

#afkpopup .maincontent #closebtn-green {position: absolute; left: 10px; top: 1px; display: block; padding: 4px 0 0 24px; height: 25px; width: 56px; background: #4063a4 url(../images/campaign/campaign_navibulletx.gif) no-repeat 0 -12px; color: #ffffff; text-decoration: none; z-index: 100; display: none; outline: none;}
	* html #afkpopup .maincontent #closebtn-green {width: 80px; height: 29px;}
#afkpopup .maincontent #closebtn-green:hover {background-color: #4e7ac8; background-position: 0 -62px; outline: none;}

	
#afkpopup .maincontent .content {position: absolute; left: 0; top: 1px; width: 890px; border-top: 51px solid #000000; padding-left: 20px; padding-right: 20px; background: #000000;}
	* #afkpopup .maincontent .content {width: 930px;}
#afkpopup .maincontent .content .innercontent {width: 890px;}

#afkpopup .teaser1 {position: absolute; left: 40px; top: 8px; width: 405px;}
#afkpopup .teaser1 img {margin: 0;}
#afkpopup .teaser1 .btn_doublearrow {position: absolute; right: 0; top: 52px; font-size: 14px; color: #008540; margin: 0; font-weight: normal; background-position: right 3px; outline: none;}
#afkpopup .teaser1 .btn_doublearrow:hover {background-position: right -30px;}
#afkpopup .teaser2 {position: absolute; left: 485px; top: 0; width: 425px; color: #ffffff;}
#afkpopup .teaser1 h2 {font-weight: normal; font-size: 24px; font-style: italic; margin: 0 0 5px 0; color: #ffffff;}
#afkpopup .teaser2 h2 {font-weight: normal; font-size: 20px; margin: 0 0 2px 0; color: #ffffff;}
#afkpopup .teaser1 p, #afkpopup .teaser2 p {margin: 0;}
#afkpopup .teaser2 .btn_doublearrow {position: absolute; right: 0; top: 57px; font-size: 14px; color: #005398; margin: 0; font-weight: normal; background-position: right 3px; outline: none;}
#afkpopup .teaser2 .btn_doublearrow:hover {background-position: right -30px;}

#afkpopup #flashcontainer1 {width: 421px; height:67px; overflow: hidden;}

#afkpopup #categoryteaser {position: absolute; top: 110px; width: 230px; height: 230px; background: #000000; border: 1px solid #000000; display: none; z-index: 10000;}

#afkpopup .emailcheck {margin-top: 4px; margin-left: 9px; width: 16px; height: 16px; float: left; display: inline;}
#afkpopup .emailcheck.yes {background: url(../images/validyes.png);}
#afkpopup .emailcheck.no {background: url(../images/validno.png);}

#afkpopup .disabled, #afkpopup .disabled:hover, #afkpopup .disabled.active {color: #999999;}
#afkpopup form .float {font-size: 11px; margin-top: 4px;}

#afkpopup .col1 {float: left; display: inline; width: 270px; margin: 0 40px 0 0; font-size: 12px;}
#afkpopup .col2 {float: left; display: inline; width: 270px; margin: 0 40px 0 0; font-size: 12px;}
#afkpopup .col3 {float: left; display: inline; width: 270px; margin: 0 0 0 0; font-size: 12px;}

#afkpopup .col21 {float: left; display: inline; width: 425px; margin: 0 40px 0 0;}
#afkpopup .col22 {float: left; display: inline; width: 425px; margin: 0 0 0 0;}

#afkpopup .subcontent {position: absolute; left: 495px; top: 70px; width: 425px;}
.subcontent.hidden {display: none;}

#afkpopup .col1 img, #afkpopup .col2 img, #afkpopup .col3 img  {float: left; display: inline; margin: 8px 0 300px 0;}
#afkpopup .col1 h2, #afkpopup .col2 h2, #afkpopup .col3 h2 {font-size: 16px; font-weight: normal; margin: 0 0 15px 0;}

#afkpopup .content .ingress {font-size: 17px;}
#afkpopup .content li {font-size: 14px;}

.submitbtn {border: 0; width: auto; height: 25px; padding: 0; white-space: nowrap; background: #000000; text-align: left; font-weight: normal; cursor: pointer; color: #f29400; font-size: 18px;}
.submitbtn:hover, .submitbtn.active {color: #f8cc00;}
