/*----------------------------------------------------------
//
//			♥ Css Main File ♥	
//		Made by Johan "root" Holm
----------------------------------------------------------*/

/*
|--------------------------------------------------------------------------
| Baseelements
|--------------------------------------------------------------------------
|
| All base elements(html,body,h1,h2 etc etc) 
|
*/

html{
	height:100%;
	width:100%;
}

body{
	height:100%;
	font-family: 'Lato', sans-serif;
	background:url('../img/bg.png');
	background-repeat: repeat;
}


footer{
	width:100%;
	_width:940px;
	min-width:940px;
	bottom:0px;
}

.chromeframe{
	font-size:24px;
	background: #da4f49;
	color: #ffffff;
	padding: 0.2em 0;
	text-align: center;
}

.container{
	position:relative;
	min-height:100%;
	_height:100%;
}


/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
|
| Header elements goes here 
|
*/

#hidden{ /* For The Navigation*/
	color:transparent;
	display:none;
	overflow:hidden;
	left:-999999px;
	position:absolute;
}

#hidden2{ /* For The Backend Navigation*/
	color:transparent;
	display:none;
	overflow:hidden;
	left:-999999px;
	position:absolute;
}

#header{
	padding-top:50px;
	padding-bottom:20px;
}

#headlogo_wrapper{
	margin-left:0px;
}

#headtext_wrapper{
	font-size:24px;
	line-height:30px;
	font-style:italic;
	position:absolute;
	width:550px;
	top:120px;
	left:220px;
	text-align: center;
	font-family: 'Alegreya', serif;
}

#headtext_wrapper .bigger{
	font-weight:bold;
	font-size:30px;

}

.content{
	background-image:url('../img/flame_back.png');
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
	min-height:372px;
	_height:372px;
	top:20px;
	margin-bottom:50px;
}

#headcert_wrapper{
	top:-30px;
	position:relative;
	float:right;
	width:auto;
}

/*Nav*/
.navbar-svg{
	background-image:url('../img/nav_background.png');
	background-repeat: no-repeat;
	background-position:center;
	height:69px;
	width:941px !important;

}
.navbar-svg .nav > li > a {
	font-family: 'Roboto Condensed', sans-serif;
	text-shadow: 0 0 0 #ffffff;
	color: #a6a6a6;
	height:20px;
	font-size:15px;
	padding:20px 15px 20px;
}

.navbar-svg .nav > li > a:hover {
	color:#ffffff;
}

.navbar-svg .nav li{
	height:66px;
	position:relative;
	background-image:url('../img/nav_spacer.png');
	background-repeat: no-repeat;
}
.navbar-svg .nav li:nth-child(1){
	background-image:url('');
}

.navbar-svg.nav li a{
	height:66px;
}

.navbar-svg .nav > li >a.active{
	color:#ffffff;
}

.navbar-svg ul.nav{
	float:right;
}
.navbar{
	margin-bottom:0px;	
}

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
|
| All Footer elements goes here 
|
*/
.footertext{
	margin-top:12px;
}

#footer > div{
	color:#ffffff;
}
#footer a{
	color:#ffffff;
}
#footer{
	width:940px;
	position:relative;
	margin:0 auto;
	top:30px;
}

#footerwrapper{
	position:relative;
	width:100%;
	height:145px;
	background-image: url('../img/footer_background.png');
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
}
.social{
	margin-left:10px;
	width:48px;
	height:48px;
	display:inline-block;
	transition: background 0.4s;
	-moz-transition: background 0.4s;
	-webkit-transition: background 0.4s;
	-o-transition:background 0.4s;
}
.social:hover{
	transition: background 0.4s;
	-moz-transition: background 0.4s;
	-webkit-transition: background 0.4s;
	-o-transition:background 0.4s;
}

.socialfb{
	background: url('../img/social_fb2.png');
	background-repeat: no-repeat;
}

.socialfb:hover{
	background: url('../img/social_fb.png');
	background-repeat: no-repeat;
}

.socialtwitter{

	background: url('../img/social_twitter2.png');
	background-repeat: no-repeat;
}

.socialtwitter:hover{
	background: url('../img/social_twitter.png');
	background-repeat: no-repeat;
}

/*
|--------------------------------------------------------------------------
| Login
|--------------------------------------------------------------------------
|
| Login css here 
|
*/

#loginform{
	position:relative;
}
.loginContainer {
	position: absolute;
	border:1px solid #c4c4c4;
	width:300px;
	height: auto;
	left:50%;
	top:50%;
	margin-left:-171px;
	margin-top: 0px;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	background: #fefefe;
	padding:0px 20px 0 20px;
}

