/* CSS Document */
/******** Site:			Albis Technologies ***/
/******** Author:		Nicole Metzger ***/
/******** Copyright:	Albis Technologies ***/
/******** Date:			08.08.2008 ***/
/******** Version:		1.0 ***/


/******** CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table { border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
strong, b { font-weight: bold;}

/******** Albis Styles from here */
html {
	height: 100%;
	/*overflow:hidden;*/
}

body{ 
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#666;
	text-decoration:none;
	height: 100%;
	}
/**** sticky footer ****/
#content {
	height: 540px;
}
* html #content {
	min-height: 640px;
}
#nonFooter {
	position: relative;
	min-height: 97%;
}

* html #nonFooter {
	height: 97%;
}
#footer {
	position:absolute; 
	top:810px;
	float:left;
	/*border:1px solid #009900;*/
	margin: -8.3em auto 0 auto;
	width:780px;
	height:20px;
	margin-bottom: 0px;
	bottom: 0 !important; 
	z-index:1;
	}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer
	{
	float:left;
	/*position: relative;*/
	margin-top: -8.2em;
	width:1000px;
}
/**** Ende sticky footer ****/
h1 	{ 
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin-bottom: 4px;
	margin-top: 4px;}
	
h2	{
	font-size: 12px;
	font-weight: bold;
	font-style:italic;
	color: #666;
	text-decoration: none;
	margin-bottom: 4px;
	margin-top: 4px;}
	
h3 	{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin-bottom: 4px;}
h3 a	{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;}
h3 a:hover	{
	font-size: 12px;
	font-weight: bold;
	color: #89ba13;
	text-decoration: none;}
h4	{
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin-bottom: 4px;}
	
p	{
	line-height: 16px;
	margin-top:2px;
	margin-bottom:2px;
}
a {
	color:#003366;
	text-decoration: none;
}
a:hover {
	color:#89ba13;
	text-decoration: none;
}
ul	{}
li	{}		
hr 	{ 
	height:1px;
	
	border:1px dashed #cccccc}
	
input,textarea,select { 
	border: 1px solid #666666; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;}
#page
{
	margin: 0 auto;
	text-align: left;
	min-height: 100%; 
    height: auto !important; 
    height: 100%;
}

* html #page
{
	height: 100%;
}
/******** oberer Seitenabschnitt */
#head 	{ 
	float:left;
	top: 0px;
	left: 0px;
	margin:0px;
	height: 108px;
	width: 1000px;}
	
#top	{ 
	float:left;
	top:0px;
	left:0px;
	height: 108px;}
	
#bannerleft { 
	float:left;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width: 758px;
	text-align:right;}
#logo {
	float:left;
	top:0px;
	margin:0px;
	padding:0px;
	width:242px;
	text-align: right;}
	
* html #logo {
	width:240px;}
#primnav {
	float:left;
	left:0px;
	top:0px;
	background-color:#003366;
	height:25px;
	width: 1000px;}
#topleft {
	float:left;
	/*height:24px;*/
	width:182px;}
#topmenu {
	float:left;
	left:128px;
	padding-top:7px;
	width:581px;}
* html #topmenu {
	padding-top:4px;}
#search {
	float:left;
	left:760px;
	width:174px;
	height:22px;
	padding-top:6px;}
* html #search {
	padding-top:3px;}
#language {
	float:left;
	left:18px;
	padding-top:7px;
	width:40px;}
	
* html #language {
	padding-top:4px;}
#sitemap {
	float:left;
	left:760px;
	width:23px;
	height:22px;
	padding-top:2px;}
* html #sitemap {
	padding-top:2px;}
.balken {
	/*height:28px;*/
	top:0px;
	margin:0px;
}	
.menu  {
	color:#FFFFFF;
	font-size:11px;
	/*line-height: 22px;*/
	padding-top:3px;
	font-weight:bold;
	text-decoration:none;
}
.menu a {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.menu a:hover {
	color:#89ba13;
	font-size:11px;
	font-weight:bold;
}
.suche {
	color:#ccc;
	font-size:11px;
	font-weight:normal;
}
.suche a {
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
}
#inhalt {}
/******** mittlerer Seitenabschnitt */
#leftcolumn {
	float:left;
	top:0px;
	width:181px;
	height:430px;
	margin-top:20px;
	margin-left:0px;
	/*border-right:1px dashed #cccccc;*/
	vertical-align:top;
}
* html #leftcolumn {
	min-height:430px;
}
#secnav {
	float:left;
	top:0px;
	vertical-align:top;
}
	
