@charset "UTF-8";
html {
line-height: 1.2;
}

body {
background-color: #ffffff; 
margin: 0; 
padding: 0; 
text-align:center; 
font-size:100%;
}

div{
text-align: left; /* to counter the above */
	/*border-style:solid;
	border-width:1px;*/
}

.rel_container{
position:relative;
}

a img{
border-style: none;
}

.page_top {
margin-left: auto; 
margin-right: auto; 
background-image: url(../bilder/_bakgrund/top.gif); 
background-repeat: no-repeat; 
background-position: left top; 
width: 869px; 
height: 132px;
overflow-y: hidden;
}

.page_content {
clear: both;
margin-left: auto;
margin-right: auto;
background-image: url(../bilder/_bakgrund/middle.gif);
background-repeat: repeat-y;
background-position: left top;
width: 869px;
height: auto;
overflow: hidden;
}

.page_bottom {
clear: both;
margin-left: auto;
margin-right: auto;
background-image: url(../bilder/_bakgrund/bottom.gif);
background-repeat: no-repeat;
background-position: left top;
width: 869px;
height: 23px;
}

.top{
margin-top: 24px;
margin-left: 25px;
background-image: url(../bilder/top_rosa.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 816px;
height: 101px;
}

.top_logga{
position:absolute;
top:0px;
left:0px;
}

.top p{
margin-top: 8px;
margin-bottom: 8px;
}

.top_text1{
position:absolute;
top:3px;
left:555px;
}

.top_text2{
position:absolute;
top:3px;
left:665px;
}

.top_text2 a{
font-size: 0.9em;
font-family: Arial, sans-serif, Verdana;
color: black;
}

.bildspel{
margin-top: 0px;
margin-left: 25px;
width: 816px;
height: 282px;
}

.bild1{
position:absolute;
top:0px;
left:0px;
}

.bild2{
position:absolute;
top:0px;
left:0px;
}

.bild3{
position:absolute;
top:0px;
left:0px;
}

.bild4{
position:absolute;
top:0px;
left:0px;
}

.meny{
margin-top: 7px;
margin-left: 25px;
width: 816px;
height: 50px;
}

.meny_item{
float: left;
width: 163px;
height: 50px;
}

.meny_item a{
width: 163px;
height: 50px;
display:block; 
text-align:center;
}

/*.meny_item a:hover{
background-color: #ebefdf;
}*/

.item1{
clear:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.idunspa.se/bilder/_meny/b.png');
}

.item2{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.idunspa.se/bilder/_meny/f.png');
}

.item3{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.idunspa.se/bilder/_meny/u.png');
}

.item4{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.idunspa.se/bilder/_meny/s.png');
}

.item5{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.idunspa.se/bilder/_meny/n.png');
}

.main{
margin-top: 0px;
margin-left: 25px;
width: 816px;
min-height: 300px;
background-color: #f2f5e8;
}

.intro_main{
height: 300px;
}

.frisor_main{
height: 600px;
}

.behandling_main{
height: 1100px;
}

.spa_main{
height: 950px;
}

.naglar_main{
height: 400px;
}

.utbildning_main{
height: auto;
}

.welcome_text1{
margin: 0px 30px 0px 30px;
width: 740px;
padding: 10px 10px 10px 10px;
background-color: #f3b0d3;
border: 2px dashed #d095b3; 
}

.frisor_text1{
position: absolute;
top: 25px;
left: 25px;
width: 400px;
}

.frisor_prislista{
position: absolute;
top: 25px;
left: 450px;
}

.behandling_text1{
position: absolute;
top: 25px;
left: 25px;
width: 400px;
}

.behandling_prislista{
position: absolute;
top: 25px;
left: 450px;
}

.spa_text1{
position: absolute;
top: 25px;
left: 25px;
width: 400px;
}

.spa_prislista{
position: absolute;
top: 25px;
left: 450px;
}

.utbildning_text1{
width: 800px;
padding: 25px 25px 25px 25px;
}

table.aktuellt{
width: 740px;
}

table.aktuellt td{
padding: 7px 7px 7px 7px;
font-size: 0.8em;
font-family: Arial, sans-serif, Verdana;
}

table.aktuellt td.header{
background-color: #de78aa;
border-bottom: 1px solid #7a533b;
border-top: 1px solid #7a533b;
font-weight: bold;
}

table.aktuellt td.content1{
border-bottom: 1px solid #d095b3;
}

table.prislista{
width: 350px;
}

table.prislista td{
padding: 7px 7px 7px 7px;
font-size: 0.8em;
font-family: Arial, sans-serif, Verdana;
}

table.prislista td.header{
background-color: #de78aa;
border-bottom: 1px solid #7a533b;
border-top: 1px solid #7a533b;
font-weight: bold;
}

table.prislista td.content1{
background-color: #f3b0d3;
border-bottom: 1px solid #d095b3;
border-top: 1px solid #d095b3;
}

table .forklaring{
font-style: italic;
display:block;
padding: 10px 10px 10px 10px;
font-size: 0.9em;
}

table.utbildning{
width: 500px;
}

table.utbildning td{
padding: 7px 7px 7px 7px;
font-size: 0.8em;
font-family: Arial, sans-serif, Verdana;
}

table.utbildning td.borderleft{
border-left: 1px dotted #7a533b;
}

table.utbildning td.borderright{
border-right: 1px dotted #7a533b;
}

table.utbildning td.header{
background-color: #de78aa;
border: 1px solid #7a533b;
font-weight: bold;
}

table.utbildning td.pinktopleft{
background-color: #f3b0d3;
border-left: 1px solid #d095b3;
}

table.utbildning td.pinktopright{
background-color: #f3b0d3;
border-right: 1px solid #d095b3;
}

table.utbildning td.pinkleft{
background-color: #f3b0d3;
border-left: 1px solid #d095b3;
}

table.utbildning td.pinkright{
background-color: #f3b0d3;
border-right: 1px solid #d095b3;
}

table.utbildning td.pinkbottomleft{
background-color: #f3b0d3;
border-bottom: 1px solid #d095b3;
border-left: 1px solid #d095b3;
}

table.utbildning td.pinkbottomright{
background-color: #f3b0d3;
border-bottom: 1px solid #d095b3;
border-right: 1px solid #d095b3;
}

/*TEXTFORMATERING*/

.rubrik1{
	display: block;
	font-size: 1.3em;
	font-style: italic;
	font-family: Arial, sans-serif, Verdana;
	margin-bottom: 15px;
	color: #686868;
}

.rubrik3{
	display: block;
	font-size: 1.1em;
	font-family: Arial, sans-serif, Verdana;
	margin-bottom: 15px;
	color: #686868;
}

.text1{
	font-size: 0.9em;
	font-family: Arial, sans-serif, Verdana;
}

.text1 a{
	font-size: 0.9em;
	font-family: Arial, sans-serif, Verdana;
	color: black;
}

.fet{
	font-weight: bold;
}


.rubrik2{
	font-weight: bold;
	display: block;
	font-size: 0.75em;
	font-family: Arial, sans-serif, Verdana;
}

.text2{
	font-size: 0.75em;
	font-family: Arial, sans-serif, Verdana;
}


