/* 
----------------------------------------------------------------------
build in: August 2014 - March 2015
copyright: banality GmbH – www.banality.de
----------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------
global structure - tag definitions
----------------------------------------------------------------------
*/

body {
    margin: 0px;
    border: 0px none;
    padding: 0px;
    background: url(../images/body_bg.jpg) top center #FFF;
    color: #1D1D1D;
    font-family: verdana, sans-serif;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    }

p, form, img, legend, ul, ol, h1, h2, h3, h4, h5, h6, dl, dt, dd {
    margin: 0px;
    border: 0px none;
    padding: 0px;
    }

a {
    color: #0088CC;
    text-decoration: none;    
    }

a:active, a:hover {
    outline: 0;
    }

input {
    line-height: normal;
    font-family: verdana, sans-serif !important;  
    }

.clear {
    clear: both;
    }
    
.wrapper {
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px 20px;
    }

.offscreen {
    display: inline;
    height: 1px;
    width: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    }

/* a[target=_blank]:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 4px 5px 0 0;
    background: url(../images/link_extern.png) no-repeat;
    } */



/*
----------------------------------------------------------------------
button + tooltip + forms
----------------------------------------------------------------------
*/

.grey_button {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 3px 6px 2px 6px;
    background: url(../images/button_grey_bg.jpg) repeat-x bottom #FAFAFA;
    border: 1px solid #B0B0B0 !important;
    border-radius: 6px;
    color: #1D1D1D;
    font-size: 14px;
    text-shadow: 0px 1px 1px #FFF;
    }

.grey_button:hover {
    border: 1px solid #0088CC !important;
    }

span.grey_button {
    cursor: not-allowed;
    }

.blue_button {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 7px 12px 6px 12px;
    background: url(../images/button_blue_bg.png) repeat-x bottom #39A7D8;
    border: 1px solid #3687AE !important;
    border-radius: 6px;
    color: #FFF;
    font-size: 14px;
    text-shadow: 0px 1px 1px #1F6687;
    }

.blue_button:hover {
    border: 1px solid #1B3E4C !important;
    }

.blue_button_mobile {
   margin-bottom: auto;
   }

a.tooltip span {
    display: none;
    }
    
a.tooltip:hover span {
    padding: 3px;
    margin: -5px 0px 0px 5px;
    width: 130px;
    display: inline;
    position: absolute;
    background: url(../images/button_blue_bg.png) repeat-x bottom #39A7D8;
    text-align: center;
    border: 1px solid #327DA9;
    border-radius: 6px;
    font-size: 12px;
    color: #FFF;
    text-shadow: 0px 1px 1px #2B708F;
    }

a.tooltip:hover span.relevance {
    width: 430px;
    text-align: left;
    font-size: 10px;
    }

.bu_info:before,
.bu_search:before,
.bu_quote:before,
.bu_goback:before,
.bu_user:before,
.bu_login:before,
.bu_delete:before,
.bu_export:before,
.bu_print:before,
.bu_sendmail:before,
.bu_save:before,
.bu_rss:before,
.bu_google:before,
.bu_content:before,
.bu_content_mobile:before,
.bu_content_single:before,
.bu_remember:before,
.bu_remember_blue:before,
.bu_fulltext:before,
.bu_calief:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 1px 6px 0 0;
    }

.bu_info:before {
    background: url(../images/icon_info.png) no-repeat;
    }

.bu_remember:before {
    background: url(../images/icon_star.png) no-repeat;
    }

.bu_remember_blue:before {
    background: url(../images/icon_star_active.png) no-repeat;
    }

.bu_content:before {
    background: url(../images/icon_content.png) no-repeat 0px 3px;
    }

.bu_content_mobile:before {
    background: url(../images/icon_content.png) no-repeat 0px 3px;
    }

.bu_content_single:before {
    background: url(../images/icon_content.png) no-repeat 0px 3px;
    }

.bu_google:before {
    background: url(../images/icon_google.png) no-repeat 0px -1px;
    }

.bu_rss:before {
    background: url(../images/icon_rss.png) no-repeat;
    }

.bu_sendmail:before {
    background: url(../images/icon_sendmail.png) no-repeat 0px 3px;
    }

.bu_save:before {
    background: url(../images/icon_save.png) no-repeat;
    }

.bu_print:before {
    background: url(../images/icon_print.png) no-repeat;
    }
    
.bu_export:before {
    background: url(../images/icon_export.png) no-repeat;
    }
    
.bu_delete:before {
    background: url(../images/icon_delete.png) no-repeat 0px 1px;
    }

.bu_login:before {
    background: url(../images/icon_login.png) no-repeat 0px 1px;
    }

.bu_user:before {
    background: url(../images/icon_user.png) no-repeat 0px 1px;
    }

.bu_goback:before {
    background: url(../images/icon_goback.png) no-repeat 0px 3px;
    }
    
.bu_quote:before {
    background: url(../images/icon_quote.png) no-repeat 0px 3px;
    }

.bu_search:before {
    background: url(../images/icon_search.png) no-repeat;
    }

.bu_fulltext:before {
    background: url(../images/icon_openbook_big.png) no-repeat;
    }

.bu_calief:before {
    background: url(../images/icon_calief.png) no-repeat;
    }

.simple_form {
    padding: 0 20px 20px 20px;
    border-top: 1px solid #B0B0B0;
    margin-right: 20px;
    }
   
.simple_form label {
    font-weight: bold;
    padding: 20px 0 5px 0;
    display: block;
    }   

.simple_form label span {
    font-weight: normal;
    padding-left: 392px;
    }  
   
.simple_form label span a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;
    }    
   
.simple_form .input_100 {
    border-radius: 6px;
    width: 560px;
    padding: 8px 12px;
    font-size: 12px;
    border: 1px solid #BCBCBC;
    color: #0088CC;
    }

.simple_form .input_70 {
    border-radius: 6px;
    width: 400px;
    padding: 8px 12px;
    font-size: 12px;
    border: 1px solid #BCBCBC;
    color: #0088CC;
    }

.simple_form .input_100:hover, .simple_form .input_70:hover {
    border-color: #0088CC;
    }

.simple_form .captcha {
    display: block;
    float: left;
    border-radius: 6px;
    width: 124px;
    padding: 7px 12px;
    font-size: 12px;
    border: 1px solid #BCBCBC;
    color: #0088CC;
    margin-right: 10px;
    }

.readonly {
    cursor: not-allowed !important;
    color: #666 !important;
    background: #F1F1F1;
    }

.bib_button {
    display: inline-block;
    margin: -5px 2px 7px 0;
    padding: 4px 6px;
    background: url(../images/button_grey_bg.jpg) repeat-x bottom #FAFAFA;
    border: 1px solid #B0B0B0 !important;
    border-radius: 6px;
    color: #1D1D1D;
    font-size: 12px;
    text-shadow: 0px 1px 1px #FFF;
    }

.bib_button:hover {
    border: 1px solid #0088CC !important;
    }

.bib_button span {
    background: url(../images/icon_bib.png) no-repeat 0px 1px;
    padding-left: 16px;
    }



/*
----------------------------------------------------------------------
messages
----------------------------------------------------------------------
*/
    
.message_ok {
    background: url(../images/message_ok_bg.png) repeat-x #79B338;
    margin: -1px 20px 0px 0px;
    }

.message_go {
    background: url(../images/message_go_bg.png) repeat-x #2E89AF;
    margin: -1px 20px 0px 0px;
    }    

.message_go_dbr {
    background: url(../images/message_go_bg.png) repeat-x #2E89AF;
    margin: 20px 0px 0px 0px;
    }
           
.message_na {
    background: url(../images/message_na_bg.png) repeat-x #FE393C;
    margin: -1px 20px 0px 0px;
    }

.message_ok h2, .message_go h2, .message_go_dbr h2, .message_na h2 {
    font-size: 12px;
    padding: 12px 20px 12px 50px;
    color: #FFF;
    }

.message_ok h2 {
    background: url(../images/message_ok.png) no-repeat 20px center;
    text-shadow: 0px 1px 1px #517926;
    }
   
.message_go h2, .message_go_dbr h2 {
    background: url(../images/message_go.png) no-repeat 20px center;
    text-shadow: 0px 1px 1px #255C78;
    }
        
.message_na h2 {
    background: url(../images/message_na.png) no-repeat  20px center;
    text-shadow: 0px 1px 1px #A41B1E;
    }
    
.message_ok a, .message_go a, .message_go_dbr a, .message_na a {
    color: #FFF !important;
    text-decoration: underline;
    }    
    
