/*
	----------------------------------------
	General elements
	----------------------------------------
*/

body {
	background-color:	#202A31;
	color:				#404A51;
	font-family:		Verdana,Geneva,sans-serif;
	font-size:			70%;
	line-height:		1.4em;
	text-align:			center;
}

body span {
  font-size:            0.8em;
  font-style:           italic;
}

a:link {
	color:				#000;
}

a:visited {
	color:				#100;
}

a:hover {
	color:				#310
}

h1 {
	color:				#666;
	font-size:			2.5em;
	font-weight:		bolder;
}

h2 {
	color:				#666;
	font-size:			2em;
	font-weight:		normal;
}

h3 {
	color:				#666;
	font-size:			1.5em;
	font-weight:		bolder;
}

h1, h2, h3 {
	margin-bottom:		15px;
	text-align:			left;
}

img {
	border:				0;
}

pre {
	background-color:	#EEF;
	color:				#404A51;
	margin:				0 10px;
	padding:			2px;
	border:				1px dashed #707A81;
}

code {
	color:				#404A51;
}

p {
	color:				inherit;
	margin:				0;
	padding:			0;
}

form {
	margin:				0;
	padding:			0;
	display:			inline;
}

.clear {
	clear:				both;
	height:				0;
	width:				0;
}

.notice{
	cursor:				help;
}

.hand{
	cursor:				pointer;
}


/*
	----------------------------------------
	DIV elements
	----------------------------------------
*/

div#wrapper {
	width:				100%;
	text-align:			center;
}

div#top {
	background:			#FFF url(/static/img/top.jpg) no-repeat;
	height:				160px;
	width:				800px;
	margin:				0 auto;
}

div#top span {
	display:			none;
}

div#topmenu {
	background-image:	url(/static/img/topmenu.jpg);
	background-repeat:	no-repeat;
	width:				800px;
	height:				40px;
	margin:				0 auto;
	padding:			0;
	text-align:			left;
}

div#topmenu ul {
	list-style-type:    none;
	list-style-image:	none;
	padding:    		0;
	margin:	    		0 0 0 10px;
    float:      		left;
    width:      		400px;

}

div#topmenu ul li {
	display:			inline;
	float:				none;
	width:				80px;
	height:				40px;
	margin:				0;
	padding:			0;
}

div#topmenu a {
	width:               80px;
	height:              40px;
	display:             block;
	float:               left;
	margin:                0;

}

div#topmenu a:hover {
	background-position:   0 -80px;
}

div#topmenu a span {
	font-size:           1px;
	display:			none;
}

div#topmenu a.selected {
	background-position:0 -40px;
}

div#topmenu a.selected:hover {
	background-position:0 -80px;
}

div#topmenu a.forsiden {
	background-image:	url(/static/img/forsiden.jpg);
}

div#topmenu a.produkter {
	background-image:	url(/static/img/produkter.jpg);
}

div#topmenu a.referencer {
	background-image:	url(/static/img/referencer.jpg);
}

div#topmenu a.omdevent {
	background-image:	url(/static/img/omdevent.jpg);
}

div#topmenu a.kontakt {
	background-image:	url(/static/img/kontakt.jpg);
}

div#content {
  background-color:     #FFF;
  width:                800px;
  margin:               0 auto;
  padding:              0;
  text-align:           left;
}

div#textarea {
  width:                570px;
  padding:              15px;
  margin:               0 0 20px 0;
  float:                left;
  min-height:           400px;
}

div#sidemenuarea {
  background-color:     #F9F9FF;
  width:                185px;
  padding:              5px;
  text-align:           right;
  float:                left;
  border-bottom:        1px dashed #D9D9DD;
  border-left:          1px dashed #D9D9DD;
  min-height:           400px;
}

div#shortinfo{
	background-color: 	#707A81;
	color:				#FFF;
	width:				800px;
	margin:				0 auto;
	padding:			10px 0;
	line-height:		1.5em;
	text-align:			center;
}

div.message{
	color:				#A00;
	width:				90%;
	font-weight:		bolder;
	text-align:			center;
	margin:				10px auto;
	padding:			10px;
	border:				2px solid #966;
}

div.alignright {
	text-align:			right;
	float:				right;
}

div.alignleft {
	text-align:			left;
	float:				left;
}

div.center {
	text-align:			center;
	margin:				10px auto;
	padding:			5px;
}

div.formtext {
  width:                150px;
  margin:               3px;
  float:                left;
}

div.forminput {
  width:                350px;
  margin:               3px;
  float:                left;
}

div.left {
  float:                left;
}

div.right {
  float:                right;
}

/*
	----------------------------------------
	Image elements
	----------------------------------------
*/

.imgleft {
	float:				left;
	margin:				0 15px 15px 0;
}

.imgright {
	float:				right;
	margin:				0 0 15px 15px;
}

.imgleft span, imgright span {
	font-style:			italic;
}


/*
	----------------------------------------
	TABLE elements
	----------------------------------------
*/



/*
	----------------------------------------
	SPAN elements
	----------------------------------------
*/

div.headertrail {
  font-size:        1em;
  color:            #CCC;
  margin-top:    -15px;
  margin-bottom:  15px;
}

.imgdescription{
	color:				#404A51;
	font-size:			10px;
	font-style:			italic;
}

.prettytext {
	text-align:			justify;
	font-size:			60%;
}

.author {
	color:				#E9C3D5;
	font-size:			10px;
	font-weight:		normal;
}

.resume{
	color:				#AAA;
	font-style:			italic;
}

.underline{
	text-decoration:	underline;
}

.italic{
	font-style:			italic;
}

.strike{
	text-decoration:	line-through;
}


/*
	----------------------------------------
	FORM elements
	----------------------------------------
*/

input[type=text] {
  width:                145px;
}

input[type=password] {
  width:                145px;
}

textarea {
  width:                295px;
  height:               200px;
}