/* LAYOUT */
/* -------- INDEX -------- */
/*
div#container
	div#header
		div.headerBox
	div#content
		div.iBox
			div.iBoxInner
	div#footer
	
	suche
	presse
	galerie
	downloads
	produkte übersicht
	produkte detail slider
	worldwide
*/






body {
	background-repeat:repeat-x;
}

#container {
	float:left;
	height:auto;
	left:50%;
	margin-left:-440px;
	position:absolute;
	top:0px;
	width:900px;
}

	#header {
		position:relative;
		width:890px;
		height:80px;
	}
		
		div.headerBox {
			border-left:1px solid #9b9b9b;
			float:left;
			height:52px;
			width:300px;
		}
		
		#headerBox_last {
			border-left:0;
			width:288px;
		}
		
			#headerMotto {
				font-size:16px;
				margin-top:30px;
			}
			
			#iHome {
				margin-top:3px;
				width:120px;
			}
			
			#iSearch {
				margin-left:8px;
				margin-top:0;
			}
			
				#iInput {
					border:1px solid #777777;
					font-size:11px;
					height:13px;
					margin-left:5px;
					margin-top:0px;
					width:120px;
				}
				
				#submitButtonH, #submitButton {
					background-color:transparent;
					background-image:url(/_include/css/img/search.gif);
					background-position:0px 7px;
					background-repeat:no-repeat;
					border:0;
					width:6px;
				}
			
			#autoXLogo {
				margin-left:57px;
				margin-top:25px;
			}

	#content {
		height:auto;
	}

		div.iBox {
			background-color:none;
			float:left;
			height:290px;
			margin:0 10px 10px 0;
			width:290px;
		}
		
		div#iBoxNavigation {background-image:url(/_include/css/img/navigationBackground.jpg);}
		div#iBoxProdukte {background-image:url(/_images/index/iProdukte.jpg);}
		div#iBoxProzess {background-image:url(/_images/index/iProzess.jpg);}
		div#iBoxAlpha {background-image:url(/_images/index/iAlpha.png);}
		div#iBoxInfrastruktur {background-image:url(/_images/index/iInfrastruktur.jpg);}
		div#iBoxEnergie {background-image:url(/_images/index/iEnergie.jpg);}
		
			div.iboxInner, div.iBoxInner {
				margin:12px 8px;
			}

			div.iBoxNavigationArea {
				height:90px;
				width:274px;
			}

	#footer {
		float:left;
		height:40px;
		padding-top:5px;
		text-align:center;
		width:890px;
	}



/* -------- STANDARD -------- */
/*
div#container-
	div#header-
	div#content-
		div#navigation
		div#box
			div#boxHeader
			div#boxContent
	div#footer-
*/


#containerBoxer {
	float:left;
	height:auto;
}
	#navigation {
		background-color:#9A9A9A;
		background-image:url(/_include/css/img/navigationBackground.jpg);
		background-repeat:no-repeat;
		clear:both;
		float:left;
		height:auto;
		width:290px;
	}
	
		hr.navigation {
			border:1px dotted white;
			border-width:1px 0 0;
			height:1px;
			width:270px;
		}
		
		#boxNavigationLogo {
			height:20px;
			margin-top:30px;
		}
	
	#box {
		float:left;
		margin-left:10px;
		width:590px;
	}
	
		#boxHeader {
			background-color:white;
			float:left;
			height:160px;
			width:590px;
		}
		
		img.headerImage {
			position:relative;
			z-index:2;
		}
		
			#overlay {
				color:white;
				height:160px;
				left:730px;
				position:absolute;
				top:80px;
				width:160px;
				z-index:3;
			}
			
				td.overlay {
					color:white;
					height:160px;
					text-align:right;
					width:135px;
					vertical-align:bottom;
				}
		
		#boxContent {
			background-color:white;
			float:left;
			height:auto;
			margin-top:10px;
			width:590px;
		}
		
			#leftColum {
				float:left;
				width:420px;
			}
			#picture {
				clear:both;
				float:left;
				height:250px;
				margin:5px 10px;
				overflow:hidden;
				width:400px;
			}
		
			#leadin {
				border-bottom: 1px dotted #004494;
				clear:left;
				color:black;
				float:left;
				font-size:12px;
				line-height:1.2em;
				margin:5px 10px;
				padding-bottom:8px;
				width:400px;
			}
			
			#text {
				clear:left;
				float:left;
				font-size:12px;
				line-height:1.2em;
				margin:12px 10px 10px;
				width:400px;
			}

			#list {
				clear:left;
				float:left;
				font-size:12px;
				line-height:1.3em;
				margin:5px 10px 10px;
				width:400px;
			}
			
			#smartBox {
				border:0;
				border-left:1px solid #333333;
				float:left;
				margin-left:10px;
				margin-top:70px;
				padding:5px;
				width:125px;
			}
			
	#print {
		position:absolute;
		right:20px;
		top:260px;
	}