.message_ok a:hover, .message_go a:hover, .message_go_dbr a:hover, .message_na a:hover {
    color: #F1F1F1 !important;
    text-decoration: none;
    border-bottom: 1px dotted #F1F1F1;
    }    
    
.message_ontop {
    margin-top: 20px;
    }
    

/*
----------------------------------------------------------------------
meta_menu
----------------------------------------------------------------------
*/	           
    
#meta_menu {
    background: url(../images/meta_menu_bg.png) repeat-x bottom #1D1D1D;
    min-height: 40px;
    color: #FFF;
    font-size: 14px;
    }

#mn_left {
    float: left;
    }

#mn_right {
    float: right;
    text-align: right;
    }

#meta_menu ul {
    margin: 0px -10px;
    }

#meta_menu ul ul {
    margin: 0px 0px;
    }

#meta_menu ul li {
    list-style-type: none;
    display: inline;
    position: relative;
    }

#meta_menu ul li ul {
    display: none;
    padding: 0px;
    text-align: left !important;
    margin-left: -160px;
    }

#meta_menu ul li:hover > ul {
    display: block;
    position: absolute;
    left: 160px;
    z-index: 6;
    }

#meta_menu ul li ul li {
    display: block !important;
    }
    
#meta_menu ul li ul li a:hover {
    color: #333;
    }

#meta_menu ul li a {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    color: #FFF;
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
    }

#meta_menu ul li:hover a, #meta_menu ul li:hover > ul li a  {
    background-color: #000;
    }

#meta_menu ul li:hover > a {
    color: #AAA;
    }

#meta_menu ul li ul li a {
    color: #FAFAFA;
    width: 180px;
    }

#meta_menu ul li ul li a:hover {
    color: #AAA;
    background-color: #333 !important;
    }

#mn_logout {
    color: #FF3636 !important;
    }

#mn_language:before,
#mn_help:before,
#mn_calief:before,
#mn_star:before,
#mn_user:before,
#mn_login:before,
#mn_logout:before,
#mn_mybeluga:before,
.mn_star:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
    }

#mn_language:before {
    background: url(../images/mn_icon_world.png) no-repeat;
    }

#mn_help:before {
    background: url(../images/mn_icon_help.png) no-repeat;
    }

#mn_calief:before {
    background: url(../images/mn_icon_calief.png) no-repeat;
    }

#mn_star:before,
.mn_star:before {
    background: url(../images/mn_icon_star.png) no-repeat;
    }

#mn_user:before {
    background: url(../images/mn_icon_user.png) no-repeat;
    }

#mn_login:before {
    background: url(../images/mn_icon_login.png) no-repeat;
    }

#mn_logout:before {
    background: url(../images/mn_icon_logout.png) no-repeat;
    }

#mn_mybeluga:before {
    background: url(../images/mn_icon_mybeluga.png) no-repeat;
    }



/*
----------------------------------------------------------------------
header
----------------------------------------------------------------------
*/	

#header {
    background: #F1F1F1;
    box-shadow: 0px 5px 5px #969696;
    min-height: 80px;
    margin-bottom: 40px;
    }

#header img {
    padding-top: 14px;
    float: left;
    margin-right: 30px;
    }

#header form {
    float: left;
    padding-top: 19px;
    }

#searchForm_lookfor {
    border-radius: 6px 0px 0px 6px;
    width: 270px;
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid #BCBCBC;
    border-right: 0px;
    color: #0088CC;
    margin-right: 0px;
    }

#searchForm_prefix {
    border-radius: 0px 6px 6px 0px;
    padding: 9px 12px 9px 2px;
    font-size: 14px;
    border: 1px solid #BCBCBC;
    color: #0088CC;
    margin-left: -4px;
    margin-right: 15px;
    }

#search_button {
    margin: 0 15px 0 0 !important;
    padding: 8px 12px 9px 12px;
    background: url(../images/button_blue_bg.png) repeat-x bottom #39A7D8;
    border: 1px solid #3687AE !important;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 14px;
    text-shadow: 0px 1px 1px #1F6687;
    cursor: pointer;
    text-transform: lowercase;
    }

#search_button:hover {
    border: 1px solid #1B3E4C !important;
    }

#header ul {
    float: left;
    list-style-type: none;
    padding: 15px 0 10px 0;
    }

#header ul li a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;
    }

#header_menu_mobile {
    display: none;
    }


/*
----------------------------------------------------------------------
mainsection, columnset
----------------------------------------------------------------------
*/

#mainsection {}

#col_tab_navigation {
    height: 40px;
    list-style-type: none;
    }

#col_tab_navigation li {
    display: inline;
    padding-right: 5px;
    }

#col_tab_navigation a {
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    width: 230px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: -4px -3px 3px 0px #969696, 4px -3px 3px 0px #969696;
    }

#ctn_active {
    background: #F1F1F1;
    border-bottom: 6px solid #F1F1F1;
    }

#ctn_non_active {
    background: url(../images/ctn_non_active.png) bottom;
    color: #FFF;
    }

#ctn_non_active:hover {
    background: #3687AE;
    }

#ctn_active .ctn_load {
    background: url(../images/ctn_active_load.gif) bottom;
    float: right;
    width: 16px;
    }

#ctn_non_active .ctn_load {
    background: url(../images/ctn_non_active_load.gif) bottom;
    float: right;
    width: 16px;
    }

#columnset {
    max-width: 1200px;
    min-width: 940px;
    background: #F1F1F1;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0px 0px 4px 4px #969696;
    }

#left_column {
    float: left;
    width: 70%;
    background: url(../images/left_column_bg.png) repeat-y top right;
    }

#right_column {
    float: left;
    width: 30%;
    background: url(../images/right_column_bg.png) repeat-x;
    }

#out_top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: -4px -3px 4px 0px #969696, 4px -3px 4px 0px #969696;
    background: url(../images/out_top_bg.png) bottom repeat-x #FFF;
    }

.ot_high {
    margin-top: -140px;
    height: 140px;    
    }

.ot_low {
    margin-top: -40px;
    height: 40px;    
    }

#out_top ul li {
    list-style-type: none;
    display: inline;
    position: relative;
    }

#out_top ul li ul {
    display: none;
    padding: 0px;
    text-align: left !important;
    }

#out_top ul li:hover > ul {
    display: block;
    position: relative;
    left: 0px;
    z-index: 3;
    width: 100%;
    padding-bottom: 10px;
    background: url(../images/out_top_bottom_bg.png) bottom repeat-x;
    }

#out_top ul li ul li {
    display: block !important;
    background-color: #FFFFFF;
    }
    
#out_top ul li ul li a:hover {
    color: #333;
    }

#out_top ul li ul li:hover {
    color: #0088CC;
    background-color: #F1F1F1 !important;
    }

#out_top ul li ul li span {
    float: right;
    color: #1D1D1D;
    padding-top: 5px;
    padding-right: 15px;
    letter-spacing: -1px;
    }

#out_top ul li a {
    text-decoration: none;
    display: inline-block;
    color: #1D1D1D;
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
    }

#out_top ul li {
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
    }

#out_top ul li a {
    padding: 12px 20px 12px 20px;
    font-size: 14px;
    }

#choose_bib:after {
    content: "";
    display: block;
    width: 20px;
    height: 10px;
    float: right;
    margin: 5px 0 0 6px;
    background: url(../images/icon_dropdown.png) no-repeat;
    }

#out_top ul li ul li a {
    color: #0088CC;
    width: 70%;
    padding: 5px 0px 5px 20px;
    font-size: 12px;
    }

#out_top ul li:hover > ul li a  {
    background-color: #FFF !important;
    }

#out_top ul li:hover > a {
    color: #0088CC;
    }

#out_top ul li ul li a:hover {
    background-color: #F1F1F1 !important;
    }

#out_top ul li ul li a:hover {
    color: #0088CC;
    background-color: #F1F1F1 !important;
    }

#active_bib {
    padding: 20px 20px 0px 20px;
    margin-bottom: -5px;
    }

#active_bib h3 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 0 5px 0;
    }

a#infoopen {
    float: right;
    display: block;
    }

#active_bib h3 {
    height: 30px;
    }

#active_bib h3 a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;    
    }
    
.info, .corrections {
    padding: 20px;
    margin: 0px 40px 20px;
    border: 2px solid #DDD;
    border-color: #92CAE4;
    background: none repeat scroll 0% 0% #D5EDF8;
    color: #205791;
    }

