/* HTML Elements */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
a    { color: #000; }
h1   { font-size: 17px; }
img  { border: 0; }

input { border: 1px solid #333; padding: 4px; margin-bottom: 3px; }

#container {
	width: 900px;
	margin: auto;
}

/* ID's */
#menu { 
	width:      250px; 
	margin-top: 20px;
	float: left;
}

#contact_info { 
	font-size:  10px; 
}

#logo, #paperclips { 
	margin-bottom: 20px; 
}

#paperclips { 
	margin-left:80px; 
}

#content {
	margin-left: 50px; 
  top:         0; 
	float: left;
}

#pencil { 
	float:      left; 
  z-index:    10; 
	margin-top: 80px; }

#text { 
	width:      400px; 
	margin-top: 20px; 
	z-index: 20;
}

#body_nyheter #text { width: 590px; }

#required_info {
	margin-top: 15px;
	margin-bottom: 15px;
}

#faktura_text {
	padding: 20px 0;
	font-weight: bold;
}

#button_bar {
	margin-top: 10px;
	margin-bottom: 2em;
}

img#large { border: 1px solid #333; }
	
/* Classes */ 
.center { text-align: center; }
.inline { display: inline;    }

div.notebook { width: 400px; 
               background-color: #fff; 
               background-repeat: no-repeat; 
							 z-index: 10; 
						   font-size: 14px; }

div.page1 { height: 629px; background-image: url(/img/notebook1.gif); }
div.page2 { height: 1002px; background-image: url(/img/notebook2.gif); }
div.page3 { height: 685px; background-image: url(/img/notebook3.gif); }

div.page4 { width:            449px; 
            height:           685px; 
            background-image: url(/img/notebook4.gif); }

div.page2 #text {
	margin-left: 40px;
	width:       320px;
	font-size:   11px;
	margin-top: 60px;
}

div.page3 #text {
	margin-top: 150px;
	position:   relative;
	left:       0;
	text-align: center;
	z-index:		30;
}

div.page4 #text h1 { 
	padding-top: 60px;
	margin-bottom: 80px; 
}

div.author {
	margin-top: 0.4em;
	font-style: italic;
}

/*****************************************************************************/
/* Information boxes/texts                                                   */
/*****************************************************************************/

span#messages {
  display: inline;
  margin: 0;
  padding; 0;
}

div#flash, div#delete, div#error {
  padding: 1em 3em;
  line-height: 16px;
	font-size: 12px;
}

div#flash {
  background: #E3FCE3 url('/img/icons/information.png') no-repeat 10px center;
  border-top: 1px solid #9FE8B8;
  border-bottom: 1px solid #9FE8B8;
  margin: 1em 0;
  opacity: 0;
}

div#delete, div#error {
  background: #EFCDC7 url('/img/icons/delete.png') no-repeat 10px center;
  border-top: 1px solid #AA0000;
  border-bottom: 1px solid #AA0000;
  color: #AA0000;
  margin: 1em 0;
}

div#notice {
  padding: 1em;
  background: #FCF7C1;
  border-top: 1px solid #FAD426;
  border-bottom: 1px solid #FAD426;
  margin: 1em 0;
}

div.inline-error {
	color: #CC0000;
	background: transparent url('/img/icons/exclamation.png') no-repeat left center;
	padding-left: 20px;
}