/**
*	global.css v. 1.0.3 
*
*	BEQ template
*
*	Note: Twitter Bootstrap 3 is used. 
*
**/

/*** RESET ***/


hr {
	display: none;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	max-width: 100%;
	max-height: 900px;
}

.container {
    background-color: #fff;
}

.row {
	margin-right: -4px !important; /* bootstrap overide */
    margin-left: -8px !important; /* bootstrap overide */
}


/*** GENERAL ***/ 

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoItalic';
    src: url('../fonts/Roboto-Italic-webfont.eot');
    src: url('../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Italic-webfont.woff') format('woff'),
         url('../fonts/Roboto-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldItalic';
    src: url('../fonts/Roboto-BoldItalic-webfont.eot');
    src: url('../fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/Roboto-Condensed-webfont.eot');
    src: url('../fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Condensed-webfont.woff') format('woff'),
         url('../fonts/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensedItalic';
    src: url('../fonts/Roboto-CondensedItalic-webfont.eot');
    src: url('../fonts/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-CondensedItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('../fonts/Roboto-BoldCondensed-webfont.eot');
    src: url('../fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('../fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensedItalic';
    src: url('../fonts/Roboto-BoldCondensedItalic-webfont.eot');
    src: url('../fonts/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
}


h1 {
	font: 28px/30px 'RobotoRegular', Arial, sans-serif !important;
	letter-spacing: 0;
	margin-bottom: 10px;
}

h2 {
	font: 18px/20px 'RobotoRegular', Arial, sans-serif !important;
	letter-spacing: 0;
	margin-bottom: 6px;
}


h3 {
	font: 16px/18px 'RobotoRegular', Arial, sans-serif !important;
	letter-spacing: 0;
	margin-bottom: 2px;
	margin-top: 14px;
}


h4 {
	font: 13px/15px 'RobotoRegular', Arial, sans-serif !important;
	letter-spacing: 0;
	margin-bottom: 2px;
	margin-top: 4px;
	color: #5050aa;
}



p.style1 {font: 18px/27px 'RobotoRegular', Arial, sans-serif;}
p.style2 {font: 18px/27px 'RobotoItalic', Arial, sans-serif;}
p.style3 {font: 18px/27px 'RobotoBold', Arial, sans-serif;}
p.style4 {font: 18px/27px 'RobotoBoldItalic', Arial, sans-serif;}
p.style5 {font: 18px/27px 'RobotoCondensed', Arial, sans-serif;}
p.style6 {font: 18px/27px 'RobotoCondensedItalic', Arial, sans-serif;}
p.style7 {font: 18px/27px 'RobotoBoldCondensed', Arial, sans-serif;}
p.style8 {font: 18px/27px 'RobotoBoldCondensedItalic', Arial, sans-serif;}

p,td,th, li {
	font: 13px/16px 'RobotoRegular', Arial, sans-serif !important;
	padding-bottom: 6px;
}

th {
	font-weight: bold;
}

td,th {
	padding: 4px 4px;
	vertical-align: top;
}

sup {
	font-size: 0.65em;
}

.stopfloat {
	clear: both;
	font-size: 1px;
}

.hide {
	display: none;
}

.clickable {
	cursor: pointer;
}

.icon-bar {
    background-color: #ffffff;
}

.frontByline {
    font: 18px/27px 'RobotoBoldItalic', Arial, sans-serif !important;
}

.galleriHead a {
    font-size: 1.3em !important;
    color: #000;
    cursor: pointer;
}


/*** LOGOBAR OG NAVIGATION ***/


.navbar-kph {
    background-color: rgb(0,102,150);
    border: 1px solid rgb(0,102,150);
}

.navbar-brand-kph {
    font-size: 2.0em !important;
    color: rgb(250,250,250) !important;
}

.menu {
    float: right;
    margin-top: 10px;
}

.nav>li {
	float: left;
}


.nav>li>a {
    font-size: 1.3em;
    color: #fff !important;
    background-color: transparent !important;
}

.nav>li>a:focus, 
.nav>li>a:hover,
.nav>li.current a {
    color: #ccc !important;
}

.dropdown-menu {
    background-color: rgb(0,102,150) !important;
}

ul.dropdown-menu>li>a {
    color: #fff;
}

.beq-dropdown-menu {
    display: none;
}

.navbar-collapse.in {
     overflow-y: visible !important;
}

/***  SLIDERS ***/

.carousel-control.right, .carousel-control.left {
    background-image: none !important;
}

.divider {
    background-color: rgb(0,102,150) !important;
    border-top: 1px dotted #ccc;
}

.carousel-indicators {
            display: none !important;
}


/*** CONTENT ***/

.bookpanelDivider {
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #ccc;
}

.bookpanelimg {
    padding-top: 20px;
}

ul #moregals {
    display: none;
}




/*** SØGNING ***/

#search-query-explained,
.result-url,
label[for="q"],
a[href="#advancedSearch"] {
	display: none;
}

#search-results ul {
	margin-top: 12px;
	margin-left: 0;
	padding-left: 0;
}

.search-results h4 {
	font-size: 1.3em !important;
}

.search-results li {
	padding: 4px 6px;
	border-bottom: 4px solid #fff;
	background-color: #f0f0f0;
}

.search-results li:nth-of-type(2n) {
	background-color: #f8f8f8;
}


/*** FOOTER ***/ 

footer {
    
}



/**** MEDIA QR *****/

@media print {
    
}



/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px){

        .navbar-collapse.in {
            overflow-y: visible !important;
        }

        .carousel-indicators {
            display: none !important;
        }

	}


/* Small Devices, Tablets */
	@media only screen and (min-width : 768px){
         
         .navbar-collapse.in {
            overflow-y: auto;
        }

         .carousel-indicators {
            display: block !important;
        }
	}
 
/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px){


	}
 
/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px){
	
        body {
          background-color: #333 !important;
        }
		
	}