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


/* ################   drag ################  */

#black {
position:absolute;
background-color:#000000;
left:19px;
top:55px;
width:0px;
height:0px;
}

#open_close{
text-align:right;
right:64px;
position:absolute;
left:16px;
top:32px;
z-index:300;
}

#open_close p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#FFFFFF;
margin:0px;
}

a.open:hover,a.open:active,a.open:focus{
text-decoration:none;
text-transform:uppercase;
outline:none;
}
a.open:link,a.open:visited{
text-decoration:none;
outline:none;
}

a.close:hover,a.close:active,a.close:focus{
text-decoration:none;
text-transform:uppercase;
outline:none;
}
a.close:link,a.close:visited{
text-decoration:none;
outline:none;
}

#newsletter{
position:absolute;
left:16px;
top:240px;
z-index:300;
width:215px;
border-top: solid 1px #000000;
padding:5px 0px 2px 0px;
height:40px;
width:215px;
}

#newsletter H1{
color:#CC0000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
padding-left:2px;
}

#newsletter form .inputbox
{
	background:#fff;
	border:solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:0px;
	font-weight:bold;
	color:#CC0000;
	padding:0px 0px 0px 4px;
	margin:2px 0px 3px 0px !important;
	width:80px;
	height:12px;
}

#newsletter form .button
{
	background-color:none;
	background:url(../images/newsletter.gif) no-repeat scroll 0px 0px;
	border:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
	cursor:pointer;
	width:17px;
	height:14px;
}

div._acajoom{
height:12px;
}

div._acajoom br{
height:12px;
}


div.moduletable_acajoom{
position:absolute;
left:19px;
top:210px;
z-index:300;
width:215px;
border-top: solid 1px #000000;
padding:5px 0px 2px 0px;
height:40px;
width:215px;
}


div.moduletable_acajoom h3{
color:#CC0000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
padding-left:2px;
margin:0px;
}

input#wz_12.inputbox
{
	background:#fff;
	border:solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:0px;
	font-weight:bold;
	color:#CC0000;
	padding:0px 0px 0px 4px;
	margin:2px 0px 3px 0px !important;
	width:80px;
	height:12px;
}

input#aca_22.button
{
	background-color:none;
	background:url(../images/newsletter.gif) no-repeat scroll 0px 3px;
	border:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
	cursor:pointer;
	width:17px;
	height:18px;
}

#random_image{
	position:absolute; 
	left:0px; 
	top:0px; 
	height:100%; 
	width:100%; 
	z-index:2;  
	overflow:scroll; 
	overflow-x:hidden; 
	overflow-y:hidden;
}

#credits_random_image{
	position:absolute; 
	left:9px; 
	top:14px;
	color:#CCCCCC; 
	z-index:200;
	text-align:left;
	padding:4px 0px 0px 22px;
	width:617px;
	height:40px;
}

#credits_random_image .picto{
	position:absolute; 
	left:0px; 
	top:2px;
	color:#CCCCCC; 
	z-index:200;
	text-align:left;
	background:url(../images/photo7.png) no-repeat;
	width:16px;
	height:14px;
}


#credits_random_image .h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:0px;
	font-size:11px;
	line-height:15px;
}

#credits_random_image p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:0px;
	font-size:11px;
	line-height:15px;
	margin:0px;
}

#credits_random_image a:hover,#credits_random_image a:active,#credits_random_image a:focus{
text-decoration:underline;
}

#credits_random_image a:link,#credits_random_image a:visited{
color:#CCCCCC;
text-decoration:none;
}



#credits{
position:absolute;
right:58px;
top:26px;
z-index:300;
width:215px;
text-align:right;
overflow:hidden;
height:25px;
}

#credits2{
position:absolute;
left:259px;
top:379px;
z-index:300;
width:382px;
padding:5px 0px 2px 0px;
}

#credits3{
position:absolute;
left:16px;
top:19px;
z-index:300;
width:215px;
border-top: solid 1px #000000;
padding:5px 0px 2px 0px;
}


#credits a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
outline:none;
text-decoration:none;
line-height:11px;
}

#credits a:hover{
text-decoration:underline;
}

#mention{
border-top:1px solid #000000;
position:absolute;
left:19px;
top:282px;
z-index:200;
text-align:left;
color:#CCCCCC;
padding:2px 0px 0px 2px;
margin:0px;
width:213px;
}

#mention .h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
letter-spacing:0px;
font-size:11px;
line-height:15px;
color:#FFFFFF
}

#mention p{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing:0px;
font-size:11px;
line-height:14px;
margin:0px;
}

#mention a:hover,#mention a:active,#mention a:focus{
text-decoration:underline;
}

#mention a:link,#mention a:visited{
color:#CCCCCC;
text-decoration:underline;
}


#draggables
{
}


.moduletable_menu
{ 
width:230px;
height:400px;
position:absolute;
left:12px;
top:5px;
z-index:110;
}

.moduletable_menu h3
{ 
margin:20px 2px 2px 2px;
padding:0px 5px 2px 8px;
}

.moduletable_sousmenu
{ 
width:390px;
position:absolute;
left:255px;
top:4px;
z-index:110;
padding:4px 4px 3px;
}

