/*display: -webkit-box;
	-webkit-box-orient: horizontal;
	display: -moz-box;
	-moz-box-orient: horizontal;
	display: -o-box;
	-o-box-orient: horizontal;
	display: -ms-box;
	-ms-box-orient: horizontal;
	display: box;
	box-orient: horizontal;
	display: -ms-flexbox;
	-ms-flex-direction: row;*/

* { margin:0; padding:0; }
/* draw any selected text choosen color background */
::-moz-selection { color: #FFFFFF;  background: #FFCC00; }
::selection      { color: #FFFFFF;  background: #FFCC00; } 
	
img{
	border-style: none;
}
#spinner{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999999999;
	/*background: url(preload2.gif) 50% 50% no-repeat transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF,endColorstr=#90FFFFFF); 
       zoom: 1;
	/**/
	background: url('../preload2.GIF') 50% 50% no-repeat #FFCC00;
}
/*#info_pop_up{
	position: fixed;
}*/
#info_pop{
	/*IE*/
		background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); 
       zoom: 1;
	/**/
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 999999999;
}
#info_pop #hide_mail {
	/*background: rgba(0,0,0,1);*/
    cursor: pointer;
    height: 28px;
	width: 28px;
    position: absolute;
	z-index:99999999;
	right: 10px;
	top: 6px;
	background-image:url("../kryss2.png");
	background-image: no-repeat;
}
#info_pop #hide_mail:hover{
	background-image:url("../kryss1.png");
	background-image: no-repeat;
}
#info_pop_img{
	height: 100%;
	max-width:70%;
	z-index: 9999999;
}
#info_pop #info_pop_text{
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 99999;
}

#ej_javascript{
	display: none;
	text-align: center;
	font-size: 18px;
	margin: 5px 0 5px 0;
	padding: 10px;
	background-color: #B22222;
	color: #FFFFFF;
}
#ej_en{
	text-align: center;
	font-size: 18px;
	margin: 5px 0 5px 0;
	padding: 10px;
	background-color: #B22222;
	color: #FFFFFF;
}
/*h2.success {
	border: 2px solid #FFCC00;
	margin-bottom: 20px;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	padding: 10px;
	color: #5E5C5C;
	font-weight: normal;
	width: 80%;
	left: 10%;
	right: 10%;
	line-height:20px;
}*/

.wrapper, #n_information{
	min-width: 320px;
    max-width: 1470px;
    font-family: UniversLTW01-47LightCn, Arial, sans-serif;
    margin: auto;
}

.toTop { 
	position: fixed; 
	bottom: 3%; 
	right: 2%; 
	width: 60px; 
	padding: 5px;
	 /*IE*/
		background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#95CCCCCC,endColorstr=#95CCCCCC); 
       zoom: 1;
	/**/
	background-color: rgba(204,204,204, 0.70); 
	cursor: pointer; 
	display: none; 
	text-align: center;
	color: #5E5C5C;
	border-radius: 10px;
}
	
.header, .footer {
	min-width: 320px;
    font-family: UniversLTW01-47LightCn, sans-serif;
    margin:auto;
}
	
body{
	background-color: #F5F5F5;
    margin:auto;	
    overflow-x: hidden;
}

.wrapper{
	background-color: #FFFFFF;
	width: 100%;
	/*box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.2);*/
	border: 1.5px solid rgba(200, 200, 200,0.95);
}
h1 {
	font-size: 40px;
	color: #5E5C5C;
	border-bottom: 1px solid #5E5C5C;
	padding-bottom: 1%;
	text-align: center;
	width: 100%;
	margin-bottom: 3%;
	margin-top: 3%;
	text-decoration: none;
	font-weight: normal;
}
h3 {
	display: inline-block;
	*zoom: 1; 
	*display: inline;
	font-size: 30px;
	color: #5E5C5C;
	border-bottom: 1px solid #5E5C5C;
	padding-bottom: 1%;
	text-align: center;
	width: 92%;
	margin-top: 3%;
	margin-bottom: 3%;
	text-decoration: none;
	line-height: 35px;
	font-weight: normal;
}
p{
	color: #5E5C5C;
	font-size: 14px;
}
	
.over_footer{
	background-color: #E8E8E8;
	text-align: center;
	/*padding-left: 10%;*/
	border-top:2px solid #FFCC00;
	box-shadow: 0px -3px 2px rgba(220, 220, 220, 0.75);
}	
	.over_footer .rubrik1{
		font-size: 22px;
		padding-top: 15px;
		color: #5E5C5C;
		padding-bottom: 1px;
		width: 300px;
		border-bottom: 1px solid #5E5C5C;
		margin: auto;
	}
	.over_footer iframe{
		margin-top: 10px;
		padding-bottom: 15px;
	}
	.over_footer .cover {
		position: absolute;
		/*bottom: -700px;*/
		width: 100%;
		height: 150px;
	}

.footer {
	background-color: #C0C0C0;
	border-top:1px solid #FFCC00;
	height:214px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	/*box-shadow: 0px -3px 2px rgba(220, 220, 220, 0.75);*/
}
	.footer a{
		color: #5E5C5C;
		text-decoration: none;
	}
	.footer a:hover{
		text-decoration: underline;
	}	
	.footer .by:hover, .footer .copy:hover{
		text-decoration: none;
	}	

	.footer .f_info{
		margin-top: -12px;
	}
	.footer .f_info img{
		
	}
	.footer .site_map{
		position: relative;
		font-size: 20px;
		bottom: 150px;
		left: 145px;
		
	}
	.footer .information{
		position: relative;
		font-size: 20px;
		bottom: 110px;
		left: 40px;
		
	}
	.footer .tartor{
		position: relative;
		font-size: 20px;
		bottom: 70px;
		left: -10px;
		
	}
	.footer .copy{
		position: relative;
		font-size: 11px;
		bottom: 35px;
		left: -160px;
	}
	.footer .by{
		position: relative;
		font-size: 11px;
		bottom: 35px;
		left: -20px;
	}
	.footer .instagram{
		position: relative;
		font-size: 20px;
		bottom: 150px;
		left: -140px;
	}
		
