body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #FAFBFD;
height: 100%;
}

#bg {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: fixed;
display: block;
top: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background-color: #808080;
z-index: -1;
overflow-x: hidden;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}

#Info {
padding: 15px 10px 10px 120px;
display: block;
width: 400px;
height: 370px;
margin-top: 200px;
margin-bottom: 0px;
margin-left: Auto;
margin-right: Auto;
background-image: url(../pictures/infobg.png);
background-position: top center;
background-repeat: no-repeat;
font-family: 'Cantarell', arial, serif;
font-size: 19px;
text-align: left;
color: black;
text-decoration: none;
line-height: 25px;
cursor: pointer
}

#wrapper {
display: block;
width: 450px;
height: auto;
background-image: url(../pictures/uppernotesbg.jpg);
background-position: top center;
background-repeat: no-repeat;
margin-top: 20px;
margin-bottom: 0px;
margin-left: Auto;
margin-right: Auto;
padding: 0px 0px 0px 0px;
font-family: 'Cantarell', arial, serif;
font-size: 15px;
text-align: center;
z-index: 4;
}

#paperclipmenu {
position: relative;
width: 133px;
height: 44px;
left: 312px;
top: -64px;
background-image: url(../pictures/paperclip_hori.png);
background-position: bottom right;
background-repeat: no-repeat;
z-index: 2;
}

#insertarea {
width: 350px;
height: 50px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: Auto;
margin-right: Auto;
padding: 136px 0px 0px 0px;
font-family: 'Cantarell', arial, serif;
font-size: 20px;
}

textarea {
width: 350px;
height: 60px;
font-family: 'Cantarell', arial, serif;
font-size: 200%;
font-weight: 700;
background-color: transparent;
border: none;
overflow: hidden;
overflow-y: hidden;
}

input {
font-family: 'Cantarell', arial, serif;
font-size: 200%;
font-weight: 700;
background-color: transparent;
border: none;
overflow: hidden;
}

#klottraknappen {
position: relative;
float:left;
margin-left: 100px;
_margin-left: 60px;
}

#suddaknappen {
position: relative;
float:left;
}

#Fillthenotebg {
width: 450px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin-top: 77px;
margin-bottom: 0px;
background-image: url(../pictures/lowernotesbg.jpg);
background-position: top center;
background-repeat: repeat-y;
}

#planket {
position: relative;
display:block;
width: 360px;
min-height: 250px;
left: 40px;
top: -77px;
line-height: 50px;
padding: 14px 0px 0px 0px;
overflow: hidden;
text-align: left;
}

#lowernotesshadow {
position: relative;
display:block;
width: 450px;
height: 15px;
background-image: url(../pictures/lowernotesshadow.jpg);
background-position: top center;
background-repeat: no-repeat;
}

#footernote {
text-align: left;
margin-left: 40px;
}
.inline {
display: inline;
}