body { background-color: #4C4C4C; margin: 0px; padding: 0px; text-align: center; font-family: Tahoma, Times New Roman, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; height: 100%; }

input, textarea { border-collapse: collapse; padding:2px 4px; font-size:11px; border: #666 solid 1px; margin: 5px 0px; background-color: #444; color: #EEE; text-align: left; }

input.red, select.red {border: 1px solid #ff0000;}

label { padding: 0px 10px; }

img { behavior: url('js/iepngfix.htc') }

a { outline: none; }

.strap { display: none; }

#top { text-align: center; width: 100%; }
.main1 { background: url("../images/gradient-1.png") top left repeat-x; background-color: #97C2C5; }
.main2 { background: url("../images/gradient-2.png") top left repeat-x; background-color: #7EB821; }
.main3 { background: url("../images/gradient-3.png") top left repeat-x; background-color: #F13929; }
.main4 { background: url("../images/gradient-4.png") top left repeat-x; background-color: #FCDC4b; }
.main5 { background: url("../images/gradient-5.png") top left repeat-x; background-color: #FFF; }
#bottom { text-align: center; width: 100%; }

.container { margin: 0px auto; width: 800px; text-align: left; padding: 0px 0px 0px 0px; position: relative; z-index: 2; zoom: 1;}
.container2 { background: url("../images/bottom.gif") bottom left no-repeat; clear: both; padding: 0px 0px 20px 0px; position: relative; z-index: 1;}

img { border: none; }

.back { background: url("images/background.gif") repeat-x #ec018a; }
.clear { clear: both; }
#nav { float: right; }
#nav li { display: inline; padding: 0px 10px; height: 24px; }

#topmain { width: 800px; text-align: center; display: inline-block; min-height: 100px; float: left; zoom: 1; }
#arround { position: absolute; height: 200px; width: 280px; text-align: center; }
.innerfade { width: 280px; text-align: left; top: 80px; }
.logodiv { text-align: center; width: 280px; }

.links 
{ 
	width: 180px; 
	text-align: center; 
	background: url("../images/links-background.gif") bottom left no-repeat; 
	padding: 0px 0px 12px 0px; 
	position: absolute; 
	z-index: 10; 
	top: 100px; 
	right: 0px; 
	zoom: 1;
}

.linkshpe 
{ 
	width: 180px; 
	text-align: center; 
	background: url("../images/links-background.gif") bottom left no-repeat; 
	padding: 0px 0px 12px 0px; 
	position: relative;
	min-height: 20px;
	float: right;
}

.linkstop {  zoom: 1; background: url("../images/links-top.gif") top left repeat-x; line-height: 14px; display: block; height: 14px; width: 180px; }
.links a {  background: url("../images/underline.gif") bottom left repeat-x; font-weight: bold; zoom: 1; text-decoration: none; color: #013766; padding: 2px 0px; display: block; width: 160px; margin: 0px 10px; }
.links a:hover { text-decoration: underline; color: #1162a8; }
.linkshpe a {  background: url("../images/underline.gif") bottom left repeat-x; font-weight: bold; zoom: 1; text-decoration: none; color: #013766; padding: 2px 0px; display: block; width: 160px; margin: 0px 10px; }
.linkshpe a:hover { text-decoration: underline; color: #1162a8; }

#table_rows { width: 800px; display: block; height: auto; }
#headerleft { height: 76px; width: 278px; float: left; border: none; padding: 0px; margin: 0px; zoom: 1; }
#headerleft a { text-decoration: none; cursor: pointer; display: block; width: 278px; height: 76px; }
#headerright { background: url("../images/topc.png") top right repeat-x; height: 76px; width: 510px; float: right; }

#headerright ul { list-style: none; margin: 0px; padding: 0; line-height: 76px; }
#headerright ul li { vertical-align: bottom; display: block; float: right; }
#headerright a { float: left; line-height: 76px; height: 76px; display: block; padding: 0px; margin: 0px; text-decoration: none; outline: 0; }
#headerright a.start { background: url("../images/start.gif") top left no-repeat; width: 82px; }
#headerright a.onas { background: url("../images/onas.gif") top left no-repeat; width: 87px; }
#headerright a.faq { background: url("../images/faq.gif") top left no-repeat; width: 83px; }
#headerright a.kontakt { background: url("../images/kontakt.gif") top left no-repeat; width: 88px; }

#headerright a.start:hover { background: url("../images/starta.gif") top left no-repeat; }
#headerright a.onas:hover { background: url("../images/onasa.gif") top left no-repeat; }
#headerright a.faq:hover { background: url("../images/faqa.gif") top left no-repeat; }
#headerright a.kontakt:hover { background: url("../images/kontakta.gif") top left no-repeat; }

#headerright a.starta { background: url("../images/starta.gif") top left no-repeat; width: 82px; }
#headerright a.onasa { background: url("../images/onasa.gif") top left no-repeat; width: 87px; }
#headerright a.faqa { background: url("../images/faqa.gif") top left no-repeat; width: 83px; }
#headerright a.kontakta { background: url("../images/kontakta.gif") top left no-repeat; width: 88px; }

.centerdiv { float: none; width: 700px; padding: 0px 50px; height: auto; }
.rightside { float: right; width: 350px; padding: 0px; text-align: center; zoom: 1; }
.leftside { float: left; width: 350px; padding: 0px; text-align: center; zoom: 1; }
.centerimage { border-bottom: 1px solid #003874; zoom: 1; width: 300px; height: 100px; }

.spacer { padding: 0px; margin: 0px; clear: both; line-height: 4px; }
.spacer1  { background-color: #0066a1; display: block; height: 4px; }
.spacer2  { background-color: #003a6a; display: block; height: 4px; }
.spacer3  { background-color: #79a11d; display: block; height: 4px; }
.spacer4  { background-color: #016612; display: block; height: 4px; }
.spacer5  { background-color: #8e0000; display: block; height: 4px; }
.spacer6  { background-color: #4e0000; display: block; height: 4px; }
.spacer7  { background-color: #f3cd30; display: block; height: 4px; }
.spacer8  { background-color: #f18820; display: block; height: 4px; }
.spacer9  { background-color: #c7c7c7; display: block; height: 4px; }
.spacer10 { background-color: #999999; display: block; height: 4px; }

.spacerblack { background: url('../images/black-top.gif') top left repeat-x; display: block; height: 6px; }

.spacerline { line-height: 10px; height: 10px; width: 400px; text-align: center; padding: 5px 0px; }

#bottom { background: url("../images/bottom2.gif") bottom left repeat-x #000; display: inline-block; padding-top: 10px; } 

#contentright { padding: 10px; float: right; width: 330px; }
#contentleft { padding: 10px; float: left; width: 430px;}

#contentleft h1 { font-size: 20px; color: #9c9c9c; text-decoration: none; clear: left; }

.h1 { font-size: 20px; color: #9c9c9c; text-decoration: none; clear: left; }

#contentright a { font-size: 12px; color: #00447d; text-decoration: none; clear: right; display: block; padding-bottom: 15px; }
#contentright .text { font-size: 12px; color: #FFF; text-decoration: none; padding-bottom: 15px; }
#contentright .bimage { position: relative; }
#contentright img.fly { position: absolute; top: 10px; right: 30px; }
#contentright img.bspacer { position: relative; }
.clearb { clear: right; text-align: center; width: 300px; margin-bottom: 10px; }

.article_short { background-color: #111; padding: 10px; border: 1px solid #888; margin-bottom: 10px; }

.bnormal, .bimage { background: url("../images/bannerback.png") top left no-repeat; padding: 15px 0px 0px 15px; }


#article_title { clear: left; margin-bottom: 10px; }
/* color: #00447d */
#contentleft a { text-decoration: none; color: #FFF; font-size: 12px; cursor: pointer; }
#contentleft a:hover { text-decoration: underline; }

.textwhite { font-size: 12px; color: #FFF; text-decoration: none; }
.textdark { font-size: 12px; color: #444444; text-decoration: none; }
.textgrey { font-size: 24px; color: #7f8789; text-decoration: none; }

#contentleft .textwhite a { font-size: 12px; color: #FFF; text-decoration: none; cursor: pointer; }
#contentleft .textdark a { font-size: 12px; color: #FFF; text-decoration: none; cursor: pointer; }
#contentleft .textgrey a { font-size: 24px; color: #7f8789; text-decoration: none; cursor: pointer; }
#contentleft a:hover { text-decoration: underline; }
#contentleft .email { padding: 2px 0px; margin: 0px; line-height: 16px; font-size: 12px; color: #f18820; }
#contentleft .email a { text-decoration: none; color: #f18820; }

#contentright a:hover { text-decoration: underline; }

#contentleft .iteration { display: block; float: left; width: 30px; text-align: right; }
#contentleft .question { display: block; float: right; width: 350px; text-align: left; margin-bottom: 5px; }
#contentleft .question a { text-decoration: none; color: #7f8789; }
#contentleft .answer { padding: 5px 20px 0px 50px; width: 310px; }

#table_rows a, #table_rows img { outline: 0; }

#footer { background-color: #4C4C4C; margin: 0px auto auto auto;} 

#faq { width: 400px; padding: 10px 30px 30px 0px; }

#footerbody { width: 800px; margin: 0px auto; }

#footerbody a.bottom_links { text-decoration: none; float: left; padding: 5px 0px 5px 0px; color: white; display: block; width: 125px; }
#footerbody a.bottom_links:hover { text-decoration: underline; }
#footerbody #xandia { float: right; margin-right: 20px; width: 103px; display: block; }

#contentleft a.save { text-decoration: none; margin-right: 30px; display: block; width: 120px; height: 16px; float: right; background-color: #777; border: 1px solid #888; text-align: center; color: #FFF; }

.confirmation { width: 270px; float: left; margin-top: 8px; text-align: center; color: #F18820; }

.end { padding: 6px 0px; color: #222; font-size: 10px; font-weight: bold; height: 20px; width: 100%; }
.end a { color: #222; text-decoration: none; outline: none; }
.end a:hover { text-decoration: underline; }