﻿/*
	Colors:
		- Layout Links: 	#3A4663
			for Menu, Footer
			
		- Content Links: 	#3A4663
			
		- Content Text: 	#666666
					
		- Panel Highlight: 	#F9F9F9
		  	for Div Hover (Search, TechSpecs)
		  
		- Panel Container: #F7F7F7
		- Panel Container Border: #D7D7D7
		
		- Splitbar: #F7F7F7 (Backgroundcolor)
				    #D7D7D7 (Bordercolor)
		
		- Friendly Messages:#336699
			for successmessages
		
		- Error Messages:	-------
			for Warnings...			
		
		- Headings,
		  Text Highlight: 	#4C4C4C
		
		
	Font:		
		- Font size: 		12px
		
		- Sub Text:			0.9em
		
*/

/*
	Common Publishing Content
*/

.contentTable{
	width: 100%;
	padding: 0;
	margin: 0;
	font-family:Verdana,Arial;
	font-size: 12px;
	color: #666666;
}

.contentTableMain{
	padding-top:30px;
	vertical-align:top;
	width:100%;			
}

/* older browser require this explicit styles */
.contentTable p, .contentTable li, .contenTable dd, .contentTable dt, .contentTable td{
	font-family:Verdana,Arial;
	color: #666666;
}
.contentTable td, .contentTable th{
	vertical-align:top;
}
.contentTable p{
	line-height: 16px;
	margin: 0;
	padding: 0;	
}
.contentTable a{
	text-decoration: none;
	color: #3A4663;
}
.contentTable a:hover{
	color: black;
}
.contentTable ul{
	list-style-type: disc;
	margin-top: 0;
	padding-left: 0;
	margin-left: 20px;
}
.contentTable ul li{
	padding-top: 6px;
}

.bellaTable a:hover{
	color:white;
}

h1{
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	vertical-align: top;
	text-align: left;
	color: #4C4C4C;
	position: relative;
}
h2{
	font-size: 1.3em;
	color: #4C4C4C;
	position: relative;
}
h3{
	font-size: 1.1em;
	margin-bottom: 0px;
	color: #4C4C4C;
}

img{
	border: 0;
}

sup{
	font-weight: normal;
	text-transform: uppercase;
	vertical-align: text-top;
}
h1 sup{	
	font-size: 11px; /* 11px , 0.6em */
	font-weight: bold;
	margin-left: 0.1em;
	letter-spacing: normal;
	
	position: absolute;
	top: 1px;
}
h2 sup{
	font-size: 0.7em;
	margin-left: 3px;
	letter-spacing: normal;
}

h1 sub{
	font-size: 11px;
	position: absolute;
	top: 8px;
}


/*
	Contact
*/
#contact th img{
	float: left; 
	vertical-align: middle;
	margin: 5px;
	margin-top: 7px;
}

#contact h1, #contact h2, #contact h3, th h1, th h2{
	text-align: left;
	font-family: Verdana, Arial;
}

#contact th h2, h2.borderedHeading{
	margin: 0;
	padding: 0;
	padding: 4px;
	border-bottom: 1px solid #4E7CB7;
	margin-bottom: 10px;
	font-family: Verdana, Arial;
	font-size: 16px;
}
#contact th{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	background-color:  transparent;
	
}
#contact th:first-child{
	margin: 0 !important;
}

._ddlCompanyType, ._ddlCountryList, ._ddlStateList{
	width: 265px !important;
}

/*
	About Us
*/

#aboutus p{
	text-align: justify;
}

#aboutus img{
	vertical-align: middle;
	text-align: justify;
}



/*
	Product Summary Page
*/
.contentTable td.rightImage div{
	
}

