/*
	DOCUMENT INFORMATION
	- Document: violet/layout.css
	- Layoutdefinitions for the theme: Violet
	CONTENTS
	- COMMON ELEMENTS
	- IM FOKUS
	- IM FOKUS DETAIL
	- MCO RESIDENZ
	- MCO RESIDENZ DETAIL
	- ANGEBOTE
	- ANGEBOTE DETAIL
*/


/* COMMON ELEMENTS
   ============================= */
.lo_footer { text-align: center; margin-top: 10px; }





/* IM FOKUS
   ============================= */

/* == Main Container Extensions == */
#imfokus #container { width: 1190px; }
#imfokus #content { width: 630px; }

/* == Layout Containers == */
#imfokus .lo_container1 {
	display: block;
	float: left;
	width: 350px;
}
#imfokus .lo_container2 {
	display: block;
	float: right;
	width: 280px;
}

/* == Header image/visual == */
#imfokus img.lo_headerimage {
	display: block;
	float: left;
	width: 140px;
	height: 490px;
}

/* == Copys == */
#imfokus .lo_copy1 {
	clear: left;
	display: block;
	float: left;
	width: 240px;
	padding: 20px 20px 20px 20px;
}

/* == Vertical Bars == */
#imfokus .lo_bar_vertical1 {
	display: block;
	float: right;
	width: 70px;
	height: 490px;
	margin-top: 70px;
}

/* == Horizontal Bars == */
#imfokus .lo_bar_horizontal1 {
	display: block;
	float: right;
	width: 140px;
	height: 70px;
	margin-top: 420px;
}

/* == Footer == */
#imfokus .lo_footer {
	clear: both;
	display: block;
	float: left;
	height: 70px;
	width: 280px;
	padding-top: 10px;
	margin-top: 0;
}

#imfokus #blockHead { }





/* IM FOKUS -> IM FOKUS DETAIL
   ============================= */

/* == Main Container Extensions == */
#imfokusdetail #content { width: 700px; padding-bottom: 30px; }

/* == Layout Containers == */
#imfokusdetail .lo_container1 {
	display: block;
	float: left;
	width: 490px;
	height: 70px;
}
#imfokusdetail .lo_container2 {
	clear: right;
	display: block;
	float: right;
	width: 280px;
}
#imfokusdetail .lo_container3 {
	display: block;	
	float: left;
	width: 280px;
}

#imfokusdetail .lo_container4 {
	display: block;	
	float: left;
	width: 350px;
}
#imfokusdetail .lo_container5 {
	display: block;	
	float: left;
	width: 560px;
}
#imfokusdetail .lo_container6 { /* beinhaltet den ganzen inhalt */
	display: block;
	float: left;
	width: 630px;
}
#imfokusdetail .programlist {
	width: 490px;
}

/* == Vertical Bars == */
#imfokusdetail .lo_bar_vertical1 {
	clear: both;
	display: block;
	float: left;
	width: 70px;
	height: 140px;
}
#imfokusdetail .lo_bar_vertical2 {
	display: block;
	float: right;
	width: 70px;
	height: 700px;
	margin-bottom: 30px;
}

/* == Horizontal Bars == */
#imfokusdetail .lo_bar_horizontal1 {
	display: block;
	float: left;
	width: 140px;
	height: 70px;
}

/* == Copys == */
#imfokusdetail .lo_copy1 {
	display: block;
	float: left;
	width: 310px;
	padding: 0 20px 20px 20px;
}

/* == Footer == */
#imfokusdetail .lo_footer {
	clear: both;
	display: block;
	float: left;
	width: 210px;
	height: 70px;
	padding-top: 10px;
	margin-top: 0;
}

/* == Program-Liste == */
#imfokusdetail .lo_programitem { width: 560px; }
#imfokusdetail .lo_programitem .text { width: 380px; padding: 15px 20px 10px 20px }
#imfokusdetail .lo_programitem .text2 { width: 360px; padding: 0 20px 10px 40px; }

