/* 
    Document   : Pagetemplates
    Author     : Michael Geimer
    Description: Modification behavior pagelayout
*/


/* Table of Content
==================================================

#DEFAULTSETTINGS
#PAGELAYOUT


================================================== */



/* DEFAULTSETTINGS
================================================== */

/*** GENERAL ***/

body { padding-top:90px!important;}




/* PAGELAYOUT
================================================== */

/*** GENERAL ***/

#boxedLayout {

  background:url('portaldata/2/Resources/internal/bg-cxl-knowledge.png')!important;
  
}

#globalwrapper-2 {

    border:1px solid red!important;
    box-shadow:none!important;
}


#content { margin-top:7em; }

/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){

  .navbar-fixed-top { position:fixed!important; }

  #boxedLayout {
    background:#fff!important;
   }

  #boxedLayout #globalWrapper{ border:0px!important;background:white!important;box-shadow:none!important;}  

}

@media(min-width:992px){}

@media(min-width:1200px){}


  

  




/* 
    Document   : Objecttemplates
    Author     : Michael Geimer
    Description: Customization modules and objects
*/


/* Table of Content
==================================================

#UTILS
#DEFAULTSETTINGS TAGS
#NAVBARS
#BREADCRUMB
#BLOG
#FORMS
#SEARCH
#SOCIALBENCH & Co.



================================================== */




/* UTILS
================================================== */

/*** GENERAL ***/

.mt10 { margin-top:1em; }




/* DEFAULTSETTINGS TAGS
================================================== */

/*** GENERAL ***/

