/* Katta.se 
Author: Kattarina Leander, Kattagrafen 2009*/


/* Sidan */
html {height: 101%; }

body {
background-color:#2381cb;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
}


/* Formateringen */

#Header {
width: 900px;
height: 170px;
background-image: url(grafik/banner.jpg);
margin: auto;
}

#Flash {
	padding-top: 17px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 14px;
		
}

#Flash2 {
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
		
}


#Flash3 {
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
		
}

#Flash4 {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
		
}


#Menu {
width: 900px;
height: 30px;
background-image: url(grafik/body.jpg);
margin: auto;
}

#Content {
width: 900px;
background-image: url(grafik/body.jpg);
margin: 0px auto;
}


#Box1 {
width: 200px;
margin-right: 45px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
float:right;
}

.Header1 {
width: 200px;
height: 21px;
background-image: url(grafik/header.gif);
color: #333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

#Box2 {
width: 550px;
margin-left: 45px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding:2px;
float:none;
}

.Header2 {
width: 550px;
height: 21px;
background: black url(titlebar.png) repeat-x center left;
color:#FFFFFF;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

#Box3 {
width: 765px;
margin-left: 65px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
}

.Header3 {
width: 765px;
height: 21px;
background-image: url(grafik/header.gif);
color:#333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

#Box4 {
width: 350px;
margin-left: 5px;
margin-right: 65px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
float: right;
}

.Header45 {
width: 350px;
height: 21px;
background-image: url(grafik/header.gif);
color:#333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

#Box5 {
width: 350px;
margin-left: 65px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;

}


#End {
width: 900px;
height: 45px;
background-image: url(grafik/footer.jpg);
margin: auto;
clear:both;
}


/* Text */
.normal {
color:#333333;
}

.rubrik {
font-size: 14px
}

.bildtext {
font-size: 9px;
font-style:italic

}

.erbjudande {
color:#f51c17;
}


/* Länkar */

a {
   color: #1d2935;
   text-decoration: none;
}

a:hover{
   color: #cf1519;
   text-decoration: none;
}



/* Bildformatering */

.foto {
border-right-color:#666666;
border-bottom-color:#666666;
border-left-color:#FFFFFF;
border-top-color:#FFFFFF;
border: 3px ;
}

.skugga {
background-image: url(skugga.gif);
}



/*Menyn till höger*/
.arrowlistmenu{
width: 200px; 
}

.arrowlistmenu .menuheader{
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; 
text-transform: uppercase;
padding: 4px 0 4px 10px; 
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ 
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ 
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; 
}

.arrowlistmenu ul li{
padding-bottom: 2px; 
}

.arrowlistmenu ul li a{
color: #1760a5;
background: url(arrowbullet.png) no-repeat center left; 
display: block;
padding: 2px 0;
padding-left: 19px; 
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 12px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ 
color: #A70303;
background-color: #DDDDDD;
}