.info p {
    padding: 0px;
    }
    
/*
----------------------------------------------------------------------
left_column (maincontent)
----------------------------------------------------------------------
*/

#left_column h1 {
    font-size: 14px;
    font-weight: normal;
    padding: 20px;
    margin-right: 20px;
    border-bottom: 1px solid #B0B0B0;
    }

#headline_info:before,
#headline_mail:before,
#headline_login:before,
#headline_star:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
    }

#headline_star:before {
    background: url(../images/icon_star.png) no-repeat;
    }

#headline_login:before {
    background: url(../images/icon_login.png) no-repeat;
    }
    
#headline_mail:before {
    background: url(../images/icon_sendmail.png) no-repeat 0px 2px;
    }

#headline_info:before {
    background: url(../images/icon_info.png) no-repeat;
    }
  
#maincontent {
    padding: 20px 40px 20px 20px;
    }  

#maincontent h1, #maincontent h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    } 
    
#maincontent h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    } 
    
#maincontent h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    } 
    
#maincontent h5 {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    } 
    
#maincontent h6 {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    }                 
    
#maincontent p {
    padding-bottom: 20px;
    }    
    
#maincontent a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B; 
    }     
   
#maincontent ul, #maincontent ol {
    margin: 0px 0px 20px 40px;
    } 

#maincontent table {
    border-top: 1px solid #B9BCC7;
    border-right: 1px solid #B9BCC7;
    margin-bottom: 20px;
    }

#maincontent th {
    background: #F0F0F0;
    }

#maincontent td, #maincontent th {
    border-left: 1px solid #B9BCC7;
    border-bottom: 1px solid #B9BCC7;
    padding: 5px;
    }    
    
    
    
/*
----------------------------------------------------------------------
left_column (results)
----------------------------------------------------------------------
*/

#left_column #results #r_head {
    padding: 20px 15px 18px 20px;
    }

#left_column #results #r_head label {
    float: left;
    display: block;
    margin: 0px;
    }

#left_column #results #r_head select {
    background: transparent;
    width: 140px;
    padding: 0px;
    margin: 0px 0px 0px 5px;
    font-size: 12px !important;
    font-family: verdana, sans-serif !important;
    font-weight: bold;
    line-height: 1;
    border: 0 none;
    -webkit-appearance: none;
    }

#left_column #results #r_head .select_item {
    width: 120px;
    overflow: hidden;
    background: url(../images/icon_dropdown.png) no-repeat right #F1F1F1;  
    }

#r_head_left {
    float: left;
    width: 350px;
    }

#r_head_right {
    float: right;
    width: 170px;
    }

.result_item {
    border-top: 1px solid #B0B0B0;
    margin: 0 4px 0 0;
    padding: 4px 0px 0px 10px;
    position: relative;
    }

.result_item:hover {
    background-color: #FFF;
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
    }

.span-18 .result_item {
    margin-left: 35px;
    }

.span-18 {
    width: 100%;
}

.result_item .item_number {
    display: block;
    width: 24px;
    float: left;
    }

.ri_col_1 {
    width: 120px;
    float: left;
    }

.ri_col_2 {
    width: 70%;
    float: left;    
    }

.ri_col_3 {
    width: 36px;
    float: left;
    text-align: right; 
    }

.ri_col_mobile {
    display: none;
    }

.ri_content {
    margin-right: 10px;
    float:left;
    }

.ric_year_mobile {
    display: none;
    }

.ri_col_1 .ri_content a img {
    height: 60px;
    max-width: 60px;
    text-align: left;
/*    display: block;*/
    color: #B0B0B0;
    }

    .ri_col_1 .format_icon {
        display:block;
		float:right;
        margin-right:15px;
    }


.ri_col_2 a:hover, .ri_col_2kom a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;    
    }

.ri_col_2 h2, .ri_col_2 h3, .ri_col_2 h4, .ri_col_2 h5 {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 10px;
    }

.ri_col_2 i {
    font-weight: bold;
    }

.ri_col_1kom {
    width: 7%;
    float: left;
    }

.ri_col_2kom {
    width: 60%;
    float: left;
    min-height: 24px;   
    }

.ri_col_3kom {
    width: 10%;
    float: left;
    text-align: right; 
    }

.ri_col_2kom h2, .ri_col_2kom h3 {
    font-weight: normal;
    font-size: 12px;
    display: inline;
    }

.ri_col_4kom {
    display: none;
    }

.result_item:hover .ri_col_4kom {
    display: block;
    width: 15%;
    float: left;
    text-align: right;
    }
    
.ri_col_4kom li {
    display: inline-block;
    list-style-type: none;
    }    

.ri_col_4kom a {
    display: inline-block;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    }

.ri_col_4kom a:hover {
    background: #F1F1F1;
    }

.article:before,
.book:before,
.journal:before,
.ri_ezeitschrift:before,
.ebook:before,
.datamedia:before,
.map:before,
.unknown:before,
.ejournal:before,
.microform:before,
.soundrecording:before,
.serialvolume:before,
.electronicarticle:before,
.motionpicture:before,
.musicalscore:before,
.game:before,
.electronicresource:before,
.manuscript:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
    }



.journal:before {
    background: url(../images/icon_art_zeitschrift.png) no-repeat;
    }
    
.book:before {
    background: url(../images/icon_art_buch.png) no-repeat;
    }    

.ri_ezeitschrift:before {
    background: url(../images/icon_art_ezeitschrift.png) no-repeat;
    }   

.article:before {
    background: url(../images/icon_art_artikel.png) no-repeat;
    }   

.ebook:before {
    background: url(../images/icon_art_ebook.png) no-repeat;
    }
    
.datamedia:before {
    background: url(../images/icon_art_datentraeger.png) no-repeat;
    }

.map:before {
    background: url(../images/icon_art_karte.png) no-repeat;
    }
    
.unknown:before {
    background: url(../images/icon_art_unbekannt.png) no-repeat;
    }
    
.ejournal:before {
    background: url(../images/icon_art_ezeitschrift.png) no-repeat;
    }

.microform:before {
    background: url(../images/icon_art_mikroform.png) no-repeat;
    }

.soundrecording:before {
    background: url(../images/icon_art_tontraeger.png) no-repeat;
    }

.serialvolume:before {
    background: url(../images/icon_art_zeitschrift.png) no-repeat;
    }

.electronicarticle:before {
    background: url(../images/icon_art_eartikel.png) no-repeat;
    }

.motionpicture:before {
    background: url(../images/icon_art_film.png) no-repeat;
    }

.musicalscore:before {
    background: url(../images/icon_art_musikdruck.png) no-repeat;
    }

.game:before {
    background: url(../images/icon_art_spiel.png) no-repeat;
    }

.electronicresource:before {
    background: url(../images/icon_art_eressource.png) no-repeat;
    }

.manuscript:before {
    background: url(../images/icon_art_manuskript.png) no-repeat;
    }   

.ri_actions {
    display: none;
    }

.result_item:hover .ri_actions {
    display: block;
    position: absolute;
    bottom: 4px;
    right: 15px;
    float: right;
    z-index: 4;
    }

#result_pager {
    padding: 20px;
    margin-right: 20px;
    border-top: 1px solid #B0B0B0;    
    }

.result_check {
    padding: 10px 20px;
    margin: -1px 20px 0px 0px;
    border-top: 1px solid #B0B0B0;
    font-weight: bold;    
    }

.result_check input {
    margin-right: 10px;
    }

#result_actions {
    padding: 20px;
    margin-right: 20px;
    border-top: 1px solid #B0B0B0;
    }

#choose_page {
    padding: 0px 15px;
    }

#choose_page input {
    border-radius: 6px;
    width: 50px;
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #BCBCBC;
    color: #0088CC; 
    }

.no_result {
    border-top: 1px solid #B0B0B0;
    margin-right: 20px;
    padding: 20px;
    }

.no_result h3 {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    }

.no_result ul {
    padding: 0px 20px;
    }

.no_result a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;     
    }



/*
----------------------------------------------------------------------
left_column (detail_view)
----------------------------------------------------------------------
*/

#dv_head {
    padding: 20px 20px 0px 20px;
    }

#dv_head_left {
    float: left;
    }

#dv_head_right {
    float: right;
    }

#dv_body {
    margin-right: 20px;
    }

#dv_body_left {
    float: left;
    width: 20%;
    }

#dv_body_right {
    float: right;
    width: 80%;
    }

#dv_body_left a {
    display: inline-block;
    margin: 20px;
    }

