/**

 * @version $Id: position.css 9765 2007-12-30 08:21:02Z ircmaxell $

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

}



body

{

	background: #c2c2c2;

	color: #000000;

	font-family: arial;

	font-size: 100.1%;

	padding: 0px;

	text-align: center;

}



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

#all

{

	background: #c2c2c2;

	border: solid 0px #DBB0CD;

	color: #4b4b4b;

	font-size: 11px;

	margin: auto;

	width: 950px;

	padding: 0 3px 3px 3px;

	text-align: left;

}



#page { }



#header

{

	background: #fff;

	color: #000000;

	margin: 0px 0px 0px 8px;

	position: relative;

	text-align: right;

	width: 800px;

	/*height:450px;*/

	/*border-bottom: solid 4px #c2c2c2;*/

}







#contentsx

{

	background: #FFF;

	width: 800px;

	vertical-align: top;

}



#bottomtable

{

	background: #FFF;

}



#bottomcoloumn

{

	background: url(../images/barracolonna.gif) #FFF no-repeat;

}



#bottomcoloumn_sx

{

	background: url(../images/barracolonna_sx.gif) #FFF no-repeat;

	

}



#bottomcoloumn_element

{



	padding : 0px 0px 0px 5px;

	font-size: 11px;

}



#bottomcoloumn_element h3

{



	padding : 0px 0px 0px 5px;

}





#bottomcoloumn_element ul

{

	bottom:0px;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	font-size: 11px;

}





#bottomcoloumn_dx

{

	background: url(../images/barracolonna_dx.gif) #FFF no-repeat;

}



#menudx

{

	background: #c2c2c2;

	color: #000000;

	margin-top : 0;

	position: 0;

	text-align: left;

	vertical-align : top;

	width: 150px;

	font-size: 11px;

}



#menudx h3

{

	padding: 0px 0px 0px 10px;

	position: relative;

}



#menudx ul li

{

	padding: 0px 0px 0px 10px;

	margin: 0 2em 0;

	position: relative;

}







#logindx

{

	padding: 0px 0px 0px 10px;

	position: relative;

}



INPUT {

background-color: #fff;

color: #333333;

font-family: arial;

font-size: 13px;

border: 1px solid #666666; 

}



button {

background-color: #fff;

color: #333333;

font-family: arial;

font-size: 13px;

border: 1px solid #666666; 

}











#contentarea,#contentarea2

{

	border: solid 0px #000;

	margin: 0;

	padding: 0px 0px 0px 0px;

	position: relative;

	width: 800px;

	overflow: hidden;

}

#wrapper { margin: 0 0 0 0%;

width : 800px;

}



#left

{

	background: #FFFFFF;

	border-right: solid 1px #c2c2c2;

	float: left;

	margin: 0px 0 0 0;

	width: 19%;

}



#right

{

	color: #000;

	float:left;

	width: 28%;

	padding-top:10px;

	border: 0;



}





#right a img

{

	border: 0;

}



#center

{

	color: #000;

	float:left;

	width: 15%;

	padding-top:10px;

	padding-left:165px;

	border: 0;

	



}



#center ul

{

	font-size : 11px;

}



#centerNoMenu

{

	color: #000;

	float:left;

	width: 95%;

	padding-top:10px;

	padding-left:15px;



}



#main2

{

	background: #c2c2c2;

	margin : 10px;

	width:30%;

	padding: 25px 20px 20px 20px;

	position: relative;

	float:left;

	font-size: 11px;



}



#main

{

	background: #c2c2c2;

	margin : 10px;

	width:30%;

	padding: 25px 20px 20px 20px;

	position: relative;

	float:left;

	font-size: 11px;

}



/* ###################### 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: left;

	text-transform: none !important;

	z-index: 0;

	margin-top: 1em;

}





#logo  img { display: block; }



#logo span

{

	display: block;

	margin: 0px 0 0 20px !important;

	border-bottom: solid 1px #666;

}



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

/* position */

.leading

{

	background: #c2c2c2  top left;

	border: solid 1px #c2c2c2;

	color: #4b4b4b;

	margin: 5px 0px 10px 0px;

	padding: 0pt;

	position: relative;

}



.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

{

	border: solid 0px #D4A7C5;

	margin: 0 5px 0 0;

	position: relative;

}



.column2 , .column1

{

	float: left;

	margin: 0;

}



.column2

{

	float: right;

	margin: 0;

	width: 45%;

}



.article_row

{

	margin: 0px 0 0px 0;

	padding: 0;

	overflow: hidden;

}



.article_column

{

	border: solid 0px #c2c2c2;

	padding: 10px 10px 10px 0;

}



.row_separator2

{

	display: block;

	clear: both;

	margin: 0;

	border: solid 0px;

}