/*
////////////////////////////////////////////////////////////////////////
//                      mobile.anthrazit.org                          //
////////////////////////////////////////////////////////////////////////
//                                                                    //
//  Cascading Style Sheet for mobile.anthrazit.org                    //
//  Created 2007 by bitsolution stalder, www.bitsolution.ch           //
//  Styles for Screen: XXS  XS  S  M  L  [XL]  XXL                    //
//                                                                    //
////////////////////////////////////////////////////////////////////////
*/


/*
========================
| COMMON ELEMENTS /////
========================
*/


/* header */
.blockTop, .titleLandingpage, .logoLandingpage {height:50px!important;}
.mmw .blockTop .button        { top:10px; }
.mobile .wrapperMid { margin-top:43px;}
.mmw .wrapperMid { margin-top:50px;}
.mmw .blockTop .action { display:none; }
.noRightCol .blockTop .action { display:block; }


.blockMain, .mobile .blockTop    { width:100%; }

.blockTop .wrapperHeader { width:938px; margin-left:auto; margin-right:auto;}
.naviLeft .blockTop .wrapperHeader { width:1211px; }

#navigationContent { margin-top:0px; }

.wrapperMid     { margin-top:39px; width:938px; padding:0 43px 0 43px; margin-left:auto; margin-right:auto;}
.naviLeft .wrapperMid { width:1211px; }
.wrapperBottom  { width:938px; margin-left:auto; margin-right:auto; }
.naviLeft .wrapperBottom  { width:1211px;}
.wrapperBottom .paddingFullWidth  { padding:0; }

.mobile .wrapperContent { margin-top:0; }
.colNavigation  { float:left; width:240px; margin-right:33px; margin-top:1em; }
.colContentAndRight { float:left; width:938px; }
.cug .topImage .headerClosedUserGroup  { margin-top:-9px;}
.colContent     { float:left; width:665px;}
.colFuncs       { float:right; width:240px; }

.colFuncs .buttonRow { max-width:none;}
#titleAction       { display:none; }
.noRightCol #titleAction { display:block; }

.ipadPortraitOnly   { display:none;}


@media screen and ( min-width: 1400px ) {
	.wrapperMid, .wrapperBottom, .blockTop .wrapperHeader, .colContentAndRight  {  width:1211px; }
	.naviLeft .colContentAndRight { width: 938px;}
	.naviLeft .colContentAndRight .colContent { width:665px; }
	.colContent     { float:left; width:938px;}
}