/****------------------------------ Menu links ****/
ul.secnav {
	list-style: none;
	padding-left: 0px;
	margin-left: 6px;
	text-indent: 0em;
	margin-top: 0px;
	padding-top: 0px;
	width: 166px;
	list-style-position: inside;
	font-weight:bold;
	color: #666;
	line-height:18px;
}
* html ul.secnav {
	text-indent: -1em;
}
li.secnav1 {
	margin-top: 4px;
	border-bottom:1px dashed #cccccc;
	padding-bottom: 8px;
	padding-top: 6px;
	color: #666;
}
li.secnav1_topNo {
	margin-top: 4px;
	border-top:0px;
	border-top:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
	padding-bottom: 8px;
	padding-top: 6px;
	color: #666;
}
li.secnav1_topNo a {	
	color: #666;
	text-decoration:none;
}
li.secnav1_borderNo  {
	margin-top: 4px;
	border-top:0px;
	border-bottom:1px dashed #cccccc;
	padding-bottom: 8px;
	padding-top: 6px;
	color: #666;
}
li.secnav1_borderNo a  {
	font-weight:bold;
	color: #666;
	text-decoration:none;
}
li.secnav1 a {
	font-weight:bold;
	color: #666;
	text-decoration:none;
}
li.secnav1_on  {
	font-weight:bold;
	color: #89ba13;
	text-decoration:none;
}
li.secnav1_on a {
	font-weight:bold;
	color: #89ba13;
	text-decoration:none;
}
li.secnav1 a:hover {
	font-weight:bold;
	color: #89ba13;
}
li.secnav2 {
	list-style: none;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-top: 4px;
	margin-left: 0px;
	padding-left: 0em;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
}
li.secnav2 a  {
	font-weight:bold;
	color: #666;
	text-decoration:none;
}
li.secnav2_on a  {
	font-weight:bold;
	color: #89ba13;
	text-decoration:none;
}
li.secnav2 a:hover {
	font-weight:bold;
	color: #89ba13;
}
li.secnav2_on a:hover {
	font-weight:bold;
	color: #89ba13;
}
li.secnav3 {	
	list-style: none;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 1.2em;
	font-weight:normal;
	color: #666;
	font-size:11px;
	line-height:17px;
	list-style-position: inside;
}
li.secnav3 a  {
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
li.secnav3_on a  {
	font-weight:normal;
	color: #89ba13;
	text-decoration:none;
}
li.secnav3 a:hover {
	font-weight:normal;
	color: #89ba13;
}
li.secnav3_on a:hover {
	font-weight:normal;
	color: #89ba13;
}
li.secnav4 {	
	list-style: none;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 4em;
	font-weight:normal;
	color: #666;
	font-size:11px;
	line-height:17px;
	list-style-position: inside;
}
li.secnav4 a  {
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
li.secnav4_on a  {
	font-weight:normal;
	color: #89ba13;
	text-decoration:none;
}
li.secnav4 a:hover {
	font-weight:normal;
	color: #89ba13;
}
li.secnav4_on a:hover {
	font-weight:normal;
	color: #89ba13;
}
#contact {
	float:left;
	top:0px;
	padding-left: 14px;
	padding-top: 0px;
	padding-bottom: 4px;
	color: #666;
	font-size:11px;
	vertical-align:bottom;}
/****------------------------------ Mitte Inhalt ****/
#breadcrumb {
	margin-left:16px;
	width:540px;
	font-size:10px;
	margin-bottom:12px;
	font-weight:bold;
	color:#666;
}
#breadcrumb a {
	font-size:10px;
	margin-bottom:12px;
	font-weight:normal;
	color:#666;
}
#breadcrumb a:hover {
	font-size:10px;
	margin-bottom:12px;
	color:#89ba13;
}
.searchnumbers {
	font-size:10px;
	margin-bottom:12px;
	font-weight:normal;
	color:#666;
} 
.searchtitle {
	font-size:12px;
	margin-bottom:12px;
	margin-top:12px;
	font-weight:bold;
	color:#666;
} 
.searchtext {
	font-size:12px;
	margin-bottom:24px;
	padding-bottom:24px;
	font-weight:normal;
	color:#666;
}
#searchresult {
	float:left;
	top:10px;
	width:570px;
	height:320px;
} 
#searchfooter {
	float:left;
	top:600px;
	width:570px;
}
#middlecolumn {
	float:left;
	top:0px;
	margin-top:22px;
	margin-bottom:22px;
	width:580px;
	height:660px;
	border-right:1px dashed #cccccc;
	border-left:1px dashed #cccccc;
	vertical-align:top;
	}
