/* GENERAL DECLARATIONS*/



/* 
BASIC LAYOUT 
*/
#leftColumn {
	height: 529px;
}

#middleColumn {	
	padding: 0;
}

#rightColumn {
	height: 397px;
}

/*
LEFTCOLUMN content
*/
/* Navigation */
ul#subNav {
	border-bottom: 2px solid #ffffff;
	height: 104px;
}

ul#sub2Nav {
	border-bottom: 2px solid #ffffff;
	height: 164px;
	top: 132px;
}

ul#sub3Nav {
	top: 192px;
}

ul#mainNav li.active ul li.active ul li.active a.modern,
ul#mainNav li.active ul li.active ul li a:hover.modern,
ul#mainNav li.active ul li.active ul li.active ul li.active a.modern,
ul#mainNav li.active ul li.active ul li.active li a:hover.modern {
	background: url(/public/images/global/quaderGreen.png) no-repeat 0 6px;
}

/*COLANI COLOR*/
ul#mainNav li.active ul li.active ul li.active ul li.active a#specialEffect.modern,
ul#mainNav li.active ul li.active ul li.active li a:hover#specialEffect.modern {
	background: url(/public/images/global/quaderBlack.png) no-repeat 0 6px;
}

ul#mainNav li.active ul li.active ul li.active a.zeitlos,
ul#mainNav li.active ul li.active ul li a:hover.zeitlos,
ul#mainNav li.active ul li.active ul li.active ul li.active a.zeitlos,
ul#mainNav li.active ul li.active ul li.active li a:hover.zeitlos {
	background: url(/public/images/global/quaderBlue.png) no-repeat 0 6px;
}

ul#mainNav li.active ul li.active ul li.active a.markant,
ul#mainNav li.active ul li.active ul li a:hover.markant,
ul#mainNav li.active ul li.active ul li.active ul li.active a.markant,
ul#mainNav li.active ul li.active ul li.active li a:hover.markant {
	background: url(/public/images/global/quaderOrange.png) no-repeat 0 6px;
}

ul#mainNav li.active ul li.active ul li.active a.klassisch,
ul#mainNav li.active ul li.active ul li a:hover.klassisch,
ul#mainNav li.active ul li.active ul li.active ul li.active a.klassisch,
ul#mainNav li.active ul li.active ul li.active li a:hover.klassisch {
	background: url(/public/images/global/quaderViolet.png) no-repeat 0 6px;
}

ul#mainNav li.active ul li.active ul li.active a.neuheiten,
ul#mainNav li.active ul li.active ul li a:hover.neuheiten,
ul#mainNav li.active ul li.active ul li.active ul li.active a.neuheiten,
ul#mainNav li.active ul li.active ul li.active li a:hover.neuheiten {
	background: url(/public/images/global/quaderRed.png) no-repeat 0 6px;
}



/* 
MIDDLECOLUMN content
*/

/* Flash Animation Startseite Haustuerfuellungen*/
#middleColumn #headRow.flascontent a {
	background: #535355 none 0;
	display: block;
	height: 165px;
	padding: 100px 0 0;
	text-align: center;
	width: 296px;
}

#middleColumn #headRow.flashcontent img {
	border: none;
}

/* Definition Bild/Text*/
#middleColumn dl.ImgTxt {
	margin: 15px 0 15px 42px;
}

#middleColumn dl.ImgTxt dt,
#middleColumn dl.ImgTxt dd {
	float: left;
}

#middleColumn dl.ImgTxt dd {
	margin-left: 10px;
	width: 235px;
}

/* Millieu Modellvorschau*/
#middleColumn #previewWrapper {
	padding: 30px 0px 30px 42px;
	overflow: hidden;
}

#middleColumn #previewWrapper.imageList {
	padding: 0 0px 30px 42px;
}

#middleColumn #previewWrapper.imageList img {
	padding: 0 20px 20px 0;
}


#middleColumn #previewWrapper h2,
#middleColumn #previewWrapper p {
	padding: 0;
}

#middleColumn #previewWrapper h2.moreSpace {
	padding-bottom: 15px;
}

#middleColumn #previewWrapper p {
	padding-bottom: 15px;
}

#middleColumn #previewWrapper h3{
	padding: 0 0 15px 0;
}

#middleColumn #previewWrapper h3.underline {
	border-bottom: 2px solid #3f5764;
	clear: both;
	margin: 0 42px 20px 0;
	padding: 0;
}

