/* GRUNDLAYOUT 2 / EXEMPEL 5: FLYTANDE LAYOUT - Meny till vänster */

body {

padding: 0; /* behövs alltid!! */

margin: 0; /* sidans marginaler */

text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */

background-color: ;

background-image: url(Img/brickwall.JPG);

background-repeat: ;

font: 76% Verdana, Arial, Helvetica, sans-serif; }



h1, h2, h3, h4, h5 { 

font-family: Georgia, Times, "Times New Roman", serif;

color: #695E3E; background-color: inherit;

letter-spacing: 1px;

margin-top: 30px;

margin-bottom: 4px; }



h1 { font-size: 2.5em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.33em; }

h4 { font-size: 1.16em; }

h5 { font-size: 1em; }



p { margin: 0 0 15px 0;

font-size: 1em;

line-height: 140%; }



a { color: #000000; background-color: inherit; text-decoration: none; }

a:visited { color: #000000; background-color: inherit; }

a:hover { color: #000000; background-color: inherit; }

a img { border: none; }



hr { border: thin solid #695E3E; margin-top: 30px; margin-bottom: 30px; }



.cleartopmargin { margin-top: 0; }

.center { text-align: center; }



/* layout */



#layout {

width: 80%;  /* flytande: procent */

margin: 0 auto;  /* centrerar layouten 2 */

text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */

min-width: 600px; max-width: 1024px; /* max & min-width - kombineras med cond. comm. för IE 6 inom head */

border: 1px solid #000; }





/* sidhuvud */



#sidhuvud {

width: 100%;

background-color: #A89663; color: #2A2619;

background-image: url(Img/top.JPG);

background-repeat: no-repeat ;

border-bottom: 1px solid #000;

float: center; }



#shheight { height: 318px; }



#shleft { width: 68%; float: center; }

#shleftcontent { padding: 10px 0 0 20px; } /* placerar rubriken */

#shleftcontent h1 { 

color: #2A2619; background-color: inherit;

font-style: italic;

margin: 0; }



#shright { width: 32%; float: right; }

#shrightcontent { padding: 10px 20px 0 0; text-align: right; } /* placerar skiplänken */



#shrightcontent a { 

color: #695E3E; background-color: inherit;

font-size: x-small; }



/* topmeny */



#topmenybox { 

width: 100%; 

border-top: 1px solid #000;

background-color: #2A2619; color: #D2C8A8;

float: left;

clear: both; }



#topmeny ul {

list-style-type: none;

padding: 0; margin: 0; /* båda behövs! */

float: left; }



#topmeny li { display: inline; }



#topmeny a, #topmeny span {

padding: 5px 10px;

border-right: 1px solid #2A2619;

color: #D2C8A8; background-color: inherit;

text-decoration: none;

float: left; }



#topmeny a:hover { text-decoration: underline; }



#topmeny span#aktuell { text-transform: uppercase; }





/* kolumncontainer */



#kolumncontainer { width: 100%;

background-color: #F4F4F8; color: inherit;

background-image: url();

background-position: 32% 0; /* side till vänster  */

background-repeat: repeat-y;

clear: both; }



/* kolumn: main */



#main { width: 100%; float: right;  /* main till höger  */

background-image: url(Img/radiogodis_back.JPG); 

background-repeat: no-repeat ;}

#maincontent { padding: 30px 0.9em 30px 1.7em; }





/* kolumn: side */



#side { width: 0%; float: left; } /* side till vänster  */



#sidecontent { padding: 30px 0.9em 30px 1.7em; }



/* meny */



#menybox {

font-family: Georgia, Times, "Times New Roman", serif;

font-size: 1.2em;

margin-bottom: 30px; }



#menybox h2 {

margin: 0 0 0 18px; padding: 0;

font-size: 1.16em; }



#menybox h2 { position: absolute; left: -10000px; } /* tar bort visingen av meny-rubriken */



#menybox ul { 

list-style-type: none; 

margin: 0; padding: 0; /* båda behövs! */

} 



#menybox a, #menybox span { 

display: block;

color: #000; background-color: inherit;

text-decoration: none; 

height: 100%;  /* för IE  */

padding: 5px 18px 5px 0px; } /* side till vänster  */



#menybox a:hover, #menybox span#aktuell { 

background-image: url(arrow2.gif);

background-position: 100% 56%; /* placerar menybilden */

background-repeat: no-repeat; 

}



/* sidebox */



.sidebox { margin-bottom: 30px; }

.sideboxcontent { border-top: 1px dashed #000; padding: 10px 0 0 0; }

.sideboxcontent h3 { margin-left: 10px; }



/* sidfot */



#sidfot { 

width: 100%;

clear: both; 

background-color: #2A2619; color: #A89663;

border-top: #000 1px solid; 

text-align: center; }



#sidfotcontent {

padding: 7px;

text-align: center; }



#sidfotcontent p {

margin: 0;

font-size: x-small; }



#sidfotcontent img { padding: 5px 5px 0 5px; }

#sidfotcontent a { padding: 5px 5px 0 5px; color: #A89663; background-color: inherit; }



/* Bara EXEMPEL - ta bort!! */

.color1 { background-color: #F6F4ED; color: inherit; padding: 2px; }

.color2 { background-color: #D2C8A8; color: inherit; padding: 2px; }

.color3 { background-color: #BBAB7C; color: inherit; padding: 2px; }

.color4 { background-color: #A89663; color: inherit; padding: 2px; }

.color5 { background-color: #695E3E; color: inherit; padding: 2px; }

.color6 { background-color: #2A2619; color: #F6F4ED; padding: 2px; }