/* Layout */
html{
	overflow-y:scroll;
}

#container{
	margin: 0 auto;
	width:910px; 
	text-align: left;
}

/*---------------------------------------------------
	HEADER
---------------------------------------------------*/

#headerContainer {
	float: left;
	height: 132px;
	width: 100%;
}

#navigationContainer{
	float: left;
	width: 600px;
	padding: 30px 0 0 0;
}

#navigation{
	float: left;
	width: 100%;
}

#subNavigation{
	float: left;
	width: 100%;
}

#logo{
	float: right;
	width: 310px;
	margin: 0 !important;
	margin: -2px 0 0 0;
}

/*---------------------------------------------------
	MIDDEL
---------------------------------------------------*/

#middle{
	width: 100%;
	height: 298px;
	float: left;
}

#relaese{
	float: left;
	width: 580px;
	padding: 20px 20px 0 0;
}

#picture{
	float: left;
	width: 310px;
	height: 298px;
}

/*---------------------------------------------------
	MIDDEL MAIN-SITE
---------------------------------------------------*/

#middleMain{
	width: 100%;
	height: 153px;
	float: left;
}

#pictureMain{
	float: left;
	width: 310px;
	height: 153px;
}


/*---------------------------------------------------
	INFO
---------------------------------------------------*/
#contentLine{
	float: left;
	width: 100%;
	background: url(../images/point-y.gif) 600px 0 repeat-y;
	margin: 19px 0 0 0;
}

/* 
index-temp
#info{
	width: 910px;
	float: left;
	background: url(../images/bg-info.gif) 3px 0 repeat-y;
	margin: 0;
	padding: 0 0 4px 0;

}
*/

#info{
	width: 625px;
	float: left;
	background: url(../images/bg-info.gif) 3px 0 repeat-y;
	margin: 0;
	padding: 0 0 4px 0;

}

#stock{
	float: left;
	width: 285px;
	padding: 0;
}



.infoBox1{
	float: left;
	width: 300px;
	padding:0;
	margin: 0;
	/*background: url(../images/point-y.gif) 0 0 repeat-y;*/
	
}

.infoBox2{
	float: left;
	width: 293px;
	padding: 0;
	margin: 0 14px 0 7px !important;
	margin: 0 2px 0 7px;
	/*background: url(../images/schloss.gif) 120px 0 no-repeat;*/
}

/*.infoBox3{
	float: right;
	width: 281px !important;
	width: 288px;
	padding: 0;
	margin: 0 8px 0 3px !important;
	margin: 0 0 0 7px;
	background: url(../images/schloss.gif) 120px 0 no-repeat;
}*/

.infoBox3{
	float: right;
	width: 281px!important;
	width: 274px;
	padding: 0;
	margin: 0 8px 0 3px;
}

.bestellen{
	float: right;
	padding: 0;
	margin: 0;
}



/*---------------------------------------------------
	CONTENT
---------------------------------------------------*/

#contentLeft{
	float: left;
	width: 910px;
	margin: 19px 0 0 0;
	
}

#lineUnderBox{
	clear: both;
	width: 910px;
	background: url(../images/point-x.gif) 0 14px repeat-x;
	padding: 0;
	margin: 0 0 14px 0;
}

#contentContainer{
	width: 602px;
	float: left;
	background: url(../images/point-x.gif) 100% 0 repeat-y;
	padding: 0;
	margin: 0;
}

#contentContainerMain{
	width: 580px;
	float: left;
	margin: 0;
}


#content{
	float: left;
	padding: 0 20px 0 0;
	
}

#sidebar{
	float: right;
	width: 281px!important;
	width: 281px;
	padding: 0;
	margin: 0 8px 0 3px!important;
	margin: 0 0 0 20px;
}

.sidebarBox{
	padding: 0;
	margin: 0;
}

.sidebarBoxLogin{
	float: left;
	background: url(../images/schloss.gif) 120px 0 no-repeat;
}

.underline{
	float: left;
	width: 290px;
	height: 12px;
	background: url(../images/point-x.gif) 0 100% repeat-x;
}

.underlineLogin{
	float: left;
	width: 100%;
	height: 24px;
	background: url(../images/point-x.gif) 0 50% repeat-x;
	line-height: 2px;
}

/*---------------------------------------------------
	Footer
---------------------------------------------------*/

#footer{
	float: left;
	width: 100%;
	background: url(../images/point-x.gif) 0 0 repeat-x;
	margin: 18px 0 0 0;
	padding: 10px 0 10px 0;
}

#footerText{
	float: left;
	width: 500px;
}

#footerText p{
	font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#footerNavigation{
	float: right;
	width: 410px;
	text-align: right;
}