* { margin: 0; padding: 0; }

body {
}
input {
    font-size: 9pt;
    font-family: Verdana, sans-serif;
}

body a { text-decoration: none; }

#page {
    width: 977px;
    padding: 30px 0 0 0;
    margin: 30px auto 30px auto;
    position: relative;
}

#header a{
    position: absolute;
    top: 0;
    left: -30px;
    width: 1037px;
    height: 196px;
    padding: 30px 30px 0 30px;
    background-image: url('../img/header.png');
    background-repeat: no-repeat;
	font-size:0;
}
#header h1 { display: none; }

/* make IE6 display even the header image a bit better */
* html #header {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/img/header.png');
}

#langmenu {
    position: absolute;
    top: -30px;
    right: 0;
}

#langmenu a {
    letter-spacing: 1px;
    color: white;
    font-weight: bold;
    float: left;
    text-align: left;
    line-height: 18px;
    padding: 0 5px;
    margin: 0 0 0 1px;
    font-size: 7pt;
}
#langmenu a:hover { color: #ccc; }
#langmenu a img { border: 0; }

/* black transparent bgs */
.black_60 {
    background-image: url('../img/black_60.png');
    background-repeat: repeat;
	font-size:11px;
}

.black_40 {
    background-image: url('../img/black_40.png');
    background-repeat: repeat;
}

/* arrows */
.arrow_small {
    background-image: url('../img/arrow_small.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 16px;
}
.arrow_small_down {
    background-image: url('../img/arrow_small_down.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 16px;
}

.arrow_big {
    background-image: url('../img/arrow_big.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 16px;
}

/* index page layout */
#index {
    overflow: hidden;
}
#index div.left {
    float: left;
    width: 490px;
}
#index div.left div.text {
    padding: 200px 20px 0 20px;
    height: 211px;
}
#index div.button_left,
#index div.button_right
{
    float: left;
    height: 38px;
    width: 244px;
    margin: 1px 1px 1px 0;
}
a span.arrow_small {
    background-image: url('../img/arrow_small.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}
a span.arrow_large {
    display: block;
    background-image: url('../img/arrow_large.png');
    background-position: right center;
    background-repeat: no-repeat;
    width: 100%;
}
a span.arrow_large_left {
    background-image: url('../img/arrow_large_left.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
}
#index div.button_right {
    width: 245px;
    margin: 1px 0 1px 0;
}
#index div.button_left a.style_1 {
    background-image: url('../img/bg_red.png');
}
#index div.button_left a.style_2 {
    background-image: url('../img/bg_blue.png');
}
#index div.button_left a.style_3 {
    background-image: url('../img/bg_green.png');
}
/*HOVER*/
#index div.button_left a.style_1:hover {
    background-image: url('../img/bg_red_hov.png');
}
#index div.button_left a.style_2:hover {
    background-image: url('../img/bg_blue_hov.png');
}
#index div.button_left a.style_3:hover {
    background-image: url('../img/bg_green_hov.png');
}
/*COLOR */
#index div.button_right a.style_1 {
    background-image: url('../img/bg_red.png');
}
#index div.button_right a.style_2 {
    background-image: url('../img/bg_blue.png');
}
#index div.button_right a.style_3 {
    background-image: url('../img/bg_green.png');
}
/*HOVER*/
#index div.button_right a.style_1:hover {
    background-image: url('../img/bg_red_hov.png');
}
#index div.button_right a.style_2:hover {
    background-image: url('../img/bg_blue_hov.png');
}
#index div.button_right a.style_3:hover {
    background-image: url('../img/bg_green_hov.png');
}

#index div.right {
    float: right;
    width: 486px;
    height: 450px;
    background-position: left bottom;
    background-repeat: no-repeat;
    margin: 0 0 1px 0;
}
#index div.left h2 {
    line-height: 22px;
    font-size: 22px;
    color: #7b9aac;
}
#index div.left h3 {
    font-size: 42px;
    line-height: 42px;
}
#index div.left p {
    margin-top: 1em;
    line-height: 1.5em;
}
#index div.left a {
    display: block;
    width: 229px;
    height: 100%;
    line-height: 38px;
    color: white;
    font-weight: bold;
    padding-left: 15px;
    font-size: 8pt;
    background-image: url('../img/black_60.png');
}
#index div.left div.button_right a {
    width: 230px;
}
#index div.left a:hover {
    background-image: url('../img/black_75.png');
}
#index div.left div a img {
    border: 0;
    vertical-align: text;
    font-size: 9px;
    line-height: 38px;
}
/* index page has it's own navi */
#index div.navi {
    float: left;
    width: 100%;
    margin: 0 0 1px 0;
    padding: 1px 0 0 1px;
}