#dv_body_left a img {
    border: 1px solid #B0B0B0 !important;
    border-radius: 6px;
    width: 70px;
    min-height: 80px;
    text-align: center;
    color: #B0B0B0;
    }

#dv_body_right h1 {
    font-size: 20px !important;
    font-weight: normal;
    line-height: 25px;
    padding: 20px 0px 20px 0px !important;
    margin: 0 !important;
    border-bottom: 0px none !important;
    }

#dv_body_right th {
    font-weight: normal;
    padding: 10px 0px;
    border-top: 1px solid #B0B0B0;
    }

#dv_body_right th .bib_button {
    margin: 0px 0px 5px 0px !important;
    }

#dv_body_right th .bib_button b {
    color: #0088CC;
    font-weight: normal;
    padding: 0px 3px;
    text-transform: uppercase;
    }

#dv_body_right td {
    padding: 10px 0px;
    border-top: 1px solid #B0B0B0;
    }

#dv_body_right a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;     
    }

/*
----------------------------------------------------------------------
Staff View
----------------------------------------------------------------------
*/
.staffView { display: inline-block; float: right; padding: 0px 20px 10px 20px; }

/*
----------------------------------------------------------------------
availability info
----------------------------------------------------------------------
*/
.recordAvailable { padding: 20px 30px; }
#availabilityInfo { width: 100%; clear: both; text-align: center; }
.availability .button { background: none; border: none; padding: 0; }
.availability td.group { background: #eee; padding: 3px 8px!important; }
.availability td.hints { padding-left: 40px!important; border-top: none; }
.availability .button:hover,
.availability .button:focus { text-decoration: underline; }
.datagrid { width: 100%; text-align: left; border: 1px solid #ccc; }
.datagrid th { text-align: left; background: #eee; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border: 1px solid #ccc; }
.datagrid th,
.datagrid td { padding: 6px 8px; }
.datagrid td { border-top: 1px solid #ccc; background: #fff; }
.datagrid tr:hover { background: #eee; }
.datagrid th.group { background: #ddd; }

/*
----------------------------------------------------------------------
DB-Rcommender, Connected Records
----------------------------------------------------------------------
*/
.dbrecommender { padding-left: 40px;background: #ddd; border-radius: 0 0 3px 3px; padding: 20px 30px 30px; border-top: 1px solid #ccc; }
.connectedRecords { padding: 20px 30px; }
.connectedRecords ul, .dbrecommender ul { list-style: outside none none; padding: 0; margin: 0; }
.connectedRecords li, .dbrecommender li { margin: 0 0 5px 0; padding: 0 0 5px 25px; border-bottom: 1px dotted #ccc; }
.connectedRecords li span { display: inline-block; background-position: 10px 0px; padding-left: 45px; height: 20px; }
.connectedRecords h3 { padding-bottom: 20px; }
.dbrecommender h2, p { padding: 8px; }

/*
----------------------------------------------------------------------
right_column
----------------------------------------------------------------------
*/

#right_column .portlet {
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #CCC;
    }

#right_column .portlet h4 {
    font-size: 14px;
    font-weight: normal;
    padding: 20px 0px 20px 20px;
    /* border-bottom: 1px solid #CCC; */
    }

#right_column .portlet h4:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
    background: url(../images/icon_filter.png) no-repeat;
    }

#right_column .portlet h4 span {
    float: right;
    color: #1D1D1D;
    padding: 1px 20px 0 0;
    font-size: 12px;
    }

#right_column .portlet h4#my_account:before {
    background: url(../images/icon_user.png) no-repeat !important;    
    }
   
#right_column .portlet h4#is_similar:before {
    background: url(../images/icon_similar.png) no-repeat !important;    
    }    

.portlet div.filters {
    font-weight: bold;
    padding: 10px 22px 10px 22px;
    color: #0088CC;
}

.portlet ul.filters {
    padding:5px 5px 10px 19px;
    list-style-type:none;
    background:#ffffff;
    border-bottom: 1px solid #CCC;
}

.facetMargin {
	margin-left:16px;
	}

.portlet .navmenu {
    /* border-bottom: 1px solid #CCC; */
    }

.portlet .navmenu.open dt {
    font-weight: bold;
    background: url(../images/icon_arrow_down.png) no-repeat 23px 16px;
    padding: 10px 20px 10px 42px;
    display: block;
    color: #0088CC;
    }

.portlet .navmenu dt:hover, .portlet .navmenu dd:hover {
    background-color: #FFF;
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
    }

.portlet .navmenu dt {
    cursor:pointer;
    background: url(../images/icon_arrow_right.png) no-repeat 24px 16px;
    padding: 10px 20px 10px 42px;
    display: block;
    border-top: 1px solid #CCC;
    }

.portlet .navmenu dt span {
    float: right;
    color: #1D1D1D !important;
    font-weight: normal !important;
    }

.portlet .navmenu dd {
    display: block;
    padding: 3px 20px;
    background: #FAFAFA;
    margin-top: 1px;
    }

.portlet .navmenu dd.more_facets {
    padding: 8px 20px;
    }

.portlet .navmenu dd {display:none}
.portlet .navmenu.open dd {display:block}

.portlet .navmenu dd input {
    float: left;
    display: block;
    margin: 1px 10px 0 0;
    cursor: pointer;
    }

.portlet .navmenu dd span {
    float: right;
    color: #1D1D1D;
    letter-spacing: -1px;
    }

.portlet .navmenu dd.nm_more a {
    font-style: italic;
    background: url(../images/icon_more.png) no-repeat 1px 3px;
    padding-left: 22px;
    color: #1B1B1B;
    }

.portlet .navmenu dd.nm_less a {
    font-style: italic;
    background: url(../images/icon_less.png) no-repeat 1px 3px;
    padding-left: 22px;
    color: #1B1B1B;
    }

.portlet .navmenu dd a:hover {
    border-bottom: 1px dotted #1B1B1B;    
    }

.portlet_info {
    padding: 20px;
    }

.portlet_info a:hover,
.similar_item a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;    
    }  

.dd_moredetails {
    padding-bottom: 20px !important;
    }

.dd_moredetails label {
    padding: 10px 0px 5px 0px !important;
    display: block;
    }

.dd_input {
    float: none !important;
    border-radius: 6px;
    width: 210px;
    padding: 8px 12px;
    font-size: 12px;
    border: 1px solid #BCBCBC;
    color: #0088CC;
    }

.dd_actions {
    padding-top: 20px;    
    }

.similar_item {
    border-top: 1px solid #CCC;
    margin-top: -1px;
    padding: 10px 20px 10px 45px;
    }
    
.portlet .si_buch {
    background: url(../images/icon_art_buch.png) no-repeat 20px 10px;
    }    

.portlet .si_artikel {
    background: url(../images/icon_art_artikel.png) no-repeat 20px 10px;
    }    

.portlet .si_ezeitschrift {
    background: url(../images/icon_art_ezeitschrift.png) no-repeat 20px 10px;
    } 
    
.portlet .si_zeitschrift {
    background: url(../images/icon_art_zeitschrift.png) no-repeat 20px 10px;
    }     

.similar_item h3 {
    font-size: 12px;
    font-weight: normal;
    }    



/*
----------------------------------------------------------------------
portal_home
----------------------------------------------------------------------
*/

#portal_home_head {
    border-radius: 6px;
    background: #F1F1F1;
    box-shadow: 0px 0px 4px 4px #969696;
    min-width: 940px;
    margin: 40px 0px;
    }

#portal_home_head a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B; 
    }    

#portal_home_head_info {
    background: url(../images/phhi_bg.png) repeat-x bottom #F1F1F1;
    border-radius: 6px;
    }

#ph_headline_mobile {
    display: none;
    }

#portal_home_head_info h1 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 40px 0 0 0;
    }

#portal_home_head_info p {
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    padding: 20px 150px 40px 150px;
    }

#portal_home_head_search {
    background: url(../images/phhs_bg.png) repeat-x #F1F1F1;
    min-height: 80px;
    border-radius: 6px;
    }

#phhs_wrapper {
    width: 800px;
    margin: 0 auto;
    padding: 30px 0 40px 0;
    }

#portal_home_head_search img {
    padding-top: 14px;
    float: left;
    margin: 0 30px 0 0;
    }

#portal_home_head_search form {
    float: left;
    padding-top: 19px;
    }