#imfokusdetail .lo_special1 {
	display: block;
	float: left;
	width: 540px;
	height: 25px;
	padding: 45px 20px 0 0;
	text-align: right;
}

#imfokusdetail .lo_special2 {
	display: block;
	float: left;
	width: 540px;
	height: 60px;
	padding: 10px 20px 0 0;
	text-align: right;
}



/* MCO RESIDENZ
   ============================= */

/* == Main Container Extensions == */
#mcoresidenz #container { width: 1290px; } /* ??? */
#mcoresidenz #content { width: 770px; }

/* == Layout Containers == */
#mcoresidenz .lo_container1 {
	display: block;
	float: left;
	width: 280px;
}
#mcoresidenz .lo_container2 {
	display: block;
	float: left;
	width: 280px;
}
#mcoresidenz .lo_container3 {
	display: block;
	float: left;
	width: 490px;
}

/* == Header image/visual == */
#mcoresidenz img.lo_headerimage {
	display: block;
	float: left;
	width: 140px;
	height: 420px;
}

/* == Copys == */
#mcoresidenz .lo_copy1 {
	clear: both;
	display: block;
	float: left;
	width: 240px;
	padding: 20px 20px 20px 20px;
}
#mcoresidenz .lo_copy2 {
	display: block;
	float: left;
	width: 170px;
	margin-top: 140px;
	min-height: 310px;
	padding: 20px 20px 20px 20px;
}


/* == Horizontal Bars == */
#mcoresidenz .lo_bar_horizontal1 {
	clear: both;
	display: block;
	float: left;
	width: 280px;
	height: 70px;
}

/* == Vertical Bars == */
#mcoresidenz .lo_bar_vertical1 {
	display: block;
	float: left;
	width: 70px;
	height: 420px;
	margin-top: 70px;
}

/* == Footer == */
#mcoresidenz .lo_footer {
	clear: both;
	display: block;
	float: left;
	height: 70px;
	width: 280px;
	padding-top: 10px;
	margin-top: 0;
}

/* == Specials == */
#mcoresidenz .lo_special1 {
	clear: both;
	display: block;
	float: left;
	width: 470px;
	padding: 20px 0 30px 20px;
}
#mcoresidenz .lo_special2 {
	clear: both;
	display: block;
	float: left;
	margin:-55px 0 0 220px;
	width: 120px;
	height:47px;
}
*html  #mcoresidenz .lo_special2 {
	margin-left:110px;

}
#mcoresidenz #blockHead { display: none; }

/* == blogliste == */
#mcoresidenz .lo_blogitem { width: 470px; padding-bottom: 15px; }
#mcoresidenz .lo_blogitem .imagecontainer { width: 140px; }
#mcoresidenz .lo_blogitem .text { width: 320px; }




/* MCO RESIDENZ -> MCO RESIDENZ DETAIL
   ============================= */

/* == Main Container Extensions == */
#mcoresidenzdetail #container { width: 1290px; } /* ??? */
#mcoresidenzdetail #content { width: 840px; }

/* == Layout Containers == */
#mcoresidenzdetail .lo_container1 {
	display: block;
	float: left;
	width: 490px;
}
#mcoresidenzdetail .lo_container2 {
	clear: both;
	display: block;
	float: left;
	width: 420px;
}
#mcoresidenzdetail .lo_container3 {
	display: block;
	float: left;
	width: 350px;
}

/* == Copys == */
#mcoresidenzdetail .lo_copy1 {
	display: block;
	float: left;
	width: 380px;
	padding: 0 20px 20px 20px;
}

/* == Horizontal Bars == */
#mcoresidenzdetail .lo_bar_horizontal1 {
	clear: both;
	display: block;
	float: left;
	width: 420px;
	height: 70px;
}

/* == Blocks == */
#mcoresidenzdetail .lo_block1 {
	display: block;
	float: left;
	width: 70px;
	height: 70px;
}