li.navi_item {
    display: block;
    height: 38px;
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    background-image: url('../img/navi_item.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 15px;
    font-family: "Arial Black";
}

a.navi_item {
    display: block;
    height: 38px;
    /* width: 243px; */
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 15px;
    font-family: "Arial Black";
}
a.navi_item:hover { background-position: 0 -38px; }
a.navi_item img { border: 0; }

ul.select li.navi_item {
    display: block;
    height: 38px;
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    background-image: url('../img/navi_item.png');
    background-position: 0 -38px;
    background-repeat: no-repeat;
    padding: 0 15px;
    font-family: "Arial Black";
}

ul.select a.navi_item {
    display: block;
    height: 38px;
    /* width: 243px; */
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item.png');
    background-position: 0 -38px;
    background-repeat: no-repeat;
    padding: 0 15px;
    font-family: "Arial Black";
}
ul.select a.navi_item:hover { background-position: 0 -38px;}

ul.select li.navi_item_small {
    display: block;
    height: 26px;
    width: 213px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    background-image: url('../img/navi_item.png');
    background-position: 0 0px;
    background-repeat: no-repeat;
    padding: 0 15px;
    font-family: "Arial Black";
}

ul.select a.navi_item_small {
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 213px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item.png');
    background-position: 0 0px;
    background-repeat: no-repeat;
    padding: 0 15px;
    font-family: "Arial Black";
}
ul.select a.navi_item_small:hover { background-position: 0 -38px;}
ul.select a.navi_item_small_selected {
    display: block;
    height: 26px;
    width: 213px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    background-image: url('../img/navi_item.png');
    background-position: 0 -38px;
    background-repeat: no-repeat;
    padding: 0 15px;
    font-family: "Arial Black";
}


a.navi_item_dark:hover { background-image: url('../img/navi_item.png'); background-position: 0 -38px; }

a.navi_item_light_dark:hover { background-image: url('../img/navi_item.png'); background-position: 0 -38px; }
a.navi_item_light:hover { background-image: url('../img/navi_item.png'); background-position: 0 -38px; }
a.navi_item_light_light:hover { background-image: url('../img/navi_item.png'); background-position: 0 -38px; }


li.navi_item_dark {
    display: block;
    height: 38px;
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    background-image: url('../img/navi_item_dark.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 15px;
    font-family: "Arial Black";
}

a.navi_item_dark {
    display: block;
    height: 38px;
    /* width: 243px; */
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_dark.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 15px;
    font-family: "Arial Black";
}
a.navi_item_dark_small{ 
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 111px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_dark.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 5px;
    font-family: "Arial Black";
	float:left;
}
a.navi_item_dark_small_left{ 
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 111px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_dark.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 5px;
    font-family: "Arial Black";
	float:left;
	margin-right:1px;
}
a.navi_item_dark_small:hover, a.navi_item_dark_small_left:hover{ 
    background-image: url('../img/navi_item.png');
    background-position: 0 -38px;
}

li.navi_item_light_dark {
    display: block;
    height: 38px;
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    background-image: url('../img/navi_item_dark_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 15px;
    font-family: "Arial Black";
}

a.navi_item_light_dark {
    display: block;
    height: 38px;
    /* width: 243px; */
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_dark_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 15px;
    font-family: "Arial Black";
}
a.navi_item_light_dark_small{ 
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 111px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_dark_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 5px;
    font-family: "Arial Black";
	float:left;
}
a.navi_item_light_dark_small_left{ 
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 111px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_dark_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 5px;
    font-family: "Arial Black";
	float:left;
	margin-right:1px;
}
a.navi_item_light_dark_small:hover, a.navi_item_light_dark_small_left:hover{ 
    background-image: url('../img/navi_item.png');
    background-position: 0 -38px;
}
li.navi_item_light {
    display: block;
    height: 38px;
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    background-image: url('../img/navi_item_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 15px;
    font-family: "Arial Black";
}
a.navi_item_light_small{ 
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 111px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 5px;
    font-family: "Arial Black";
	float:left;
}
a.navi_item_light_small_left{ 
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 111px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 5px;
    font-family: "Arial Black";
	float:left;
	margin-right:1px;
}
a.navi_item_light_small:hover, a.navi_item_light_small_left:hover{ 
    background-image: url('../img/navi_item.png');
    background-position: 0 -38px;
}
a.navi_item_light {
    display: block;
    height: 38px;
    /* width: 243px; */
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 15px;
    font-family: "Arial Black";
}

li.navi_item_light_light {
    display: block;
    height: 38px;
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    background-image: url('../img/navi_item_light_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 15px;
    font-family: "Arial Black";
}

a.navi_item_light_light {
    display: block;
    height: 38px;
    /* width: 243px; */
    width: 213px;
    line-height: 38px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_light_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 15px;
    font-family: "Arial Black";
}
a.navi_item_light_light_small_left{ 
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 111px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_light_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 5px;
    font-family: "Arial Black";
	float:left;
	margin-right:1px;
}
a.navi_item_light_light_small{ 
    display: block;
    height: 26px;
    /* width: 243px; */
    width: 111px;
    line-height: 26px;
    color: white;
    font-size: 11pt;
    /* font-weight: bold; */
    background-image: url('../img/navi_item_light_light.jpg');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0 5px;
    font-family: "Arial Black";
	float:left;
}
a.navi_item_light_light_small:hover, a.navi_item_light_light_small_left:hover{ 
    background-image: url('../img/navi_item.png');
    background-position: 0 -38px;
}

#index div.navi ul {
    float: left;
    list-style: none;
	line-height:0;
	margin:0;
	padding:0px 0px 1px 0px;
}

#index div.navi ul li {
    margin: 0 1px 0px 0;
}

#index div.navi ul li.image, #content div.left ul li.image{
    width: 243px;
    height: 101px;
	margin:1px 0px 1px 0px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#index div.navi ul li.image a {
    width: 243px;
    height: 101px;
	float:left;
}

/* content page */
#content_image {
    width: 977px;
    height: 230px;
    margin: 5px 0 1px 0;
}
#content {
    background-image: url('../img/content_bg.png');
    background-position: 0 0;
    background-repeat: repeat-y;
    margin: 0 0 1px 0;
    overflow: hidden;
}
#content a
{
	color:#7a9aad;
}
#content div.left {
    float: left;
    width: 244px;
    margin: 0 1px 0 0;
    min-height: 1px;
}
#content div.left .navigation {
	margin:3px 0px 3px 0px;
}
#content div.left .navigation a {
	color:#FFF;
}
#content div.left ul {
    margin: 0px 0 0px 3px;
    list-style: none;
}
#content div.left ul.select {
    margin: 0px 0 6px 3px;
    list-style: none;
}
#content div.left ul.index {
    margin: 6px 0 0px 3px;
    list-style: none;
}
#content div.left ul li {
    width: 208px;
    margin: 1px 1px 0px 0;
}
#content div.left ul li.image {
    width: 238px;
}
#content div.left ul li a {
    width: 208px !important;
}
#content div.center {
    float: left;
    width: 486px;
    margin: 0 1px 0 0;
    min-height: 1px;
}
#content div.center .text {
	padding:10px;
}
#content div.right {
    float: right;
    width: 245px;
    min-height: 1px;
}
#content div.right .text {
	padding:10px;
}
#footer {
    overflow: hidden;
	margin-bottom:30px;
}

#footer div { overflow: hidden; }

/* footer */
#location {
    float: left;
    width: 244px;
    margin: 0 1px 0 0;
    height: 258px;
}

#location div.map {
    width: 238px;
    height: 217px;
    background-color: #999;
    margin: 3px;
    /* remove teh rest, we just dragon hunters */
    text-align: center;
    color: black;
    line-height: 217px;
}

#contact_form h4
{
    padding: 0 15px;
    line-height: 35px;	
	font-size:11px;	
}
#location h4 a,
#contact_info h4 a {
    color: white;
    padding: 0 15px;
    line-height: 35px;
    width:240px;
	float:left;
    background-image: url('../img/black_40.png');
    background-repeat: repeat;
	font-size:11px;
}
#location h4 a:hover,
#contact_info h4 a:hover {
    color: white;
    background-image: url('../img/black_60.png');
    background-repeat: repeat;
}
#location h4 a img,
#contact_info h4 a img {
    border: 0;
}


#contact_form {
    float: left;
    width: 487px;
    margin: 0 0px 0 0;
    height: 258px;
}

#contact_form div.upper {
    float: left;
    height: 225px;
    width: 486px;
    margin: 0 0 1px 0;
}

#contact_form div.upper p {
    padding: 10px 15px;
    line-height: 1em;
    font-weight: bold;
}

