/* CSS Document */
body {
margin: 0;
padding: 0;
font: 62.5% Arial, Helvetica, sans-serif;
background: url(../img/pattern.png) top center repeat-y fixed;
background-color: #ffffff;
color: #333333;
text-align: left;
}
body, h1,h2,h3, blockquote {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
a:link, a:visited, a:active {text-decoration: none;  color: #069;}
a:hover {text-decoration: none; color: #09c;}
.biglink {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #069;
	text-decoration: none;
	}
p{
font-size: 1.2em;
padding: 0; 
line-height: 1.4em;
margin: 1.2em 0px;
}
h1{
font: 2em Calibri, Arial, Helvetica, sans-serif;
color: #174984;
text-align: left;
margin: 0 0 0.6em 0;
padding: 0;
}
.darkgrey {color: #333;}
.grey {color: #666;}
.lightgrey {color: #999;}
.lightblue {color: #069;}
.darkblue, .darkblue a:link {color: #174984;}
em {color: #333;}

.right {float: right;}
.left {float: left;}
.centered {text-align: center;
	padding-right: auto;
	width: auto;
	}
.clear {clear: both;}
.noborder, .noborder a {border: none;}
.masthead a.noborder {
display: block;
float: left;
}
.block {display: block;}
.italic {font-style: italic;}
img {margin: 0 0 20px 10px;}
/* --- */
.pos { /* centers the site in the viewport */
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	visibility: visible;
	padding: 0;
}
.masthead {
	width: 940px;
	height: 72px;
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
	}
/* --- MAIN NAVIGATION --*/
ul.languages, ul.languages li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	color: #0099CC;
}
ul.languages {
	text-align: right;
	clear: both;
	padding-top: 4px;
	padding-right: 20px;
}
ul.languages li {
	display: inline;
	padding-left: 10px;
	text-decoration: none;
	color: #0167a5;
	line-height: 16px;
	display:none;
}
ul.languages li, ul.languages a{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
ul.languages li.current {
	text-decoration: underline;
}
ul.languages li a:hover {
	text-decoration: underline;
}
ul.main_nav {
	font: 1.8em Calibri, Arial, Helvetica, sans-serif;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	float: right;
	margin: 20px 0px 0 0;
	border: none;
	}
ul.main_nav li {
	float: left;
	margin: 0px 0px 0px 8px;
	}
ul.main_nav li a {
	text-decoration: none;
	color: #336;
	margin: 0 4px 0 4px;
	}
ul.main_nav li a:hover {
	text-decoration: none; 
	color: #336;
	}

a.bluebutton_med {
/*	vertical-align: middle;*/
    background: transparent url(../img/bg_bluebutton_med_a.png) no-repeat scroll top right;
    color: #444;
    display: block;
    font-size: 18px;
    height: 28px;
    margin-right: 0px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

a.bluebutton_med span {
    background: transparent url(../img/bg_bluebutton_med_span.png) no-repeat;
    display: block;
    line-height: 12px;
    padding: 8px 0 10px 16px;
	color: #fff;
}

button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

button {
	border:0;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	float: left;
	width: auto;
	margin: 0px;
}
button span { position:relative; display:block; white-space:nowrap;}

button.submit {
	font-size: 18px;
	color: #444;
	padding: 0px 16px 0px 0px;
	text-decoration: none;
    background: transparent url(../img/bg_bluebutton_med_a.png) no-repeat scroll top right;
}
button.submit span {
	margin: 0px;
    padding: 0px 0px 0px 16px;
	color: #fff;
	height: 28px;
	line-height: 28px;
	background: transparent url(../img/bg_bluebutton_med_span.png) no-repeat top left;
/**	margin: -1px 0px 0px -1px;**/
}
a.mainmenu{
	background: transparent;
    color: #336;
    display: block;
    font-size: 18px;
    height: 28px;
    margin: 0 4px 0 4px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}
a.mainmenu span{
    background: transparent;
    display: block;
    line-height: 12px;
    padding: 8px 0 10px 16px;
}
a.mainmenu:hover {
	background: transparent url(../img/bg_mainhover_a.png) no-repeat scroll top right;
	color: #336;
    display: block;
    font-size: 18px;
    height: 28px;
    margin: 0 4px 0 4px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
	}
a.mainmenu:hover span {
	background: transparent url(../img/bg_mainhover_span.png) no-repeat;
	display: block;
    line-height: 12px;
    padding: 8px 0 10px 16px;
	}
.submit {
	font: 12px Calibri, Arial, Helvetica, sans-serif;}
a.redbutton_med {
    background: transparent url(../img/bg_redbutton_med_a.png) no-repeat scroll top right;
    color: #444;
    display: block;
    font-size: 18px;
    height: 28px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}
a.redbutton_med span {
    background: transparent url(../img/bg_redbutton_med_span.png) no-repeat;
    display: block;
    line-height: 12px;
    padding: 8px 0 10px 16px;
	color: #fff;
}
/* --- SUBNAVIGATION --- */
ul.sub_nav {
	font: 1.6em Calibri, Arial, Helvetica, sans-serif;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	border: none;
	height: 40px;
	line-height: 26px;
	}
ul.sub_nav li {
	float: left;
	margin: 0px 0px 0px 8px;
	}
ul.sub_nav li a {
	text-decoration: none;
	color: #336;
	padding: 3px 8px 3px 8px;
	margin: 0;
	}
ul.sub_nav li a:hover {
	text-decoration: none; 
	color: #069;
	background-color: #deebf3;
	}
ul.sub_nav li a.active {
	background-color: #deebf3;
	color: #069;}
.banner {
	width: 100%;
	height: 190px;
	background-image: url("../img/banner.png");
	background-position: center center;
	background-repeat: repeat-x;
	background-color: #ffffff;
	overflow: hidden;
	border-top: 1px solid #ccc;
	clear: both;
	}
.home_smallbox {
	width: 200px;
	min-height: 148px;
	background: url(../img/homeboxback.png) no-repeat;
	background-color: transparent;
	margin: 20px 10px 0px 10px;
	padding: 10px;
	float: left;
	}
.home_news {
	width: 200px;
	min-height: 148px;
	float: left;
	}
.newslist, .home_news {
	background-color: transparent;
	margin: 0px 10px 20px 10px;
	padding: 10px;
}
ul.newslist, ul.newslist li.newsitem {
	list-style: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
.newslist h3,
.home_news h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;}
.home_news .date{
	margin: 0;}
.home_news p{
	line-height: 1.6em;}
.footer {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 180px;
	background-color: #eee;
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3em;
	margin-top: 30px;
	}
.footer ul {
	font-size: 1.4em;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	float: left;
	width: 200px;
	margin: 10px;
	padding: 10px;
	}
.footer ul li {
	margin: 6px 0 0 0;
	color: #666;
	}
.footer ul a{
	border: none;
	color: inherit;
	}
.footer ul li a:hover {
	color: #333;
	border-bottom:  1px dotted #333;
	}
.footer ul li.first {
	font-size: 28px;
	color: #069;
	}
.footer ul li:first-child{
	font-size: 1.2em;
	color: #069;
	border: none;
	}
.footer ul li:first-child a:hover {
	color: #174984;
	border: none;}
.footer_bottom {
	padding: 10px 10px;
	margin: 0 0 4em 0;
	}
.footer_bottom ul {
	font-size: 1.2em;
	list-style: none;
	list-style-image: none;}
.footer_bottom ul li {
	margin: 0 0 0 20px;
	float: left;}
.center {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	}
.leftcolumn {
	width: 460px;
	margin: 10px;
	float: left;
	}
.middlecolumn {
	width: 220px;
	margin: 10px;
	float: left;
	}
.rightcolumn {
	width: 220px;
	margin: 10px;
	float: left;
	}
.maincontent {
	clear: both;
	margin: 10px;
}
.bigleftcolumn {
	width: 700px;
	margin: 10px;
	float: left;}
.splitcolumn {
	width: 330px;
	float: left;
	margin: 0 20px 0 0;}
.triple {
	width: 210px;
	float: left;
	margin: 0 20px 0 0;}
.location {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #999;
	margin: 0 0 0 0.6em;
	}
.middlecolumn h2, .rightcolumn h2{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
	color: #174984;
	margin: 0 0 26px 0;
	padding: 0;
	}
.middlecolumn h3{
	font-family:  inherit;
	font-weight: normal;
	font-size: 1.4em;
	color: #069;
	margin: 0;
	padding: 0;
	}
.rightcolumn h3 {
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-style: italic;
	margin: 0 0 0.3em 0;
	}
.rightcolumn p {
	line-height: 1.6em;
	color: #666;
	margin: 0 0 1.8em 0;
	}
.inrightcolumn {
	padding: 10px 10px 24px 10px;
	background: url(../img/rightcolumn_back.png) top no-repeat;
	margin: 0 0 2em 0;
	}
span.news {
	display:block;
}
.news {
	display: block;
	margin: 6px 0 2.6em 0;}
.games {
	width: 400px;
	margin: 0 0 0 10px;}
.images {
	width: 300px;
	margin: 0 0 0 0;}
.middlecolumn p,
.middlecolumn div {
	line-height: 1.4em;
	color: #666;
	font-size: 1.2em;
	}
p.date {
	font-size: 1em;
	color: #999;
	margin: 4px 0 0 0;
	padding: 0;
	}
.maincontent h3 {
	font: 2em Calibri, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 0.6em 0;
color:#000000;
font-size:18px;
font-style:italic;
margin:0;
	}
.maincontent h1 {
	font-size: 2.4em;
	text-transform: uppercase;}
.maincontent .list blockquote {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 0 2em 0;
	color: #333;}
.inrightcolumn + h2 {margin: 2em 0 1em 0;}
.maincontent .list h3 a {color: #333;}
.maincontent .list h3 a:hover {color: #174984;}
.maincontent .list h4{
	font-size: 1.8em;
	color: #174984;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 6px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #ccc;
	}
.maincontent .list h4+blockquote {margin: 0 0 4px 0;}
ul {
	font-size: 12px;
	margin: 0 0 3em 0;
}
ul li {
	margin: 0.8em 0 1.4em 2em;
}
.jobs ul {
	list-style-image: none;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 12px;
	margin: 0 0 3em 0;
	padding: 0;
	}
.jobs ul li ul {margin: 0.8em 0 1.4em 2em;}
.jobs ul li {
	margin: 0 0 0.6em 0;}
.jobs p.links {font-size: 14px;}
p.links {margin: 0 0 3em 0; padding: 0;}
p.links a{margin: 0 1em 0 0; border-bottom: 1px dotted;}
p.links a:hover {border-bottom: 1px dotted;}
.deadline {font-size: 10px; color: #666; float: right; line-height: 1em;}
.changelink a{
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
	color: #069;
	background-color: #deebf3;
	padding: 2px 8px;
	margin: 0 0 0 10px;}
h3.fish {
	margin-top: 3em;}

.busy {
	background-image: url(../img/ajax-loader.gif);
	background-position: center center;
	background-repeat:no-repeat;
	display: block;
	height: 50px;
}
.busy * {
	display: none;
}
.homepage_intro {
	background-image: url("../img/knopka.png");
	background-repeat: no-repeat;
	margin: 30px 0;
	min-height: 200px;
}
.homepage_intro p{
	font: italic 20px Arial, Helvetica, sans-serif;
	color: #7c7c7c;
	padding: 10px 0 0 240px;
	line-height: 32px;
	min-height: 200px;
}

em {font-style:italic;
}
h1{
font: 2em Calibri, Arial, Helvetica, sans-serif;
color: #174984;
text-align: left;
margin: 0 0 0.6em 0;
padding: 0;
}
.maincontent h1 {
	font-size: 2.4em;
	text-transform: uppercase;
	}
.maincontent h2 {
	font: 2em Calibri, Arial, Helvetica, sans-serif;
	color: #333;
}
.maincontent h3 {
	font: 1.8em Calibri, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	margin: 0 0 0.3em 0;
	}
.maincontent h4 {
	font: italic 1.6em Calibri, Arial, Helvetica, sans-serif;
	margin: 0;
}
.maincontent ol{
	font-size: 1.2em;
	margin: 0 0 1em 0;
	padding: 0 0 0 2.6em;
	}
.maincontent p+ol{margin-top: -10px;}
.maincontent ol li {
	margin: 0.4em 0;
}
.maincontent ul {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 1em 1em;
	list-style-image: none;
	list-style-type: none;
}
.maincontent ul  li {
	margin: 0.4em 0;
	background: url(../img/bullet.png) no-repeat;
	background-position: left top;
	padding-left: 14px;
}
.maincontent p+ul{margin-top: -10px;}