/* -------- SUCHE -------- */

#searchSite {
	margin:0 0 15px;
}

#iSearchSite {
	border:1px solid #333333;
	height:18px;
	margin-top:0;
	width:260px;
}

div.searchResult {
	clear:both;
	float:left;
	margin:3px 0 5px;
	width:400px;
}
			
/* -------- PRESSE LISTVIEW -------- */

table.presseTable {
	width:385px;
}

tr.presseTr {
	height:24px;
}

/* -------- GALERIE -------- */

#galerie {
	float:left;
	margin:10px;
	width:125px;
}

div.galerieItem {
	float:left;
	height:auto;
	margin:0 0 10px 10px;
	overflow:hidden;
	width:120px;
}

/* -------- DOWNLOADS FILEBROWSER -------- */

#sucheDownloads {
	background-color:#EEEEEE;
	border:1px solid #666666;
	font-size:12px;
	height:15px;
	padding:1px;
}

#sucheSubmit {
	background-color:#EEEEEE;
	border:1px solid #666666;
	font-size:12px;
	height:20px;
	padding:1px;
}

#formAbmelden {
	clear:both;
	float:left;
	margin:-10px 0 10px 500px;
}

#showUpload {
	background-color:#BBBBBB;
	border:1px solid #333333;
	clear:both;
	cursor:pointer;
	float:left;
	display:inline-block;
	padding:4px;
}

#fileupload {
	display:none;
}

#filebrowser {
	background-color:#F5F5F5;
	border:1px solid #EEEEEE;
	clear:both;
	float:left;
	font-size:11px;
	height:250px;
	overflow:auto;
	padding:5px;
	width:550px;
}

#files {
	background-color:#F5F5F5;
	border:1px solid #EEEEEE;
	clear:both;
	float:left;
	font-size:11px;
	height:280px;
	overflow: auto;
	padding:5px;
	width:550px;
}

.fDescription {
	background-color:#DDDDDD;
	font-size:11px;
	font-weight:bold;
	margin-bottom:8px;
	padding:4px;
}

#fileBrowserDescription {
	clear:both;
	float:left;
	height:auto;
	position:relative;
	width:600px;
}

span.fileBrowserDescription {
	display:inline-block;
	float:left;
	font-weight:bold;
	width:350px;
}

#tableFile {
	border-spacing:0 3px;
	width:535px;
}

#tableFile > tbody > tr:nth-child(even), #klassendetails > tbody > tr:nth-child(even), #klassendetailsVersionen > tbody > tr:nth-child(even) {
	background-color:#DDDDDD;
}

#tableFileHeader {
	font-weight:bold;
}

	/* -------- KLASSEN PART -------- */
	
	tr.klassen {cursor:pointer;}
	
	div.hiddenClass {
		display:none;
	}
	
	a.downloadBox {
		display:block;
		float:left;
		font-size:11px;
		font-weight:bold;
		margin-right:10px;
		text-align:center;
		text-decoration:none;
		width:100p;
	}
	
	#klassendetails, #klassendetailsVersionen {
		margin:9px 0 14px;
		width:535px;
	}
	
	img.downloadIcons {
		margin-bottom:5px;
	}
	
	a.klassenBack {
		clear:both;
		display:block;
		float:left;
		font-size:11px;
		font-weight:bold;
		margin:3px 0;
	}