/*#portal_home_head_search #searchForm_lookfor {
    border-radius: 6px;
    width: 270px;
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid #BCBCBC;
    color: #0088CC;
    margin-right: 15px;
    }

#portal_home_head_search #searchForm_lookfor:hover {
    border: 1px solid #0088CC;
    }*/

#portal_home_head_search #search_button {
    margin: 0 15px 0 0 !important;
    padding: 8px 12px 9px 12px;
    background: url(../images/button_blue_bg.png) repeat-x bottom #39A7D8;
    border: 1px solid #3687AE !important;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 14px;
    text-shadow: 0px 1px 1px #1F6687;
    cursor: pointer;
    text-transform: lowercase;
    }

#portal_home_head_search #search_button:hover {
    border: 1px solid #1B3E4C !important;
    }

#portal_home_head_search ul {
    float: left;
    list-style-type: none;
    padding: 15px 0 10px 0;
    }

#portal_home_head_search ul li a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;
    }

#search_info {
    padding: 20px;
    width: 640px;
    }

.input_search {
    display: block;
    border-radius: 6px;
    width: 344px;
    padding: 8px 12px;
    font-size: 12px;
    border: 1px solid #BCBCBC;
    margin: 0px 0px 10px 0px;
    color: #0088CC;
    }

.input_search:hover {
    border-color: #0088CC;
    }

#detail_search {
    padding: 20px;
    border-top: 1px solid #B0B0B0;
    margin-right: 20px;
    }

#ph_search_opts_mobile {
    display: none;
    }

#bib_info {
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #CCC;
    }

#bib_details {
    padding: 20px;
    background: #FFF;
    min-height: 60px;    
    }
    
#bib_details i {
    color: #9E9E9E;
    }

#active_bib_home {
    padding: 20px 20px 0px 20px;
    background: #FFF;
    min-height: 60px; 
    }

#active_bib_home h3 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 0 0 0;
    }

#active_bib_home a#infoopen {
    float: right;
    display: block;
    }

#active_bib_home h3 {
    height: 30px;
    }

#active_bib_home h3 a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;    
    }

#portal_home_body {
    max-width: 1200px;
    min-width: 940px;    
    }

#ph_columnset {

    }

#phc_left {
    float: left;
    width: 34%;
    }

#phc_middle {
    float: left;
    width: 34%;
    }

#phc_right {
    float: left;
    width: 32%;
    }

.ph_cols_content {
    box-shadow: 0px 0px 4px 4px #969696;
    background: #F1F1F1;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-height: 305px;
    }

#phc_left .ph_cols_content,
#phc_middle .ph_cols_content {
    margin-right: 20px;
    }

#phc_right .ph_cols_content {
    background: #FFF !important;
    }
    
#phc_left h2,
#phc_middle h2,
#phc_right h2 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0px 0px 4px 4px #969696;
    background: #F1F1F1;
    font-size: 14px;
    padding: 12px 20px;
    width: 65%;
    color: #000000;
    font-weight: bold;
    }
    
#phc_right h2 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 0 4px 4px #969696;
    background: #FFF;
    font-size: 14px;
    padding: 12px 20px;
    /* width: 65%; */
    width: 89%;
    } 

.ph_cols_content p {
    padding: 20px 20px 30px 20px;
    border-bottom: 1px solid #FFF;
    }

.phc_switch {
    background: url(../images/phc_switch_bg.png) repeat-x;
    border-top: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    padding: 9px;
    font-size: 14px;
    }
    
.phc_switch h3 {
    float: left;
    font-size: 14px;
    font-weight: normal;
    padding-top: 14px;
    }    

.switch {
    float: right;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 40px;
    padding: 3px;
    background-color: white;
    border-radius: 6px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
    }

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    }

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    text-transform: uppercase;
    background: #F1F1F1;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    }

.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    }

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #666;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
    }

.switch-input ~ .switch-label {
    background: #FFF;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
    }
    
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
    }
    
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
    }

.switch .switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 38px;
    height: 38px;
    background: #348FB5;
    border-radius: 6px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
    }

.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #348FB5;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #348FB5, #348FB5);
    background-image: -moz-linear-gradient(top, #348FB5, #348FB5);
    background-image: -o-linear-gradient(top, #348FB5, #348FB5);
    background-image: linear-gradient(to bottom, #348FB5, #348FB5);
    }

.switch-input:checked ~ .switch-handle {
    left: 54px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    }

#ph_search_switch {
    padding-left: 120px;
    margin: 5px 0px 30px 0px;
    }

#ph_headline {
    background-image: -webkit-linear-gradient(top, #FFF, #F1F1F1);
    background-image: -moz-linear-gradient(top, #FFF, #F1F1F1);
    background-image: -o-linear-gradient(top, #FFF, #F1F1F1);
    background-image: linear-gradient(to bottom, #FFF, #F1F1F1);
    padding: 25px 0px 0px 0px;
    text-align: center;
    border-radius: 6px;
    }

#ph_headline h1 {
    font-size: 20px;
    font-weight: normal;
    padding: 0px;
    text-align: center;
    }

.switch_small {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 16px;
    padding: 3px;
    background-color: white;
    border-radius: 6px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
    }

.switch_small .switch-handle {
    position: absolute;
    top: 4px;
    left: 53px;
    width: 14px;
    height: 14px;
    background: #FFF;
    border-radius: 6px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
    }

.switch_small .switch-input:checked ~ .switch-handle {
    left: 4px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    }
    
#phc_bib_change {
    background: url(../images/phc_bib_change_bg.png) repeat-x;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 0px;
    list-style: none;
    }

#phc_bib_change_mobile {
    display: none;
    }

#phc_bib_change h3 {
    font-size: 14px;
    font-weight: normal;
    background: url(../images/icon_dropdown.png) no-repeat right;
    }

ul#phc_bib_change li {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 331px;
    }

@media only screen and (max-width: 1240px) {
    
    ul#phc_bib_change li {
        display: inline-block;
        position: relative;
        padding: 15px 20px;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        width: 260px;
        }

}       
    
ul#phc_bib_change li:hover {
    background: #FFF;
    color: #0088CC;
    }
    
ul#phc_bib_change li ul {
    padding: 0;
    position: absolute;
    top: 44px;
    left: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
    }
    
ul#phc_bib_change li ul li {
    color: #1D1D1D;
    background: #FFF;
    display: block;
    padding: 3px 20px;
    }
    
ul#phc_bib_change li ul li:hover {
    background: #F1F1F1;
    }
    
ul#phc_bib_change li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
    }

input[type=radio].switch_checkbox {
    position: absolute;
    z-index: -1000;
    top: -1000px;
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    }

input[type=radio].switch_checkbox + label.switch_label {
    padding-left: 40px;
    height: 26px; 
    display: inline-block;
    line-height: 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 18px;
    vertical-align: middle;
    cursor: pointer;
    }

input[type=radio].switch_checkbox:checked + label.switch_label {
    background-position: 0 -26px;
    }

label.switch_label {
    background-image: url(../images/big_checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #0088CC;
    }

label.switch_label:hover {
    color: #000000;
    }



/*
----------------------------------------------------------------------
addon_section
----------------------------------------------------------------------
*/	

#addon_section {
    margin-top: 40px;
    max-width: 1200px;
    min-width: 940px;
    background: #F1F1F1;
    border-radius: 6px;
    box-shadow: -4px 4px 5px 0px #969696, 4px -4px 5px 0px #969696;     
    }

#aos_content {
    width: 70%;
    padding-bottom: 20px;
    }

#addon_section h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    }

#addon_section h3 {
    font-size: 12px;
    font-weight: normal;
    padding: 0px 20px 20px 20px;
    }

#aos_database li {
    border-top: 1px solid #B0B0B0;
    margin-right: 20px;
    list-style-type: none;
    }
    
#aos_database a {
    padding: 10px 20px 10px 45px;
    display: block;
    background: url(../images/icon_database.png) no-repeat 20px 9px;
    }    

#aos_database a:hover {
    background-color: #FFF;
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
    } 

#aos_table {
    padding: 20px !important;    
    }

#aos_content table {
    border-radius: 6px;
    border: 1px solid #B0B0B0;
    }

#aos_content table th {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #FFF;
    padding: 10px;
    }

#aos_content table td {
    padding: 10px;
    }
    
#aos_content table a:hover, #bottom_link a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;     
    }    
    
#bottom_link {
    text-align: right;
    margin-right: 20px;
    }    

#bottom_link a {
    color: #B0B0B0;
    }
    

/*
----------------------------------------------------------------------
footer
----------------------------------------------------------------------
*/	

