@import url(/css/ustart.base.css);
@import url(/css/ustart.fonts.css);
@import url(/css/ustart.plugins.css);
@import url(/css/ustart.richtext.css);


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	background:rgb(79,86,67) url(/img/body-bg.png) top center no-repeat;	
}

#site-wrapper{
	position:relative;
	width:960px;
	margin:0 auto;	
}


header{
	width:840px;
	margin:0 auto;
	position:relative;
}
header nav{
	position:absolute;
	right:0;
	z-index:1;
}
header #logo-wrapper{
	padding:30px 0;	
}
header nav ul {
	margin:0;
	padding:0;
}


header nav ul li{
	position:relative;
	float:left;
	background:rgb(192,64,64);
	margin-left:3px;
	border-radius:0 0 10px 10px;
	
}

header nav ul li:hover{
	background:#333;
}

header nav ul li.selected{
	background:#333;
}

header nav ul li a{
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding-top:70px;
	padding-bottom:15px;
	width:130px;	
}

/*submenu in top menu*/


header nav ul ul {
	display:none;
	width:130px;
	float:none;
	border-radius:0 0 10px 10px;
	padding:10px 0 10px 0;
	margin-top:-10px;
}

header nav ul li:hover ul {
	display:block;
}

header nav ul ul li{
	float:none;
	border-radius:0;
	margin:0;
	background:none;
}


header nav ul ul li:hover{
	background:black;
}
header nav ul ul li a{
	padding:10px 0 10px 0;
}


/* submenu stand alone */
#sub-nav-wrapper{
	padding:10px 0 0 0;	
}

#sub-nav-wrapper nav{
	width:100%;
}
#sub-nav-wrapper nav>ul{
	padding:0px;
	
}
#sub-nav-wrapper nav ul li{
	position:relative;
	overflow:hidden;
	float:left;
	width:135px;
}


#sub-nav-wrapper nav ul li .indicator-container{
	display:none;
}
#sub-nav-wrapper nav>ul>li>.indicator-container{
	display:block;
	top:32px;
}
#sub-nav-wrapper nav>ul>li>.indicator-container .indicator{
	box-shadow:none;
}

#sub-nav-wrapper nav ul li a{
	display:block;
	color:#333;
	text-decoration:none;
	padding:5px 10px;
	background:none;
	margin-right:5px;
}
#sub-nav-wrapper nav ul li a:hover{
	color:red;
}

#sub-nav-wrapper nav>ul>li>a{
	background:rgb(192,64,64);
	
	color:white;
	margin-top:5px;
}
#sub-nav-wrapper nav>ul>li>a:hover{
	color:#CCC;
}

#sub-nav-wrapper nav>ul>li.selected>a{
	background-color:black;
}


#sub-nav-wrapper nav ul li.selected>a{
	font-weight:bold;
}

/* end submenu */




#main{
	background:#ffe;
	border-radius:10px;
	box-shadow:#000 0 3px 30px;	
	padding:0px 70px 70px 70px; 
	min-height:500px
}

#main article{
	float:left;
	width:500px;
	margin-right:30px;
}

#main  a{
 	color:#000;
}

#main  a:hover{
 	color:maroon;
}

#main aside{
	float:left;
	width:270px;
	/*background:#ffd;*/
	padding:25px 0px 0px 20px;
}


footer{
	width:920px;
	margin:0 auto;	
}
footer div.address{
	text-align:center;
	padding:20px 0;	
	font-size:10px;
	color:#fff;
}
footer div.address a{
	color:#fff;
	text-decoration:none;

}
footer div.address a:hover{
	color:maroon;
	text-decoration:none;

}




/* BILDER SOM INTE SKA VISAS UTOM SOM COLORBOX */
p.noShow img{
	display:none;	
}


/* BORDER BILDER ASIDE */

aside img {

   padding:1px;
   border:1px solid #021a40;

}


/* CONTACT FORM */
span.error {
	color:red;
	font-size:10px;
	display:block;

	
}
div.note {
	color:red;
	font-size:12px;
	
}



/* BEGIN FRONTPAGE */

