/**

 * @version $Id$

 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )

 * @package Joomla

 * @subpackage Accessible-Template-Beez

 * @copyright Copyright (C) 2005 - 2007 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: #000000;

	background-image: url(../images/main_bg.gif);

	background-repeat: repeat-x;

	background-position: top left;

	color: #000000;

	font-family: arial, helvetica, sans-serif;

	padding: 0px;

	text-align: center;

	font-family: arial;

	font-size: 12px;

}



#toplogo {

	padding-top: 15px;

	width: 980px;

	text-align:left;

	padding-bottom: 10px;

	}



#topmenu {

	width: 980px;

	background-image: url(../images/topmenu_bg.gif);

	background-repeat: no-repeat;

	background-position: top left;

	height: 22px;

	color: #ffffff;

	padding-top: 3px;

	text-align: left;

	}



#pathway {

	color: #7c0000;

	height: 10px;

	width:940px;

	margin-top: 5px;

	text-align: left;

	font-family: arial;

	font-size: 8px;

	text-transform: uppercase;

	font-family: verdana;

	font-weight: bold;

	}



#pathway a {

	color: #000000;

	}



#pathway a:hover {

	color: #7c0000;

	}





#bottommenu {

	width: 980px;

	background-image: url(../images/bottommenu_bg.gif);

	background-repeat: no-repeat;

	background-position: top left;

	height: 28px;

	color: #ffffff;

	padding-top:8px;

	text-align: left;

	}



#bottommenu_items {

	position:absolute; 

	width:500px; 

	text-align:left;

	}



#bottommenu_search {

	position:absolute; 

	width:965px; 

	text-align:right;

	padding-bottom: 0px;

	}





#contenttop {

	margin-top:10px;

	background-image: url(../images/content_topbg.gif);

	background-repeat: no-repeat;

	background-position: top left;

	width:980px;

	height:13px;

	}



#contentbottom {

	margin-bottom:10px;

	background-image: url(../images/content_bottombg.gif);

	background-repeat: no-repeat;

	background-position: top left;

	width:980px;

	height:13px;

	}



#content {

	background-image: url(../images/content_mainbg.gif);

	background-repeat: repeat-y;

	background-position: top left;

	width:770px;

	padding-left: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	margin:0px;

	min-height:455px;

	height: 100%;

	text-align: left;

	font-family: arial;

	font-size: 12px;

}



td {

	font-family: arial;

	font-size: 12px;

	}



#contenttd {

	background-image: url(../images/content_mainbg.gif);

	background-repeat: repeat-y;

	background-position: top left;

	padding-bottom: 10px;

	font-family: arial;

	font-size: 12px;

	width: 770px;

	}



#menutd {

	background-image: url(../images/content_menubg.gif);

	background-repeat: repeat-y;

	background-position: top left;

	padding-bottom: 10px;

	font-family: arial;

	font-size: 12px;

	width: 170px;

	padding-left: 10px;

	text-align: left;

	}



.contentpaneopen {

	width: 600px;

	}



.contentpagetitle {

	font-size: 12px;

	}



span.small {

	font-size: 10px;

	}



#copyright {

width: 980px;

text-align: right;

padding-top: 4px;

padding-bottom: 10px;

padding-right: 10px;

color: #ffffff;

font-size: 9px;

}



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

#all

{

	background: #FFFFFF;

	border: solid 1px #DBB0CD;

	color: #000000;

	font-size: 0.8em;

	margin: 0 auto;

	max-width: 1000px;

	padding: 0 3px 3px 3px;

	text-align: left;

}



#page { 

	padding-top: 10px;

	font-size: 11px;

	}



#header

{

	background: #fff;

	color: #000000;

	margin: 0;

	position: relative;

	text-align: right;

	border-bottom: solid 4px #ccc;

}



#contentarea,#contentarea2

{

	border: solid 0px #000000;

	margin: 0;

	padding: 0px 0px 0px 0px;

	position: relative;

	overflow: hidden;

}



#left

{

	background: #FFFFFF;

	border-right: solid 0px #EEEEEE;

	float: left;

	margin: 20px 0 0 0;

	width: 21%;

}



#right

{

	color: #000;

	position: absolute;

	right: 0;

	top: 10px;

	width: 240px;

}



#main2

{

	background: #fff;

	margin: 0px 240px 0 22%;

	padding: 25px 20px 20px 20px;

	position: relative;

}



#main

{

	background: #fff;

	margin: 0 0px 0 22%;

	padding: 25px 20px 20px 20px;

	position: relative;

}



/* ###################### generell ###################### */

a {

	color: #363636;

	text-decoration: none;

	}



a:hover {

	text-decoration: underline;

	color: #696969;

	}



span.breadcrumb {

	color: #4f4f4f;

	font-weight: bold;

	}



.unsichtbar,.u2,.invisible

{

	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;

	border-bottom: solid 1px #666;

}



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

/* position */

.leading

{

	width:980px;

	padding-top: 10px;

}



.leading_separator

{

	height: 0px;

	margin: 0 0 0px 0;

	font-size: 0px;

}



