/* FILE: /templates/rosenhof/css/layouts/jsn_mobile.css */
/*** @author    JoomlaShine.com http://www.joomlashine.com* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.* @license   JoomlaShine.com Proprietary License*//************************************************************************************ mobile layout (240 - 960): common settings for both smartphone and tablet *************************************************************************************/ @media only screen and (max-width: 960px), (max-device-width: 960px) { body { font-size: 14px !important; -webkit-text-size-adjust: none; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }   div.jsn-modulecontainer ul.menu-mainmenu {    margin: 0;}   #jsn-pos-breadcrumbs {display: none;    padding: 0;}   .jsn-gallery {    margin-top: -20px;}   div.jsn-modulecontainer ul.menu-mainmenu > li.jsn-menu-button > a {    color: #666 !important;    text-shadow: 1px 1px 0px #FFF !important;}#jsn-content-top {/*  display: none;  margin-bottom: 0px !important; */} body.jsn-homepage #jsn-content-top {   margin-bottom: -20px !important; } #jsn-pos-topbar, #jsn-topheader-inner, #jsn-header-inner, #jsn-promo-inner, #jsn-promo-full-inner, #jsn-pos-content-top, #jsn-pos-content-top-over,#jsn-pos-content-top-below, #jsn-content_inner, #jsn-content-bottom-over-inner, #jsn-content-bottom-inner, #jsn-content-bottom-below-inner, #jsn-content-bottom-under-inner, #jsn-usermodules3-inner, #jsn-footer-inner { width: 100%; min-width: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #jsn-mainbody { padding: 10px; } body.jsn-homepage #jsn-header:not(.jsn-menu-sticky) { background-color: #FBEFD9; } div.jsn-modulescontainer { padding: 15px 10px; } div.jsn-horizontallayout div.jsn-modulecontainer { margin-top: 20px; } [id*="jsn-content_inner"], [id*="jsn-maincontent_inner"] { left: auto; right: auto; } #jsn-content.jsn-hasinnerleft #jsn-centercol_inner, #jsn-content.jsn-hasinnerright #jsn-centercol_inner { margin: 0; } /* =============== MAIN MENU =============== */#jsn-logo a{ margin: 15px 0; } #jsn-pos-mainmenu { float: left; } #jsn-menu, #jsn-logo { float: none; } #jsn-logo a { display: inline-block; } #jsn-logo { padding: 0 10px; position: static; text-align: center; } #jsn-header {  background-color: #FBEFD9 !important; } #jsn-menu.jsn-menu-sticky { position: fixed; top: 0; width: 100%; background: #333; } #jsn-menu .jsn-modulecontainer.display-dropdown h3.jsn-moduletitle, #jsn-menu .jsn-modulecontainer.display-inline .jsn-modulecontent { margin: 0; } .menu-mainmenu.menu-iconmenu [class*="jsn-icon-"] > a > span { background-image: url(/templates/rosenhof/images/icons/icons-uni-white.png); } div.jsn-modulecontainer ul.menu-mainmenu > li.parent > a .jsn-menutitle::after {  display: none !important; } .unter960raus { display: none !important; } /* ----- MAIN TOGGLE ----- */ #jsn-menu .jsn-menu-toggle { cursor: pointer; display: inline-block; } #jsn-menu ul li .jsn-menu-toggle i { display: none; } #jsn-menu .jsn-modulecontent > .jsn-menu-toggle, #jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle { /*color: #333;*/ } #jsn-menu.jsn-mobile-menu-sticky .jsn-modulecontent > .jsn-menu-toggle, #jsn-menu.jsn-mobile-menu-sticky .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle { color: #fff; } #jsn-menu .jsn-modulecontent > .jsn-menu-toggle { padding: 9px 12px 9px 12px; vertical-align: middle; font-size: 18px; color: #666; } #jsn-menu .jsn-menu-toggle.active { background-color: #900900; color: #fff; } #jsn-menu ul.jsn-menu-mobile { position: absolute; width: 100%; left: 0; right: 0; } #jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile { left: 0; } #jsn-menu #jsn-pos-toolbar ul.jsn-menu-mobile { right: 0; } #jsn-menu .jsn-menu-toggle + ul { display: none; } #jsn-menu .jsn-menu-toggle + ul.jsn-menu-mobile { display: block; } #jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner:hover h3.jsn-moduletitle { background: none; } #jsn-menu .jsn-modulecontainer.display-dropdown.jsn-dropdown-active .jsn-modulecontainer_inner h3.jsn-moduletitle { /*background: #4A4A4A;*/ color: #FFFFFF; } #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span { padding: 11px 12px 12px; } #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent { visibility: visible; display:none; } #jsn-menu div.display-dropdown.jsn-dropdown-active.jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent { display: block; right: auto;  left: 0; } body.jsn-direction-rtl #jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile { right: 0; left: auto; } #jsn-menu form#login-form a.btn {  margin: 0 0 0 -1px;} body.jsn-direction-rtl #jsn-menu #jsn-pos-toolbar ul.jsn-menu-mobile { left: 0; right: auto; } body.jsn-direction-rtl #jsn-menu .jsn-menu-toggle + ul { right: 0; } /* ----- LEVEL 1 ----- */ #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li { float: none; width: auto; } div.jsn-modulecontainer ul.menu-mainmenu > li, div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li, #jsn-header.jsn-menu-sticky ul.menu-mainmenu > li { padding: 0; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li { border-top: 1px solid #EFC069; margin: 0;   padding: 0; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile > li > a, #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile > li > a:hover { border: none; background: #FBEFD9; color: #666; font-size: 1.1em; text-decoration: none; padding: 10px; border-radius: 0; } /* ----- ACTIVE STATE COLOR ----- */ #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li.active > a { color: #666; } body.jsn-color-blue #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #29ABE2; } body.jsn-color-green #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #477328; } body.jsn-color-red #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #F3D69E; } body.jsn-color-cyan #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #4ecdc4; } body.jsn-color-orange #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #f26522; }body.jsn-color-brown #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #ad8b66; } /* ----- LEVEL 2 ----- */ #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul { width: auto; position: static; background-color: #F3D69E; visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; margin: 0; padding: 0; border: none; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > .jsn-menu-mobile { padding: 5px 15px; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul li { border: none; background: none; } #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a { border: none; background: none; color: #666; padding: 8px 0 8px 20px; background: url(/templates/rosenhof/images/icons/icons-base.png) left -756px no-repeat; } #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a { text-align: left; } body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a { text-align: right; } body.jsn-direction-rtl #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a, body.jsn-direction-rtl #jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a { padding-left: 0; padding-right: 20px; background-position: right -332px; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle { top: 0; padding: 0; margin: 0; width: 32px; height: 32px; cursor: pointer; position: absolute; background: rgba(144,9,0,1) url(/templates/rosenhof/images/icons/icon-toggle-expand.png) center center no-repeat; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#4c000000', EndColorStr='#4c000000'); right: 0; } body.jsn-direction-rtl #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle { left: 0; right: auto; } #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle.active { background-image: url(/templates/rosenhof/images/icons/icon-toggle-collapse.png); } body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a { border: none; } /* ----- LEVEL 3 ----- */ #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul ul li { margin-left: 20px; margin-right: 10px; } body.jsn-direction-rtl #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu ul ul li { margin-left: 10px; margin-right: 20px; } /* =============== MOBILE SIDE MENU =============== */ body div.jsn-modulecontainer ul.menu-sidemenu ul { display: none; } body div.jsn-modulecontainer ul.menu-sidemenu li.parent > a { padding-right: 8px; background-image: none; } /* ===============  SITETOOLS =============== */ #jsn-sitetoolspanel { margin: 0 52px 0 0; position: static; right: 0; top: 125px; } .jsn-menu-sticky #jsn-sitetoolspanel { margin: 5px 52px 0 0; } #jsn-sitetoolspanel.jsn-include-color { display: block; position: static; margin: 0; } ul#jsn-sitetools-menu > li {margin-right: 1px;} ul#jsn-sitetools-menu li, ul#jsn-sitetools-inline li { background: rgba(0,0,0,0.2) url(/templates/rosenhof/images/icons/icons-uni-white.png) center -1888px no-repeat; } ul#jsn-sitetools-menu li ul li, ul#jsn-sitetools-inline li ul li{ height: 40px; margin: 0 !important; } ul#jsn-sitetools-menu > li > a, ul#jsn-sitetools-inline > li > a { display: block; width: 40px; height: 40px; } ul#jsn-sitetools-menu li ul, ul#jsn-sitetools-inline li ul { z-index: 90; right: 0; top: 0; height: 100%; position: absolute; display: none; } ul#jsn-sitetools-inline li.active ul, ul#jsn-sitetools-menu li.active ul { right: 40px; display: block; visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } ul#jsn-sitetools-inline { margin: 0; } ul#jsn-sitetools-inline ul { width: 144px; } ul#jsn-sitetools-inline ul li { background: none; } ul#jsn-sitetools-menu ul li a, ul#jsn-sitetools-inline ul li a { float: left; width: 16px; height: 16px; margin: 12px 3px; display: inline-block; } ul#jsn-sitetools-inline li { transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; } /* -----  RTL Layout ----- */ body.jsn-direction-rtl #jsn-sitetoolspanel { left: 0; right: auto; } body.jsn-direction-rtl ul#jsn-sitetools-menu li ul, body.jsn-direction-rtl ul#jsn-sitetools-inline li ul { left: 32px; right: auto; } body.jsn-direction-rtl ul#jsn-sitetools-menu ul li a { float: right; } /* ===============  OTHER POSITIONS =============== */ div[id*="jsn-pos-stick-left"], div[id*="jsn-pos-stick-right"] { display: none; height: 0; } #jsn-pos-promo { margin: 0; width: 100%; } #jsn-pos-promo-left, #jsn-pos-promo-right, #jsn-content #jsn-maincontent, #jsn-content #jsn-maincontent #jsn-centercol, #jsn-content #jsn-leftsidecontent, #jsn-content #jsn-rightsidecontent, #jsn-content #jsn-pos-innerleft, #jsn-content #jsn-pos-innerright { width: 100%; margin: 0; } #jsn-content #jsn-maincontent_inner, #jsn-promo #jsn-pos-promo div.jsn-modulecontainer { margin: 0 !important; } #jsn-pos-promo-left div.jsn-modulecontainer, #jsn-pos-promo-right div.jsn-modulecontainer { padding: 0 !important; } #jsn-pos-breadcrumbs { padding: 10px; } #jsn-leftsidecontent_inner, #jsn-rightsidecontent_inner { padding: 0 !important; } #jsn-pos-innerleft > div, #jsn-pos-innerright > div { margin: 0 10px !important; } #jsn-pos-content-bottom + #jsn-usermodules3 { padding-top: 0 !important; } div.jsn-modulescontainer4.jsn-horizontallayout div.jsn-modulecontainer { width: 49.9%; } div#jsn-pos-breadcrumbs.display-mobile, div.jsn-modulecontainer.display-mobile { display: block; } div#jsn-pos-breadcrumbs.display-desktop, div.jsn-modulecontainer.display-desktop { display: none; } /* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */ /* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */ /* ----- STANDARD CONTACT LAYOUT - CONTACT FORM INPUT BOXES ----- */ .jsn-mailling-form { text-align: center; } .jsn-mailling-form p { text-align: left; } .jsn-mailling-form #contact_name, .jsn-mailling-form #contact_email, .jsn-mailling-form #contact_subject, .jsn-mailling-form #contact_text { width: 100%; padding: 3px 0; } /* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */ div.com-search #searchForm .search-phrase { margin-left: 0; } div.com-search #searchForm .search-keyword label, div.com-search #searchForm .search-ordering label, div.com-search #searchForm .search-field-title { float: none; display: inline; text-align: left; padding-bottom: 3px; } div.com-search #searchForm .search-keyword-result .search-field-title { display: inline; } div.com-search #searchForm .search-range label, div.com-search #searchForm  .search-range .search-field-title { float: left; } body.jsn-direction-rtl div.com-search #searchForm .search-range label, body.jsn-direction-rtl div.com-search #searchForm .search-range .search-field-title { float: right; } #jsn-pos-content-bottom [class*="span"]{ width: 100% !important; } #demo-gallery .item{ padding: 95px !important; } }/************************************************************************************smartphone layout (320 - 480): everything is layout in single column*************************************************************************************/@media only screen and (max-width: 480px), (max-device-width: 480px) {  #jsn-pos-content-top [class*="span"],#jsn-pos-content-bottom [class*="span"],#jsn-pos-user-top [class*="span"],#jsn-pos-user-bottom [class*="span"],#jsn-pos-mainbody-top [class*="span"],#jsn-pos-mainbody-bottom [class*="span"],#jsn-usermodules1 [class*="span"],#jsn-usermodules2 [class*="span"],#jsn-usermodules3 [class*="span"],#jsn-footermodules [class*="span"] {width: 100% !important;}#jsn-logo #jsn-logo-mobile {display: block;}#jsn-logo #jsn-logo-mobile + #jsn-logo-desktop {display: none;}#jsn-logo {float: none;text-align: center;}#jsn-pos-top,#jsn-pos-top div.jsn-modulecontainer,#jsn-social-icons {float: none;}ul.menu-topmenu {text-align: center;}#jsn-headerright {float: none;padding: 0 10px;}#jsn-headerright #jsn-pos-top {float: none;}#jsn-headerright #jsn-pos-top div.jsn-modulecontainer {float: none;margin: 0 0 15px 0;}div#jsn-pos-breadcrumbs.display-tablet,div.jsn-modulecontainer.display-tablet {display: none;}div#jsn-pos-breadcrumbs.display-smartphone,div.jsn-modulecontainer.display-smartphone {display: block;}div#jsn-content.jsn-hasright #jsn-content_inner2,div#jsn-content.jsn-hasleft #jsn-content_inner {background: none;}#jsn-pos-promo-left div.jsn-modulecontainer,#jsn-pos-promo-right div.jsn-modulecontainer,#jsn-leftsidecontent_inner,#jsn-rightsidecontent_inner {margin: 20px 10px !important;}#jsn-content.jsn-hasinnerleft #jsn-pos-innerright > div {padding-top: 0;}div.jsn-modulescontainer2 div.jsn-modulecontainer,div.jsn-modulescontainer3 div.jsn-modulecontainer,div.jsn-modulescontainer4 div.jsn-modulecontainer,div.jsn-modulescontainer5 div.jsn-modulecontainer,div.jsn-modulescontainer6 div.jsn-modulecontainer,#jsn-pos-user1,#jsn-pos-user2,#jsn-pos-user3,#jsn-pos-user4,#jsn-pos-user5,#jsn-pos-user6,#jsn-pos-user7,#jsn-pos-footer,#jsn-pos-bottom {width: 100% !important;}#jsn-pos-user1 + #jsn-pos-user2,#jsn-pos-user3 + #jsn-pos-user4 {margin-top: 15px;}#jsn-pos-user5,#jsn-pos-user6,#jsn-pos-user7 {margin: 0;margin-top: 15px;}div.jsn-horizontallayout div.jsn-modulecontainer:first-child,#jsn-usermodules3 > div:first-child {margin-top: 0;}#jsn-pos-bottom {text-align: left;}div[class*="grid-layout"] div.grid-col {width: 100%;}div.grid-layout div.grid-col div.grid-col_inner {margin-right: 0;}body.jsn-direction-rtl div.grid-layout div.grid-col div.grid-col_inner {margin-left: 0;}body.jsn-direction-rtl #jsn-social-icons ul {float: none;}/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== *//* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== *//* ----- ARTICLE DETAILS ----- */p, pre, blockquote, form, dl, ul, ol, fieldset, address, table {word-wrap: break-word;}/* ----- SECTION / CATEGORY BLOG LAYOUT ----- *//* ARTICLE COLUMN CONTAINER */.jsn-articlecols {float: none;width: 100% !important;}.jsn-articlecols .jsn-article {padding: 0;}/* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */.com-newsfeed table.jsn-infotable td.jsn-table-column-links,.com-newsfeed legend.hidelabeltxt {display: none;}.com-newsfeed div.display-limit {float: right;}.com-newsfeed table.category {width: 100%;border: none;border-collapse: collapse;}.com-newsfeed table.category thead th {padding: 10px;}.com-newsfeed table.category thead .item-title {text-align: left;}.com-newsfeed table.category thead {background-color: #999;text-shadow: 0 1px 0 rgba(0,0,0,0.5) ;}.com-newsfeed table.category thead th a {color: #FFF;}.com-newsfeed table.category .item-num-art {text-align: center;}.com-newsfeed table.category .item-link {display: none;}.com-newsfeed table.category tbody td {padding: 10px 5px;border-bottom: 1px solid #CCC;}.jsn-joomla-30 .com-newsfeed ul.category li {float: left;width: 100%;}.jsn-joomla-30 .com-newsfeed div.display-limit {float: none;}/* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */.com-contact table.jsn-infotable td.jsn-table-column-country,.com-contact table.jsn-infotable td.jsn-table-column-state,.com-contact table.jsn-infotable td.jsn-table-column-suburb,.com-contact table.jsn-infotable td.jsn-table-column-position {display: none;}/* =============== JOOMLA! EXTENSIONS - COM_USER =============== *//* ----- USER FORM LAYOUT ----- */div.com-user div.default-login {width: 90%;}div.com-user div.default-login .login-fields input {display: block;width: 95%;}div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {  max-width: 210px;}#jsn-menu .jsn-modulecontainer.display-dropdown .input-append .add-on,#jsn-menu .jsn-modulecontainer.display-dropdown .input-prepend .add-on,#jsn-menu form#login-form a.btn {  padding: 0 10px;}#jsn-menu .input-prepend input,#jsn-menu .input-append input {  display: inline-block;  width: 100px;}}/************************************************************************************ tablet wide layout (481 - 960): arrange modules in 3 columns and 1 side bar *************************************************************************************/ @media only screen and (min-width: 481px) and (max-width: 960px), (min-device-width: 481px) and (max-device-width: 960px) { #jsn-content-top.jsn-haspromoleft.jsn-haspromoright #jsn-promo #jsn-pos-promo-left, #jsn-content-top.jsn-haspromoleft.jsn-haspromoright #jsn-promo #jsn-pos-promo-right, #jsn-content.jsn-hasleft.jsn-hasright #jsn-leftsidecontent, #jsn-content.jsn-hasleft.jsn-hasright #jsn-rightsidecontent, #jsn-content.jsn-hasinnerright #jsn-pos-innerleft, #jsn-content.jsn-hasinnerleft #jsn-pos-innerright { width: 49.95%; float: left; } #jsn-pos-promo, #jsn-pos-promo-left, #jsn-pos-promo-right, #jsn-maincontent, #jsn-leftsidecontent, #jsn-rightsidecontent, #jsn-pos-innerleft, #jsn-pos-innerright { margin: 0; } #jsn-maincontent { padding: 0 !important; } #jsn-pos-promo-left[class*="order"] div.jsn-modulecontainer, #jsn-pos-promo-right[class*="order"] div.jsn-modulecontainer { margin: 20px 10px; } #jsn-leftsidecontent div.jsn-modulecontainer, #jsn-rightsidecontent div.jsn-modulecontainer { margin-top: 20px; } #jsn-leftsidecontent div.jsn-modulecontainer:first-child, #jsn-rightsidecontent div.jsn-modulecontainer:first-child { margin-top: 0; } #jsn-pos-content-top, #jsn-pos-content-bottom, #jsn-pos-user-top, #jsn-pos-user-bottom, #jsn-pos-mainbody-top, #jsn-pos-mainbody-bottom { padding-top: 0 !important; } div#jsn-pos-breadcrumbs.display-smartphone, div.jsn-modulecontainer.display-smartphone { display: none; } div#jsn-pos-breadcrumbs.display-tablet, div.jsn-modulecontainer.display-tablet { display: block; } #jsn-leftsidecontent_inner, #jsn-rightsidecontent_inner { margin: 15px 10px !important; } #jsn-pos-innerleft > div, #jsn-pos-innerright > div { padding: 15px; } div.grid-layout4 div.grid-col, div.grid-layout5 div.grid-col, div.grid-layout6 div.grid-col { /*width: 33.3%;*/ } div.jsn-modulescontainer3 #jsn-pos-user5 div.jsn-modulecontainer, div.jsn-modulescontainer3 #jsn-pos-user6 div.jsn-modulecontainer, div.jsn-modulescontainer3 #jsn-pos-user7 div.jsn-modulecontainer { width: 100%; } #jsn-pos-content-top .span2, #jsn-pos-content-top .span3, #jsn-pos-content-top .span4, #jsn-pos-content-bottom .span2, #jsn-pos-content-bottom .span3, #jsn-pos-content-bottom .span4, #jsn-pos-user-top .span2, #jsn-pos-user-top .span3, #jsn-pos-user-top .span4, #jsn-pos-user-bottom .span2, #jsn-pos-user-bottom .span3, #jsn-pos-user-bottom .span4, #jsn-usermodules3 .span2, #jsn-usermodules3 .span3, #jsn-usermodules3 .span4, #jsn-pos-mainbody-top .span2, #jsn-pos-mainbody-top .span3, #jsn-pos-mainbody-top .span4, #jsn-pos-mainbody-bottom .span2, #jsn-pos-mainbody-bottom .span3, #jsn-pos-mainbody-bottom .span4 { width: 31.491712707182323%; float: left; } #jsn-pos-content-top .span2:nth-child(4), #jsn-pos-content-top .span3:nth-child(4), #jsn-pos-content-bottom .span2:nth-child(4), #jsn-pos-content-bottom .span3:nth-child(4), #jsn-pos-user-top .span2:nth-child(4), #jsn-pos-user-top .span3:nth-child(4), #jsn-pos-user-bototm .span2:nth-child(4), #jsn-pos-user-bottom .span3:nth-child(4), #jsn-usermodules3 .span2:nth-child(4), #jsn-usermodules3 .span3:nth-child(4), #jsn-pos-mainbody-top .span2:nth-child(4), #jsn-pos-mainbody-top .span3:nth-child(4), #jsn-pos-mainbody-bottom .span2:nth-child(4), #jsn-pos-mainbody-bottom .span3:nth-child(4) { margin-left: 0; } }/************************************************************************************ tablet narrow layout (481 - 767): arrange modules in 2 columns and 1 side bar *************************************************************************************/ @media only screen and (min-width: 481px) and (max-width: 768px), (min-device-width: 481px) and (max-device-width: 768px) and (orientation:portrait) { #jsn-pos-content-top [class*="span"], #jsn-pos-content-bottom [class*="span"], #jsn-pos-user-top [class*="span"], #jsn-pos-user-bottom [class*="span"], #jsn-pos-mainbody-top [class*="span"], #jsn-pos-mainbody-bottom [class*="span"], #jsn-usermodules1 [class*="span"], #jsn-usermodules2 [class*="span"], #jsn-usermodules3 [class*="span"], #jsn-footermodules [class*="span"] { width: 48.93617021276595%; margin-left: 0; float: left; } .jsn-horizontallayout .span12, #jsn-usermodules1 .span12, #jsn-usermodules2 .span12, #jsn-usermodules3 .span12 { width: 100% !important; } #jsn-pos-content-top [class*="span"]:nth-child(2), #jsn-pos-content-top [class*="span"]:nth-child(4), #jsn-pos-content-top [class*="span"]:nth-child(6), #jsn-pos-content-bottom [class*="span"]:nth-child(2), #jsn-pos-content-bottom [class*="span"]:nth-child(4), #jsn-pos-content-bottom [class*="span"]:nth-child(6), #jsn-pos-user-top [class*="span"]:nth-child(2), #jsn-pos-user-top [class*="span"]:nth-child(4), #jsn-pos-user-top [class*="span"]:nth-child(6), #jsn-pos-user-bottom [class*="span"]:nth-child(2), #jsn-pos-user-bottom [class*="span"]:nth-child(4), #jsn-pos-user-bottom [class*="span"]:nth-child(6), #jsn-pos-mainbody-top [class*="span"]:nth-child(2), #jsn-pos-mainbody-top [class*="span"]:nth-child(4), #jsn-pos-mainbody-top [class*="span"]:nth-child(6), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(2), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(4), #jsn-pos-mainbody-bottom [class*="span"]:nth-child(6), #jsn-usermodules1 [class*="span"]:nth-child(2), #jsn-usermodules2 [class*="span"]:nth-child(2), #jsn-usermodules3 [class*="span"]:nth-child(2), #jsn-footermodules [class*="span"]:nth-child(2) { margin-left: 2.127659574468085%; } #jsn-usermodules3.jsn-modulescontainer3 .span4:last-child { margin-top: 20px; } } @media only screen and (min-width: 960px), (min-device-width: 2600px) {.nurmobil,   .unter960drin { display: none !important; }}

/* FILE: /templates/rosenhof/css/jsn_social_icons.css */
/*** @author    JoomlaShine.com http://www.joomlashine.com* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.* @license   JoomlaShine.com Proprietary License*//* ========== SOCIAL - ICON ========== */#jsn-social-icons > h3{margin: 0;color: #FBEFD9;font-size: 1.4em;padding-bottom: 15px;font-weight: 400;}#jsn-social-icons ul {margin: 0;}#jsn-social-icons ul li {float: left; list-style: none;margin: 0 0 0 0;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}#jsn-social-icons ul li:last-child {}#jsn-social-icons ul li a {display: block;position: relative;outline: none;text-align: left;}#jsn-social-icons ul li a span {display: block;float: left;margin: 3px 10px 0 0;background-image: url(/templates/rosenhof/images/colors/green/icons-social.png);background-repeat: no-repeat;width: 14px;height: 16px;}body.jsn-color-red #jsn-social-icons ul li a span {background-image: url(/templates/rosenhof/images/colors/red/icons-social.png);}body.jsn-color-blue #jsn-social-icons ul li a span {background-image: url(/templates/rosenhof/images/colors/blue/icons-social.png);}body.jsn-color-orange #jsn-social-icons ul li a span {background-image: url(/templates/rosenhof/images/colors/orange/icons-social.png);}body.jsn-color-cyan #jsn-social-icons ul li a span {background-image: url(/templates/rosenhof/images/colors/cyan/icons-social.png);}body.jsn-color-brown #jsn-social-icons ul li a span {background-image: url(/templates/rosenhof/images/colors/brown/icons-social.png);}#jsn-social-icons ul li:hover {transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;  color: #FBEFD9 !important;}/* ========== ICONS POSITION ========== */#jsn-social-icons ul li.facebook a span{    background-position: 0 center;}#jsn-social-icons ul li.twitter a span{    background-position: -37px center;}#jsn-social-icons ul li.youtube a span{    background-position: -78px center;}#jsn-social-icons ul li.googleplus a span{    background-position: -119px center;}#jsn-social-icons ul li.pinterest a span{    background-position: -160px center;}#jsn-social-icons ul li.myspace a span{    background-position: -201px center;}#jsn-social-icons ul li.flickr a span{    background-position: -242px center;}#jsn-social-icons ul li.dribble a span{    background-position: -283px center;}#jsn-social-icons ul li.stumbleupon a span{    background-position: -324px center;}#jsn-social-icons ul li.yahoo a span{    background-position: -364px center;}#jsn-social-icons ul li.skype a span{    background-position: -406px center;}#jsn-social-icons ul li.rss a span{    background-position: -446px center;}#jsn-social-icons ul li.linkedin a span{    background-position: -485px center;}/* ========== RTL LAYOUT ========== */body.jsn-direction-rtl #jsn-social-icons ul li a span{    float: right;  margin: 3px 0 0 10px;}body.jsn-direction-rtl #jsn-social-icons ul li a { text-align: right;}@media only screen and (max-width: 480px), (max-device-width: 480px) {#jsn-social-icons,#jsn-social-icons ul,#jsn-social-icons ul li {float: none;}#jsn-social-icons ul {text-align: center;}/*#jsn-social-icons ul li {display: inline-block;float: left;width: 35%;margin: 0 20px;}*/}