tr.detailImage td div{
	float:right !important;
}
tr.detailImage td img{
	margin-left: 10px;
}
tr.detailImage td:first-child img{
	margin-left: 0px;
}
td.productImage{
	padding-bottom: 30px;
}
.productImage>div>span>img{

	width: 304px; /*580px;*/
	height: 220px; /*480px;*/
}
span.longDesc{
	line-height: 16px; /*nicht mehr nötig, da alle p in contentable jetzt dieses format haben. */
}
td.columnRight{
	vertical-align: top;
	padding-left: 40px;
	text-align: justify;
}

td.columnRight p{
	margin: 0;
}

table.twoColumn .c1{
	width: 270px;
	padding-right: 30px;
}

div.box{
	border: 0px solid #D7D7D7;
}

div.box h3{
	background: #EFEFEF;
	padding: 3px;
	margin: 0;

}

div.box p{
	margin-bottom: 10px;
	margin-left: 7px;
	margin-right: 7px;
	font-size: 0.9em;
}

div.box p:last-child{
	margin: 0;
}

div.box p img{
	margin: 0;
}

#newsTicker div{
	display: block !important;
	margin-bottom:4px;
}
#newsTicker h2{
	margin: 0;
	padding: 0;
	padding-left: 10px;	
}

.cellMainImage img{
	border: 0px solid gray !important;

}
.cellMainImage{
	text-align:center;
	padding-bottom:15px;
}
.productImageDescription{
	width: 210px;
	margin-top: 3px;
	text-align: center;
	font-size: 90%;
}


/*
	Product Features
*/

#features td h3{
    margin-top: 8px;
    margin-left: 0px;
}
#features td img{
	margin: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	margin-left: 0px;
}
#features{
	width: 100%;
	margin-left: 0px;
}
#features td p{
	text-align: justify;
}


/*
	Product Specs
*/
#specs{
    /*width: 600px;*/
    border: 0;
}

#specs th{
    text-align: left;
    border-bottom: 1px solid #CCC;
    padding-top: 10px;
    padding-bottom: 3px;
    white-space: nowrap;
}

#specs tr.titleRow th{
	border-bottom: 0px solid #CCC;
	text-align: center;
}

#specs td{
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

#specs .text{
	text-align: center;
	font-weight: normal;
}

#specs tr:hover td{
	background-color: #F9F9F9;
}

table.bv900 td.hover900, table.bv1000 td.hover1000, table.bv2000 td.hover2000, table.bv3000 td.hover3000{
	/* 
		Durch dünklere Farbe, wie Titel Elemente, hervorheben
	*/
	color: #4C4C4C !important;
}

table.aerisBasic td.hoverBasic, table.aerisStandard td.hoverStandard, table.aerisHigh td.hoverHigh{
	/*color: #4C4C4C !important;
		Da hier Textstellen (nicht Punkte) hervorgehoben werden -> gleiche Farbe wie Content Text
	*/
	color: #666666 !important;
}

table.pf300 td.hover300, table.pf301 td.hover301, table.pf302 td.hover302{
	color: #4C4C4C !important;
}

#specs td.hover900, td.hover1000, td.hover2000, td.hover3000,
td.hover300, td.hover301, td.hover302 {
	line-height: 2px;
	font-size: 30px; 
	text-align: center;
	color: #C0C0C0; 
	font-family: Courier New;
}

#specs td.hoverBasic, td.hoverHigh, td.hoverStandard{
	color: #C0C0C0;
}

#downloads td{
	margin-bottom: 6px;
}
.Downloads{
	margin-left: -10px !important; /* Kein Zugriff auf Rendering von WebPart Zone table, welche cellspacing 10 ausgibt*/
}

/*
	Submenu
*/
div#menuContainer{	
	border-bottom: 1px solid #CCC; 
	width: 573px; 
	float: right;
}