.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 #ccc;

	padding: 10px 10px 10px 0;

}



.row_separator2

{

	display: block;

	clear: both;

	margin: 0;

	border: solid 0px;

}





/** --------------------------------------------------------------------------

*/



.mainlevel-topmenu {

	color: #ffffff;

	margin-left: 15px;

	font-family: arial;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	letter-spacing: 0.05em;

	}



.mainlevel-topmenu:hover {

	color: #e4e4e4;

	}



a.mainlevel-productmenu {

	color: #000000;

	margin-left: 10px;

	font-family: arial;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	letter-spacing: 0.05em;

	padding-right: 5px;

	height: 40px;

	display: block;

	}



a.mainlevel-productmenu:hover {

	color: #888888;

	}



span.mainlevel-productmenu {

	color: #000000;

	margin-left: 10px;

	text-transform: uppercase;

	font-family: arial;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	letter-spacing: 0.05em;

	height:30px;

	}



.mainlevel-bottommenu {

	color: #aeaeae;

	margin-left: 15px;

	text-transform: uppercase; 

	font-family: arial;

	font-size: 9px;

	text-decoration: none;

	letter-spacing: 0.02em;

	}



.mainlevel-bottommenu:hover {

	color: #d2d2d2;

	}



.mainlevel-mainmenu {

	display: block;

	margin-top: 2px;

	margin-bottom: 0px;

	font-size: 11px;

	font-weight: bold;

	}



a.sublevel-mainmenu {

	font-size: 10px;

	font-weight: bold;

	}



.inputbox-searchbox {

	color: #393939;

	background: #ffffff;

	border: 1px solid #000000;

	font-size: 11px; 

	margin-top:-3px;

	padding:2px;

  }



 h1 {

	font-family: verdana;

	font-weight: bold;

	color: #1e1e1e;

	padding-bottom: 2px;

	font-size: 20px;

	}





.contentheading-products {

	margin-top:0px;

	font-size: 40px;

	padding-bottom: 5px;

	font-weight: bold;

	font-family: verdana;

	}



.contentheading {

	margin-top:0px;

	font-size: 30px;

	padding-bottom: 5px;

	font-weight: bold;

	font-family: verdana;

	}



.componentheading {

	margin-top:0px;

	font-size: 30px;

	padding-bottom: 5px;

	font-weight: bold;

	font-family: verdana;

	}



#technicalinfo {

	width: 250px;

	background: #f9f9f9;

	background-image: url(../images/techinfo_bg.gif);

	background-repeat: repeat-x;

	background-position: top left;

	border: 1px dashed #d3d3d3;

	padding: 5px;

	margin-left:10px;

	min-height: 300px;

	height: 300px;

	font-size: 10px;

	font-family: verdana;

	}



#techinfo_top {

	color: #ffffff;

	padding-left: 1px;

	height: 22px;

	}



#pdfinfo {

	width: 250px;

	background: #f9f9f9;

	background-image: url(../images/techinfo_bg.gif);

	background-repeat: repeat-x;

	background-position: top left;

	border: 1px dashed #d3d3d3;

	padding: 5px;

	margin-left:10px;

	margin-top: 10px;

	min-height: 50px;

	height: 50px;

	font-size: 10px;

	font-family: verdana;

	}



#productrightinfo {

	width: 250px;

	background: #f9f9f9;

	background-image: url(../images/techinfo_bg.gif);

	background-repeat: repeat-x;

	background-position: top left;

	border: 1px dashed #d3d3d3;

	padding: 5px;

	margin-left:10px;

	margin-top: 10px;

	min-height: 50px;

	height: 50px;

	font-size: 10px;

	font-family: verdana;

	}



.createdate {

	color: #777777;

	font-size: 10px;

	}



.rightpicture {

	border: 5px solid #000000;

	margin-left: 10px;

	}



#feedrollers td {

	padding-right: 10px;

	}



#feedrollers img {

	margin-top: 10px;

	margin-bottom: 10px;

	}



.gallerytd {

	padding-left: 50px;

	}



.sitemap-link {

	line-height: 20px;

	}



#productphoto-top {

	margin-bottom: 10px;

	}



sub {

	font-family: arial;

	font-size: 9px;

	}



sup {

	font-family: arial;

	font-size: 9px;

	}



ol {

	margin-left: 30px;

	}



.finstilt {

	font-size: 10px;

	}



.blog_more {

	margin-top: 15px;

	margin-left: 15px;

	}



ul {

	margin-left: 15px;

	}



.js_login-login {

	width: 200px;

	padding-bottom: 10px;

	}



.button {

	border: 1px solid #000000;

	background-color: #eeeeee;

	font-family: arial;

	font-size: 11px;

	font-weight: bold;

	padding: 2px;

	margin-top: 5px;

	}



label {

	font-weight: bold;

	}



#dhtmltooltip{

	font-family: verdana;

	font-size: 9px;

	text-align: left;

	position: absolute;

	width: 140px;

	border: 1px solid #cecece;

	padding: 4px;

	background-color: #f1f1f1;

	visibility: hidden;

	z-index: 100;

}