/*
body.frontpage{
	background-color:rgb(79,86,67);
	background-image:url(../img/frontpage-body-highlight-bg.png), url(../img/frontpage-body-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:auto, cover;
}
*/
.borderradius.boxshadow.rgba .highlight{
	position:absolute;
	background:rgba(255,255,238,.4);
	border-radius:100%;
	box-shadow:#ffe 0 0 250px;
}

.saw {
	position:absolute;
	top:0;
	right:-50px;
	width:478px;
}

.bgsizecover body.frontpage{
	background-color:rgb(79,86,67);
	background-image:url(/img/frontpage-body-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}
.bgsizecover body.frontpage header{
	width:920px;
}
.bgsizecover body.frontpage #main{
	width:920px;
	margin:0 auto;
	background:none;
	border-radius:0;
	box-shadow:none;	
	padding:0;
}
body.frontpage #main{
	background:none;
	padding:0 20px 20px 20px;
}

body.frontpage #main #frontpage-content{
	display:block;
	margin:0px 0 40px 0;
	height:250px;
}
body.frontpage #main #frontpage-content img{
	position:absolute;
}


body.frontpage #main #frontpage-content div.text{
	position:absolute;
}


.frontpageFlash{
	height:60px;
	display:block;
	position:relative;
	color:red;	
	z-index:2000;

}


ul.teasers{
	margin:0;
	padding:0;
	list-style:none;
}

ul.teasers li{
	position:relative;
	float:left;
	background:#333;
	padding:10px;
	width:270px;
	border-radius:10px;
	margin-left:25px;
}
ul.teasers li:first-child{
	margin-left:0;
}

ul.teasers li div.image-container{
	position:relative;
	width:100%;
	height:200px;
	overflow:hidden;
}
ul.teasers li div.image-container img{
	width:100%;
	min-height:100%;
	opacity:.8;
}



ul.teasers li div.image-container img:hover{
	opacity:1;
}
#main ul.teasers li div.image-container a.caption{
	position:absolute;
	display:block;
	width:100%;
	padding:6px 0;
	bottom:0;
	left:0;
	background:rgba(64,64,64,.7);
	text-align:center;
	text-decoration:none;
	font-size:24px;
	font-family:'arial black';
	color:#fff;
}

#main ul.teasers li div.image-container a.caption:hover{
	color:maroon;
}	

.no-rgba ul.teasers li div.image-container a.caption{
	background:rgb(64,64,64);
}

div.image-container a{
	color:#fff;	
}

body.frontpage footer div.address{
	/* color:#333;	*/
	color:black;
	position:absolute;
	width:100%;
}

body.frontpage footer div.address a{
	/*color:#333; */
	color:black;	
	text-decoration:none;

}

body.frontpage footer div.address a:hover{
	color:maroon;	
	text-decoration:none;

}

/* END FRONTPAGE */






/* ==========================================================================
   Media Queries
   ========================================================================== */



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

.saw {
	right:0;
	max-width:100% !important;	
}
.saw img{
	width:100%;
}
.borderradius.boxshadow.rgba .highlight{
	display:none;
}

.bgsizecover body.frontpage{
	background-image:none;
	background-color:#fff;
}

#site-wrapper{
	width:100%;	
}

header{
	width:100% !important;
	background-color:rgb(79,86,67);
}
header nav{
	background:inherit;
	left:0;
	top:80px;
}
header #logo-wrapper{
	padding:10px;	
}

header nav ul li{
	border-radius:5px;
}

header nav ul li a{
	width:auto;
	padding:5px;
}

#main{
	width:100% !important;
	padding:0;
}

#main article{
	float:none;
	width:90%;
	padding:20px 5%;
}
#main aside{
	width:90%;
	padding:20px 5%;
}

body.frontpage #main #frontpage-content{
	height:auto;
}
body.frontpage #main #frontpage-content img{
	position:relative;
	width:100%;
	height:auto;
}

.frontpageFlash{
	position:relative;
	width:100%;
	height:auto;
	clear:both;
	}

ul.teasers li{
	float:none;
	width:auto;
	border-radius:10px;
	margin-left:0px;
	margin-bottom:10px;
}


footer{
	width:100%;	
}

}

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}




































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */