/* CSS Document */

html {
background:url(../img/taust.gif) repeat-x fixed left top;
background-color:#176291;
}

body {
width: 100%;
height:100%;
font: normal 14px Verdana, Arial, Helvetica, Sans-Serif;
color:#06234b;
margin:15px auto 0px auto;
text-align:center;
padding: 0;
}

#konteiner {
position:relative;
margin:0 auto;
width:790px;
padding:0;
text-align:left;
}

#header {
clear:both;
position:relative;
width:100%;
width:790px;
height:117px; 
margin:0;
padding:0;
background:url(../img/header.png) no-repeat top left;
}

#logo {
float:left;
width:150px;
margin:0;
padding:0;
top:20px;
left:15px;
position:relative;
z-index:100;
clear:both;
}

#banner {
position:relative;
top:15px; 
float:right;
padding:0 10px 0 0;
margin:0;
}

#keskmine {
display:table;
position:relative;
width:790px;
padding:0;
margin:0;
background:url(../img/sisutaust.gif) repeat-y top left;
}

#menukonteiner {
position:relative;
width:790px;
height:28px;
margin:0;
padding:0;
clear:both;
background:url(../img/menyytaust.gif) no-repeat top left;
border-top:1px #3d8fc4 solid;
border-bottom:1px #3d8fc4 solid;
}

#menukonteiner2 {
position:relative;
width:790px;
height:29px;
margin:0;
padding:0;
clear:both;
background:url(../img/menyytaust2.gif) no-repeat top left;
border-top:1px #3d8fc4 solid;
border-bottom:1px #000 solid;
}

#menu, #menu2 {
position:relative;
float:left;
width:710;
height:28px;
margin:0;
padding:0 0 0 5px;
}

#keeled {
float:right;
position:relative;
padding:0 8px 0 0;
margin:0;
width:60px;
height:28px;
text-align:right;
}

#sisu {
position:relative;
float:left;
width:598px;
margin:0 0 0 1px;
padding:0;
background:#fff;
}

#parem {
position:relative;
float:right;
width:188px;
margin:0 1px 0 0;
padding:0;
}

#parem img {
text-align:center;
margin:auto;
padding:auto;
}

#footer {
position:relative;
margin:0 auto;
width:790px;
background:url(../img/footer.png) repeat-x top left;
height:31px; 
padding:0; 
clear:both;
text-aling:center;
border-top:3px #007ede solid;
}

#jalus {
position:relative;
float:left;
/*color:#f27715;*/
color:#0093dd;
font:bold 11px Verdana, Arial, Sans-Serif; 
line-height:20px;
text-align:center;
margin:0 0 0 1px;
padding: 4px 0 0 10px;
width:718px;
}

#gilgames {
position:relative;
float:right;
margin:0;
width:42px;
padding:8px 10px 0 0;
text-align:right;
behavior:none;
}

#counter {
position:relative;
margin:0 auto;
width:790px;
padding:3px 5px 0 0;
text-align:right;
color:#c0c0c0;
line-height:15px;
font-size:10px;

}

#header, #footer, .png { 
behavior: url(iepngfix.htc);
}

a, a:link, a:visited {
font-size:11px;
color:#555;
font-weight:bold;
text-decoration:underline;
}

a:hover {
color:#000;
text-decoration:underline;
}

p {
text-align:left;
font: 12px Verdana, Arial, Helvetica, Sans-Serif normal;
line-height:18px;
margin:10px 20px 0 20px;
}

.keelevalik {
font: bold 11px Verdana, Arial, Helvetica, Sans-serif;
color:#000;
line-height:27px;
margin:0;
padding:0;
text-align:right;
}

.keelevalik a, .keelevalik a:link, .keelevalik a:visited {
font: bold 11px Verdana, Arial, Helvetica, Sans-serif;
padding:0 2px;
line-height:27px;
text-decoration:none;
}

a.menu, a.menu:link, a.menu:visited {
font: normal 10px Verdana, Arial, Helvetica, Sans-serif;
line-height:27px;
color:#fefefe;
text-decoration:none;
margin:0;
padding:10px 17px 10px 15px;
background:url(../img/separaator.gif) no-repeat right center;
}

a.menu:hover {
color:#000;
text-decoration:underline;
}

a.menu2, a.menu2:link, a.menu2:visited {
font: normal 10px Verdana, Arial, Helvetica, Sans-serif;
line-height:27px;
color:#111;
text-decoration:none;
margin:0;
padding:5px 10px 5px 8px;
}

a.menu2:hover {
color:#000;
text-decoration:underline;
}


#menu li {
list-style:none;
background:url(../img/nool2.gif) no-repeat left top;
background-position:0px 6px;
line-height:16px;
margin:0;padding:0 0 0 6px;
}

#menu ul {
margin:0 0 0 20px; padding:0;}

#jalus a, #jalus a:link, #jalus a:visited {
font-family: Arial, Helvetica, Sans-serif;
font-size:11px;
color:#176291;
font-weight:bold;
text-decoration:none;
margin:0;
padding:0;
}

#jalus a:hover {
color:#000;
text-decoration:underline;
}

h1 {color:#4ab6fa;padding:0;margin:20px 15px 20px 20px;font-size:20px;}
h2 {color:#4ab6fa;margin-left:20px;font-size:18px;font-weight:bold;}
h3 {color:#4ab6fa;margin-left:20px;font-size:15px;font-weight:bold;}
h4 {color:#4ab6fa;margin-left:20px;font-size:14px;font-weight:bold;}
h5 {color:#4ab6fa;margin-left:20px;font-size:13px;}
h6 {color:#4ab6fa;margin-left:20px;font-size:12px;}


table.kontaktivorm {
font-family: Verdana, Helvetica, Sans-Serif;
color:#000;
font-size:12px;
margin:0px 0px 0px 15px;
padding:0;
border:1px #eee solid;
}

table.kontakt {
width:500px;
font-family: Verdana, Helvetica, Sans-Serif;
color:#000;
font-size:12px;
line-height:16px;
}

table.kontakt td {
width:400px;
vertical-align:top;
line-height:25px;
}

.error {
color:bb0000;
}

.form {
margin:0;
padding:0;
}

#galerii {
width:100%;
margin:15px;
text-align:center;
}

#galerii img {
border:1px #777 solid;
margin:10px;
}

.button {
background:#eee;
color: #333; 
font: bold 11px Arial, Helvetica, sans-serif; 
line-height:14px;
vertical-align:center;
margin:0px 0px 5px 0px;
padding:0px 2px 0px 2px;
border-left: 1px #ccc solid; 
border-right: 1px #aaa solid; 
border-bottom: 1px #aaa solid; 
border-top: 1px #ccc solid; 
height:20px;
}

.tr1 {
background:#f4f4f4;
padding:0;
margin:0;
}

.tr2 {
background:#fefcfb;
padding:0;
margin:0;
}

.tr1 td, .tr2 td {border-right:1px #e7e7e7 solid;border-bottom:1px #e7e7e7 solid; padding:4px;}
.tr2 .button {margin-top:5px;}

ul, ol {}
li {line-height:1.5em;margin-top:10px;}

.sinine {
color:#4ab6fa;
text-align:left;
font:bold 16px Tahoma, Helvetica, Arial, Sans-Serif;
line-height:30px;
}

.ppealkiri {
margin:0px;
padding:0px;
color:#1193e7;
font:bold 15px Tahoma, Helvetica, Arial, Sans-Serif;
text-align:center;
line-height:25px;
}

hr {
color:#ddd;
height:1px;
width:80%;
text-align:center;
}