/*--------------------------------------------------------------
 Typography
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700|Roboto:400,700');


/*--------------------------------------------------------------
 Nye - Joomla 4
--------------------------------------------------------------*/

.main-wrapper-inner .icons, .mod-login__options {
	display: none !important;
}

#navigation-top .tooltip, 
#navigation-top .jmodedit, 
#navigation-top div {
	display: none !important;
}


/*--------------------------------------------------------------
 Various
--------------------------------------------------------------*/

body,
textarea {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: rgb(0, 0, 0);
	line-height: 1.375;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
p {
	margin-bottom: 1.5em;
}

.manchet {
  font-size: 24px;
  color: rgb(122, 122, 122);
  line-height: 1.25;
}
/*--------------------------------------------------------------
 HEADINGS
--------------------------------------------------------------*/

h1 {
	font-size: 40px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #631d2c;
	line-height: 1.2;
	font-weight: 300;
	font-style: normal;
}

h2 {
  font-size: 28px;
  font-family: 'Roboto', sans-serif;
  color: rgb(122, 122, 122);
  line-height: 1.25;
  font-weight: normal;
}

h3 {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  color: rgb(122, 122, 122);
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
}

h1 a, 
h2 a, 
h3 a, 
h1 a:hover {
	text-decoration: none;	
}
/*--------------------------------------------------------------
 Links
--------------------------------------------------------------*/

a {
	color: #631d2c;
	text-decoration: none;
}
a:visited {
	color: #631d2c;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #D7CEC7;
	text-decoration: underline;
}

/*--------------------------------------------------------------
 Diverse
--------------------------------------------------------------*/
.clearfix, .clear {
	clear: both;
}

.btn-group {
	display: none;
}

/*--------------------------------------------------------------
 Site structure
--------------------------------------------------------------*/

html {
    position: relative;
    min-height: 100%;
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	background-repeat: no-repeat;
}

#main { min-height: 400px; }
#main .main-wrapper-inner {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 0px;
}


/*--------------------------------------------------------------
 Site structure - header
--------------------------------------------------------------*/

#header .divTable { display: table; width: 100%; background-color: #14344e; }
#header .divTableRow { display: table-row; }
#header .divTableCell, #header .divTableHead { border: 0px; display: table-cell; padding: 0px; }
#header .divTableBody { display: table-row-group; }

#header .divTableLeftColumn { width: 45%; /*overflow: hidden;*/  }
#header .divTableCenterColumn { width: 10%; min-width: 1200px; max-width: 1200px;  /*overflow: hidden;*/ }
#header .divTableRightColumn { width: 45%; /*overflow: hidden;*/ }

#header .divTable { height: auto; }

#header p { padding: 0px; margin: 0px; }


#header .divTableCenterColumn .menubutton {
	float: left; 
	width: 60%;
	display: none;
	text-align: left;
}
#header .divTableCenterColumn .menubutton .menubuttoninner a {
	font-size: 15px;
	line-height: 50px;
	text-decoration: none;
	color: #FFFFFF;
}
#header .divTableCenterColumn .menubutton .menubuttoninner a:hover { color: #D7CEC7; text-decoration: none; }
#header .divTableCenterColumn .menubutton .menubuttoninner img { vertical-align:middle; max-width: 24px; padding-right: 10px; }

#header .divTableCenterColumn .topmenu {
	float: left; 
	width: 60%;
}

#header .divTableCenterColumn .medlems-login {
	float: right; 
	width: 40%;
}


/*--------------------------------------------------------------
 Topmenu
--------------------------------------------------------------*/

#navigation-top { text-align: left; padding-top: 0px; }
#navigation-top ul {list-style-type: none; margin: 0px; padding: 0px; }
#navigation-top ul li { display: inline; }
#navigation-top ul li a {
	font-size: 15px;
	line-height: 50px;
	text-decoration: none;
	padding-right: 30px;
	color: #FFFFFF;
}
#navigation-top ul li a:visited { color: #FFFFFF; }
#navigation-top ul li a:hover { color: #D7CEC7; text-decoration: none; }

#medlems-login { text-align: right; height: 50px; }
#medlems-login a { font-size: 15px; line-height: 50px; color: #FFFFFF; }
#medlems-login a:hover { color: #D7CEC7; text-decoration: none; }


/*--------------------------------------------------------------
 Topmenu - mobile
--------------------------------------------------------------*/

#topmenu-mobile { display: none; }

#topmenu-mobile { text-align: left; padding-top: 10px; padding-bottom: 15px;}