* html #middlecolumn {
	min-height: 600px;
}
#text {
	float:left;
	margin-top:0px;
	margin-left:16px;
	width:540px;
	/*border:1px solid #009900;*/
	vertical-align:top;
}
* html #text {
	margin-left:8px;
}
ul.text {
	padding-left: 4px;
	margin-left: 16px;
	margin-top: 12px;
	padding-top: 0px;	
}
li.text {
	list-style-image:url(../images/bullet.gif);
	line-height:17px;
	margin-left: 2px;
}
.text_toggle {
	padding-left: 30px;
	margin-top:8px;
	margin-bottom:18px;
	background-color:#FFFFFF;
}
.overview {
	float:left;
	width: 530px;
	margin-top:12px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.overview_two {
	float:left;
	width: 268px;
	margin-top:12px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.overview_three {
	float:left;
	width: 178px;
	margin-top:12px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.products {
	float:left;
	width: 250px;
	margin-top:12px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.products_stb {
	float:left;
	width: 510px;
	margin-top:12px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.product {
	float:left;
	width: 500px;
	margin-top:12px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.product_detail {
	border:solid 1px #666666; 
	width:270px; 
	padding:1px;
	position:absolute; 
	z-index:100;
	visibility:hidden; 
	color:#333333; 
	top:20px;
	left:90px; 
}
table.text {
	border:1px solid #89ba13;
	padding:10px;
	}
th.text {
	font-weight:bold;
	color:#666;
	/*background-color:#89ba13;*/
	border-bottom:1px solid #89ba13;
}
td.text_grey {
	background-color:#ededed;
	}
td.text-center {
	text-align:center;
}

#icons {
	

	top:190px;	
	margin-top:0px;
	height:100%;}
/****------------------------------ rechte Spalte ****/
#rightcolumn {
	float:left;
	top:0px;
	margin-top:20px;
	width:220px;
	height:100%;
	/*height:430px;
	border-left:1px dashed #cccccc;*/
	vertical-align:top;}
	
* html #rightcolumn {
	min-height:430px;
}
#addedcontent {
	float:left;
	top:0px;
	margin-left: 8px;
	margin-top: 8px;
	vertical-align:top;
}
.addedcontent {
	font-size: 11px;
}
.addedcontent a {
	font-size: 11px;
	color:#003366;
	text-decoration:none;
}
.addedcontent a:hover {
	color:#89ba13;
}
#specialcontact {
	float:left;
	top:0px;
	margin-left: 8px;
	margin-top: 18px;
	vertical-align:bottom;
}
.specialcontent {
	font-size: 11px;
}
.specialcontent a {
	font-size: 11px;
	color:#003366;
	text-decoration:none;
}
.specialcontent a:hover {
	color:#89ba13;
}
/******** Startseite spezifische Styles */
#middlepart {
	float:left;
	top:0px;
	vertical-align:top;
}
.button {
	float:left;
	padding-left:1px;
	padding-top:1px;
	}
#home_text {
	float:left;
	padding-left:38px;
	padding-top:40px;
	width:640px;
	border:1px solid #990000;
}
.pflichtfeld{border: 1px solid #8CC63F;}
.pflichtfeldText{color:#8CC63F;font-weight:bold;}
.inputOhneBorder{border:none;}
.fehlerbox{border:2px solid #c30;margin-bottom:18px;padding:18px;background-color:#eee;font-size:12px;}
/******** unterer Seitenabschnitt */



.footertext {
	color: #999;
	font-size:10px;
	padding-top:84px;
	margin-left: 200px;
}
.footertext a {
	color: #999;
	font-size:10px;
}
.footerline {
	margin-left: 0px;
	height: 6px;
}
.blue {
	background-color:#003366;
}
.green {
	background-color:#003366;
}
.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */