/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    position: relative;
    width: 100%;
    line-height: 1.5em;
}

/* ###################### general ###################### */
#all {
    margin: 0 auto;
    width: 1050px;
    padding: 0;
    text-align: left;
    font-size: 0.8em;
	background:url(../images/taust.gif) repeat-x #6ab3f1;
}

#back {
    margin: 0;
    padding: 0;
}

#contentarea,
#contentarea2 {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
	background:#fff;
	width:100%;
	text-align:center;
}

#main {
    padding: 40px 0 0 0;
    position: relative;
	float:right;
	width:79%;
	text-align:left;
}

#main2{
    padding: 20px 20px 0 20px;
    position: relative;
	text-align:left;
}

#main .item-page {
padding:10px 20px;
}

/* ++++++++++++++  nav before content  ++++++++++++++ */
#vasak {
    margin: 0;
    width: 21%;
    padding: 0;
    float: left;
    position: relative;
}

.left1 {
width:80%;
margin:20px auto;
text-align:left;
}

/* ###################### header ###################### */
#header {
    position: relative;
    padding:10px 0 0  0;
    overflow: hidden;
	height:250px;
	margin:0;
	width:1050px;
	z-index:9999;
	border-bottom:1px #8fc6f4 solid;
}

#headervasak  {
margin: 0;
padding: 0;
width: 200px;
position:relative;
float:left;
}

#logo {
	top:70px;
	position:relative;
    margin: 0;
    padding: 0 0 0 10px;
    text-align: left;
}

#headerparem {
margin: 0;
padding: 0;
width: 810px;
position:relative;
float:right;
}

#ylamenyy {
position:relative;
width:790px;
height:35px;
line-height:35px;
color:#fff;
padding:0 0 0 10px;
margin:0;
background:url(../images/menu-bg.gif) no-repeat top left;
}

#slaidshou {
position:relative;
float:right;
margin:0;
padding:0;
z-index:1;
}

#footer-outer {
    width: 1024px;
	height: 20px;
    margin: 0px auto;
	background-color:#ebebea; /*d4d0c8*/
    padding: 10px 15px 10px 10px;
	border-top:5px #d4d0c8 solid;
}

#footer {
    width: 1025px;
	height:20px;
    margin: 0px auto;
	background-color:#ebebea; /*d4d0c8*/
    padding: 0;
}

#footer img {
vertical-align:center;
margin-bottom:5px;
}

#maxi {
float:right;
margin:-10px 0 10px 0;
}

.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
    padding: 5px 0 2px 2px;
    position: absolute;
    right: 10px;
    top: 0.5em;
    max-width: 40em;
    text-align: right;
    min-width: 40em

}

#fontsize,
#line .search {
    display: inline;
    margin: 0;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

@media screen and (max-width:768px) { 
#all, #header {
width:750px;
}
#headervasak  {
width: 170px;
}
#headerparem {
width: 570px;
}
#keelevalik {
width:150px;
}
#infotelefon {
width:400px;
}
#footer-inner, #footer {
width: 725px;
}
}


@media screen and (min-width:770px) and (max-width:992px){ /* 1000 */
#all, #header {
width:960px;
}
#headervasak  {
width: 180px;
}
#headerparem {
width: 750px;
}
#keelevalik {
width:150px;
}
#infotelefon {
width:590px;
}
#footer-inner, #footer {
width: 935px;
}

}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
    padding: 0;
}

.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
	height:1px;
}

.shownocolumns {
    width: 98% !important;
}

#top {
    margin: 0 0 20px 0;
    overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}


img {
    border: 0 none;
    max-width: 100%;
}

/* hide the mobile menu button */
#mobile_select {
    display: none
}