/*
////////////////////////////////////////////////////////////////////////
//                      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   [mopage]           //
//                                                                    //
////////////////////////////////////////////////////////////////////////
*/



/*
========================
| IMPORT basic Styles //
========================
*/
@import url("ui_basics.css");




/*main blocks*/
.online .wrapperMain		{ width:944px; text-align:left; }


/* ohne banners*/
/* .online .wrapperMain		{ width:795px; text-align:left; }*/
/*
.wrapperContentInner		{ background:url(/appl/grfx/templates/mopage/bg_content_mopage.jpg) no-repeat 0 39px; background-color:#cacaca; padding:0 15px 15px 15px; margin-bottom:0em; }
*/
.wrapperContentInner		{ background-image:none;  background-color:#cacaca; padding:0 15px 15px 15px; margin-bottom:0em; }


.online .wrapperContent		{ margin-top:-82px;}

.search .wrapperContentInner{ background:none; background-color:#fff;}
.online .blockTop .logo		{ opacity:0.7;}
.elementLogo				{ padding-top:20px; }


/*titlebar*/
.online .elementTitleBar 	{ margin:-0 -15px 11px -15px; border-bottom:1px solid #eee; }
.elementTitleBar, .elementTitleBarSub	{ background:url(/appl/grfx/templates/anthrazit/bg_titlebar.png) repeat-x top center;}
.elementTitleBarSub			{ border-top:1px solid #ddd;}

.wrapperWhite .elementTitleBar, .wrapperWhite .elementTitleBarSub { background:none; border:none; border-bottom:1px solid #111; text-shadow:none; margin:0 0 1.5em; 0; padding:0 0 0 13px; min-height:0; height:auto; line-height:120%; font-size:100%;}
.wrapperWhite .elementTitleBar .title { padding:0; margin:0; height:auto; }
.wrapperWhite .elementTitleBar .linkRight { float:right;  margin:-2px 0 11px 0; padding-right:0; font-size:12px;text-shadow:none; color:#276BAB; display:block; line-height:22px; width:auto; text-align:right; background:none; }
.wrapperWhite .elementTitleBar .back .linkRight { background:none; }

/*ads*/
.elementAd .elementBannerRectangle { margin-left:-15px; margin-right:-15px; }



/*titles*/
.titleBorder				{ font-weight:bold; border-bottom:solid 1px #333; padding-bottom:0.3em; margin:0.5em 0 1em 0;}
.titleBorderNoMargin		{ font-weight:bold; border-bottom:solid 1px #333; padding-bottom:0.3em; margin:0.5em 0 0.5em 0;}


/*navis*/
.elementNaviMobile 			{ background-color:#fff; color:#000; }
.elementNaviMobile a		{ color:#000; }
.elementNaviMobile a.selected { color:#888; }
.online .elementNaviTop 	{ margin:0 0 0.5em 0; font-size:100%;}


/*content areas*/
.online .wrapperWhite				{ background-color:#fff; padding:1em; }
.wrapperDGray				{ background-color:#bababa; padding:1em; }

/*misc*/
.elementTitleBar .title		{ color:#000; }
.elementPrezi				{ position:relative; left:-96px;}
.borderTopInverse			{ border-color:#aaa!important;}

/*qr code*/
.online .elementQrCode .qrcode		{ padding:0.5em 1em 0.5em 1em; background-color:#fff; }


/*
========================
| mopage CMS         //
========================
*/

/*mopage cms*/
.elementNaviCms				{ padding:0.3em; color:#000; font-weight:bold; background-color:#fff; }
.elementNaviCms a			{ color:#000;}
.elementNaviCms a.selected	{ color:#999;}

.mopageEdit .wrapperContentInner { background:none; background-color:#e7e7e7; }
.elementBorderTopFull			{ border-top:1px solid #fff; margin:15px -15px 0 -15px; padding:15px 15px 0 15px;}

/*promo block below sitemap*/
.elementPromoBlock .serviceicon { float:left; width:15%; }
.elementPromoBlock .description { float:left; width:85%; }
.elementPromoBlock .rightAuto	{ margin:0 0 0.8em 0.8em;}
.elementInfoboxTop .elementPromoBlock .serviceicon img { height:46px; width:auto; }
.elementInfoboxTop .elementPromoBlock .serviceicon {width:11%;}
.elementInfoboxTop .elementPromoBlock .description {width:89%;}

/*cms top tabs*/
.elementMopageCmsTabs			{ height:25px;}
.elementMopageCmsTabs .blueArrowBack { margin-top:3px;}
.elementMopageCmsTabs a			{ line-height:16px; }
.elementMopageCmsTabs .tab		{ height:100%; display:inline-block; margin-left:0.5em; padding-left:1em; padding-right:1em; background-color:#787576; }
.elementMopageCmsTabs .selected	{ background-color:#fff; }
.elementMopageCmsTabs .tab a	{ line-height:25px; color:#ccc; }
.elementMopageCmsTabs .selected a	{ color:#111; }

/*sprites*/
.online .spriteMopageSitemap			{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) 0px -18px no-repeat; padding-left:20px;}
.online .selected .spriteMopageSitemap	{ background-position:0px 0px;}

.online .spriteMopageSettings			{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) 0px -52px no-repeat; padding-left:18px;}
.online .selected .spriteMopageSettings	{ background-position: 0px -37px;}

.online .spriteMopageStats			{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) 0px -779px no-repeat; padding-left:23px;}
.online .selected .spriteMopageStats	{ background-position: 0px -801px;}

/*sitemap*/
.elementSitemapTree a			{ }
.online .elementSitemapTree .title		{ color:#111;}
.online .elementSitemapTree .treeview	{ background:url(/appl/grfx/templates/mopage/cms/bg_altlist.png) top left; }
.online .elementSitemapTree .treeview li { line-height:28px; }
.online .elementSitemapTree .sprite		{ padding-left:1.5em; background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat; }
.online .elementSitemapTree .spriteFile { background-position:0px -134px;}
.online .elementSitemapTree .spriteHome { background-position:0px -78px;}
.online .elementSitemapTree .spriteMopage { background-position:0px -107px;}
.online .elementSitemapTree .spriteImprint { background-position:0px -215px;}
.online .elementSitemapTree .spriteRss { background-position:0px -160px;}
.online .elementSitemapTree .spriteWebcam { background-position:0px -188px;}
.online .elementSitemapTree .spriteAbout { background-position:0px -238px;}
.online .elementSitemapTree .spriteGeo { background-position:0px -927px;}
.online .elementSitemapTree .spriteVideo { background-position:0px -987px;}
.online .elementSitemapTree .spriteNews { background-position:0px -1135px;}
.online .elementSitemapTree .spriteEvent { background-position:0px -1074px;}
.online .elementSitemapTree .spriteFavlist { background-position:0px -1297px;}
.online .elementSitemapTree .spriteSearch { background-position:0px -1328px;}
.online .elementSitemapTree .spritePoll { background-position:0px -1359px;}
.online .elementSitemapTree .spriteTour { background-position:0px -1532px;}

.elementSitemapTree .itemsBottom	{ border-top:1px solid #111; padding:0.5em 0 0 0; margin-top:0.5em;}
.online .elementSitemapTree .itemsBottom .row { line-height:24px; }
.elementSitemapTree .titleBorder .rightAuto .spriteFuncPreview { line-height:16px; background-position:0px -314px; }

/*sitemap funcs*/
.elementSitemapTree .spriteFunc			{ float:left; display:block; width:2em; line-height:24px;  }
.elementSitemapTree .spriteInfo			{ display:inline-block; width:15px; height:15px; margin-right:0.5em;vertical-align:middle;  }
.elementSitemapTree .spriteFuncGreen	{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -1260px;}
.elementSitemapTree .spriteFuncRed 		{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -1236px;}
.elementSitemapTree .spriteFuncPreview 	{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -309px; margin:0 0em 0 0.5em;}
.elementSitemapTree .spriteFuncUp 		{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -333px;}
.elementSitemapTree .spriteFuncDown 	{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -355px;}
.elementSitemapTree .spriteFuncDelete 	{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -1005px;}
.elementSitemapTree .spriteFuncExpired 	{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1162px;}
.elementSitemapTree .spriteFuncInTime 	{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1216px;}
.elementSitemapTree .spriteFuncFuture 	{ background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1189px;}

.elementSitemapTree .foreign a		{ color:#888; }

/*settings*/
.online .settingsRoot .row		{ text-align:left; }
.online .settingsRoot .row .desc	{ float:right; width:60%;}
.online .settingsRoot .row .pseudoButton	{ text-align:center; min-width:1px; width:30%;  }

/*addpage*/
.elementAddPage .desc a			{ display:block; color:inherit; padding:0.8em;  background:url(/appl/grfx/bg_goto.png) no-repeat 98.5% center #eee; }
.elementAddPage .adminPageTypes .desc a { background-color:#bbb; }
.elementAddPage a:hover			{ background-color:#e1e1e1; }
.elementAddPage .label			{ display:inline-block; width:80%; vertical-align:middle;}
.elementAddPage .list			{ padding:1em 1em 0em 1em; }
.elementAddPage .sprite			{ display:inline-block;  vertical-align:middle; margin-right:0.7em; width:24px; height:30px; background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat top right;}
.elementAddPage .spriteFile		{ background-position:0 -395px; }
.elementAddPage .spriteImprint	{ background-position:0 -445px; }
.elementAddPage .spriteForm		{ background-position:0 -495px; }
.elementAddPage .spriteRss		{ background-position:0 -540px; }
.elementAddPage .spriteWebcam	{ background-position:0 -587px; }
.elementAddPage .spriteGeo		{ background-position:0 -891px; }
.elementAddPage .spriteVideo	{ background-position:0 -954px; }
.elementAddPage .spriteEvent	{ background-position:0 -1038px; }
.elementAddPage .spriteNews		{ background-position:0 -1100px; }
.elementAddPage .spriteClipboard{ background-position:0 -1438px; }
.elementAddPage .spriteSearch	{ background-position:0 -1396px; }
.elementAddPage .spriteTour		{ background-position:0 -1483px; }


/*upgrade page*/
.elementMmwUpgrade .elementRadio label { margin-left:2.5em; float:none; }

.elementSetBcode .qrCode		{ margin:0 0 1em 1em;}

.elementColorSample				{ display:inline-block; width:1.5em; height:1.5em; margin-left:1em;}

/*cat editor*/
.elementCatEditRow a.edit 		{ display:block; line-height:180%;  }
.elementCatEditRow	 .elementInput	{ padding-top:0.3em;}


/*preview pane*/
.elementPermalink				{ overflow:visible; width:298px; text-align:center; margin-bottom:0.8em;} 

/*
.elementPermalink a				{ background-color:#1279B3; color:#fff!important; -moz-border-radius:0.8em; -webkit-border-radius:0.8em; padding:0.2em 1em 0.2em 1em; font-size:85%;} 
.elementPermalink a:hover		{ opacity:0.9;} 
*/

.online .columnRight			{ overflow:visible; margin-top:-81px; }
.elementCmsPreview				{ background:url(/appl/grfx/templates/mopage/cms/iphone4mask_xs.png) no-repeat top left ; width:298px; height:562px; }
.elementCmsPreview .wrapper		{ padding:95px 0 0 22px;   }
.elementCmsPreview .previewFrame { background-color:white; width:256px; height:405px; overflow:auto;  }

/*image mask*/
.elementImageToggler			{ float:left; width:13%;}
.elementImageToggler img		{ width:50px; height:50px;}
.elementImageToggler .pseudoButton	{ margin-top:1.6em;}
.elementInputGroupRight			{ float:right; width:82%; }

/*
========================
| User moPage Styles  //
========================
*/

title, .mmweditor .titleLandingpage .title { padding:0.3em; text-align:right; }
.online .mmw .wrapperMain		{ width:790px; text-align:left; }
.online .mmw .wrapperContent	{ width:610px; float:right; padding:0 0 0 0; margin:0 0 0 0; }


/*header*/
.online .mmw .blockMain			{ padding-top:30px;}
.online .mmw .blockTop			{ height:60px; overflow:hidden; width:auto; margin-bottom:0; }
.mmw .blockMain					{ background-image:none; }
.online .mmw .elementLogo		{ float:none; padding:0; margin:0;}
.online .mmw .elementLogo .thumb { float:none;  height:auto!important; height:40px; max-height:40px; width:auto; max-width:140px; margin:10px;}
.mmw .elementMmwTitleOnline		{ padding:15px 10px 0px 10px; font-size:2em; font-weight:bold;}

.mmw .wrapperContentInner		{ background-image:none; background-color:inherit;  padding:0 0 0.5em 0; margin-bottom:0em;}
.mmw .wrapperContent			{ background-image:none!important; background-color:#fff; padding-top:0.5em; }
.mmw .wrapperContent .noObjContent	{ margin-top:-0.3em;}

.mmw .noRightCol .wrapperContent{ width:619px; margin-right:0; }
.mmw .elementNavItems			{ padding-top:0.2em; margin-bottom:0.5em;}
.mobile .mmw .elementFooter				{ min-height:inherit; }

.mmw .elementBannerSkyscraper	{ border-left:10px solid #fff; margin-top: -131px;}
.mmw .columnAds					{ width: 170px; }

/*navi left*/
.online .mmw .columnLeft		{ margin-top:11px;}

/*navtrail*/
.mmw .elementNaviTop			{ border-bottom:1px solid #ccc; padding-bottom:0.3em; margin-bottom:0.8em;}
.mmw .naviTopEmpty				{ display:none; }


/*titlebar*/
.online .mmw .elementTitleBar 	{ margin:0 0 11px 0; }
.mobile .mmw .elementTitleBar			{ height:auto; background-image:none; background-color:#ccc; padding:0 0px 0 13px }

/*content */
.online .mmw .wrapperContentInner { padding-top:16px;}
.titleCustom					{ background-color:#999; color:#fff; font-size:110%; font-weight:bold; margin-left:-5px; margin-right:-5px; padding:0.3em 5px 0.3em 5px; margin-bottom:0.5em; margin-top:0.5em;}


/*online nav*/
.mmwOnlineNav ul				{ list-style:none; padding:0 0 0 0; margin:0 0 0 0;}
.mmwOnlineNav ul.hidden			{ display:none; }
.mmwOnlineNav ul a				{ color:#000; font-weight:bold; }
.mmwOnlineNav ul a:hover, .mmwOnlineNav ul a.selected { color:#999; }
.mmwOnlineNav ul li	div			{ padding:0.5em 0 0.5em 0; }

/*co Branding*/
.elementCobrandBar				{ font-size:80%;  vertical-align:middle; line-height:16px;}
.elementCobrandBar img			{ vertical-align:middle;}
.elementCobrandAuthor			{ padding-top:0.2em; padding-bottom:0.2em; font-size:80%; font-style:italic; color:#555;}



/*footer*/
.online .mmw .elementFooter		{ background-color:transparent; }

/*
================================================================================================================================================
| MOBILE OVERRIDES  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
================================================================================================================================================
*/

.mobile .wrapperContent		{ background-color:inherit;}
/*
.mobile .fancyPromo .wrapperContent  { background:url(/appl/grfx/templates/mopage/bg_content_mopage.jpg) no-repeat right 97px; background-color:#cacaca; margin-bottom:0em; }
*/
.mobile .fancyPromo .wrapperContent  { background-image:none; background-color:#cacaca; margin-bottom:0em; }

.mobile .mopageEdit .wrapperContent { background:none; background-color:#e7e7e7; }

.mobile .wrapperContentInner{ background:none; padding:0 15px 15px 15px; margin-bottom:0em; }

.mobile .elementTitleBar			{ border-bottom:1px solid #ddd;}
.mobile .elementFooter				{ border-top:1px solid #ddd;}

/*mopage listing booked*/
.mobile .listHilited				{  background-color:inherit; }
.mobile .listHilited .row			{  padding:5px;  }
.mobile .listHilited .row .pseudoButton { font-size:12px;}

.mobile .elementNaviCms		{ margin-bottom:5px; }

.mobile .smallMarginTop		{ clear:both; }


/*
========================
| mopage CMS         //
========================
*/

/*cms top tabs*/
.mobile .elementMopageCmsTabs			{ height:auto; background-color:#fff; margin-bottom:5px; padding:0.2em;}
.mobile .elementMopageCmsTabs a			{ line-height:inherit; color:#276BAB!important; }
.mobile .elementMopageCmsTabs .tab		{ height:auto; display:inline; padding:0; margin:0; background-color:inherit; }
.mobile .elementMopageCmsTabs .selected	{ background-color:inherit; }
.mobile .elementMopageCmsTabs .tab a	{ line-height:inherit; color:inherit; }
.mobile .elementMopageCmsTabs .selected a	{ color:inherit; }
.mobile .elementMopageCmsTabs .rightAuto { float:none; display:inline;}
.mobile .elementMopageCmsTabs .blueArrowBack { margin-top:0;}

.mobile .elementSitemapTree .itemsBottom	{ padding:0.5em 0 0 0em; margin-top:0.3em;}
.mobile .elementSitemapTree .itemsBottom .row	{ margin:0.2em 0 0.2em 0; }
.mobile .elementSitemapTree .spriteFunc		{ width:1.2em; line-height:19px; overflow:hidden;}
.mobile .elementSitemapTree .treeview li { padding-left:1.2em; }

.mobile .elementPromoBlock				{ background-color:#e8e8e8; padding:0.7em;}