#contact_form div.upper table {
    table-layout: fixed;
    border-spacing: 5px;
    width: 466px;
    margin: 0 10px;
}

#contact_form div.upper table th {
    width: 25%;
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}

#contact_form div.upper table td {
    width: 75%;
}

#contact_form div.upper table input, #contact_form div.upper textarea {
    border: none;
    background-color: #ccc;
    width: 100%;
    padding: 1px;
}
#contact_form div.upper textarea {
    height: 3em;
}

#contact_form div.left {
    float: left;
    height: 32px;
    /* width: 392px; */
     width: 362px; 
    margin: 0 1px 0 0;
    line-height: 32px;
    padding: 0 15px;
}
#contact_form div.right {
    float: left;
    height: 32px;
    width: 93px;
    line-height: 32px;
}
#contact_form div.right input {
    border: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    color: white;
    cursor: pointer;
	font-weight:bold;	
}
#contact_form div.right input:hover {
    color: #ccc;
	background-color: #2e2c2a;
	font-weight:bold;
}

#contact_info {
    float: left;
    width: 245px;
    height: 258px;
}

#contact_info div.upper {
    float: left;
    height: 192px;
    width: 100%;
    margin: 0 0 1px 0;
}
#contact_info div.upper p {
    line-height: 16px;
    margin: 15px;
}
#contact_info div.bottom {
    float: left;
    height: 32px;
    width: 100%;
    margin: 0 0 1px 0;
}

#contact_info div.bottom a {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 32px;
    background-position: 8px center;
    background-repeat: no-repeat;
    color: white;
}
#contact_info div.bottom a:hover {
    color: #ccc;
}

#contact_info div.bottom a.mail {
    background-image: url('../img/icon_mail.png');
}
#contact_info div.bottom a.fb {
    background-image: url('../img/icon_fb.png');
}
#contact_info div.bottom a:hover {
	background-color: #2e2c2a;	
}

#contact_info div.bottom a img {
    border: 0;
}
.virheet
{
	font-size:10px;
	color:#FFF;
}
.errors
{
	font-size:10px;
	color:#FF3333;
}
.center .text img
{
	margin:0px 10px 0px 10px;
}
.center .text table.form 
{
	width:100%;
}
.center .text table input.send
{
    display: block;
    height: 20px;
	width:100px;
	float:right;
	background:none;
	cursor:pointer;
    color: white;
	text-align:right;
	font-weight:bold;
}
.center .text table.form th
{
	padding:2px;	
	text-align:right;
}
.center .text table.form td
{
	padding:2px;	
	text-align:right;
}
.center .text input{
    border: none;
    background-color: #ccc;
    width: 100%;
    padding: 2px;
}
.center .text textarea{
    border: none;
    background-color: #ccc;
    width: 100%;
    padding: 1px;
}
.center div.text h2{
    margin-bottom:10px;
}
.center div.text ul{
    margin-top:5px;
	margin-bottom:5px;
	padding:10px;
}
.center div.text ul li{
	margin-left:15px;
}
.subnav
{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#7a9aad;
	width: 238px;	
}
#content div.left ul li.subsubnav {
    margin: 0 0px 0px 0;
}
#content div.left ul li.subsubnav
{
    display: block;
    height: 25px;
    /* width: 243px; */
    width: 213px;
    line-height: 25px;
    color: white;
    font-size: 13px;
    /* font-weight: bold; */
	background-color:#7a9aad;
    font-family: "Arial Black";
}
#content div.left ul li.subsubnav a
{
    display: block;
    height: 25px;
    /* width: 243px; */
    width: 213px;
    line-height: 25px;
    color: white;
    font-size: 13px;
    font-weight: bold;
	background-color:#7a9aad;	
    padding: 0 15px;
    font-family: Arial;
}
#content div.left ul li.subsubnav a:hover
{
	color:#35526f;
}
#content div.left ul li.subsubnav a.selected
{
	color:#35526f;
}