/* CSS Document för CRR för mindre skärmar med lägre skärmupplösning*/

body { background-image:url(Bilder/CRR_logo_ringar_1280x960.jpg); background-repeat:no-repeat; background-color:#efefef; margin:0; padding:0;}



/* container för hemsidan*/

#container { margin:8px 0 0 8px; padding:0; width:1024px; height:768px; z-index:1; background-color:#FFFFCC;}





/* styr sidhuvudet - består endast av en bild  */

#sidhuvud { margin:0 0 0 0; padding:0; height:100px; z-index:10; }



.copy_text { margin:0 0 0 0; padding:5em 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-small; }



.cookies{margin:0; padding:5em 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-small;}



.webmaster{margin:0; padding:5em 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-small;}





/* styr meny */

 #meny{margin:0; padding-left:59px; padding-top:13px; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#meny li{display: inline; list-style-type: none;}

#meny a{padding:0.10em 1.15em; text-decoration: none; background-image:url(Bilder/tom.gif);}



#meny a:link{color: #ffffff; background-color:#0098a1; border-top:3px solid #0098a1; border-right:3px solid #0098a1; border-bottom:3px solid #0098a1;}

#meny a:visited{color: #ffffff; background-color:#0098a1; border-top:3px solid #0098a1; border-right:3px solid #0098a1; border-bottom:3px solid #0098a1; }

#meny a:hover{ background-color:#99d6d9; color:#FFFFFF;  border-top:3px solid #99d6d9; border-right:3px solid #99d6d9; border-bottom:3px solid #99d6d9;}

#meny a#current{ color: #FFFFFF; background-color:#99d6d9; border-top:3px solid #0098a1; border-right:3px solid #0098a1; border-bottom:3px solid #99d6d9; }







/* styr ytan där texten står   */

#textyta { width:1024px; height:450px; margin:0.5em 0 0 0; padding:0 0 0 0; z-index:20;}



/* styr ytan till vänster i textdelen - vänsterspalten   */

.leftarea { width:485px; height:400px; margin:0 0 0 42px; padding:0 3.4em 0 0; overflow-X: hidden; overflow-Y: scroll; scrollbar-base-color: white; scrollbar-arrow-color: white; scrollbar-face-color: #1d99a3; scrollbar-track-color: white;}



.justering { margin:0; padding:0 0 0 10px;}



/* styr ytan till höger i textdelen - högerspalten   */

.rightarea { width:330px; height:400px; margin:1em 6.9em 0 0.2em; padding:0 0 0 0;  }







/* styr rubriknivån h1   */

h1 { color:black; font-family:Helvetica, sans-serif; font-size:13px; line-height:16px; font-weight:bold; margin:0 0 0 0; padding:15px 0 0 55px; text-transform:uppercase; }



/* styr rubriknivån h2   */

h2 { color:black; font-family:Helvetica, sans-serif; font-size:13px; line-height:16px; font-weight:bold; margin:0 0 0 0; padding:15px 0 0 55px;}



/* styr rubriknivån h3   */

h3 { color:black; font-family:Helvetica, sans-serif; font-size:12px; font-style:normal; line-height:16px; font-weight:bold; margin:0 0 0 0; padding:15px 0 0 55px;}



/* styr brödtexten  */

p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; margin:0; padding:0 0 0 55px;}



/* styr kursivtext brödtextstorlek  */

.kursiv {font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:12px; font-weight:500; line-height:17px; }


/* styr textyta på popupsidor som ska kunna skrivas ut  */
#popupyta{ width:1024px; height:auto; position:absolute; top:7em; margin:0.5em 0 0 0; padding:0 0 0 0; z-index:35;  }



/* styr bild liggande till höger se exempel.html  */

.bild_liggande { margin:0 0 0 0; padding:0 0 0 10px;}



/* styr bildtexten på högersidorna se exempel.html   */

.bildtext_staende { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;line-height:17px; margin:0; padding:0 0 0 10px;}



/* styr bildtexten på högersidorna se exempel.html   */

.bildtext_liggande { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;line-height:17px; margin:0; padding:10px 1px 0 2px;}





/* styr texten på högersidorna enl index.html där text och ev bilder inte ligger i någon tabell utan direkt i en div-tagg   */

.text_hoger { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;line-height:17px; margin:0; padding:0 0 0 2px; vertical-align:top; }



/* styr bilderna på Om oss sidan dvs bilderna i vänsterspalten*/

.float{ float:left; margin:0; padding:0 5px 0 0;}