/* -------- PRODUKT ÜBERSICHT SLIDER -------- */

#sliderGallery {
	background-image:url(/_include/css/img/productsBG.jpg);
	background-repeat:repeat-x;
	overflow: hidden;
	position: relative;
	padding: 0;
	height: 160px;
	width: 590px;
}

#sliderGalleryList {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 10px;
}

#productActive {
	border:0px solid yellow;
}

li.products {
	background-image:none;
	color:#333333;
	font-weight:bold;
	float:left;
	height: 110px;
	line-height:1;
	margin:4px 8px;
	overflow:hidden;
	padding:0;
	text-align:center;
	width:120px;
}

.slider {
	background: url(/_include/css/img/slider/scrollbar.png) no-repeat;
    height: 19px;
	left:20px;
    padding: 1px;
    position: relative;
    top:135px;
    width: 544px;
}

#scrollHandle {
	background: url(/_include/css/img/slider/scroller.png) no-repeat;
	cursor: move;
	height: 17px;
	position: absolute;
	top: 0;
	width: 181px;
	z-index: 80;
}

.slider span {
    color: #bbb;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 3px;
}

.slider .slider-lbl1 {left: 50px;}
.slider .slider-lbl2 {left: 107px;}
.slider .slider-lbl3 {left: 156px;}
.slider .slider-lbl4 {left: 280px;}
.slider .slider-lbl5 {left: 455px;}

/* -------- PRODUKT DETAIL BILD SLIDER -------- */
#ProduktbilderSlider {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	z-index:5;
}

li.ProduktbilderSlider {
	background-image:none;
	background-position:0;
	float:left;
	height:250px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	text-align:center;
	width:275px;
	z-index:8;
}

#produktBildSlider_left, #produktBildSlider_right {
	background-repeat:no-repeat;
	cursor: pointer;
	display: block;
	float:left;
	height:60px;
	outline: none;
	position:absolute;
	top:95px;
	width: 60px;
	z-index: 111;
}

#produktBildSlider_left {
	background-image: url('/_include/js/fancybox/fancy_left.png');
	background-position:center left;
}

#produktBildSlider_right {
	background-image: url('/_include/js/fancybox/fancy_right.png');
	background-position:center right;
	left:340px;
}

#pPicture {
    float:left;
    height:220px;
    margin:5px 10px;
    overflow:hidden;
    position:relative;
    width:275px;
    z-index:10;
}

#pLeadin {
    clear:left;
    color:black;
    float:left;
    font-size:12px;
    line-height:1.2em;
    margin:5px 10px;
    padding-bottom:8px;
    width:275px;
}

#pText {
    clear:left;
    float:left;
    font-size:12px;
    line-height:1.2em;
    margin:5px 10px 10px;
    width:400px;
}

#pSmartBox {
    border:none;
    border-left:1px solid #333333;
    float:left;
    margin-left:10px;
    margin-top:19px;
    padding:5px;
    width:135px;
}

#pProduktBildSlider_left, #pProduktBildSlider_right {
	background-repeat:no-repeat;
	cursor: pointer;
	display: block;
	float:left;
	height:60px;
	outline: none;
	position:absolute;
	top:65px;
	width: 60px;
	z-index: 111;
}

#pProduktBildSlider_left {
	background-image: url('/_include/js/fancybox/fancy_left.png');
	background-position:center left;
	display:block;
}

#pProduktBildSlider_right {
	background-image: url('/_include/js/fancybox/fancy_right.png');
	background-position:center right;
	display:block;
	left:215px;
}

/* -------- WORLDWIDE -------- */

div.integrator {
	background-color:#FAFAFA;
	float:left;
	height:140px;
	margin:0 0 10px 10px;
	padding:5px;
	overflow:hidden;
	width:270px;
}
	h4.integratorClick {
		cursor:pointer;
	}

	p.integratorAdd {
		display:none;
		margin:8px 0 0;
	}