#n_information {
  position: fixed;
  font-family: UniversLTW01-47LightCn, Tahoma, Geneva, sans-serif;
  top: 0;
  width: 100%;
  color: #ffffff;
  height: 58px;
  text-align: center;
  margin: 0;
	/*IE*/
		background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFCC00,endColorstr=#FFCC00); 
       zoom: 1;
	/**/
  background-color: rgba(255, 204, 0, 0.95);
  color: rgba(1, 1, 1, 0.8);
  z-index: 9999;
}

#n_information a {
	font-size: 100%;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	text-decoration: none;
}

.header {
	/*margin-top: 35px; /*Ta bort om n_information inte ska synas längst upp*/
	background-color: #FFCC00;
	font-family: Tahoma Geneva, sans-serif;
	font-size: 18px;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #FFFFFF;
	/*border-top: 3px solid #FFFFFF;Lägg till om n_information inte ska synas längst upp*/
	z-index: 9999;
	position: relative;
	/*box-shadow: 0px 3px 2px rgba(220, 220, 220, 0.75);*/
}

	.loggo {  
  		padding:10px; 
		border-bottom:2px solid #FFFFFF;
		overflow:hidden; 
		text-align: center;
 	}  

.header #image-loggo-left:hover { 
  -webkit-filter: brightness(150%);  
}

/**/
#home .home, #pernilla_kamrass .pernilla_kamras, #tartor .tartor, #tartor_barn .tartor_barn,
#tartor_bilar .tartor_bilar, #tartor_brollop .tartor_brollop, #tartor_dop .tartor_dop,
#tartor_figur .tartor_figur, #tartor_figur .tartor_figur, #tartor_foretag .tartor_foretag,
#tartor_student .tartor_student, #konfektt .konfekt, #meriterr .meriter, #projektt .projekt,
#receptt .recept, #infoo .info{
	color: #707070;
}
nav {
    /*background-color: #FFCC00;*/
    position: relative;
    width: 100%;
}

nav ul {
    list-style: none;
    width: 100%;
    text-align: center; /*Centrerar menyn*/
    font-size: 15px;
}

nav li {
    display: inline-block;
    *zoom: 1; 
	*display: inline;
}

nav ul a {
    display: block;
    padding: 8px 4px 8px 4px;
    text-decoration: none;
    color: #FFFFFF;
}

nav > ul {
    margin: 0 auto;
}

nav ul li div { /* nested div (containing the sub nav) will be hidden by default */
    /*IE*/
		background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8,endColorstr=#C8C8C8); 
       zoom: 1;
	/**/
    background-color: rgba(200, 200, 200,0.95);
    width: 100%;
    position: absolute;
    left: -9999px;
    z-index: 9999;
}

nav ul li div ul {
    margin: 10px;
    width: 100%;
}

.submenu {
	text-align: center;
	display: inline-block;
	*zoom: 1; 
	*display: inline;
	-webkit-transition: .1s all;   
    -webkit-transition-delay: 0.5s; 
    -moz-transition: .1s all;   
    -moz-transition-delay: 0.5s; 
    -ms-transition: .1s all;   
    -ms-transition-delay: 0.5s; 
    -o-transition: .1s all;   
    -o-transition-delay: 0.5s; 
    transition: .1s all;   
    transition-delay: 0.5s; 
}
	.submenu a {
	width: 100%;
	}
	.submenu a:hover {
	text-decoration: underline;
	}

nav > ul > li:hover > a {  /* swap ":hover" with ".active" to allow this to work as a class */
    /*IE*/
		background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8,endColorstr=#C8C8C8); 
       zoom: 1;
	/**/
    background-color: rgba(200, 200, 200,0.95);
    /*height: 20px;*/
}

nav > ul > li:hover > div { /* swap ":hover" with ".active" to allow this to work as a class */
    left: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    -transition-delay: 0s;
}

/***************Index****************/
.main, #p_main, #arstid_jul, #pernilla_kamras, #info, #meriter, #recept, #konfekt, #tartor_main, #projekt,
#site_map{
	/*margin-top: 170px;*/
	font-family: UniversLTW01-47LightCn, Tahoma, Geneva, sans-serif;
	width: 92%;
	/*background-color: #F5F5F5;*/
	margin: auto;
	padding-bottom: 0.5%;
	/*border: 3px solid #FFCC00;
	/*border-radius: 2px;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);*/
}

.main{
	width: 100%;
}

.main .firstrow #f_right{
	position: relative;
	float: right;
	width: 25%;
}

.main .secondrow img, .main .thirdrow img{
	/*filter: url(filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1); 
	-webkit-filter: brightness(90%);*/
}
.main .secondrow img:hover, .main .thirdrow img:hover{
	filter: none; /* Firefox 3.5+ */
    filter: none; /* IE5+ */
    -webkit-filter: none; /* Webkit Nightlies & Chrome Canary */
	-webkit-box-shadow: 0px 1px 10px 0px rgba(46, 50, 50, 0.7);
	-moz-box-shadow:    0px 1px 10px 0px rgba(46, 50, 50, 0.7);
	box-shadow:         0px 1px 10px 0px rgba(46, 50, 50, 0.7);
	/*-webkit-filter: brightness(90%);*/
}
.main .thirdrow .s1 img:hover{
	cursor: pointer;
}