#footer {
    margin-top: 170px;
    padding: 30px 0;
    box-shadow: 0px -5px 5px #969696;    
    background: #F1F1F1;
    }

#footer_left {
    float: left;
    }

#footer_right {
    float: right;
    }

#footer_left p {
    padding: 20px 0px;
    font-size: 10px;
    color: #959595;
    max-width: 400px;
    }

#footer a:hover {
    color: #1B1B1B;
    border-bottom: 1px dotted #1B1B1B;
    }


/*
----------------------------------------------------------------------
eWW
----------------------------------------------------------------------
*/

.bulkActionButtons,
.bulkActionButtonsCart {
   margin: 0 20px 0 0;
   padding: 10px 0px 10px 20px;
   border-top: 1px solid #B0B0B0;
}

ul#phc_bib_change li ul li.beluga_select_disabled {
   background: #ffffff;
}

ul#phc_bib_change li ul li a.beluga_select_disabled {
   cursor: default;
   color: #959595;
}

#searchHolder .label {
   /* float: left; */
}

#searchHolder .terms {
   float: left;
}

#searchHolder .field {
   float: left;
}

.advRow select {
   float: left;
}

.advSearchContent {
   padding: 20px 0px 0px 0px;
}

.groupSearchDetails {
   padding: 0px 0px 10px 0px;
}

.searchGroupDetails {
   padding-bottom: 10px;
}

.advRow {
   padding: 0px 0px 10px 0px;
}

#addGroupLink {
   margin-top: 10px;
}

.addSearch {
   padding-bottom: 0px;
}

.searchHolder {
   padding-bottom: 5px;
}

.group {
   border: 1px solid #d4d4d4;
   margin-bottom: 10px;
   padding: 5px;
}

#advanced_search_links {
   padding-top: 10px;
   padding-bottom: 5px;
}

#advanced_search_links a.small{
   font-size: 13px;
}

.recordSet {
   padding-left:12px;
}

ul.recordSet li {
   list-style-type: none;
}

.sidegroup ul li {
   list-style-type: none;
}

#left_column .resulthead #r_head label {
   float: left;
   display: block;
   margin: 0px;
}

#left_column .resulthead #r_head .select_item {
   width: 120px;
   overflow: hidden;
   background: url(../images/icon_dropdown.png) no-repeat right #F1F1F1;
}

#left_column .resulthead #r_head select {
   background: transparent;
   width: 140px;
   padding: 0px;
   margin: 0px 0px 0px 5px;
   font-size: 12px !important;
   font-family: verdana, sans-serif !important;
   font-weight: bold;
   line-height: 1;
   border: 0 none;
   -webkit-appearance: none;
}

#left_column ul li {
   list-style-type: none;
}

#right_column .portlet h4.myresearch:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: left;
    margin: 0 6px 0 0;
    background: none;
}

a.myresearch_disabled {
   cursor: default;
   color: #959595;
}

.portlet .navmenu dd a.myresearch_disabled:hover {
   border-bottom: none;
}

.portlet .navmenu dd.myresearch_disabled:hover {
   background-color: #FAFAFA;
}

.span-18 input {
   margin-bottom: 5px;
}

a.tooltip_left span {
   display: none;
}

a.tooltip_left:hover span {
   padding: 3px;
   margin: -5px 0px 0px -175px;
   width: 130px;
   display: inline;
   position: absolute;
   background: url(../images/button_blue_bg.png) repeat-x bottom #39A7D8;
   text-align: center;
   border: 1px solid #327DA9;
   border-radius: 6px;
   font-size: 12px;
   color: #FFF;
   text-shadow: 0px 1px 1px #2B708F;
}

.bulkActionButtons,
.bulkActionButtonsCart {
   padding: 10px 0px 10px 0px;
   border-top: none;
}

#ctn_non_active.institution_disabled {
   cursor: default;
}

#ctn_non_active.institution_disabled:hover {
   background: url(../images/ctn_non_active.png) bottom;
}

table#contextHelp {
   display: none;
}

.error {
   padding: 20px;
   margin: 20px 40px;
}

.error  a {
   text-decoration: underline;
   color: #8A1F11;
}

#beluga_info_wrapper {
   float:right;
}

#beluga_info_arrow {
   float:right;
   margin-top: 4px;
   margin-right: 4px;
}

#beluga_info_link {
   float:right;
}

#beluga_info {
   display: none;
   margin-top: 10px;
   padding: 20px 0px 20px 0px;
}

#beluga_info table {
   margin-bottom: 0px;
}

#beluga_info table td {
   padding-right: 10px;
   vertical-align: top;
   border-top: 1px solid #B0B0B0;
}

#beluga_info table td ul {
   padding-left: 15px;;
}

#beluga_info table td li {
   list-style-type: disc;
}

.bu_fulltext_disabled {
   color: #B0B0B0;
}

.bu_fulltext_disabled:focus {
   color: #B0B0B0;
}

.bu_fulltext_disabled:hover {
   border: 1px solid #B0B0B0 !important;
   color: #B0B0B0;
   cursor: default;
}

a.bu_fulltext_disabled:hover span {
   display: none;
}

.belugaSFXLinkDetail span {
    background: url(../images/ajax-loader.gif) no-repeat 0px 1px;
    padding-left: 16px;
}

.content-tooltip {
   display: none;
   position: absolute;
   top: 20px;
   left:20px;
   background: url(../images/button_grey_bg.jpg) repeat-x bottom #FAFAFA;
   padding:10px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   border: 1px solid #0088CC !important;
}

.portlet .bulkActionButtonsBookBag dd input {
   cursor: pointer;
   background-color: transparent;
   background:none;
   text-decoration: none;
   border: none;
   color: #0088CC;
   line-height: 16px;
   font-size: 12px;
   float: none;
   display: inline;
   margin: 0px;
   border: 0px !important;
   padding: 0px;
}

.bulkActionButtonsBookBag {
   margin: 0px;
   padding: 0px;
}

.cartContent .result_item {
   margin-left:33px;
}

.belugaMyList .result_item {
   margin-left:29px;
}

#beluga_info table.beluga_internal_format {
   border: 1px solid #B0B0B0;
   padding: 5px;
}

#beluga_info table.beluga_internal_format td {
   border-top: 0px;
   padding: 0px 5px 5px 0px;
}

.bulkActionButtons input {
   /* margin: 0 5px 0 0;
   padding: 7px 12px 6px 12px;
   background: url(../images/button_grey_bg.jpg) repeat-x bottom #FAFAFA;
   border: 1px solid #B0B0B0 !important;
   border-radius: 6px;
   color: #1D1D1D;
   font-size: 14px;
   text-shadow: 0px 1px 1px #FFF; */
}

.bookbagAddMarker img {
   display: none;
}

.bookbagDeleteMarker img {
   display: inline;
}

#phc_bib_change_desktop {
       display:block;
}

#bulkActionButtonsBookBag_mobile {
   display: none;
}

#mn_mybeluga_select {
   display: none;
}

.ri_col_mobile .bu_content_single,
.ri_col_mobile .bu_fulltext {
   padding: 3px 0px 2px 6px;
}

.ri_col_mobile .bib_button {
   padding: 6px 2px;
   font-size: 10px;
}

span.recordNumber {
   display: block;
   margin-top: 10px;
}

#forgot_password_wrapper {
    margin:6px 0px 0px 460px;
}

input.CaLiefError {
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4;
}

/*
----------------------------------------------------------------------
mobile_overlay
----------------------------------------------------------------------
*/	
    
#mobile_overlay,
#mobile_overlay_bib,
#mobile_overlay_filter,
#mobile_overlay_search {
    display: none;
    }

.bu_textarea {
   width: 750px;
   height: 150px;
}

.bulkActionButtons {
   display: block;
}

.bulkActionButtons_mobile {
   display: none;
}

.bu_publication_detail {
   width: 390px;
}

/*
----------------------------------------------------------------------
pad-defs
----------------------------------------------------------------------
*/
@media only screen and (max-width: 1180px) {
    #searchForm_lookfor {
		width: 140px;
	}
}