#middleColumn dl.previewMillieu {
	background: #c2c2c2;
	float: left;
	height: 200px;
	margin: 0 25px 30px 0;
	position: relative;
	width: 160px;
	padding: 0;
}

#middleColumn dl.previewMillieu.last {
	background: #c2c2c2;
	float: left;
	height: 200px;
	margin: 0 0 30px 0;
	position: relative;
	width: 160px;
	padding: 0;
}

/* "#MillieuCompare" Spezialfall fuer 2spaltige breitere Millieuvorschau */
#middleColumn dl.previewMillieuCompare {
	background: #c2c2c2;
	float: left;
	height: 225px;
	margin: 0 34px 34px 0;
	position: relative;
	width: 250px;
}

#middleColumn dl.previewMillieuCompare.last {
	margin-right: 0;
}

#middleColumn dl.previewMillieu dd.zoom,
#middleColumn dl.previewMillieuCompare dd.zoom {
	height: 21px;
	right: 0;
	position: absolute;
	top: 0;
	width: 21px;
}

#middleColumn dl.previewMillieu dd.zoom a,
#middleColumn dl.previewMillieuCompare dd.zoom a {
	background: none;
	display: block;
	height: 100%;
	outline: 0;
	padding: 0;
	text-indent: -19999px;
}

#middleColumn dl.previewMillieu dd.modelTitle,
#middleColumn dl.previewMillieuCompare dd.modelTitle {
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 5px;
}

#middleColumn dl.previewMillieu dd.modelTitle a,
#middleColumn dl.previewMillieuCompare dd.modelTitle a,
#middleColumn dl.previewMillieuCompare dd.modelTitle span {
	position: absolute;
	right: 5px;
}

/* "previewImgTxtZoom" Spezialfall fuer 2spaltige Zoom-Vorschau */
#middleColumn dl.previewImgTxtZoom {
	background: #3f5764;
	float: left;
	height: 300px;
	margin: 0 145px 60px 0;
	position: relative;
	width: 200px;
}

#middleColumn dl.previewImgTxtZoom.last {
	margin: 0;
}

#middleColumn dl.previewImgTxtZoom dt {
	color: #fff;
	font-weight: bold;
	padding-left: 3px;
}

#middleColumn dl.previewImgTxtZoom dd.zoom {
	height: 19px;
	right: 0;
	position: absolute;
	bottom: 0;
	width: 19px;
}

#middleColumn dl.previewImgTxtZoom dd a {
	background: url(/public/images/produkte/gestaltungsvarianten/bauarten/zoom.png) no-repeat 0 0;
	display: block;
	height: 19px;
	outline: none;
	text-indent: -19999px;
	width: 19px;
}


/* Bild-Text Blocks /Content Gestaltungvarianten */
#middleColumn #previewWrapper dl.previewImgTxt {
	background: #fdfdfd;
	float: left;
	padding: 0 40px 34px 0;
	position: relative;
	width: 145px;
}

#middleColumn #previewWrapper.fixedContent dl.previewImgTxt {
	height: 465px;
	padding-bottom: 0;	 
}

#middleColumn #previewWrapper dl.previewImgTxt dd.productLink {
	position: absolute;
	top: -20px;
	left: -5px;
}

#middleColumn #previewWrapper dl.previewImgTxt dd.productLink a {
	background: none;
	display: block;
	height: 17px;
	padding: 0;
	width: 77px;
}

#middleColumn #previewWrapper dl.previewImgTxt dd h2 {
	font-size: 100%;
	padding: 3px 0 0 0
}

/* Bild-Text Blocks //-> Variante /Content Gestaltungvarianten */

#middleColumn #previewWrapper dl.previewImgTxtSmaller {
	background: #fdfdfd;
	float: left;
	padding: 0 33px 33px 0;
	position: relative;
	width: 84px;
}

#middleColumn #previewWrapper dl.previewImgTxtSmaller dt {
	font-size: 92%;
}

/* Farbquader-Text Blocks /Content Gestaltungvarianten/Farben */
#middleColumn #previewWrapper dl.previewColorTxt {
	background: #fdfdfd;
	float: left;
	padding: 0 33px 33px 0;
	width: 84px;
}

#middleColumn #previewWrapper dl.previewColorTxt dt {
	font-size: 87%;
}

#middleColumn #previewWrapper dl.previewColorTxt dt strong {
	display: block;
}

