/* CSS Document */

body, html
{
background-color:white;
color:#666666;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
width: 100%;
height:100%;
margin: 0px;
}

p
{
color:#666;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
}

H1
{
color:#666;
font-family:verdana, arial, helvetica, sans-serif;
font-size:16px;
margin-bottom:-15px;
}

H2
{
color:#666;
font-family:verdana, arial, helvetica, sans-serif;
font-size:14px;
margin-bottom:-15px;
}

H3
{
color:#666;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
margin-bottom:-15px;
}

#logoruta
{
width:160px;
height:107px;
position:absolute;
top:2px;
left:2px;
background-color:#ccc;
text-align:center;
border-top:1px solid black;
border-left:1px solid black;
}

#topphoto
{
width:600px;
height:107px;
position:absolute;
top:2px;
left:162px;
background-color:#ccc;
border-bottom:1px solid black;
border-top:1px solid black;
}

#hogerhorn
{
width:115px;
height:107px;
position:absolute;
top:2px;
left:762px;
background-color:#ccc;
border-top:1px solid black;
border-right:1px solid black;
}

#meny
{
width:160px;
height:350px;
position:absolute;
top:109px;
left:2px;
background-color:#ccc;
border-left:1px solid black;
}

#texten
{
width:540px;
height:290px;
position:absolute;
top:109px;
left:162px;
padding-top:30px;
padding-left:30px;
padding-right:30px;
padding-bottom:30px;
background-color:white;
overflow:auto;
}

#videopace
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:9px;
width:115px;
height:350px;
position:absolute;
top:109px;
left:762px;
background-color:#ccc;
border-right:1px solid black;
}

#knapparbotten
{
width:160px;
height:50px;
position:absolute;
top:459px;
left:2px;
background-color:#ccc;
border-bottom:1px solid black;
border-left:1px solid black;
text-align:justify;
}

#adress
{
width:595px;
height:43px;
position:absolute;
top:459px;
left:162px;
background-color:#ccc;
color:#666;
border-bottom:1px solid black;
padding-left:5px;
padding-top:7px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:9px;
text-align:left;
}


#hogerbottenstod1
{
width:105px;
height:40px;
position:absolute;
top:459px;
left:762px;
background-color:#ccc;
color:white;
border-right:1px solid black;
border-bottom:1px solid black;
}

.datum
{
color:#666666;
padding-left:10px;
padding-top:10px;
}

#centrera
{
position:absolute;
top:50%;
left:30%;
margin:-222px 0 0 -225px;
width:765px;
height:450px;
}

a:link
{
color:#333;
}

a:visited
{
color:#666;
}

a:hover
{
color:#999;
}

}

#tabell
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:9px;
}

.tabell
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:9px;
}

.toplank
{
padding-left:10px;
padding-bottom:5px;
margin-bottom:-15px;
}

.bottenlank
{
padding-left:5px;
padding-bottom:5px;
}


li
{
list-style-image:url(bilder/filmknapp.jpg);
list-style:disc;
list-style-position:outside;
margin-top:-1px;
margin-left:-1.5em;
padding-left:0px;
}

/*
#texten p
{
margin-bottom:5px;
}
*/

/*
#topbild
{
width:500px;
height:60px;
position:absolute;
top:2px;
left:152px;
background-color:#ccc;
border-top:1px solid black;
}
*/

/*
#knappartop
{
width:150px;
height:47px;
position:absolute;
top:62px;
left:2px;
padding-top:3px;
background-color:#ccc;
color:white;
border-left:1px solid black;
text-align:justify;
}
*/


/*
#hogertopstod
{
width:115px;
height:50px;
position:absolute;
top:62px;
left:652px;
background-color:#ccc;
color:white;
border-right:1px solid black;
}
*/

/*
#bottenfoto
{
width:203px;
height:55px;
position:absolute;
top:509px;
left:557px;
background-color:#ccc;
border-bottom:1px solid black;
}
*/

/*listan måste ligga inom egna div taggar se denna artikel för mer info
http://www.alistapart.com/stories/taminglists. Bilderna måste ligga som ovanstående*/


/*
*
{
border: 1px solid black;
}
*/


/*
kommentarer:
för att paddingen ska funka så kan man minska på storleken lika mycket som man lägger padding
*/

/*om man ska göra ett formulär i en tabell är det bäst om man lägger form taggarna utanför tabellen*/