/******slider******/
	#slideshow {
    	position: relative;
		display: inline-block;
		*zoom: 1; 
		*display: inline;
		width: 100%;
		margin-bottom: 3%;
	}
	#slideshow > div {
    	position: absolute;
	}
	#slideshow img {
    	width: 100%;
	}
	#slideshow #child{
		position: relative;
	}
	#slideshow #child #text{
		position: absolute;
		height: auto;
		max-height: 180px;
		overflow: hidden;
		width: 280px;
		/*IE*/
		background:transparent;
       	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8,endColorstr=#C8C8C8); 
       	zoom: 1;
		/**/
   		background-color: rgba(200, 200, 200,0.8);
		font-size: 14px;
		bottom: 43px;
		right: 2%;
		padding: 20px 10px 20px 10px;
		z-index: 99;
		text-decoration: none;
		color: #5E5C5C;
		text-align: center;
		line-height: 16px;
		letter-spacing:1px
	}
	.button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffcc00');
	background-color:#ffffff;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:3px solid #ffcc00;
	display:inline-block;
	color:#ffcc00;
	font-family:arial;
	font-size:16px;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	letter-spacing:1.5px;
	position: absolute;
	bottom: 25px;
	float: right;
	right: 3%;
	z-index: 999;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ffcc00) );
	background:-moz-linear-gradient( center top, #ffcc00 5%, #ffcc00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffcc00');
	background-color:#ffcc00;
	color: #ffffff;
}

	#slideshow ul {
    	list-style:none;
    	padding:0;
	}
	#slideshow ul li {
		display: inline-block;
		*zoom: 1; 
		*display: inline;
    	border-radius:10px;
    	width:10px;
    	height:10px;
    	border-left:1px solid white;
    	/*IE*/
			background:transparent;
       		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90C8C8C8,endColorstr=#90C8C8C8); 
      		zoom: 1;
		/**/
    	background-color: rgba(200, 200, 200,0.95);
    	margin: 0 4px 0 4px;
	}
	#slideshow ul li.active {
		/*IE*/
			background:transparent;
       		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90404040,endColorstr=#90404040); 
      		zoom: 1;
		/**/
   		background-color: rgba(64, 64, 64,0.9);
	}
	#slideshow ul li:hover {
		cursor: pointer;
	}
	
/***********slut********/	

.main #main_index{
	width: 92%;
	margin: 0 auto;
}

.main ul{
	margin-top: 37%;
	margin-left: 47%;
}
.main #f_center { 
	float: right; 
  	width: 17%; 
	height:230px; 
  	margin-left: 3%;
  	margin-right: 3%;
  	background-color: yellow;
 }

.secondrow { 
	display: inline-block;
	*zoom: 1; 
	*display: inline;
	width: 100%;
	margin-bottom: 3%;
} 
	.secondrow .s1 img{
		float: right;
		width: 31.33%;
	}

	.secondrow .s3 img{
		float: left;
		width: 31.33%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.secondrow .s2 img{
		float: left;
		width: 31.33%;
	}
	
.extrarow { 
	margin-bottom: 3%;
	/*border: 3px solid #FFFFFF;*/
	/*box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.35);*/
	position: relative;
} 

	.extrarow .s_phone{
		float: left;
		width: 25%;
		padding-left: 2%;
	}

	.extrarow .s_event{
		float: right;
		width: 25%;
		padding-right: 2%;
	}
	
	.extrarow .s_information{
		margin: auto;
		width: 25%;
	}
	
	.extrarow .s_phone a img, .extrarow .s_event a img, .extrarow .s_information a img{
		width: 100%;
		vertical-align: middle;
	}
	
	.extrarow #cover {
		position: absolute;
		top:0;
 		left:0;
 		width:70%;
 		height: 100%;
	}
	
	.extrarow .s_event:hover{
		border-left: 2px solid rgba(200, 200, 200,0.95)/*1px solid #5E5C5C;*/
	}
	
	/*.extrarow .s_information a img {
		position: absolute;
		vertical-align: middle;
		margin-top: -4.5%;
		margin-left: 4%;
		width: 18%;
	}*/
  