ul#nav{
	float: right;
	border-bottom: 0;
}
ul#nav,ul#nav li{
	list-style-type:none; 
	margin:0; 
	padding:0
}
ul#nav li{
	float: left; 
	margin-top: 20px;
	text-align: center;
}
ul#nav a{
	display:block;
	text-decoration:none;
	padding-left: 10px; 
	padding-top:3px;
	padding-bottom: 5px; 
	padding-right: 10px; 
}
ul#nav li.activelink a,ul#nav a:hover{
	color: #000;
}
ul#nav li div{ 
	display:block !important; 
	height: 21px; 
	border:1px solid #CCCCCC;
	border-bottom:none;
	margin-left:-1px;
	border-top:none;
	
}

/*
	Search
*/
.SearchStatistics{
}    
.SearchPagination{
    padding: 10px;
    background: #F9F9F9;
    border: 1px solid #EDEDED;
    height: 15px;
    padding-left: 14px;
}

.SearchPagination a{
    float: right;
    margin-right: 15px;
}

.SearchPagination span{
    float: left;
}
.searchResults ul{
	list-style: none;
	list-style-type:none;
	margin: 0;
	padding: 0;
}	
.searchResults ul li{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EDEDED;
	font-size: 12px;
	list-style-type:none
}
.searchResults ul li:hover{
	background: #f9f9f9;
}
.searchResults ul li p{
	margin: 0;padding:0;
}
.SearchDescription{
	margin-top: 3px;
	padding-left: 3px;
}
.SearchTitle{
	   
}
.btnSearch{
	cursor: pointer;
}
.search input{

	opacity: 0.4;
	filter: alpha(opacity=60);
	background-color: white;
	padding-left: 3px; /*14px*/
	padding-right: 3px;
	color: black !important;
	height: 15px;
	-moz-border-radius: 5px;
	margin-top: 5px;
	width: 100px;
}


/*

Footer

*/

#footer a{
	color: #3A4663;
	text-decoration: none;
}
#footer a:hover{
	color: black;
	border-bottom: 1px dotted black;
}
#footer span{
	color: #CCCCCC;
}
#footer p{
	text-align: center;
	margin: 0;
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 11px;
	
}


#footerMain{
	padding-top:20px;
	padding-bottom:20px;			
}

#footerNew a{
	color: white;
	text-decoration: none;
}
#footerNew a:hover{
	color: black;
	border-bottom: 1px dotted black;
}
#footerNew span{
	color: #CCCCCC;
}


#footerNew{
	text-align: center;
	margin: 0;


	font-size: 11px;
	background-image:url(images/AppleMiddle.png);
	height:33px;
	
}

#footerText{
		padding-top:13px;		
				
				
}

#footerLeft{
				
				width:9px;
				float:left;
				height:33px;
				background-image:url(images/AppleLeft.png);
}

#footerRight{
				
				width:9px;
				float:right;
				height:33px;
				background-image:url(images/AppleRight.png);
}

#footerLeftBlack{
				
				width:9px;
				float:left;
				height:33px;
				background-image:url(images/AppleLeftBlack.png);
}

#footerRightBlack{
				
				width:9px;
				float:right;
				height:33px;
				background-image:url(images/AppleRightBlack.png);
}

.footerBox{
				width:926px;
				margin:0 auto;
}

.mainContainerNew{
	margin-left:1px;
	min-height:600px;			
				
}




/*
	Form
*/
.search input{
	border: 1px solid transparent;
}

.contentTable textarea{
	font-family: Arial, Verdana;
	font-size: 12px;
}

.contentTable input, select, textarea{
	border: 1px solid #CCCCCC;
	width: 260px;
	font-size: inherit;
}
/*IE6 => verwende keine attribut selektoren*/
.contentTable input.checkbox, .contentTable span.checkbox input{
	border: 0;
	width: auto;
}

.formTable{

}
.formTable td{
	vertical-align: top;
}
.formTable label{
	padding-right: 10px;
}
.error{

}
.success{
 color: #336699;
}


/*
	Captcha
*/
div.captcha div.imageContainer{
	text-align: left;
}
div.captcha .inputContainer input{
	text-align: center;
}

* html ul#nav li {  /* nur fuer IE erforderlich */
  	float: left;
    width: 7.6em;
    position: relative;
	padding-top:20px;
}


