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

body {
	font: 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	background-image: url("../images/pattern.jpg");
  	margin: 0;
	padding: 0;
}
#wrapper {
	background: #FFFFFF url(../images/hvid.jpg) repeat-x;
	position: absolute; left: 0; top: 0; width: 100%; height: 146px;

}

h1 {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0.3em 0;
	text-indent:-99999px;
}
#nav {
	list-style: none;
	padding: 0;
	background: #2e2e2e url(../images/nav_bar.jpg) repeat-x;
	display: block;
	overflow: hidden;
	font-size: 0.9em;
	height:33px;
	text-transform:capitalize;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: left;
	padding: 10px 20px;
	color: white;
	text-decoration: none;
}
#nav li a:hover {
	background: #1b1b1b url(../images/nav_bar_o.jpg) repeat-x;
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

div.top, div.middle, div.header, div.bottom, div.bottomtekst {
  margin: 0px auto;
}

div.header {
  width: 814px;
  height: 168px;
  margin-top: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-image: url("../images/header.gif");
  background-repeat: no-repeat;

 }


div.middle {
  background-image: url('../images/midt.gif');
  background-repeat: repeat-y;
  width: 814px;
  position: static;


}

div.bottom {
  width: 814px;
  height: 72px;
  background-image: url('../images/bund.gif');
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #FF0000;
}

div.bottomtekst {
width: 814px;
height: 72px;
color:#877F73;
font-size:11px;
font-style: inherit;
font-variant:normal;
font-weight:normal;
line-height:20px;
padding-top:3px;
text-align:right;  
}
	
#loading{position:relative; top:50px; left:50px; background-image:url(../images/spinner.gif); background-repeat:no-repeat; background-position:left middle; padding-left:50px;}

#content {
 margin-left:5px;
}
h2 {
	margin: 0;
	padding: 0.5em 0;
	color:#568945;
	font-family:Helvetica, Arial, Sans-serif;
}
p {
	margin: 0;
	padding: 0.4em 0;
	color:#686868;
	line-height:1.4em;
}
#content img.right {
	float: right;
	margin: 0 0 8px 8px;

}
#foot {
	padding: 15px;
	color: white;
	text-align: center;
	margin: 30px 0 0 0;
	border-top:1px solid #222222;
}

.tb {
  width:100%;
  border-top:1px solid #FBFCFD;
  font-size:100%;
  }
.tb th, .tb td {
  padding:5px;
  border-bottom:2px solid #EBEBEB;
  font-size:100%;
  line-height:1.6em;
  font-weight:normal;
  }
.tb td {

  text-align:left;
  white-space:normal;
  }

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

textarea, select {
background:#FFFFFF url(../images/inputBg.gif) no-repeat scroll left top;
border:1px solid #AAAAAA;
margin-top:3px;
margin:2px;
padding:2px;
}


input{
background:#FFFFFF url(../images/inputBg.gif) no-repeat scroll left top;
border:1px solid #AAAAAA;
margin-top:2px;
margin:2px;
padding:2px;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

.print {
color: #877F73;
text-align: right;

}

img.shadow {
	background: url(../images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