.thirdrow { 
	display: table/table-cell;
	width: 100%;
	margin-bottom: 3%;
 } 
	.thirdrow .s1 img{
		float: right;
		width: 22.75%;
	}
	
	.thirdrow .s3 img{
		float: left;
		width: 22.75%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.thirdrow .s4 img{
		float: right:;
		width: 22.75%;
		margin-right: 3%;
	}
	.thirdrow .s2 img{
		float: left;
		width: 22.75%;
	}
	
/****MAIL LIST*****/
.success{
	position: relative;
}
h2.success {
	border: 2px solid #FFCC00;
	margin-bottom: 20px;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	padding: 10px;
	color: #5E5C5C;
	font-weight: normal;
	width: 80%;
	left: 10%;
	right: 10%;
	line-height:20px;
}
#hide_mail {
	position: absolute;
	right: 2%;
	z-index: 999;
	color: #5E5C5C;
	font-weight: bold;
	font-size: 18px;
	line-height:18px;
}
#hide_mail:hover {
	color: #FFCC00;
	cursor: pointer;
}
#contact-area-container{
	width: 94%;
	height: auto;
	margin: 5% 0% 0 0%;
	background-image: url('../index/collage.jpg');
	/*background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;*/
	padding: 3%;
}
#contact-area {
	width: 400px;
	margin: auto;
	text-align: center;
	overflow: hidden;
	 /*IE*/
		background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90F8F8F8,endColorstr=#90F8F8F8); 
       zoom: 1;
	/**/
	background-color: /*#F8F8F8*/rgba(248,248,248, 0.9);
	padding: 10px;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(46, 50, 50, 0.7);
	-moz-box-shadow:    0px 1px 10px 0px rgba(46, 50, 50, 0.7);
	box-shadow:         0px 1px 10px 0px rgba(46, 50, 50, 0.7);
}
h4{
	text-align: center;
	background-color: #FFCC00;
	color: #FFF;
	padding: 10px;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 3% 0; 
	border: 2px solid #fff;
}
#contactform{
	font-size: 14px;
	color: #5E5C5C;
	text-align: left;
}
#contactform input[type=text],
#contactform input[type=email],
#contactform input[type=submit] {
	width: 99.5%;
	height: 34px;
	display: block:
	padding: 5px 10px;
	border: 1px solid #ddd;
	color: #222;
	margin-bottom:10px;
}
	#contactform input[type=submit]{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffcc00');
	background-color:#ffffff;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0;
	border:1px solid #ffcc00;
	display:inline-block;
	color:#ffcc00;
	font-family:arial;
	font-size:18px;
	font-style:normal;
	letter-spacing:1.5px;
	height:30px;
	line-height:20px;
	width:100%;
	text-decoration:none;
	text-align:center;
	z-index: 999;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer;
}
#contactform input[type=submit]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ffcc00) );
	background:-moz-linear-gradient( center top, #ffcc00 5%, #ffcc00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffcc00');
	background-color:#ffcc00;
	color: #ffffff;
}

.errorlist{
	list-style: none;
}

label.error,
.errorlist li {
	margin-bottom: 10px;
	margin-top: -7px;
	color: #bb0000;
	display: block;
	font-size: 12px;
	text-align: left;
}

.errorlist li:last-child{
	margin-bottom: 20px;
}
/**********/

/************TÅRTOR_undermeny*************/

#tartor_main{
	padding: 0 0 3% 0;
	text-align: center;
}
	#tartor_main p, #p_main p{
		margin: 3%;
		text-align: center;
		color: #5E5C5C;
		font-size: 12px;
	}
	
	#tartor_main img:hover{
		/*-webkit-filter: brightness(90%);*/
		filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    	filter: gray; /* IE5+ */
    	-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
	}
	
	#tartor_main #brollop{
		width: 70%;
		margin: 1.5%;
		border-bottom: 2px solid #F08080;
		padding: 0;
	}
	#tartor_main #dop{
		width: 70%;
		margin: 1.5%;
		border-bottom: 2px solid #72C9C6;
		padding: 0;
	}
	#tartor_main #barn{
		width: 70%;
		margin: 1.5%;
		border-bottom: 2px solid #F58711;
		padding: 0;
	}
	#tartor_main #foretag{
		width: 70%;
		margin: 1.5%;
		border-bottom: 2px solid #5E5C5C;
		padding: 0;
	}
	#tartor_main #bilar{
		width: 70%;
		margin: 1.5%;
		border-bottom: 2px solid #F02126;
		padding: 0;
	}
	#tartor_main #student{
		width: 70%;
		margin: 1.5%;
		border-bottom: 2px solid #008080;
		padding: 0;
	}
	#tartor_main #figur{
		width: 70%;
		margin: 1.5%;
		border-bottom: 2px solid #B0C4DE;
		padding: 0;
	}
.tartor_nav {
    position: relative;
    width: 650px;
    /*IE*/
		background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0C0C0,endColorstr=#C0C0C0); 
       zoom: 1;
	/**/
    background-color: rgba(192, 192, 192, 0.7);
    text-align: center; 
    margin: auto;
    margin-top: 3%;
}

	.tartor_nav li {
    	display: inline-block;
    	*zoom: 1; 
		*display: inline;
    	margin: 0;
	}

		.tartor_nav ul a {
    		display: block;
    		padding: 8px;
    		text-decoration: none;
    		color: #F5F5F5;
		}

			.tartor_nav > ul > li:hover > #brollop {
    			background-color: #F08080;
    			/*text-decoration: underline;*/
			}
			.tartor_nav > ul > li:hover > #dop {
    			background-color: #72C9C6;
    			/*text-decoration: underline;*/
			}
			.tartor_nav > ul > li:hover > #barn {
    			background-color: #F58711;
    			/*text-decoration: underline;*/
			}
			.tartor_nav > ul > li:hover > #foretag {
    			background-color: #5E5C5C;
    			/*text-decoration: underline;*/
			}
			.tartor_nav > ul > li:hover > #bilar {
    			background-color: #F02126;
    			/*text-decoration: underline;*/
			}
			.tartor_nav > ul > li:hover > #student {
    			background-color: #008080;
    			/*text-decoration: underline;*/
			}
			.tartor_nav > ul > li:hover > #figur {
    			background-color: #B0C4DE;
    			/*text-decoration: underline;*/
			}
			