@media only screen and (max-width: 980px) {
    
    .wrapper {
        max-width: 980px;
        }
    
    /* button + tooltip + forms */

    .simple_form label span {
        padding-left: 20px;
        }   
   
    .simple_form .input_100, .simple_form .input_70 {
        width: 98%;
        }

    .simple_form .captcha {
        float: none;
        width: 50%;
        padding: 10px 0px;
        border: 0px none;
        margin-right: 0px;
        }
    
    /* messages */
    
    .message_ontop {
        margin-top: 6px;
        border-top: 20px solid #F1F1F1;
        }   
    
    /* meta_menu */
    
    #meta_menu {
        padding: 10px 12px;
        }
    
    #meta_menu li a {
        border: 1px solid #3B3B3B;
        width: 20px;
        height: 20px;
        background-image: linear-gradient(to bottom, #1D1D1D, #070707);
        border-radius: 6px;
        margin: 0px 8px;
        }
    
    #meta_menu #mn_left li a {
        font-size: 0px;
        color: #111 !important;
        }
    
    #meta_menu #mn_right li a {
        font-size: 0px;
        color: #111 !important;
        }
    
    #meta_menu #mn_left li ul li a,
    #meta_menu #mn_right li ul li a {
        font-size: 14px !important;
        color: #FFF !important;
        }
        
     /* mobile_overlay */   
    
    #mobile_overlay {
        display: none;
        background-color: #F1F1F1;
        position: absolute;
        z-index: 5;
        width: 100%;
        box-shadow: 0 5px 5px #969696;
        }
        
    #mobile_overlay .grey_button {
        padding: 12px;
        float: right;
        margin: 20px;
        }        
        
    #mobile_overlay h2 {
        font-size: 14px;
        padding: 35px 0 0 20px;
        }  
      
     .mo_content {
         clear: both;
         border-top: 1px solid #B0B0B0;
         background: #FFF;
         } 
        
    .mo_content .tooltip span {
        display: none;
        }

    #right_column #mo_mobile_menue {
        visibility: hidden;
        display: block !important;
        z-index: 7;
        position: absolute !important;
        left: 0px;
        top: 146px;
        background: #FFF;
        width: 100%;
        box-shadow: 0 5px 5px #969696;
        } 

    #mo_mobile_menue .navmenu {
        /* border-bottom: 1px solid #CCC; */
        font-size: 14px;
        }
    
    #mo_mobile_menue .navmenu.nm_open dt a {
        font-weight: bold;
        background: url(../images/icon_arrow_down.png) no-repeat 23px 21px;
        padding: 15px 20px 15px 42px;
        display: block;
        }
    
    #mo_mobile_menue .navmenu dt a {
        background: url(../images/icon_arrow_right.png) no-repeat 24px 20px;
        padding: 15px 20px 15px 42px;
        display: block;
        }
    
    #mo_mobile_menue .navmenu dt span {
        float: right;
        color: #1D1D1D !important;
        font-weight: normal !important;
        }
    
    #mo_mobile_menue .navmenu dd {
        display: block;
        padding: 15px 20px;
        background: #FAFAFA;
        margin-top: 1px;
        }
    
    #mo_mobile_menue .navmenu dd {display:none}
    #mo_mobile_menue .navmenu.open dd {display:block}
    
    #mo_mobile_menue .navmenu dd input {
        float: left;
        display: block;
        margin: 1px 10px 0 0;
        cursor: pointer;
        }
    
    #mo_mobile_menue .navmenu dd span {
        float: right;
        color: #1D1D1D;
        letter-spacing: -1px;
        }
    
    #mo_mobile_menue .navmenu dd.nm_more a {
        font-style: italic;
        background: url(../images/icon_more.png) no-repeat 1px 3px;
        padding-left: 22px;
        color: #1B1B1B;
        }
    
    #mo_mobile_menue .navmenu dd.nm_less a {
        font-style: italic;
        background: url(../images/icon_less.png) no-repeat 1px 3px;
        padding-left: 22px;
        color: #1B1B1B;
        }
    
    #mo_mobile_menue .navmenu dd a:hover {
        border-bottom: 1px dotted #1B1B1B;    
        }  

    #mo_search {
        clear: both;
        border-top: 1px solid #B0B0B0;
        text-align: center;
        padding-top: 20px;
        }

    #mo_search #searchForm_lookfor {
        border-radius: 6px;
        width: 240px;
        padding: 10px 12px;
        font-size: 14px;
        border: 1px solid #BCBCBC;
        color: #0088CC;
        margin-right: 15px;
        }

    /* header */
    
    #header {
        background: #F1F1F1;
        box-shadow: 0px 5px 5px #969696;
        min-height: 80px;
        margin-bottom: 40px;
        }
    
    #header img {
        padding-top: 14px;
        float: left;
        margin-right: 0px;
        margin-left: 5px;
        }
    
    #header form, #header ul {
        display: none;
        }
    
    #header #searchForm_lookfor {
        display: none;
        }

    #header_menu_mobile {
        display: block;
        float: right;
        margin-top: 17px;
        }

    #header_menu_mobile a {
        display: inline-block;
        margin-left: 15px;
        }
        
    #header_menu_mobile img {
        float: none !important;
        margin: 0px !important;
        padding: 5px 0px !important;
        }      

    /* mainsection, columnset */
    
    #col_tab_navigation a {
        font-size: 12px;
        width: 32%;
        }
       
    #col_tab_navigation a strong {
        font-size: 12px;
        }
    
    #col_tab_navigation li {
        display: inline;
        padding-right: 5px;
        }

    #columnset {
        max-width: 980px;
        min-width: 300px;
        }
    
    #left_column {
        float: none;
        width: 100%;
        background: none;
        }
    
    #right_column {
        visibility: hidden;
        }    
           
    #r_head_left {
        float: none;
        width: 100%;
        }
    
    #r_head_right {
        display: none;
        }

    .result_item {
        padding: 4px 0px 0px 10px;
        }

    .result_item:hover {
        background-color: #F1F1F1;
        }

    .result_item .item_number {
        width: 24px;
        }

    .ri_col_1 {
        width: 16%;
        float: left;
        }

    .ri_col_1 .format_icon {
        display:none;
        }

    .ri_col_2 {
        width: 60%;
        float: left;    
        }
    
    .ri_col_3 {
        display: none;
        }

    .ri_col_mobile {
        display: block;
        width: 36px;
        float: right;
        text-align: right;
        }

    .ri_col_mobile li {
        list-style-type: none;
        }

    .ri_col_mobile li .bu_google:before,
    .ri_col_mobile li .bu_content:before,
    .ri_col_mobile li .bu_content_mobile:before,
    .ri_col_mobile li .bu_remember:before,
    .ri_col_mobile li .bu_remember_blue:before,
    .ri_col_mobile li .bu_calief:before{
        display: block;
        width: 20px;
        height: 20px;
        margin: 5px 0;
        }

    .ri_col_mobile select.mobile_more_content {
        display: inline-block;
        margin: 0 5px 0 0;
        padding: 20px 12px 6px 12px;
        background: url(../images/icon_content.png) no-repeat center 5px;
        border: 1px solid #B0B0B0 !important;
        border-radius: 6px;
        color: #1D1D1D;
        font-size: 14px;
        text-shadow: 0px 1px 1px #FFF;
        width: 46px;
        }

    .result_item:hover .ri_actions {
        display: none;
        }

    #result_pager .go_to_the_end {
        display: none;
        }

    #choose_page {
        padding: 0px 5px;
        }

    #result_actions .tooltip span {
        display: none;
        }      
        
    /* left_column (results) */
    
    #left_column #results #r_head {
        padding: 20px 15px 18px 20px;
        margin-top: 0px;
        }        
        
    .ric_year_mobile {
        display: inline-block;
        padding-left: 5px;
        }

    /* left_column (detail_view) */

    #dv_head_left .tooltip span,
    #dv_body_right .tooltip span {
        display: none;
        }

    /* addon_section */	

    #addon_section {
        display: none;
        min-width: 100%;
        }
        
    .show_mobile {
        display: block !important;
        overflow: auto;
        }    
    
    #aos_content {
        padding-bottom: 20px;
        width: 100%;
    }
        
    /* portal_home */
    
    #portal_home_head {
        min-width: 320px;
        margin: 20px 0;
        }
    
    #portal_home_head_search {
        background: url(../images/phhs_bg.png) repeat-x #F1F1F1;
        min-height: 80px;
        border-radius: 6px;
        }
    
    #phhs_wrapper {
        max-width: 420px;
        margin: 0 auto;
        padding: 20px 0 0 0;
        text-align: center;
        }
    
    #portal_home_head_search img {
        padding-top: 0px;
        float: none;
        display: block;
        width: 90px;
        margin: 0 auto;
        }

    #ph_headline_mobile {
        display: block;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        text-align: center;
        padding: 15px 0 0 0;
        }
    
    #portal_home_head_search form {
        float: none;
        }
    
    #portal_home_head_search #searchForm_lookfor {
        border: 1px solid #BCBCBC;
        border-radius: 6px;
        width: 205px;
        margin-right: 0;
        }
    
    #portal_home_head_search #searchForm_prefix {
        display: none;
        }
    
    #portal_home_head_search ul {
        display: none;
        }

    #ph_search_opts_mobile {
        display: block;
        text-align: center;
        background-image: linear-gradient(to bottom, #FFFFFF, #F1F1F1);
        border-radius: 6px 6px 6px 6px;
        padding: 20px;
        }

    #ph_search_opts_mobile a {
        padding: 0px 5px;
        }

    #ph_search_opts_mobile a:hover {
        border: 0px none;
        text-decoration: underline;
        }

    #portal_home_body {
        min-width: 320px;
        }
    
    #phc_left {
        width: 49%;
        margin-bottom: 20px;
        }

    #phc_middle {
        width: 49%;
        float: right;
        margin-bottom: 20px;
        }

    #phc_right {
        float: left;
        width: 100%;
        }

    .ph_cols_content {
        min-height: 100px;
        }
    
    #phc_left .ph_cols_content,
    #phc_middle .ph_cols_content {
        margin-right: 0px;
        }
    
    .switch-handle:before {
        width: 20px;
        height: 20px;
        border-radius: 10px;   
        }

    #ph_search_switch {
        padding-left: 0px;
        margin: 15px 0px;
        }
    
    #ph_headline {
        display: none;
        }
    
    .switch_small {
        width: 60px;
        height: 24px;
        }
    
    .switch_small .switch-handle {
        left: 40px;
        }

    ul#phc_bib_change {
        display: none;
        }

    #phc_bib_change_mobile {
        display: block;
        background: url(../images/phc_bib_change_bg.png) repeat-x;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        margin: 0px;
        list-style: none;
        padding: 20px;
        }
    
    #phc_bib_change_mobile h3 {
        font-size: 14px;
        font-weight: normal;
        padding-bottom: 10px;
        }

    #phc_bib_change_mobile select {
        font-size: 14px;
        font-weight: normal;
        padding: 10px;
        width: 90%;
        border: 1px solid #BCBCBC;
        border-radius: 6px 6px 6px 6px;
        }

    /* footer */

    #footer {
        margin-top: 100px;
        padding: 20px 0;
        }
    
    #footer_left {
        float: none;
        text-align: center;
        line-height: 20px;
        }
    
    #footer_right {
        float: none;
        color: #F1F1F1;
        }
    
    #footer_right a {
        display: block;
        text-align: center;
        border-top: 1px solid #CCC;
        padding-top: 15px;
        }

    #footer_right a:hover {
        border-bottom: 0px none !important;
        }
    
    #footer_left p {
        padding: 10px 0px 20px 0px;
        font-size: 11px;
        color: #959595;
        max-width: 400px;
        margin: 0px auto;
        text-align: center;
        }
    
    #footer a:hover {
        color: #1B1B1B;
        border-bottom: 1px dotted #1B1B1B;
        }    
    
    #phc_bib_change_desktop {
       display:none;
    }
    
    .message_go_dbr {
       display:none;
    }
    
    .content-tooltip-mobile {
      display: none;
      position: relative;
      top: -70px;
      left: -30px;
      background: url(../images/button_grey_bg.jpg) repeat-x bottom #FAFAFA;
      padding:10px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border: 1px solid #0088CC !important;
      width: 110px;
   }
    
   #bulkActionButtonsBookBag_mobile {
      display: block;
   }
    
   #mn_mybeluga_select {
      display: inline;
   }
    
   .mobile_hide {
      display: none;
   }
    
   .bu_textarea {
      width: 325px;
      height: 150px;
   }
    
   .bulkActionButtons {
      display: none;
   }

   .bulkActionButtons_mobile {
      display: block;
   }
    
   .bu_publication_detail {
      width: auto;
   }
    
   .bib_button {
      padding: 6px 2px;
      font-size: 10px;
   }
    
   .blue_button_mobile {
      margin-bottom: 5px;
   }
    
   #forgot_password_wrapper {
      margin:6px 0px 0px 0px;
   }
    
   #meta_menu ul li:hover > ul {
      display: block;
      position: absolute;
      left: 0px;
      z-index: 6;
   }
    
    /* end pad-defs */
}