/* == Footer == */
#mcoresidenzdetail .lo_footer {
	clear: both;
	display: block;
	float: left;
	height: 40px;
	width: 210px;
	padding-top: 100px;
	margin-top: 0;
}

#mcoresidenzdetail #blockHead { display: none; }

/* == Mediacontainer == */
#mcoresidenzdetail .mediacontainer {
	
}




/* ANGEBOTE
   ============================= */

   
#angebote #container { width: 1190px; }
#angebote #content { width: 780px; padding-bottom: 30px; }

   
/* == Layout Containers == */
#angebote .lo_container1 {
	display: block;
	float: left;
	width: 490px;
}
#angebote .lo_container2 {
	display: block;
	float: left;
	width: 350px;

}
#angebote .lo_container3 {
	display: block;
	float: left;
	width: 280px;

}
#angebote .lo_container4 {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 780px;
}

#angebote .lo_container5 {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 490px;
}


/* == Copys == */
#angebote .lo_copy1{
	display: block;
	float: left;
	padding: 20px 15px 20px 15px;
	width: 250px;
}


/* == Headerimages == */
#angebote .lo_headerimage {
	display: block;
	float: left;
	width: 490px;
	height: 140px;
}


/* == Vertical Bars == */
#angebote .lo_bar_vertical1 {
	display: block;
	float: left;
	width: 70px;
	height: 350px;
}
#angebote .lo_bar_vertical2  {
	display: block;
	float: left;
	width: 70px;
	height: 140px;

}
#angebote .lo_bar_vertical3 {
	display: block;
	float: left;
	width: 70px;
	height: 140px;

}

/* == Horizontal Bars == */
#angebote .lo_bar_horizontal1  {
	display: block;
	float: left;
	width: 490px;
	height: 70px;

}

/* == Blocks == */
#angebote .lo_block1 {
	display: block;
	float: left;
	width: 140px;
	height: 350px;

}
#angebote .lo_block2 {
	display: block;
	float: left;
	width: 140px;
	height: 140px;

}

/* == Footer == */
#angebote .lo_footer {
	display: block;
	float: left;
	width: 280px;
	height: 60px;

}


/* ANGEBOTE DETAIL
   ============================= */

/* == Containers == */
#angebotedetail .lo_container1 {
	display: block;
	float: left;
	width: 350px;
}
#angebotedetail .lo_container2 {
	clear: both;
	display: block;
	float: left;
	width: 350px;
	height: 70px;
}
#angebotedetail .lo_container3 {
	clear: both;
	display: block;
	float: left;
	width: 490px;
	margin-bottom: 30px;
}

/* == Copys == */
#angebotedetail .lo_copy1 {
	display: block;
	float: left;
	min-height: 335px;
	padding: 0 15px 0 15px;
	width: 320px;
}

/* == Blocks == */
#angebotedetail .lo_block1 {
	display: block;
	float: left;
	width: 70px;
	height: 70px;
	margin-top: 125px;
}
#angebotedetail .lo_block2 {
	clear: both;
	display: block;
	float: left;
	width: 70px;
	height: 70px;
}


/* == Specials == */
#angebotedetail .lo_special1 {
	display: block;
	float: left;
	width: 540px;
	height: 25px;
	padding: 45px 20px 0 0;
	text-align: right;
}

#angebotedetail .lo_special2 {
	display: block;
	float: left;
	width: 540px;
	height: 60px;
	padding: 10px 20px 0 0;
	text-align: right;
}



/* == Header == */
#angebotedetail .lo_headerimage {
	display: block;
	float: left;
	width: 280px;
	height: 195px;

}

/* == Footer == */
#angebotedetail .lo_footer {
	display: block;
	float: right;
	width: 280px;
	height: 60px;
	margin: 0;
	padding: 10px 0 0 0;
}

/* == Program-Liste == */
#angebotedetail .lo_programitem { width: 560px; }
#angebotedetail .lo_programitem .text { width: 380px; padding: 15px 20px 10px 20px }
#angebotedetail .lo_programitem .text2 { width: 360px; padding: 0 20px 10px 40px; }