/* === POPUP WINDOW === */
#jQ_popup_window{
	/*IE*/
		background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); 
       zoom: 1;
	/**/
	background: rgba(0,0,0,0.7);
	margin-left: -9000px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index:999999;
}
#jQ_popup {
	background: #000000;
	margin: 3% auto;
	padding: 0.5%;
	position: relative;
	width: 50%; /* SET HERE DESIRED W .*/
}
#jQ_popup_close {
	/*background: rgba(0,0,0,1);*/
    cursor: pointer;
    height: 28px;
	width: 28px;
    position: absolute;
	z-index:999999;
	right: 10px;
	top: 6px;
	background-image:url("../kryss1.png");
	background-image: no-repeat;
	/*margin: -10px;
	border-radius: 30px;
    /*right: 10px;
    top: 10px;
	-webkit-border-radius:30px;
			border-radius:30px;*/
	/*border: 3% solid rgba(0,0,0,1);
	/*border-color: rgba(255,255,255,0.9);*/
}
#jQ_popup_close:hover{
	/*background: rgba(0,0,0,1);*/
	background-image:url("../kryss2.png");
	background-image: no-repeat;
}
/* #POPUP WINDOW */

#p_main {
	margin-bottom: 4%;
}
#p_main #firstrow {
	width: 100%;
	position: relative;
	height: auto;
	/*background-color: rgba(192, 192, 192, 0.5);*/
	/*border: 3px solid #FFFFFF;*/
}

#p_main #firstrow #image_top{
	width:70%;
	display: block;
	margin: auto;
	padding-top: 1.5%;
	//*background-color: rgba(64, 64, 64,0.3);*//
	box-shadow: 0px 10px 5px rgba(50, 50, 50, 0.75);
}

#p_main #firstrow #cover {
	position: absolute;
	top:0;
 	right:0;
 	width:100%;
 	height: 100%;
}
 
/*#p_main #secondrow #image_right, #image_left, #image_center {
  	box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); 
 }*/
 
/*#p_main #secondrow #image_right:hover, #image_left:hover, #image_center:hover {
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
 }*/
 
#p_main #secondrow #image_right { 
  	float:right; 
  	width:31.33%; 
  	margin-bottom: 3%;
 } 
 
#p_main #secondrow #image_left { 
  	float:left; 
  	width:31.33%;  
  	margin-bottom: 3%;
 } 
 
#p_main #secondrow #image_center { 
  	display:block; 
  	width:31.33%;  
  	margin-left: 3%;
  	margin-right: 3%;
  	margin: auto;
  	margin-bottom: 3%;
  	margin-top: 3%;
 } 
 
 #p_main #secondrow #image_right:hover,  #p_main #secondrow #image_left:hover,  #p_main #secondrow #image_center:hover{
 	cursor: pointer;
 }
/****************************************/

/******************Pernilla****************/

#pernilla_kamras {
	margin-top: 3%;
	margin-bottom: 7%;
	height: auto;
	font-size: 14ems;
	text-align: center;
}

	#pernilla_kamras .first, #pernilla_kamras .second{
		width: 90%;
		margin-bottom: 3%;
		display: inline-block;
		*zoom: 1; 
		*display: inline;
	}
	#pernilla_kamras .first img{
		width: 100%;
		margin-bottom: 3%;
	}
	
	#pernilla_kamras .first .info{
		color: #5E5C5C;
		text-align: left;
		letter-spacing:1.2px;
		line-height: 23px;
		/*-moz-column-count: 3;
		-moz-column-gap: 40px;
		-webkit-column-count: 3;
		-webkit-column-gap: 40px;
		column-count: 3;
		column-gap: 40px;
		text-align: left;*/
	}
	
	#pernilla_kamras .second{
		width: 80%;
		margin-bottom: 3%;
		display: inline-block;
		*zoom: 1; 
		*display: inline;
	}
	#pernilla_kamras .second .left{
		width: 47%;
		float: left;
	}
	#pernilla_kamras .second .right{
		width: 47%;
		float: right;
	}
	#pernilla_kamras .second img{
		width: 100%;
		margin-bottom: 3%;
	}
	
/*******************************************/

/***************INFO*************************/
#info{
	margin-top: 1.5%;
	text-align: center;
	margin-bottom: 7%;
	letter-spacing:1.2px;
	line-height: 23px;
}

#info img{
	display: inline-block;
	*zoom: 1; 
	*display: inline;
	margin: 0 auto;
	width: 90%;
	margin-bottom: 3%;
}
/*******************************************/
/***************SITE_MAP*************************/
#site_map{
	margin-top: 1.5%;
	text-align: center;
}
#site_map a{
	color: #5E5C5C;
	text-decoration: none;
}
#site_map .rubrik_3 a{
	font-size: 18px;
}
#site_map a:hover{
	color: #FFCC00;
}
#site_map .rubrik_3 a:hover{
	text-decoration: underline;
	color: #5E5C5C;
}
/*******************************************/
/*****************RECEPT*********************/
	#recept{
		margin-top: 1.5%;
		text-align: center;
		letter-spacing:1.2px;
		line-height: 23px;
		margin-bottom: 40px;
	}
	#recept .rowe ul li a{
		color: #5E5C5C;
		text-decoration: none;
	}
	#recept .rowe ul li a:visited{
		color: #C0C0C0;
		text-decoration: none;
	}
	#recept .rowe ul li a:hover{
		text-decoration: underline;
		color: #FFCC00;
	}
	#recept p{
		margin: auto;
		width: 80%;
	}
	#recept ul li{
		list-style-type: none;
		padding: 5px;
		text-align: left;
	}
	#recept .rowe{
		width: 85%;
		margin-top: 3%;
		display: inline-block;
		*zoom: 1; 
		*display: inline;
	}
	#recept .right{
		float: right;
		margin-right: 15%;
		width: 27%;
	}
	#recept .left{
		float: left;
		margin-left: 15%;
		width: 43%;
	}
	.rubrik_recept{
		text-decoration: underline; 
		font-size: 20px;
		color: #5E5C5C;
	}