/* navi left only for wide screens */
@media screen and ( max-width: 1211px ) {
	/*.colNavigation { display:none; }*/
	.naviLeft .blockTop .wrapperHeader { width:938px; }
	.colContentAndRight { float:right; width:665px; }
	.naviLeft .wrapperMid {  width:938px;}
	.naviLeft .wrapperBottom  { width:100%;}
	.naviLeft .colContent  { float:none; width:100%;}
	.naviLeft .colFuncs       { padding:1em 19px 0 0; float:none; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.naviLeft .colFuncs  #actionFuncsRight { clear: both; padding-top:1em;}
	.naviLeft .colFuncs  #actionFuncsRight .buttonRow { max-width:240px;}
	.naviLeft .blockStaticRight   { width:33.33%; border-right:20px white solid; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-color:white!important;}
	.naviLeft .blockTop .action { display:block; }
}

/* tablets portrait and screen small */
@media screen and ( max-width: 880px ) {

	#actionHome         { display:none; }
	#titleAction       { display:block; }

	.ipadPortraitOnly   { display:block;}

	.blockTop .wrapperHeader { width:768px!important; }
	.mmw .blockTop .action { display:block; }

	.colNavigation { display:none; }
	.colContentAndRight { float:none; width:100%; }
	.naviLeft .colFuncs       { padding:0em 19px 0 0;}

	#navigationContent .wrapperContent { padding:0;}


	/* top button */
	.mmw .blockTop .nav           { left:19px}
	.mmw .blockTop .action        { right:19px;  }

	.blockMain, .mobile .blockTop {  }
	.wrapperMid, .naviLeft .wrapperMid {  width:768px; padding:0;}
	.wrapperBottom, .naviLeft .wrapperBottom {  width:100%;}
	.wrapperBottom .paddingFullWidth  { padding-left:19px; padding-right:19px; }

	/*.mobile .wrapperContent { padding-left:43px; padding-right:43px;}*/

	.wrapperFullWidth		{ margin-left:0px; margin-right:0px; }
	.paddingFullWidth		{ padding-left:19px; padding-right:19px; }


	.colContent     { float:none; width:100%;}
	.colFuncs       { margin:2em 19px 0 19px; float:none; width: auto;  }
	.webapp2 .colFuncs #actionFuncsRight  { display:none; }

	.mobile .elementLinkRowLast			{ border-bottom:solid 1px; }

	/*search bar */
	.size6 .elementModuleSearch .elementSearchbar .inputLine { width:94%;}
}




/* font sizes */
body					{ font-size:15px; }

/*links*/
.arrow					{ font-size:80%; line-height:1.4em; }


/*
========================
| HEADER    ////////////
========================
*/

/*stylesheet chooser*/
.elementSizeChooser		{ }
.elementSizeChooser a	{ padding:0 0.3em 0em 0.3em; margin-right:0.2em;  }


/*
========================
| TABS   ///////////////
========================
*/

.tabs				{ font-size:1.2em; }

/*
========================
| VCARD  ///////////////
========================
*/

.elementVcard .imgContainer	{ width:25%; }
.elementVcard .textContainer	{ width:70%; }

 .elementRecentSearch .containerLead { float:right; width:84%;}


/*
========================
| MISC //////////////
========================
*/


.elementTitleBar 		{ font-size:100%; }
.elementTitleBar .linkRight	{ font-size:90%;}
.infobox .msg				{ float:right; width:80%; }

.elementMyHome				{ padding:0 0 0 0;}

.elementRecentSearch .icon	{ width:10%; }
.elementRecentSearch .content { width:85%  }

/*terms*/
.elementResultBlock small.date	{ width:30%; display:inline-block; color:#888; }

/*promo block below sitemap*/
.elementPromoBlock .serviceicon { width:10%; }
.elementPromoBlock .description { width:90%; }

.elementAddPage .elementForm .elementRadio label { width:75%; float:right;}

/*servicelist*/
.elementServiceList .serviceicon { float:left; width:10%}
.mobile .elementServiceList .description { }
.mobile .smallMarginTop		{ clear:none; }

/*deeplinks*/
.elementDeeplink a.rowInner			{ font-size:100%; }
.elementTitleBar .icon			{ background-position:left 13px;}

/*whole sibling row clickable*/
.mobile .clickable					{ cursor:pointer;  min-height:40px; padding-right:35px!important; background:url(/appl/grfx/bg_titlebar_link.png) no-repeat 98.3% center; }


.mmw .elementNaviTop  		{ font-size:115%!important;}


/*
========================
| searchhistory  ///////
========================
*/

.elementRecentSearch .icon	{ float:left; width:7%; }
.elementRecentSearch .content { float:right; width:93%  }



/*
========================
| PGUIDE //////////////
========================
*/

/*list*/
.pguideResList .moreLinks, .pguideCats .moreLinks	{ font-weight:bold; margin-bottom:3px; }
.pguideResList .links	{ text-align:right;  }
.pguideResList .elementObjectExtLink { display:inline;  }
.pguideResList .elementObjectExtLink a { padding-left:0px;  }
.pguideResList .containerLead { width:75%; }

.pguideResList .elementFancySiblingList .containerLead { float:right; width:73%; }


/*res list webguide*/
.resBlockMagazin .pguideResList .containerLead { width:65%; }


/*2 cols*/
.twoCols .row .containerLead { float:left; width:65%!important; padding-right:5px; }
.twoCols .title				{ background-position:0px 5px; background-repeat:repeat-x; }


/*numbered sibling list*/
.pguideResList .number	{ width:60px; height:45px; float:left; color:#444; font-size:42px; text-align:center; margin-right:8px; }


/*start objs*/
.catsFloatLeft			{ float:right; width:35%; margin:10px 0px 0px 0px; font-size:1.0em;}
.catsFloatLeft a		{ margin-bottom:6px; display:block}
.startObj				{ width:61%; float:left; }
.startObj .thumb		{ float:none;  padding: 0px; margin-bottom:0px; }
.startObj .containerThumb { text-align:center; padding-right:10px; }
.startObj .row			{ padding:0px 0px 10px 0px; }
.startObjSiblings		{ margin:0px;}

/*paging*/
.elementPaging, .elementBack	{ padding:3px 2px 4px 2px; }

.pguideCats				{ padding: 4px 2px 5px 2px;}
.elementCatsPath		{ padding:2px 0px 5px 0px; }

.pguideRubrikList		{ padding-top:5px; padding-bottom:5px; }

.elementDate			{ font-size:80%; float:right; }


/*
========================
| FORMS ///////////////
========================
*/

/* USER SETTINGs FORM */
.userSettings div.list div.desc .inputField { width:90%;}

/*past magazines*/
.elementForm .desc .mag { width:26%; min-height:175px; margin:0em 0.7em 0.7em 0em;}

.elementForm .list 			{ width:95.4%;}

.elementForm input.inputButton, .pseudoButton { font-size:0.9em!important;}

.elementForm .inputLine, .elementForm .inputField { width:98%;}



/*
========================
| moPage CMS ///////////
========================
*/

.elementSitemapTree .spriteFuncGreen{ background-position:6px -261px;}
.elementSitemapTree .spriteFuncRed 	{ background-position:6px -288px;}
.elementSitemapTree .spriteFuncPreview 	{ background-position:0px -312px; }
.elementSitemapTree .spriteFuncUp 	{ background-position:6px -336px;}
.elementSitemapTree .spriteFuncDown 	{ background-position:6px -355px;}


/*
========================
| navigation left
========================
*/

.elementNavigationLeft .elementLinkRow a { font-weight:normal;  padding-top:8px; padding-bottom:8px;}
.elementNavigationLeft .active a { font-weight: bold;}
.elementNavigationLeft .elementNavigationLeft { margin:0 0 0 20px;}
.elementNavigationLeft .elementNavigationLeft .noSubIcon { padding-left:30px;}
.colNavigation ul, .colNavigation li { margin:0; padding:0; list-style: none; }
.elementNavigationLeft .sectionHeader { padding:1.5em 0 0.5em 0;}
.elementNavigationLeft .sectionHeader .caption { font-size:75%; text-transform: uppercase; letter-spacing: 0.2em; opacity: 0.75; }