a { color:#6A3889 }
a:hover {color:#582E73}


/* widgets */

section[class*="widget"]:last-child { border-bottom:0px; }


/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){}

@media(min-width:992px){}

@media(min-width:1200px){}




/* NAVBARS
================================================== */

/*** GENERAL ***/


.navbar-brand > img { 

    width:128px;
    height:auto;
    padding-top:2px;
  
  }


.navbar, .navbar-header {

  min-height:10px!important;

}

.navbar-nav ul { box-shadow:none; }

.menu-top{

  background:#f2f2f2;
  margin:0px -15px 0px -15px;
  

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, #resMainMenu li.active > a { color:#192027 }

.navbar-nav > li > a > i, .navbar-default .navbar-nav > li > a { color:#777 }


/* Pagetitles */
  
  .pagetitle {
  
    font-size:34px;
    color:#fff;
    padding:0px 0px 0px 7px;
    margin-bottom:0px;
    border-left:4px solid #6A3889;  
    margin-top:18px;
  }

  .pagesubtitle {
    
    color:#fff; 
    padding:0px 0px 7px 12px; 
    border-left: 4px solid #6A3889;
    
  }


/* Navbar-footer */

.navbar-footer {

  background:url('/portaldata/1/Resources/Internal/bg-cxxl.png');
  padding-bottom:10px;

}

a.navbar-footer-link:link {

  color:#ddd;
  padding:16px 16px 0px 0px;

}

a.navbar-footer-link:hover { color:#fff; text-decoration:none; }

a.navbar-footer-link:hover > span { color:#fff; text-decoration:underline; }

a.navbar-footer-link:active { color:#fff; }

a.navbar-footer-link:visited { color:#6A3889; }

a.navbar-footer-link > i[class*="icon-"] { font-size:22px;color:#fff }

a.navbar-footer-link > span { color:#fff; }


/*** MEDIA QUERIES ***/

@media(max-width:767px){
  
  
  /* Menu top */
    
  .navbar-default .navbar-toggle { 
  
    position:relative;
    top:8px;
    margin:0px 5px 0px 0px;    
  
  }
  
  #mainMenu > h3 {
    
    background:#fdfdfd;
    padding:15px 0px 15px 10px;
    margin-bottom:0px;
  
  }
   
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover  {
     border-left:4px solid #6A3889;
  
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover{
  
     background-color:#f2f2f2;
     color:#6A3889;
  
  }
  
  
  
  /* Pagetitle */
  
  .pagetitle {
  
    font-size:24px;
    line-height:50px;
    color:#fff;
    padding:0px 0px 0px 7px;
    margin:0px;
    border-left:4px solid #6A3889;  
  }
  
  
  a.navbar-footer-link > i[class*="icon-"] { font-size:16px; color:#fff; }
  
  

  
  .navbar-brand > img { 

    width:82px;
    height:auto;
    padding-top:5px;
  
  }
  
}

@media(min-width:768px){

  /* make sidebar nav vertical */
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left:15px;
    background:#fff;
    line-height:28px; 
    border-left:4px solid #fff;
  } 

  .sidebar-nav .navbar li > a:hover {
    border-left:4px solid #6A3889;
  } 
  
  
  .sidebar-nav .navbar li.active > a, .sidebar-nav .navbar li.active > a:hover {
    border-left:4px solid #6A3889;
    background:#fff;

  } 

  .sidebar-nav .navbar li > ul {

    position:relative;
    top:0px;
    left:20px;
    margin-top:5px;
    width:auto;
  }

  .sidebar-nav .navbar li > ul > li { 
  
    margin-bottom:10px;
  
  }

  .sidebar-nav .navbar li > ul > li > a {
  
    font-size:13px;
    line-height:20px;
    background:#fff;
    border-left:4px solid #fff;

  }
  
  
  .sidebar-nav .navbar li > ul > li > a:hover {
  
    background:#fff;
    border-left:4px solid #fff;
    color:rgb(128, 57, 123);
  
  }

  .sidebar-nav .navbar li > ul > li.active > a {
  
    background:#fff;
    border-left:4px solid #fff;
    color:rgb(128, 57, 123);
    font-weight:600;
  
  }  
  
  
}

@media(min-width:992px){}

@media(min-width:1200px){}




/* BREADCRUMB
================================================== */

/*** GENERAL ***/

#breadcrumb {

  padding:15px 0px 15px 0px;

}

ul.breadcrumb { margin-top:-21px }



/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){}

@media(min-width:992px){}

@media(min-width:1200px){}




/* BLOG
================================================== */

/*** GENERAL ***/



.backlink-icon { text-decoration:none; }

i[class*="iconMod"] { padding-top:10px; color:#6A3889; border-color:#6A3889 }

i[class*="iconMod"]:hover { background:#582E73;text-decoration:none;color:#fff; border-color:#582E73 }


/* Entry-Meta & co. */

ul.entry-meta > li.entry-date, li.entry-author{

  font-size:12px;
  color:#333;
  font-weight:600;
  margin-right:15px;
  

}

ul.entry-meta > li > a { color:#6A3889 }

ul.entry-meta > li > a:hover { background:#582E73 }


.input-group-addon, .input-group-btn{ 
  
  border-radius:0px; 
 
}

.input-group-addon-trackbacklink { background:#6A3889; color:#fff }


/* Blog Tag Cloud */

.tagCloud a:hover { background:#6A3889; color:#fff }



/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){}

@media(min-width:992px){}

@media(min-width:1200px){}




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

/*** GENERAL ***/


.btn, .btn-default { background-color:#6A3889;}
.btn:hover {background-color:#582E73}


.form-control:focus { border:1px solid #6A3889;}

.form-horizontal .form-group { margin-left:0px; margin-right:0px }


/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){}

@media(min-width:992px){}

@media(min-width:1200px){}





/* SEARCH
================================================== */

/*** GENERAL ***/


.search .btn { border:0px;  }

.navbar-search-btn {background-color:#6A3889!important;}

.navbar-search-btn:hover {background-color:#582E73!important;}



/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){}

@media(min-width:992px){}

@media(min-width:1200px){}



/* SOCIALBENCH & Co.
================================================== */

/*** GENERAL ***/

.socialbench {

   margin-bottom:3em!important;

}

li#googleplus > div { width:80px!important; }
li#googleplus > div > iframe { position:relative!important;top:2px!important; }
li#twitter > iframe { width:98px!important; }
li#facebook > div > span > iframe { margin-top:-7px; margin-left:5px; }


i[class*="iconMod-SN"] { padding-top:0px; color:#6A3889; border-color:#6A3889 }

i[class*="iconMod-SN"]:hover { background:#582E73;text-decoration:none;color:#fff; border-color:#582E73 



/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){}

@media(min-width:992px){}

@media(min-width:1200px){}


/* IFRAME
================================================== */

/*** GENERAL ***/  

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}