/**
 * @version $Id: position.css 10387 2008-06-03 10:59:16Z pasamio $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 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.
 */

*
{
	margin: 0;
	padding: 0;
}



/* ################   Position ################  */


#full
{
	background-image: url(../images/ericgiroud_productDesigner_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	top:0px;
	left:0px;
	overflow: visible;
	height: 590px;
} 

#page { }

#header
{
	color: #000000;
	margin: 0;
	position: relative;
	text-align: center;
	border-bottom: solid 4px #ccc;
}

#contentarea,#contentarea2
{
	border: solid 0px #000;
	margin: 0;
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}
#wrapper { margin: 0 0 0 61px}
#wrapper1 {
	margin: 0 0 0 476px;
	width: 524px;
}
#wrapper2 { margin: 0 0 0 0 }
#wrapper3 { margin: 0 0 0 0}
#left
{
	border-right: solid 0px #EEEEEE;
	float: left;
	margin: 20px 0 0 0;
	width: 61px;
}

#wrapper3 {
background: transparent url(../images/fondmain.jpg) no-repeat top left;
}

#right
{
	color: #000;
	float:left;
	width: 210px;
	top:0px;
	right:0px;

}

#main2
{
	width:662px;
	padding: 25px 20px 20px 20px;
	position: relative;
	min-height:520px;
	float:left;


}
#main3
{
	width:96%;
	padding: 25px 20px 20px 20px;
	position: relative;
	min-height:400px;
	float:left;


}

#main4
{
	width:65%;
	padding: 25px 20px 20px 20px;
	position: relative;
	min-height:520px;
	float:left;


}
#main
{
	margin: 0 0px 0 0;
	padding: 25px 20px 20px 20px;
	position: relative;
}

/* ###################### generell ###################### */
.unsichtbar,.u2,.invisible , .unseen
{
	display: inline;
	height: 0px;
	left: -3000px;
	position: absolute;
	top: -2000px;
	width: 0px;
	z-index: 200;
}

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

#logo
{
	font-size: 1em !important;
	font-weight: bold !important;
	position: relative;
	text-align: center;
	text-transform: none !important;
	z-index: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

#logo  img { display: block; }

#logo span
{
	display: block;
	margin: 0px 0 0 100px !important;
	border-bottom: solid 1px #666;
}

/* ###############  main * ########################### */
/* position */
.leading
{
	/* position */-background: #EFDEEA url(../images/biene.gif) no-repeat top left;/* position */
	border: solid 0px #CCCCCC;
	color: #999999;
	margin: 0px 0px 10px 0px;
	padding: 00px 00px 00px 00px;
	position: relative;
	height:auto;
}

.leading_separator
{
	border-bottom: solid 0px #333333;
	display: block;
	height: 10px;
	margin: 0 0 0px 0;
}

.article_separator
{
	border: solid 1px #333333;
	display: none;
	margin: 0px 0 0px 0;
}

.blog { padding: 0; }

.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 45%; }
.cols3 { width: 30%; }

.column1 , .column2, .column3
{
	border: solid 0px #D4A7C5;
	margin: 0 5px 0 0;
	position: relative;
}

.column2 , .column1 , .column3
{
	float: left;
	margin: 0;
}



.article_row
{
	margin: 0px 0 0px 0;
	padding: 0;
	overflow: hidden;
}

.article_column
{
	border: solid 0px #ccc;
	padding: 10px 15px 10px 15px;
}

.row_separator2
{
	display: block;
	clear: both;
	margin: 0;
	border: solid 0px;
}

.readon {
     visibility:hidden;
}

a.readmorelink {
	color:#FFFFFF;
	text-decoration: none;
}
div#box1-title a:link, div#box1-title a{
	color:#FFFFFF;
	text-decoration: none;
	margin-right:10px;
}

div#box1-title a:hover{
	color:#000000;
	text-decoration: none;
	margin-right:10px;
}

#webdesign {
    left : 15px;
	bottom: 8px;
	position:absolute;
	text-align:left;
	width : 300px;
}
#copy {
    right : 15px;
	bottom: 8px;
	position:absolute;
	text-align:right;
	width : 300px;
}

span.separation {
	font-size: 18px;
	padding: 12px 0px 8px 0px;
	font-weight: bold;
	display: block;
}

#menutop {
	height: 64px;
	background: transparent;
	text-align:center;
	width: 973px;
	float :left;
	position: relative;
	background: url(../images/menufond.jpg) right top repeat-y;
}