* html div#menuContainer {
	border-bottom:none;
}

* html ul#nav li div{
	border-right:none;
}



/*
	bzSlide
*/
/* Identifier */
.sliderProduct{
	margin-top: 5px;
}

.bzSlider .imageBigContainer{
	background: url(/SiteCollectionImages/Layout/loading.gif) no-repeat 50% 50%;
	height: 220px;
	width: 304px;
	border: 0px solid black;
	margin: auto;
	position: relative;
}

.bzSlider ul.imageFading li{
	position: absolute;
}
.bzSlider ul.imageFading li a{
	cursor: default;
}
.bzSlider .imageSlider{
	margin-top: 10px;
	text-align: center;
}

.bzSlider .imageSlider a{
	margin-right: 3px;
}

.bzSlider .imageBigDescription{
	position: absolute;
	bottom: 0;
	left: 0;
	background: white;
	width: 100%;
	padding-left: 3px;
	display: none;
}

.bzSlider .imageSlider ul li{
	display: inline;
}

.bzSlider li,.bzSlider ol,.bzSlider ul {list-style:none;}
.bzSlider ul,.bzSlider ol,.bzSlider li,.bzSlider th,.bzSlider td{margin:0;padding:0;}


/*
	Overwrite defaults from _layouts/{lid}/core.css
*/

.ms-WPBody
{
/*font-size:8pt;*/
font-family:verdana,arial,helvetica,sans-serif;
}
.ms-WPBody TABLE,.ms-TPBody TABLE
{
font-size:1em;
}
.ms-WPBody A:link,.ms-WPBody A:visited
{
color:#3A4663;
text-decoration:none;
}
.ms-WPBody A:hover
{
color:#000000;
text-decoration:none;
}
.ms-WPBody th,.ms-TPBody th
{
font-weight:bold;
}
.ms-WPBody td
{
/*font-size:8pt;*/
font-family:verdana,arial,helvetica,sans-serif;
}
.ms-WPBody h1,.ms-TPBody h1
{
font-weight:bold;
font-size:200%;
}
.ms-WPBody h2,.ms-TPBody h2
{
font-weight:bold;
font-size:150%;
}
.ms-WPBody h3,.ms-TPBody h3
{
font-weight:bold;
font-size:120%;
}
.ms-WPBody h4,.ms-TPBody h4
{
font-weight:bold;
font-size:100%;
}
.ms-WPBody h5,.ms-TPBody h5
{
font-weight:bold;
font-size:80% 
}
.ms-WPBody h6,.ms-TPBody h6
{
font-weight:bold;
font-size:65%;
}


.ms-vb,.ms-vb2,.ms-GRFont,.ms-vb-user,table.ms-disc td,.ms-vb-tall,.ms-pb,.ms-pb-selected
{
vertical-align:top;
}
.ms-vb a,.ms-vb2 a,.ms-GRStatusText a,.ms-vb-user a,.ms-disc a{
color:#3A4663;
text-decoration:none;
}
.ms-vb a:hover,.ms-vb2 a:hover,.ms-vb-user a:hover,.ms-disc a:hover{
color:#000000;
text-decoration:none;
}
.ms-vb a:visited,.ms-vb2 a:visited,.ms-GRStatusText a:visited,.ms-vb-user a:visited,.ms-disc a:visited{
color:#3A4663;
text-decoration:none;
}
.ms-vb a:visited:hover,.ms-vb2 a:visited:hover,.ms-vb-user a:visited:hover,.ms-disc a:visited:hover{
color:#000000;
text-decoration:none;
}


/*overwrite styles from controls.css */
.link-item, .link-item a, .link-item a:link{
	font-size: 12px;
	font-family: Verdana,Arial,Tahoma;
}

/*
// Custom styles für HTML Field Editor Control
.ms-rteCustom-HighlightText{
	color: #4C4C4C;
}
*/