#middleColumn #previewWrapper dl.previewColorTxt dd {
	display: block;
	height: 84px;
	text-indent: -19999px;
	width: 84px;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL9016 dd {
	border: 1px solid #cccccc;
	height: 82px;
	text-indent: -19999px;
	width: 82px;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL9016 dd {
	background: #fff;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL7016 dd {
	background: #23343a;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL7001 dd {
	background: #a3adb2;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL7035 dd {
	background: #d1d6d3;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL5011 dd {
	background: #001a39;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL3004 dd {
	background: #691012;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL6009 dd {
	background: #003920;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL5014 dd {
	background: #5f7e9b;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL6013 dd {
	background: #777e56;
}

#middleColumn #previewWrapper dl.previewColorTxt#RAL6005 dd {
	background: #004d33;
}


/* Detailseiten */

#middleColumn dl.previewDetail {
	float: left;
	height: 380px;
	padding: 0 40px 10px 0;
	position: relative;
	width: 250px;
}

#middleColumn dl.previewDetail.higher {
	height: 410px;
}

#middleColumn dl.previewDetail.smaller {
	padding: 0 30px 10px 0;
}

#middleColumn dl.previewDetail.single {
	height: auto;
}



#middleColumn dl.previewDetail.large {
	width: 290px;
	padding: 0 0 10px 0;
}

#middleColumn dl.previewDetail.large_2 {
	width: 290px;
	padding: 0 44px 10px 0;
}

#middleColumn dl.previewDetail.larger {
	width: 400px;
}

#middleColumn dl.previewDetail dt {
	border-bottom: 2px solid;
	margin-bottom: 5px;
	position: relative;
}

#middleColumn dl.previewDetail dt a.zoom {
	background: none;
	display: block;
	outline: 0;
	padding: 0;
	text-indent: -19999px;
	height: 21px;
	right: 0;
	position: absolute;
	top: 200px;
	width: 21px;
}

*html #middleColumn dl.previewDetail.large dt a.zoom {
	right: 0px;
}

*html #middleColumn dl.previewDetail dt a.zoom,
*html #middleColumn dl.previewDetail .large_2 dt a.zoom,
*html #middleColumn dl.previewDetail.larger dt a.zoom {
	right: 45px;
}


#middleColumn dl.previewDetail dt.headline {
	border: none;
	color: #3D3D3D;
	font-size: 120%;
	font-weight: bold;
	padding: 0;
	margin-bottom: 15px;
}

#middleColumn dl.previewDetail dd {
	display: inline;
	font-size: 100%;
}

#middleColumn dl.previewDetail dd.productLink {
	position: absolute;
	top: 0;
	left: 135px;
}

#middleColumn dl.previewDetail dd.productLink_2 {
	position:absolute;
	top: 0px;
	left: 170px;
}

#middleColumn dl.previewDetail dd.productLink a,
#middleColumn dl.previewDetail dd.productLink_2 a {
	background: none;
	display: block;
	height: 17px;
	padding: 0;
	width: 77px;
}


#middleColumn dl.previewDetail dd.modelTitle strong {
	font-size: 110%;
}

#middleColumn dl.previewDetail dd a {
	font-size: 95%;	
}


#middleColumn p#protected {
	background:#f2f4f4;
	color:#3d3d3d;
	font-weight:bold;
	line-height:31px;
	margin-top:20px;
	overflow:hidden;
	padding:5px 0 5px 42px;
}

#middleColumn p#protected img {
	float: left;
	margin-right: 20px;
}

/* Teaserflaeche Film */
#middleColumn #teaserGrey {
	background: #c2c2c2;
	float: left;
	height: 190px;
	margin-bottom: 34px;
	padding: 5px 10px;
	width: 324px;
}

#middleColumn #teaserGrey p {
	padding: 0 0 5px 0;
}

#middleColumn a.playMovie {
	background: #c2c2c2 url(/public/images/produkte/haustuerfuellungen/modern/colani/playMovie.png) no-repeat 0 50%;
	display: block;
	line-height: 24px;
	margin: 5px 0;
	padding-left: 30px;
}

#middleColumn #teaserDetail {
	float: left;
	font-size: 92%;
	height: 390px;
	padding: 0;
	width: 185px;
}

#middleColumn #teaserDetail h3,
#middleColumn #teaserDetail p {
	background: #c2c2c2;
	color: #fff;
	padding: 5px 10px;
}

#middleColumn #teaserDetail h3 {
	color: #fff;
	padding-bottom: 0;
}

#middleColumn #teaserDetail a.playMovie {
	background-position: 10px 50%;
	display: block;
	line-height: 100%;
	margin: 15px 0;
	padding: 5px 0 5px 40px;
}