#topmenu-mobile ul {
		border-top: solid 1px #FFFFFF;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%; /* Width of Menu Items */
}
#topmenu-mobile ul li a {
		display: block;
		text-decoration: none;
		border-bottom: solid 1px #FFFFFF;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 32px;
		font-style: normal;
		padding-left: 20px;
		background-color: #14344e;
		color: #FFFFFF;
}
#topmenu-mobile ul li li a { padding-left: 32px;}
#topmenu-mobile ul li li li a { padding-left: 44px;}
#topmenu-mobile ul li a:hover, #topmenu-mobile ul li a:active { color: #D7CEC7; }
#topmenu-mobile ul ul { border-top: solid 0px #FFFFFF; }


/*--------------------------------------------------------------
 Site structure - footer
--------------------------------------------------------------*/

#footer { 
	background: #FFFFFF;
	margin-top: 40px;
}
#footer .wrapper-inner {
	width: 1200px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 100px;
}

#footer .footerbox {

}


#footer .footerbox a { color: #FFFFFF; text-decoration: none; }
#footer .footerbox a:hover { color: #D7CEC7; text-decoration: underline; }
#footer p { margin: 0px 0px 20px 0px; padding: 0px; }
#footer h3 {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-family: "Roboto Condensed";
	font-size: 22px;
	color: #FFFFFF;
	font-weight: 700;
	font-style: normal;
	line-height: 27px;
}
#footer .footerbox img {
	width: 100%;
	max-width: 40px;
	padding-right: 25px;
}


/*--------------------------------------------------------------
 RTT - fomularer
--------------------------------------------------------------*/

.form-inputtext-full-width {
	width: 96%;
}


/*--------------------------------------------------------------
 RTT - bil status
--------------------------------------------------------------*/

.bilstatus-container {
	padding-left: 5px;
}
.bilstatus {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
}


/*--------------------------------------------------------------
 NYHEDER - visning
--------------------------------------------------------------*/

.article-wrapper { padding-bottom: 30px; }
.article-wrapper .article-wrapper-inner {}
.article-wrapper .article-title {}
.article-wrapper .article-introimage {}
.article-wrapper .article-date { text-transform: uppercase; color: #A0A0A0; font-size: 18px; }
.article-wrapper .article-text {}
.article-wrapper .article-introimage img { width: 100%; }
.article-wrapper .article-text img { max-width: 100%; }

.article-archive-link { text-align: right; }
.article-archive-link a {  text-transform: uppercase; color: #A0A0A0; text-decoration: none; }

.article-wrapper .article-title, .article-wrapper .article-title a { color: #631d2c; }
.article-wrapper .article-title a:hover { color: #555555; }

.article-wrapper-introtext { padding-bottom: 30px; }


/*--------------------------------------------------------------
 Kontakt - find os
--------------------------------------------------------------*/

#mapheader {
	position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
}
.google-map {
    width: 100%;
    height: 400px;
    overflow: hidden;
}


/*--------------------------------------------------------------
 Login
--------------------------------------------------------------*/

#login-wrapper { text-align: center; padding-top: 150px; }

#login-form .userdata .unstyled { display: none; }

#login-form .login-greeting, 
#login-form .logout-button { display: none; }
#form-login-remember { display: block; }


#form-login-username, #form-login-password { padding-bottom: 6px; }
#form-login-username .element-invisible, 
#form-login-password .element-invisible { display:inline-block; width: 130px; }
#modlgn-username, #modlgn-passwd { width: 150px; }

.login-button { padding-left: 30px; padding-right: 30px; }


/*--------------------------------------------------------------
 Admin
--------------------------------------------------------------*/

.adminoverskrift { border-bottom: solid #000000 1px; margin-bottom: 30px; }


.pro-list-topcell {
	background-color: #303030;
	color: #FFFFFF;
	padding-left: 5px;
}

.pro-list-cell {
	background-color: #F0F0F0;
	padding-left: 5px;
}

.pro-list-cell a { text-decoration: none; }

/*--------------------------------------------------------------
 Soegeform
--------------------------------------------------------------*/

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

.formfeltenhedsoegeord, 
.formfeltenhedtype {
	padding-bottom: 5px;
}

.formfeltselect { width: 150px; }


/*--------------------------------------------------------------
 Admin form
--------------------------------------------------------------*/

.leftcolumn { float: left; width: 50%; }
.rightcolumn { float: right; width: 50%; }


.besked { color: #FF0000; padding-bottom: 20px; }

.formtbl { width: 50%; }
.formtblfull { width: 100%; }
.formtbltd1 { width: 35%; }
.formtbltd2 { width: 65%; }
.formtbltd25 { width: 25%; }
.formtbltd20 { width: 20%; }
.formtbltd30 { width: 30%; }
.formtbltd-text-align-right {text-align: right;}

.forminputtext, .forminputtextarea { width: 100%; }

#serviceform-wrapper {
	padding: 20px 8% 20px 8%;
	background-color: #F0F0F0;
	border: 1px solid #303030;
}