/**************************************/

/*************KONFEKT******************/

#konfekt {
	margin-top: 3%;
	margin-bottom: 7%;
	height: auto;
	text-align: center;
	letter-spacing:1.2px;
	line-height: 23px;
}
	
	#konfekt p{
		margin: auto;
		margin-top: 3%;
		color: #5E5C5C;
		width: 80%;
	}
	
	#konfekt h2 {
		color: #5E5C5C;
		border-bottom: 1px solid #5E5C5C;
		padding-bottom: 1%;
		text-align: center;
	}
	
	#konfekt #secondrow{
		display: inline-block;
		*zoom: 1; 
		*display: inline;
		width: 80%;
	}
	
	#konfekt #secondrow #image_right { 
  		float:right; 
  		width:48.5%; 
  		margin-top: 3%;
 	} 
 
	#konfekt #secondrow #image_left { 
  		float:left; 
  		width:48.5%; 
  		margin-top: 3%;
	} 	
	
	#konfekt #secondrow #cover {
		position: absolute;
 		width:80%;
 		height: 130%;
 		background-color: #ffcc00;
	}

/**************************************/

/***************Meriter*************************/
#meriter{
	margin-top: 1.5%;
	text-align: center;
	letter-spacing:1.2px;
	line-height: 23px;
}
#meriter .first, #meriter .second{
	width: 90%;
	margin-bottom: 3%;
	display: inline-block;
	*zoom: 1; 
	*display: inline;
}
#meriter .first p{
	width: 48%;
	float: right;
	margin-bottom: 3%;
}
#meriter .first img{
	display: inline-block;
	*zoom: 1; 
	*display: inline;
	float: left;
	width: 48%;
}

#meriter .second img{
	display: inline-block;
	*zoom: 1; 
	*display: inline;
	width: 60%;
	margin-bottom: 1.5%;
}
#meriter .second p{
	width: 100%;
}

/****Button****/
.artikel_button {
	display:block;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ffcc00) );
	background:-moz-linear-gradient( center top, #ffcc00 5%, #ffcc00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffcc00');
	background-color:#ffcc00;
	display:inline-block;
	color: #FFFFFF;
	font-family: UniversLTW01-47LightCn, sans-serif;
	font-size:15px;
	font-style:normal;
	height:30px;
	width:60px;
	text-decoration:none;
	text-align:center;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	border:3px solid #ffcc00;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffcc00');
	background-color:#ffffff;
	color: #ffcc00;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
	.artikel_button:hover{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ffcc00) );
		background:-moz-linear-gradient( center top, #ffcc00 5%, #ffcc00 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffcc00');
		background-color:#ffcc00;
		color: #FFFFFF;
		cursor: pointer;
	}
.artikel {
	overflow:hidden; 
	margin-bottom: 4%;
} 
	.spoiler img{
		width: 100%;
	} 
	.third p{
		margin-bottom: 1%;
	}
	.artikel > div {
	-webkit-transition: all 0.2s ease;
	-moz-transition: margin 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: margin 0.2s ease;
	}
	.artikel_button[value="Visa"] + .artikel > div {margin-top:-500%;}
	.artikel_button[value="Göm"] + .artikel {padding:5px;}
	
	.artikel img{
		width: 90%;
	}
	.artikel #liten img{
		width: 42%;
	}
/****Slut Button****/

#meriter .third{
	width: 90%;
	margin-bottom: 3%;
	display: inline-block;
}

#meriter .fourth {
	width: 80%;
	margin-bottom: 3%;
	display: inline-block;
	*zoom: 1; 
	*display: inline;
}
#meriter .fourth .left{
	width: 47%;
	float: left;
}
#meriter .fourth .right{
	width: 47%;
	float: right;
}
#meriter .fourth img{
	width: 100%;
	margin-bottom: 3%;
}
/*******************************************/

/***************Projekt*************************/
#projekt{
	margin-top: 1.5%;
	text-align: center;
	letter-spacing:1.2px;
	line-height: 23px;
}
#projekt .first{
	width: 80%;
	display: inline-block;
	*zoom: 1; 
	*display: inline;
	font-size: 16px;
	margin-bottom: 3%;
}
#projekt .projekt_rad .images{
	width: 100%;
	margin-bottom: 3%;
	display: inline-block;
}

#projekt .projekt_rad{
	width: 80%;
	margin-bottom: 3%;
	display: inline-block;
	*zoom: 1; 
	*display: inline;
}
#projekt .projekt_rad .left{
	width: 49%;
	float: left;
}
#projekt .projekt_rad .right{
	width: 49%;
	float: right;
}
#projekt .projekt_rad img{
	width: 100%;
	margin-bottom: 3%;
}
#projekt .projekt_rad p{
	text-align: left;
}
.over_footer .iframe_1{
	border:none; overflow:hidden; width:810px; height:135px;
}
/*******************************************/

@media only screen 
and (min-width : 992px) {
	
	nav2, nav3{
		display:none;
	}

}
@media only screen and (min-width : 829px){
	{
		display: none;
	}
		.toTop:hover{
			background-color: rgba(204,204,204, 1.0);
			color: #414040;
			box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
		}
}
@media only screen 
and (min-width : 701px) {
	
	.loggo-phone, nav3, .iframe_2, .footer2{
		display:none;
	}

}

