@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html {font-size: 125%; overflow-y: scroll;}
body {font-size: 50%;}

body {background-image: url(bilder/wd_bg.jpg); background-position:top; background-repeat:no-repeat; background-color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; position:static;}

#innehall {width:68em; height:auto; float:left; background:transparent; color:#FFFFCC; top:21.5em; position:absolute; padding-bottom:10em; padding-left:1em; z-index:1;}
#sidfot {width: 70em; height:10em; background-repeat:no-repeat; position:fixed; z-index:2; bottom:0em;}
#meny {width: 70em; height:2em; padding-top:6.5em; margin: auto;}
#omslut {width: 70em; height:auto; margin:auto; padding-top:10em;}
#omslut2 {width: 70em; height:auto; margin:auto;}
#textbox {width: 28.5em; height:auto; margin:auto; padding-top:1.4em; float:left;}
#textbox2 {width: 68em; height:auto; margin:auto; float:left;}
#interactive {width: 70em; height:auto; margin:auto; padding-left:1.6em; float:left;}

h1 {font-family: Arial, Helvetica, sans-serif; margin:15px; font-size:2.5em; color:	#FFFFCC;}
h2 {font-family: Arial, Helvetica, sans-serif; margin:0 0 0 15px; font-size:2.0em; color: #FFFFCC;}
h3 {font-family: Arial, Helvetica, sans-serif; margin:0 0 0 15px; font-size:1.5em; color: #FFFFCC;}
p, ul {margin:15px; font-size:1.2em; color:	#FFFFCC;}
ul {list-style: inside; list-style-type:none;}
li {margin:5px 0 0 0;}

.logo {padding-top:4em;}
.bildtillvanster {float:left; margin: 0 15px 10px 0;}
.bildtillhoger {float:right; margin: 0 0 10px 15px;}
.vitcentreradtext {text-align:center; color:#ffffff;}

a:link {color: #FFFFCC; text-decoration:none; font-weight:bold;}
a:visited {color: #FFFFCC; text-decoration:none; font-weight:bold;}
a:hover {color: #FFFFFF; text-decoration:none; font-weight:bold;}
a:active {color: #FFFFCC; text-decoration:none; font-weight:bold;}

#bandomslut {width: 370px; height:100px; float:left; margin:15px;}
#bildomslut {width: 620px; height:auto; float:left; margin:0 15px 15px 15px; font-size:1.2em; color: #FFFFCC;}

#anders{width: 100px; height: 100px; margin: 15px;} 
#anders a{float:left; width: 100px; height: 100px; font-size:1.4em; background: url(bilder/anderslink.jpg) no-repeat; margin: 0 15px 15px 0;}
#anders a:link{color:#000000; text-decoration:none; font-weight:bold;}
#anders a:hover{background: url(bilder/andershover.jpg) no-repeat; margin: 0 15px 0 0;}

#adde{width: 100px; height: 100px; margin: 15px;} 
#adde a{float:left; width: 100px; height: 100px; font-size:1.4em; background: url(bilder/addelink.jpg) no-repeat; margin: 0 15px 15px 0;}
#adde a:hover{background: url(bilder/addehover.jpg) no-repeat; margin: 0 15px 0 0;}

#henric{width: 100px; height: 100px; margin: 15px;} 
#henric a{float:left; width: 100px; height: 100px; font-size:1.4em; background: url(bilder/henriclink.jpg) no-repeat; margin: 0 15px 15px 0;}
#henric a:hover{background: url(bilder/henrichover.jpg) no-repeat; margin: 0 15px 0 0;}

#hilda{width: 100px; height: 100px; margin: 15px;} 
#hilda a{float:left; width: 100px; height: 100px; font-size:1.4em; background: url(bilder/hildalink.jpg) no-repeat; margin: 0 15px 15px 0;}
#hilda a:hover{background: url(bilder/hildahover.jpg) no-repeat; margin: 0 15px 0 0;}

#johan{width: 100px; height: 100px; margin: 15px;} 
#johan a{float:left; width: 100px; height: 100px; font-size:1.4em; background: url(bilder/johanlink.jpg) no-repeat; margin: 0 15px 15px 0;}
#johan a:hover{background: url(bilder/johanhover.jpg) no-repeat; margin: 0 15px 0 0;}

#robin{width: 100px; height: 100px; margin: 15px;} 
#robin a{float:left; width: 100px; height: 100px; font-size:1.4em; background: url(bilder/robinlink.jpg) no-repeat; margin: 0 15px 15px 0;}
#robin a:hover{background: url(bilder/robinhover.jpg) no-repeat;}

#cdomslut {width: 500px; height:260px; float:left;}
#cdomslut2 {width: 500px; height:180px; float:left;}