/**

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

*
{
}

body
{
    font-size: 15px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    position:relative;
}

/* ###################### general ###################### */
#all
{
    margin: 12px auto 0px auto;
    max-width: 960px;
    padding: 0px;
    text-align: left;
}

#logo {
		display:block !important;
    position:relative;
    padding: 0px;
    
		margin: 0px 0px 0px 0px;
}

#oben
{
    height: 310px;
		display:block !important;
    position:relative;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

#obenwrapper {
	position: absolute;
	top: 0px;
	left:0px;
	z-index:0;
}

#oben-1 {
	float:left;
	width: 310px;
	height: 310px;
	margin: 0px 15px 0px 0px;
	background: #F7AF4B;
	z-index:0;
	overflow: hidden;
}

#oben-2 {
	float:left;
	width: 310px;
	height: 310px;
	margin: 0px 15px 0px 0px;
	background: #F7AF4B;
	z-index:0;
}

/*
#oben-2 {
		float:left;
		width: 306px;
		height: 306px;
		margin: 0px 15px 0px 0px;
		border: 2px dashed #eee;
		background-image: url(../images/testbg.png);
	}
*/

#oben-3 {
	width: 377px;
	height: 358px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/logo-overlay.png);
	z-index:10000;
	position: absolute;
	left: 583px;
	top: 0px;
}

#mitte
{
    height: 310px;
		display:block !important;
    position:relative;
    padding: 0px;
    overflow:hidden;
    margin: 0px 0px 15px 0px;
}

#mittewrapper {
	position: absolute;
	top: 0px;
	left:0px;
}

#mitte-1 {
	float:left;
	width: 310px;
	height: 310px;
	margin: 0px 15px 0px 0px;
	background: #F7AF4B;
}

#mitte-2 {
	float:left;
	width: 310px;
	height: 310px;
	margin: 0px 15px 0px 0px;
	background: #F7AF4B;
}

#mitte-3 {
	float:left;
	width: 310px;
	height: 310px;
	margin: 0px 0px 0px 0px;
	background: #003772;
}

#unten
{
    height: 310px;
		display:block !important;
    position:relative;
    padding: 0px;
    overflow:hidden;
    margin: 0px 0px 0px 0px;
}

#untenwrapper {
	position: absolute;
	top: 0px;
	left:0px;
	z-index:0;
}

#unten-1 {
	float:left;
	width: 310px;
	height: 310px;
	margin: 0px 15px 0px 0px;
	background: #F7AF4B;
}

#unten-2 {
	float:left;
	width: 310px;
	height: 310px;
	margin: 0px 15px 0px 0px;
	background: #F7AF4B;
}

#unten-3 {
	float:left;
	width: 310px;
	height: 310px;
	margin: 0px 0px 0px 0px;
	background: #003772;
}

#unten2x3 {
	float:left;
	width: 960px;
	height: 635px;
	margin: 0px 0px 0px 0px;
	background: #F7AF4B;
	z-index: 0;
}

#unten2x2 {
	float:left;
	width: 605px;
	height: 605px;
	padding: 15px;
	margin: 0px 0px 0px 0px;
	background: #F7AF4B;
	z-index: 0;
}

#rechts1x2 {
	margin-left: 650px;
	height: 635px;
	display:block;
}

#abstand {
float:left;
display:block;
height: 15px;
width:310px;
}
	




#bottom
{
        width: 960px;
        padding: 20px 0px 20px 0px;
        text-align: center;
}

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

.box1
{
        width: 219px;
        padding-right: 10px;
}

.box2
{
        width: 219px;
        border-right: solid 1px #ddd;
        padding-right: 10px;
}

.box3
{
        float: left;}

#footer
{
        max-width:980px;
		
}