/*@media screen and (max-width: 991px) {

	nav{
		display:none;
	}
        
nav2 {
    background-color: #FFCC00;
    position: relative;
    width: 100%;
}

nav2 ul {
    list-style: none;
    width: 100%;
    text-align: center; /*Centrerar menyn*/
    /*font-size: 19px;
}

nav2 li {
    display: inline-block;
}

nav2 ul a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #FFFFFF;
}

nav2 ul li ul {
	position:absolute;
	left:0;
	right:0;
}

nav2 ul li a:hover {
    background:rgba(200, 200, 200,0.95);
    cursor: pointer;
}

nav2 #contentHolder {
    padding:9px 13px 9px 13px;
    background:rgba(200, 200, 200,0.95);
}

nav2 #contentHolder a:hover{
	text-decoration: underline;
}
	
}*/

@media screen and (max-width: 828px) {
	nav2 ul {
    font-size: 16px;
}
#p_main, #arstid_jul, #pernilla_kamras, #info, #konfekt, #tartor_main, #meriter, #projekt, #recept,
#site_map{
		width: 96%;
	}
	.main #main_index{
		width: 96%;
	}
	.main .secondrow img, .main .thirdrow img{
	filter: none; /* Firefox 3.5+ */
    filter: none; /* IE5+ */
    -webkit-filter: none; /* Webkit Nightlies & Chrome Canary */
    }
	#ej_javascript{
	font-size: 14px;
	}
	.over_footer .iframe_1{
		width:672px; 
		height:130px;
	}
	.over_footer #cover {
		height: 130px;
	}
	#slideshow #child #text{
		font-size: 12px;
		bottom: 38px;
		right: 2%;
		padding: 10px 5px 10px 5px;
		text-decoration: none;
		color: #5E5C5C;
		text-align: center;
		line-height: 16px;
		letter-spacing:1px
	}
	.button {
	border:3px solid #ffcc00;
	font-size:14px;
	height:20px;
	line-height:20px;
	width:65px;
	bottom: 23px;
	float: right;
	right: 3%;
}
}
@media screen and (max-width: 700px) {

	#p_main, #arstid_jul, #pernilla_kamras, #info, #konfekt, #tartor_main, #meriter, #projekt, #recept,
	#site_map{
		width: 94%;
	}
	.main #main_index{
		width: 94%;
	}
	
	#n_information, .loggo, nav, nav2, .s_event, #cover, .iframe_1, .footer, #p_main p, #jQ_popup_window, #jQ_popup{
		display:none;
	}
	#jQ_popup_window{
		background: rgba(0,0,0,0);
	}
	.toTop { 
		font-size: 12px;
		bottom: 1%; 
		right: 1%; 
		width: 40px; 
	}
	.over_footer .iframe_2{
		border:none; overflow:hidden; width:290px; height:290px;
	}
	#slideshow #child #text{
		font-size: 13px;
		height: 140px;
		max-height: 140px;
		width: 90%;
		bottom: -160px;
		right: 0;
		left: 0;
		margin: auto;
		text-decoration: none;
		color: #5E5C5C;
		text-align: center;
		line-height: 16px;
		letter-spacing:2px
		position: relative;
		background-color: #ffffff;
		border-bottom: 2px dashed #5E5C5C;
	}
	.button {
		border:1px solid #ffcc00;
		font-size:10px;
		font-weight:bold;
		height:15px;
		line-height:15px;
		width:55px;
		bottom: 11.5px;
		float: right;
		right: 9%;
		-webkit-border-top-left-radius:3px;
		-moz-border-radius-topleft:3px;
		border-top-left-radius:3px;
		-webkit-border-top-right-radius:3px;
		-moz-border-radius-topright:3px;
		border-top-right-radius:3px;
		-webkit-border-bottom-right-radius:3px;
		-moz-border-radius-bottomright:3px;
		border-bottom-right-radius:3px;
		-webkit-border-bottom-left-radius:3px;
		-moz-border-radius-bottomleft:3px;
		border-bottom-left-radius:3px;
	}
	#slideshow ul {
    	visibility: hidden;
	}
	
.rubrik, h1 {
	font-size: 30px;
	margin-top: 5%;
}
.rubrik_2, h3 {
	font-size: 20px;
	width: 97%;
}

	nav3{
    font-family: Tahoma Geneva, sans-serif;
} 
.over_footer .cover {
		height: 300px;
	}
.footer2 {
	background-color: #C0C0C0;
	border-top:1px solid #FFCC00;
	height:380px;
	width: 100%;
	padding-bottom: 20px;
	/*box-shadow: 0px -3px 2px rgba(220, 220, 220, 0.75);*/
}
	.footer2 .f_info{
		margin-top: -12px;
	}
	.footer2 a{
		color: #5E5C5C;
		text-decoration: none;
	}
	.footer2 a:hover{
		text-decoration: underline;
	}	
	.footer2 .by:hover, .footer2 .copy:hover{
		text-decoration: none;
	}	
	.footer2 ul{
		list-style: none;
	}
	.footer2 ul li{
		text-align: center;
		margin-bottom: 10px;
	}
	.footer2 .information, .footer2 .tartor, .footer2 .site_map, .footer2 .instagram{
		font-size: 20px;
	}
	.footer2 .copy, .footer2 .by{
		font-size: 11px;
		
	}
#popout {
    position: fixed;                
    top: -150px;
    left: 0;
    width:100%;
    background-color: rgba(200, 200, 200,0.98);
    min-width: 320px;
}
#trigger {      
    color:#FFFFFF;
    position: absolute;             
    top: 19px;
    right: 3%;
    cursor: pointer;   
}
.sub3{
   width:100%; 
   display:block;
   position:fixed;
   background-color: rgba(255, 204, 0, 0.96);
   top:0;
   left:0;
   height:54px;
   z-index:9999; 
   box-shadow: 0px 3px 2px rgba(220, 220, 220, 0.75);
   border-bottom: 3px solid #FFFFFF;
   min-width: 320px;
}
.sub-menu3{
    width:100%; 
    display:block; 
    clear:both; 
    margin:0 auto; 
    padding:10px 0 20px 0;
}
#trigger span {
    letter-spacing:2px;                      
    display: inline-block;
    *zoom: 1; 
	*display: inline;
    font-weight:bold;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