.moduletable_sousmenu table tbody tr td
{
padding-bottom:1px; 
}

#sousmenu_backimg
{ 
width:387px;
height:18px;
position:absolute;
left:256px;
top:4px;
background-color:#000000;
z-index:110;
padding:4px 4px 3px;
}

.moduletable_archives
{ 
width:200px;
position:absolute;
left:259px;
top:145px;
background-color:#FFFFFF;
z-index:111;
}

.moduletable_login
{ 
width:180px;
position:absolute;
left:12px;
top:273px;
background-color:#FFFFFF;
z-index:112;
border:1px solid #99FF33;
}

.moduletable_newsflash
{ 
width:200px;
position:absolute;
left:760px;
top:160px;
background-color:#FFFFFF;
z-index:113;
}

.moduletable_news
{ 
width:200px;
position:absolute;
left:695px;
top:160px;
background-color:#FFFFFF;
z-index:104;
}

.moduletable_online
{ 
width:200px;
position:absolute;
left:760px;
top:660px;
background-color:#FFFFFF;
z-index:105;
}

.moduletable_random
{ 
width:200px;
position:absolute;
left:746px;
top:-121px;
z-index:106;
}

.moduletable_random2
{ 
width:200px;
position:absolute;
left:644px;
top:-121px;
z-index:106;
}

.moduletable_rss
{ 
width:300px;
position:absolute;
left:256px;
top:5px;
z-index:300;
padding:4px 4px 3px;
}

a.rss{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
}

a.rss .top{
}

a.rss img{
width:12px;
height:12px;
border:0px solid #000000;
top:2px;
margin:-2px;
}


a.rss:hover
{ 
border-bottom:1px solid #FFFFFF;
outline-style:none;
}

a.rss:active
{ 
}


#fontsize
{ 
width:300px;
position:absolute;
left:760px;
top:20px;
background-color:#FFFFFF;
z-index:107;
right:10px;
color:#000;
}

#breadcrumbs{
height:20px;
width:365px;
position:absolute;
left:252px;
top:6px;
padding-top:0;
text-align:left;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
letter-spacing:0px;
z-index:108;
}

.search
{
	height:90px;
	width:105px;
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
}

#recherche{
	position:absolute;
	right:166px;
	top:60px;
	z-index:300;
	margin:0px;
	padding:0px;
}

.moduletable_banniere{
position:absolute;
left:218px;
top:-120px;
text-decoration:none;
}

/* ########################################  */


*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color:#000000;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 62,5%;
	text-align: left;
}

/* ################   Position ################  */
#all
{
	/*background: #FFFFFF;*/
	border: solid 1px #000000;
	color: #000000;
	font-size: 0.625em;
	left:4%;
	top:6%;
	padding:0px;
	width: 736px;
	height:576px;
	text-align: left;
	left:65px;
	top:60px;
	left:4%;
	top:6%;
	position:absolute;
	z-index:100;
}

#page {
margin-bottom:6px; }

#header
{
	color: #000000;
	margin: 3px 3px 0px 3px;
	position: relative;
	text-align: right;
	border-bottom: solid 0px #ccc;
	width:100%;
	height:88px;
	z-index:300;
}

#contentarea,#contentarea2
{
	border: solid 0px #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	height:420px;
	width:730px;
	overflow-y:hidden;
	overflow-x:hidden;

}
#wrapper { 
	margin: 1px 0px 0px 0px;
	width:418px;
	height:347px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:50px;
	left:256px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#wrapperbackimg{
	width:395px;
	height:400px;
	position:absolute;
	top:5px;
	left:256px;
	background-color:#99CC00;
	background:url(../images/opacity11395x4.png) repeat-y;
}

#menubackimg{
	width:230px;
	height:400px;
	position:absolute;
	top:5px;
	left:12px;
	background-color:#99CC00;
	background:url(../images/opacity11230x4.png) repeat-y;
	padding:Opx;
	margin:0px;
}

#left
{
	position:absolute;
	left:0px;
	top:0px;
	border-right: solid 0px #EEEEEE;
	margin: 20px 0 0 0;
}


#user1
{
	position:absolute;
	left:0px;
	top:0px;
	border-right: solid 0px #EEEEEE;
	margin: 20px 0 0 0;
}

#right
{
	color: #000;
	float:left;
	width: 28%;
	padding-top:10px

}

#main2
{
	width:60%;
	padding: 25px 20px 40px 20px;
	position:relative;
	z-index:01;
	top:70px;
	left:20px;


}

#main
{
	margin: 0px 0px 0px 0px;
	padding: 5px 6px 40px 6px;
	position: relative;
	width:383px;
	position:relative;
	z-index:01;
	top:6px;
	left:0px;
}

/* ###################### 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 100px !important;
}

/* ###############  main * ########################### */
/* position */
.leading
{
	margin:15px 0 1px;
	padding:5px 10px 25px 10px;
	position: relative;
	background-color:#000000;
}

.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 { 
margin-top:7px;
}

.listcategorie { 
margin-top: 7px;
}


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

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

.column1 , .column2
{
	margin: 0 5px 0 0;
	position: relative;
}

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

.column2
{
	float: right;
	margin: 0;
	width: 45%;
}

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

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

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