/*
----------------------------------------------------------------------
pre-mobilephone-defs
----------------------------------------------------------------------
*/

@media only screen and (max-width: 620px) {

    .ri_col_1 .ri_content a img {
        min-height: 30px;
        width: 45px;
    }

    #col_tab_navigation a strong {
        font-size: 10px;
    }
    
    #col_tab_navigation a .recordTotal {
        font-size: 0px;
    }
    
    #dv_body_left a img {
        min-height: 30px;
        width: 45px;
    }
    
    #left_column #results #r_head {
        padding: 20px 15px 18px 20px;
        margin-top: 4px;
        }
} 


/*
----------------------------------------------------------------------
mobilephone-defs
----------------------------------------------------------------------
*/

@media only screen and (max-width: 480px) {
    
    .wrapper {
        max-width: 480px;
        padding: 0px;
        }
    
    /* meta_menu */
    /* defined in pad-defs */
    
    /* portal_home */
    
    #phhs_wrapper {
        width: 280px;
        }
    
    #portal_home_head_search #searchForm_lookfor {
        width: 200px;
        margin-right: 0;
        vertical-align: middle;
        }
    
    #portal_home_head_search #search_button {
        margin: 0 0 0 0 !important;
        padding: 18px 15px 17px 15px;
        background: url(../images/icon_mobile_search.png) no-repeat 9px 9px #39A7D8;
        color: #3687AE;
        float: right;
        vertical-align: middle;
        }    
    
    #phhs_wrapper input[value="Suchen"],
    #phhs_wrapper input[value="Find"] {
        font-size: 0px !important;
        }
    
    #phc_left {
        display: none;
        }
    
    #phc_middle {
        display: none;
        }
    
    #phc_right {
        float: none;
        width: 100%;
        }
        
    #phc_right h2 {
        width: 100%;
        text-align: center;
        padding: 15px 0px;
        }

     /* mobile_overlay */

    #mo_search #searchForm_lookfor {
        border-radius: 6px;
        width: 200px;
        padding: 10px 12px;
        font-size: 14px;
        border: 1px solid #BCBCBC;
        color: #0088CC;
        margin-right: 10px;
        vertical-align: middle;
        }

    #mo_search #search_button {
        margin: 0 0 0 0 !important;
        padding: 18px 15px 17px 15px;
        background: url(../images/icon_mobile_search.png) no-repeat 9px 9px #39A7D8;
        vertical-align: middle;
        font-size: 0px !important;
        } 

    /* mainsection, columnset */

    .result_item .item_number {
        width: 24px;
        }

    .ri_col_1 {
        display: none;
        width:15%;
        }

    /* left_column (results) */

     .ri_content h5 {
         display: none;
         }   

    #result_actions a {
        display: block;
        margin-bottom: 10px;
        padding: 12px;
        }

    #choose_page input {
        width: 30px !important;
        padding: 6px 6px;
        }

    /* left_column (detail_view) */

    #dv_head_right a {
        display: none;
        }

    #dv_body {
        margin: 0px 20px;
        }
    
    #dv_body_left {
        float: none;
        width: 100%;
        text-align: center;
        }
    
    #dv_body_right {
        float: none;
        width: 100%;
        }
        
    /* footer */
    
    #footer_left p {
        max-width: 260px;
        margin: 0px auto;
        } 
    
    #phc_bib_change_desktop {
       display:none;
    }
    
    .message_go_dbr {
       display:none;
    }
    
    .content-tooltip-mobile {
      left: -85px;
    }

    .bu_search:before,
    .bu_quote:before,
    .bu_goback:before,
    .bu_user:before,
    .bu_login:before,
    .bu_delete:before,
    .bu_export:before,
    .bu_print:before,
    .bu_sendmail:before,
    .bu_save:before,
    .bu_rss:before,
    .bu_google:before,
    .bu_content:before,
    .bu_content_mobile:before,
    .bu_remember:before,
    .bu_remember_blue:before,
    .bu_calief:before {
        content: "";
        display: none;
        width: 0px;
        height: 0px;
        float: left;
        margin: 0px;
    }

    #dv_body_left img {
        display:none;
    } 

   /* end mobilephone-defs */ 
}