#popout {                            
    width: 100%;
    z-index:100;
}
#popout p {
    color:#FFFFFF;
    padding:15px 3% 0px 3%;
}
#popout a {
    padding:1%;
    font-size: 14px;
    text-decoration: none;
    color:#FFFFFF;
}
#popout .p_info{
	font-size: 16px; 
	border-top: 2px solid #F5F5F5; 
	color: #F5F5F5;
 }
#info_pop_img{
	max-width:85%;
	max-height: 85%;
}
#trigger {                            
    padding-top: 0;
    /*margin-right: 5%;*/
}
.styled-select select {
   background: transparent;
   font-size: 14px;
   border: 0;
   border-radius: 0;
   color: #FFFFFF;
   -webkit-appearance: none;
   }
   
   .styled-select select:hover{
   		cursor: pointer;
   }
	
	.loggo-phone {   
		height: 50px;
		background-color: #FFCC00;
 	}  
 	
	.header nav3 img{
		height: 48px;
		margin-left: 5%;
		padding: 3px;
	}
	.loggo-phone p{
		float: right;
		padding-top: 9%;
	}
	
/*************Index*****************/
	#main_index .extrarow{
		margin-bottom: 2%;
		margin-top: 160px;
	}
    
	.extrarow .s_phone{
		float: left;
		margin-bottom: 2%;
		width: 48.5%;
	}
	
	.extrarow .s_information{
		float: right;
		margin-bottom: 2%;
		width: 48.5%;
	}
	
	.extrarow .s_phone a img, .extrarow .s_event a img, .extrarow .s_information a img{
		width: 100%;
		vertical-align: middle;
	}
	
	.secondrow .s1 img{
		float: none;
		width: 100%;
		margin-bottom: 2%;
	}
	
	.secondrow .s3 img{
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.secondrow .s2 img{
		float: none;
		width: 100%;
		margin-bottom: 2%;
	}
	
	.thirdrow .s1 {
		display: none;
		/*float: none;
		width: 100%;
		margin-bottom: 2%;*/
	}
	.thirdrow .s3 img{
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.thirdrow .s4 img{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.thirdrow .s2 img{
		float: none;
		width: 100%;
		margin-bottom: 2%;
	}
	/*MAIL*/
	#contact-area {
	width: 90%;
	}
/**************TÅRTOR*******************/
.tartor_nav {
	font-size: 14px;
    width: 300px;
}
.tartor_nav ul a {
	padding: 8px 5px 8px 5px;

}
#jQ_popup_window{
	display:none;
	width: 0;
}

#p_main #firstrow #image_top, #p_main #secondrow #image_right, 
#p_main #secondrow #image_left, #p_main #secondrow #image_center{
	width: 100%;
}	
/**************KONFEKT******************/
	#konfekt p, #konfekt #secondrow{
		width: 100%;
	}
	#konfekt #secondrow #image_right, #konfekt #secondrow #image_left { 
  		width:100%; 
 	} 
/******************Pernilla****************/
	#pernilla_kamras .first, #pernilla_kamras .second{
		width: 100%;
	}
	#pernilla_kamras .second .left, #pernilla_kamras .second .right{
		width: 80%;
		margin-left: 10%
	}
	#pernilla_kamras .second .right{
		width: 80%;
		margin-right: 10%;
	}
	#pernilla_kamras .first .info{
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Safari and Chrome */
		column-count:1;
	}
/*******************************************/
/***************Meriter*************************/
	#meriter .first, #meriter .second, #meriter .first p, #meriter .first img, #meriter .second img,
	#meriter .third p1, #meriter .third p2, #meriter .fourth .left, #meriter .fourth .right, #meriter .fourth img{
		width: 100%;
	}

	#meriter .second, #meriter .third, #meriter .fourth{
		width: 80%;
		margin-bottom: 3%;
		display: inline-block;
		*zoom: 1; 
		*display: inline;
	}
	p1 img .artikel_1, p1 img .artikel_2{
		width: 90%;
	}
/*******************************************/
/***************Projekt*************************/
	#projekt .first{
		width: 90%;
		display: inline-block;
		*zoom: 1; 
		*display: inline;
		font-size: 16px;
		margin-bottom: 3%;
	}
	#projekt .projekt_rad{
	width: 100%;
	}
	#projekt .projekt_rad .left{
		width: 100%;
	}
	#projekt .projekt_rad .right{
		width: 100%;
	}
/*******************************************/
/*****************RECEPT*********************/
	#recept ul li{
		text-align: center;
	}
	#recept .right{
		float: right;
		margin-right: 0;
		width: 100%;
	}
	#recept .left{
		float: left;
		margin-left: 0;
		width: 100%;
	}
/**************************************/
/************TÅRTOR_undermeny*************/	
	#tartor_main #brollop, #tartor_main #dop, #tartor_main #barn, 
	#tartor_main #foretag, #tartor_main #bilar, #tartor_main #student, #tartor_main #figur {
		width: 100%;
	}
/***************SITE_MAP*************************/
#site_map .rubrik_3 a{
	font-size: 16px;
}
/*******************************************/
/***************INFO*************************/
#info img{
	width: 100%;
}
/*******************************************/
}