/* ----------------------Misc------------------------ */

.invalid {
    border:  red solid 2px;
}

.left { 
	float: left;
	margin: 10px 10px 0px 0px;
	border: 1px solid #b8b8b8;
	padding: 1px;
}	

.right { 
	float: right;
	margin: 10px 0px 10px 10px;
	border: 1px solid #b8b8b8;
	padding: 1px;
}

.left-box { 
	float: left;
	margin: 10px 0px 10px 10px;
	padding: 1px;
}

.right-box { 
	float: right;
	margin: 10px 0px 10px 10px;
	padding: 1px;
}		

.center {
	text-align: center;
}

/* ----------------------Containers------------------------ */

body {
	margin: 0;
	padding: 0;
	background: #c4c4b3;
}

img {
	border: 0;
}

/* ----------------------Containers------------------------ */

.centerwrap {
	margin-left: auto;
	margin-right: auto;
	width: 912px;
	background: url('../images/main_bg.jpg') repeat-y;


}

#maincontainer {
	width: 900px;
	margin: 0 auto;
}

/* ----------------------Top------------------------ */

.header {
	padding-top: 20px;
	margin: 0;
	height: 85px;
	background: white;
}

.area_splash {
	background: #375276;
	height: 159px;
}

.head_img {
	padding: 0;
	margin: 0;
	border: 0;
}

div.area_splash ul {
	float: left;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.area_splash ul li {
	float: left;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}
/* rotator image style */	
div.area_splash ul li img {
	margin: 0;
	padding: 0;
	border: 0;
}

div.area_splash ul li.show {
	z-index: 500;
}


.tjr-logo {
	float: left;
	padding-left: 30px;
}

.au-logo {
	float: right;
	padding-right: 15px;
}

/* ----------------------Menu------------------------ */



.glossymenu {
	width: 150px; /*width of menu*/
	height: 400px;
	border-bottom-width: 0;
	padding-left: 30px;
	float: left;
	padding-top: 20px;
	padding-right: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-right: 1px solid #e4e4e4;
}

.glossymenu a.menuitem{
	color: #7a7979;
	text-decoration: none;
	text-align: right;
	font: bold 12px arial;
	display: block;
	padding: 10px 10px 0px 0px;
	margin: 0;
	height: 25px;
	background-color: white;
	background-image: url('../images/knapp-bakgrund.jpg');
	border-bottom: 1px solid #d8e1f3;
	border-right: 1px solid #d8e1f3;
}


.glossymenu a.menuitem:hover{
	background-image: url('../images/knapp-bakgrund-hover.jpg');
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	
}

#active_menu {
	color: black;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 12px arial;
	color: #7a7979;
	text-decoration: none;
	text-align: right;
	margin: 0;
	height: 15px;
	padding: 5px 10px 5px 0;
}

.glossymenu div.submenu ul li a:hover{
background: #d5d5d5;
color: black;
}

.menu-active {
background: #e6e6e6;
font-weight: bold;
}


/* ----------------------Maincontent------------------------ */

.validation-advice {
	color : red;
	padding-left: 160px;
	font-weight: bold;
}

.right-maincontent {
	width: 590px;
	float: left;
	background: white;
	margin-top: 35px;
	margin-left: 20px;
	color: #373737;
}

.right-maincontent fieldset {
	background-image: url('../images/form-background.jpg');
	background-repeat: repeat-x;
}

#img_footer {
	background-image: url('../images/img_footer.jpg');
	margin: 0 auto;
	width: 912px;
	height: 11px;
}

h1 {
	font-weight: bold;
	font-size: 22px;
	line-height: 22px;
	font-family: calibri, arial;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	color: #1f2a3d;
	padding-bottom: 5px;
}

h3 { 
	font:normal 15px/22px arial;
}

 p {
	font:normal 12px/18px arial;
	padding-top: 5px;
	margin-top: 0;
}

li {
	font:normal 12px/22px arial;
}


.blue {
	color: #2a2c6e;
}

.footer {
	background: #cccccc;
	clear: both;
	color: #6a6969;
	text-align: center;
	font: normal 11px arial;
	padding: 5px 5px 0px 5px;
}

.footer a {
	text-decoration: none;
	color: white;
}

/* ----------------------Maincontent------------------------ */

.kontaktformular form { 
  font: normal 12px/18px arial;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 540px;
  width: 540px; 
}

.kontaktformular form fieldset {
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: solid;
  padding: 10px;   
  margin: 0;
}

.kontaktformular form fieldset legend {
	font:bold 16px arial; 
}

.kontaktformular form label { 
	display: block;
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: right; 
}


.kontaktformular form input, form textarea {
	width:auto;    
	margin:5px 0 0 10px;
}

.kontaktformular form input#reset {
	margin-left:0px; 
}

.kontaktformular textarea { overflow: auto; }

.kontaktformular form small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}


.kontaktformular form br {
	clear:left;
}

a {
	color: #1f2a3d;
}