@media all
{

/*
	content:
	- crystal society related styles
	
	covered sections:
	- general scs-styles
	- scs-start (landing page)
	- scs-detail (detail page)
	- scs-memberlogin
	- scs-membershopping (list page)
	- scs-joinrenew (overview)
	- scs-application

*/


/* -------------------------------------------------------------------
=general scs-styles
------------------------------------------------------------------ */
.scs-marker{
	position: absolute;
	top: 11px; 
	right: 11px;
}

.scs-heading{
	position: absolute; 
	left: 0;
	top: 0;
}

.scs-limiter{
	background: url(line.jpg) no-repeat top left;
	height: 6px;
	margin-bottom: 30px;
}	

.scs-teaserlist{
	background: url(building_sketch.jpg) no-repeat top left;
	position: relative;
	/* needed for ie6 */
	width: 732px;
}
.scs-teaserlist-my{
	background: url(building_sketch.jpg) no-repeat top left;
	position: relative;
	/* needed for ie6 */
	width: 540px;
}
.scs-teaserlist .sub-prefix{
color: black;
    font-size: 14px;
    font-style: italic;
	padding: 60px 160px 100px 150px;
	min-height:40px;
	height:auto !important;
	height:40px; /* min-height for IE6 */						
}

.scs-teaserlist .sub-prefix p {padding: 0;}

.scs-std select.sub-sized {
	width:185px;
}

.scs-std input.sub-sized {
	width:180px;
}

.scs-std .sub-body .sub-leftcol {
	float:left;
	width:336px;
}

.scs-std .sub-body .sub-rightcol {
	float:right;
	width:340px;
}

.scs-std .sub-prefixparagraph{
	padding-bottom: 0.6em;
}

.scs-std .clearme {
	clear:both;
}

.scs-std .mabo {
	margin-bottom: 12px;
}

.scs-std .sub-nextbox {
	float:right;
}

/* teaser-element */

.scs-teaser{
	width: 700px;
}

.scs-teaser-l{	float: left; }
.scs-teaser-r{	float: right; }
.sub-txt-my{
    float: left;
	width: 900px;
	padding-left:40px;
    padding-top:12px;
    padding-bottom: 24px;
}
.scs-teaser .sub-txt{
	float: left;
	width: 400px;
	padding-left:2px;
    padding-bottom: 24px;
}

.scs-teaser .sub-img1{
	float: left;
    width: 256px;
    padding-left:2px;
 }
 .scs-teaser .sub-img2{

	float: right;
    width: 256px;
    padding-left:2px;
 }

.scs-openslideshow {
	padding-bottom:8px;
	padding-top:4px;
	text-align: right;
}

.scs-openslideshow a.slideshow {
	background:transparent url(../../../img/magazine/content_slideshow.gif) no-repeat scroll 0px 6px;
	margin-right:1px;
	padding:4px 0px 8px 20px;
	text-align:right;
	text-decoration:none;
}


.scs-subtitle{
	background-color:#FBF9F6;
	color:#8A8A8A;
	margin:0 0 20px 0;
	padding:6px 8px;
	text-align:left;
}


/* std-bgimg */
.scs-std .headblock{
	margin-bottom: 1px;
}

.scs-std .sub-content{
	padding-top: 70px;
	background: url(../../../img/scs/bg_std.jpg) no-repeat top right;
	position: relative;
	/* needed for ie6 */
	width: 696px;
}

 
/* -------------------------------------------------------------------
=scs-start
------------------------------------------------------------------ */

#scs-landing{
	background: url(../../../img/scs/bg_start.jpg) no-repeat top left;
	position: relative;
	/* needed for ie6 */
	width: 732px;
}

#scs-landing .sub-mainarticle{
	position: relative;
	min-height:205px;
	height:auto !important;
	height:205px; /* min-height for IE6 */						
}

#scs-landing .sub-mainarticle .sub-img{
	position: absolute; 
	left: 278px;
	bottom: 0;
}
#scs-landing .sub-mainarticle .sub-txt{
	float: right; 
	width: 255px; 
	padding-top: 100px;
	padding-left:2px;
}


/* -------------------------------------------------------------------
=scs-detail
------------------------------------------------------------------ */

#scs-detail .sub-left{
	float: left; 
	width: 400px;
}

#scs-detail .sub-right{
	float: right; 
	width: 265px;
}

#scs-detail .sub-endline{
	font-size: 1px; 
	clear: both; 
	border-top: 1px solid #cecac2;
	padding-bottom: 12px;
}

#scs-detail .sub-pdfbox{
	background-color: #fbf9f6; 
	padding: 7px;
	margin-bottom: 20px;
}

#scs-detail h2{
	padding: 0 0 1em 0;
}

#scs-detail h3{
	height: auto; 
	padding: 0 0 1em 0;
}


/* -------------------------------------------------------------------
=scs-memberlogin
------------------------------------------------------------------ */

#scs-memberlogin .sub-left{
	float: left;
	width: 350px;
}

#scs-memberlogin .sub-left .groupbox{
	width: 350px;
}

#scs-memberlogin .sub-left .sub-nextbox{
	text-align: right;
	padding: 5px 0 20px 0;
}

#scs-memberlogin .sub-right{
	float: right;
	width: 320px;
	padding-top: 5px;
}

#scs-memberlogin .sub-content{
	padding-top: 100px;
}

#scs-memberlogin input.sub-sized {
	width: 200px;
}

/* -------------------------------------------------------------------
=scs-membershopping
------------------------------------------------------------------ */

#scs-membershopping .sub-content{
	position: relative;
	padding: 95px 0 0 0;
	/* width needed for ie6 */
	width: 732px;
}

#scs-membershopping .sub-filter{
	position: absolute;
	left: 12px;
	top: 25px;
}

#scs-membershopping .sub-filter label{
	padding: 0 0 6px 0;
}


#scs-membershopping #mod-listpage{
	padding: 0;
}

/* -------------------------------------------------------------------
=scs-joinrenew
------------------------------------------------------------------ */

#scs-joinrenew{
	min-height:477px;
	height:auto !important;
	min-height:477px;				/* min-height for IE6 */
}

#scs-joinrenew h2{
	padding-bottom: 1em;
}

#scs-joinrenew .sub-prefixparagraph{
	padding-bottom: 0.6em;
}

#scs-joinrenew select{
	margin-bottom: 2em;
}

#scs-joinrenew .sub-membershipbox {
	border-bottom:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	margin-bottom:1em;
}
#scs-joinrenew .sub-membershipbox .sub-inner {
	background-color:#FBF9F6;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	padding:6px 8px 10px 8px;
}

#scs-joinrenew .sub-membershipbox .imgbutton {
	float: right;
}

#scs-joinrenew .sub-membershipbox p {
	padding-bottom: 0.6em;
}

/* -------------------------------------------------------------------
=scs-application
------------------------------------------------------------------ */
#scs-application h2{
	padding-bottom: 1em;
}


}