/*
|--------------------------------------------------------------------------
| Frontpage
|--------------------------------------------------------------------------
|
| Frontpage items goes here 
|
*/
#frontpagemarken img{
	margin: 0 auto;
	display:block;
	margin-top:30px;
}
#frontpagemarken2 img{
	display:block;
	margin: 0 auto;
	margin-bottom:20px;
}
.allinone_contentSlider img{
	width:1002px;
	height: 362px;
	margin: 0;
}

#slider{
	position:relative;
	width:1002px;
	margin: 0 auto;
	margin-left:-60px;
	margin-top:-5px;
}
.textElement11_common{
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
	font-size: 36px !important;
	line-height: 36px !important;
	font-family: Alegreya, serif !important;
	font-weight: bold !important;
}
.textElement12_common{
	color: #ffffff !important;
	font-size: 20px !important;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
	font-family: Lato, sans-serif !important;
}
#allinone_contentSlider_photoText3 .textElement11_common{
	color:#ffffff !important;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);

}
#sliderwrapper{
	z-index:-1;
	position:absolute;
	top:-17px;
	width:1002px;
	background-repeat: no-repeat;
	background-image: url('../img/slider/background.png');
	height:395px;
}

#quotecontainer{
	top:100px;
	position:relative;
}

.quotetext{
	font-family: 'Alegreya', serif;
	text-transform: uppercase;
	font-size:36px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	line-height:36px;
}

#quote{
	background-image:url('../img/quote.png');
	background-repeat:no-repeat;
	height:31px;
	width:43px;
	margin: 0 auto;
	position:relative;
	left:-200px;
	top:20px;

}
.frontpagecert{
	font-size:15px;
	line-height:22px;
	position:relative;
	top:20px;
	color:#575757;
}

.frontpagecertbigger{
	font-size:35px;
	line-height:35px;
	font-family: 'Alegreya', serif;
	color:#000000;
	font-weight:bold;
}

.frontpagespace{
	margin-top:50px;
	margin-bottom:20px;
	margin-right:20px;
	

}

.frontpagebump{
	margin-top:50px;
}

.pagespacer{
	background-image: url('../img/page_spacer.png');
	background-repeat: no-repeat;
	background-position: left;
	height:658px;
	position:relative;

}

.block{
	font-family: 'Alegreya', serif;
	background-repeat: no-repeat;
	font-size:23px;
	margin:35px;
}

.checked li{
	margin:10px;
	font-size:20px;
	list-style-image: url('../img/fronttick.png');
}
.checked{
	margin:10px;
	margin-top:20px;
}

#frontpageoffert a button{
	display:block;
	margin: 50px auto;
	
}
#frontpageoffert a{
	text-decoration: none;
}
/*
|--------------------------------------------------------------------------
| Backend css
|--------------------------------------------------------------------------
|
| Backend items goes here 
|
*/

#adduser label{
	display:inline;
}

#level_explination > span{
	white-space: none !important;
	display:inline-block;
}

#backend_nav a:hover{
	text-decoration:none;
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
}
#backend_nav a{
	position:relative;
	text-decoration:none;
	width:155px;
	margin-top:4px;
	display:inline-block;
	color: #000;
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
}
#areatable td {
	border: 1px solid #000;
	border-collapse: collapse;
}

#areatable tr {
	
}

/*
|--------------------------------------------------------------------------
| Företag
|--------------------------------------------------------------------------
|
| Företags items goes here
|
*/

#foretagetwrapper{
	top:20px;
	position:relative;
}

.nav-list > li > a{
	border-style:solid;
	border:0;
	border-bottom:1px dotted #000000;
}

/*
|--------------------------------------------------------------------------
| Offert
|--------------------------------------------------------------------------
|
| Css for the offert page 
|
*/

area:hover{
	cursor: pointer;
}
#offertwrapper{
	width:100%;
	height:100%;
	_height:620px;
	min-height:620px;
	position:relative;
}
#offertright{
	float:left;
	width:540px;
}

#offertleft{
	float:left;
	width:400px;
}

#regions{
	float:right;
}
#regions > div{
	display:none;
}

#certofferholder img{
	display:block;
	margin:0 auto;
	margin-top:50px;
	
}

#certofferholder{
	width:210px;
}

.vierbjuder_offert{
	font-family: 'Alegreya', serif;
	font-size:18px;
	width:940px;
}

.vierbjuder_offert ul{
	text-decoration: none;
	margin:10px auto;
	display:block;
	width:850px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #eeeeee;
	padding:20px;
}
.vierbjuder_offert ul > li {
	list-style:none;
	display:inline-block;
}
.vpinfo{
	display:none;
}

/*
|--------------------------------------------------------------------------
| Leads
|--------------------------------------------------------------------------
|
| Leads (backend) 
|
*/

#leadsholder{
	padding-bottom:20px;
}