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

#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: 'Tangerine', arial, serif;
font-size: 30px;
text-align: center;
z-index: 4;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

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

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

input {
font-family: 'Tangerine', 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;
left: 40px;
top: -50px;
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;
}
.inline {
display: inline;
}