/*
Color scheme:

blue bg: #39F
light blue bg: #8ac4f3
blue text: #003366

yellow bg: #fbedae

pink bg: #e9a7b3
light pink bg: #eeced4
very light pink bg: #fff2f9

### red text: #CC3333
red text: #F36

grey text: #999999


*/

h1 { font-family: Verdana; font-size: 36px}
h2 { font-family: Verdana; font-size: 18px}
h3 { font-family: Verdana; font-size: 14px} 
h4 { font-family: Verdana; font-size: 12px} 
h5 { font-family: Verdana; font-size: 10px} 
h6 { font-family: Verdana; color: #666666; font-size: 8px} 

.footer { font-family: Verdana; font-size: 10px; color: #999999}
.license { font-family: Verdana; font-size: 10px; color: #999999}
.notice { font-family: Verdana; font-size: 10px; color: #999999}
.toplist { font-family: Verdana; font-size: 14px; color: #003366}
.tableheader { font-family: Verdana; font-size: 16px; color: #003366}
.linklist { font-family: Verdana; font-size: 12px; color: #999999}

body {padding: 0; margin: 0; font-family: Verdana; font-size: 12px; color: #3399FF;}
p {font-family: Verdana; font-size: 12px;}
td {font-family: Verdana; font-size: 12px;}
li {font-family: Verdana; font-size: 12px;}

a:link { text-decoration: none; color: #F36}
a:visited { text-decoration: none; color: #F36}
a:active { text-decoration: none; color: #F36}
a:hover { text-decoration: underline}

a.under { text-decoration: underline; color: #F36}
a.license { text-decoration: underline; color: #999999}


/* Another nice button */
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../grafik/formbg.gif) repeat-x left top;
}



#content{margin: 2em; padding: 0;}

/* Round corner boxes - Nifty Corners (http://www.html.it/articoli/nifty/index.html) */
div.box{width: 100%;background: #fff2f9;margin-bottom: 20px}
div.test{width: 200px;background: #fff2f9;margin-bottom: 20px}
div.box2{width: 100%;background: #fff2f9;margin-bottom: 20px}
h3.box{font-size: 100%;margin:0;padding: 5px 5px 3px;background: #3399FF;color: #000000;text-align: center}
h3.inbox{font-size: 100%;margin:5;padding: 0 10px 3px;text-align: left}
p.box{margin:0;padding: 3px 10px;line-height: 1.3;text-align: left}
li.box{margin:0;padding: 2px 5px;line-height: 1.3;text-align: left}


/* Date box formatting */
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}


/* menyn */
#menycontainer {padding: 8em 0 0 5em; margin: 0; background: #a94444 url(../grafik/menybakgrund.jpg) no-repeat; }
#menycontainer ul {margin: 0; padding: 5px 0 0 0; height: 1.5em;}
#menycontainer li {display: inline; list-style: none; float: left; padding: 0 1em 0 0; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.menycontent {display: block; padding: 0 0 0.5em 0; background: #c9d3d6; color: #000000; text-align: center; border-left: 1px solid #000000; border-right: 1px solid #000000;}
a.meny, a.meny:visited {width: 8em; display: block; text-decoration: none;}
a.meny:hover {background: transparent;}
a#current .menycontent {border-bottom: none;}
a#current .menycontent, a#current .r2, a#current .r3, a#current .r4 {background: #ffffff;}
a.meny:hover .menycontent, a.meny:hover .r2, a.meny:hover .r3, a.meny:hover .r4 {background:#a7b8bc;}