/**

 * @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.
 */

/* not ready */

@viewport{
    zoom: 1.0;
}

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;
    background: transparent;
}

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

html {
    background: #ffffff;
    font-size: 100.01%;
    -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;
    background: #eee;
}


/* ###################### general ###################### */
#all {
    -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    text-align: left;
    font-size: 1em;
}

#header {
    display: block !important;
    position: relative;
    padding: 0px;
    font-size:1em;
	 overflow: hidden;
	 z-index:1;
}

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

#contentarea,
#contentarea2
{
    -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 position:relative;
    overflow:hidden;
    padding:0px !important;
    margin:0;
}

#wrapper
{
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  width:53%;
	  float:left;
	  position:relative;
}

#wrapper2
{
    -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 margin:0;
	 width:78%;
    float:left;
    position:relative;
	 padding:0 1% 5px 1%;
}


#wrapper2 .item-page
{
    max-width:100% /*max Inhaltbreite 660px*/
}


.item-page {
    padding: 0 5px;
    display: block;
    overflow: hidden;
}

#main
{
    padding: 10px 0px 5px 5px;
    position: relative;
    min-height:420px; /*good for mobile?*/
}

#right
{
    -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 float:left;
    width: 21%;
    margin:70px 0px 10px 1%;
    padding:0px;
    position:relative;
	 overflow: hidden
}

.unseen,
.hidelabeltxt
{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left
{
        padding-top:0px;
        float:right;
        margin:10px 0px 10px 0%;
        width: 22%;
        position:relative;
		
}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1
{
    padding:10px 1%;
    float: left;
    margin:0;
	 position:relative
	
}


.leftbigger
{
     width:20%
}


/* ###################### header ###################### */

.skiplinks,
.skiplinks li
{
    display: inline;
    height: 0px;
    line-height:0;
    padding:0 !important;
}

.skiplinks li a.u2
{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;

}

#header ul.skiplinks
{
	width:100%;
	text-align:left;
	background:none;
	z-index:20000;
	top:0;
	display:inline;
	padding:0
}

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus

{
	top:0 !important;
	z-index:10000;
	right:auto;
	left:0 !important;
	display:block
}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus
{
    position:absolute;
    width:13em;
    top:10px;
    left:10px;
    line-height:1.5em;
    padding:5px;
    font-weight:700;
    height:3em;

}

.wrap
{
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

h1#logo
{
	padding: 1% 0 0 5%;
}

#logo
{
        margin:0;
        display:block;
        padding:0;
        /* width:425px; */
        font-weight:400;
        line-height:1em;
        /*font-size:3em;*/
}

.logoheader img
{
        display: block;
}

#logo span
{
     
}

.logoheader
{
        margin:0;
        padding:0;
        text-align:left;
        font-weight:400;
}

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

#header-addons {
	position:absolute;
	right:1%;
}

#line
{       
	position:absolute;
   right :20px;
   width:98% ;
	max-width:100% ;
	top:0px;
	padding:5px 10px !important;
	margin-right:10px;
	text-align:right;
}

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

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

#close
{
        margin-right:0px;
        font-size:0.85em;
        text-transform:uppercase;
}

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

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

/* ###################### content - main  ###################### */

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

.blog-featured
{
        padding: 0;
}

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

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

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

.shownocolumns
{
        width:98% !important;
}

#top
{
        margin:3em 0 2em 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:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 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
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom
{
        overflow:hidden;
}

#footer, #footer-legal
{
		text-align:center;
      display:block;
      overflow:hidden;
		padding: 0;
}

#footer-legal {
	padding-top: 5px;
}

#footer-inner, #footer, #footer-legal {

        max-width: 1200px;
        margin:0 auto;
}

.box
{
        width:27%;
        float:left;
        margin-right:10px;
        min-height:100px
}

.box1
{
        width:35%
}

.box2
{
        width:32%
}

.box3
{
        float:right
}


img {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing:border-box;
    border: 0 none;
    max-width: 100%;
}


/* +++++++++++++++++++++++ responsive ++++++++++++++++++++++++ */

@media only screen and (max-width: 750px) {
	#fontsize h3 {
    	display: block;
		text-align: center;
	}

	.logoheader h1
	{
		/*font-size: 15.5px;
		top: 107px;
		left: 7px;*/
	}
}

@media only screen and (max-width: 600px) {
	#header {
		margin-bottom:0;
	}
	
	#wrapper2 {
		width:100%;
		float:none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.left1 {
		 float: none;
	}
	
	.leftbigger {
		  width:100%
	}
	
	#main {
    	padding: 10px 5px 0px 5px;
   	min-height: 0px;
	}
	
	#top {
		 margin-bottom: 0;
	}
	
	#right{
	 	width:98%;
		margin: 0 1%;
		padding: 0 5px 2em 5px;
	}
	
}


@media only screen and (max-width: 480px) {
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
	}
	
}