/* 
    Document   : style
    Created on : 20.02.2011, 17:57:34
    Author     : Patrick
*/

html, table {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: black;
}

body {
	background-color: #F4F2F2;
	padding:32px 28px;
	margin:0px;
	text-align:center;
	background-image:url('graphics/background.png');
}

.container {
	max-width: 1300px;
	min-width: 780px;
	margin: 0 auto;
	text-align: left;
	padding:18px;
	background-image:url('graphics/background_container.png');
	border-radius:14px;
	box-shadow: 0px 0px 16px 14px #0e3255;
}

.header {
	height: 108px;
	background-color: #CDEBF3;
	background-image:url('graphics/headerbg.png');
	background-position:center right;
	background-repeat:no-repeat;
	/*border: 2px solid #30A7C5;*/
	border: 3px solid #286eac /*#093052*/;
	border-radius:10px;
	box-shadow: 0px 0px 12px 4px #0d3862;
}

#logo {
	position: relative;
	top: 0px;
	left: 0px;
}

.main {
	margin: 16px 0px;
}

.navigationContainer {
	width: 224px;
	margin:0px;
	padding:0px;
	float:left;
}

.navigation {
	/*width: 220px;*/
	background-color: #CDEBF3;
	/*border: 2px solid #30A7C5;*/
	border: 3px solid #286eac /*#093052*/;
	border-radius:8px;
	padding: 2px 0px;
	/*float: left;*/
	margin: 0px 0px 8px 0px;
	font-size:12px;
	box-shadow: 0px 0px 12px 4px #0d3862;
}

.navigation a, .navigation a:link, .navigation a:visited, .navigation a:hover {
	padding:2px 8px;
	margin:3px 5px;
	border-width:1px 0px;
	border-color:#83CDE0;
	border-style:solid;
	/*color:#1f1e1e;*/
	color: #12518f;
	text-decoration: none;
	display:block;
	background-color: white;
	font-weight: normal;
	/*text-shadow: 1px 1px 1px #b4b4b4;*/
}

.navigation a:hover {
	background-color: #E7F5FA;
	border-color: #77A0AC;
	/*color: #80a9e2*/
	text-shadow: 0px 0px 2px #80a9e2; /*#084b8a;*/
}

.content {
	/*clear: right;*/
	/*clear: left;
	display: block;*/
	text-align:justify;
	padding:16px 16px;
	background-color: white;
	/*border: 2px solid #30A7C5;*/
	border: 3px solid #286eac /*#093052*/;
	border-radius:8px;
	margin:0px 0px 0px 236px;
	margin-bottom:10px;
	min-height:350px;
	/*overflow:visible;*/
	box-shadow: 0px 0px 12px 4px #0d3862;
}

.footer {
	margin:0px;
	padding:4px;
	background-color: #CDEBF3;
	/*border: 2px solid #30A7C5;*/
	border: 3px solid #286eac/*#093052*/;
	border-radius:8px;
	text-align:center;
	font-size:11px;
	font-style: italic;
	box-shadow: 0px 0px 12px #0d3862;
}

h1, h2 {
	/*font-weight:bold;*/
	font-family:'Times New Roman', serif;
	/*font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;*/
	/*font-family: sans-serif;*/
	font-weight: 200;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	/*color: #0E253C;*/
	/*color:#052c79;*/
	color:#102c66;
	background-image: url('graphics/h1line.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:left;
	text-shadow:0px 0px 3px #aaaaaa;
}

h1 {
	font-size:28px;
	margin: 0px 0px 20px 0px;
	/*letter-spacing: -0.2px;*/
	/*text-shadow: 1px 1px 3px #6e6e6e;*/
}

h2 {
	font-size:24px;
	margin:28px 0px 16px 0px;
	/*text-shadow: 1px 1px 3px #6e6e6e;*/
}

a {
}

a:link, a:visited, a:hover {
	/*color: #0E253C;*/
	color:#0b3990;
	font-weight:normal;
	text-decoration:underline;
	text-shadow:0px 0px 1px #cccccc;
}

a:hover {
	/*color: #334A60;*/
	color:#3e72d6;
	text-shadow: 0px 0px 1px #aaaaaa;
}

.borderlessTable {
	border-style: none;
}

.lightTable {
	border-collapse: collapse;
	width: 100%;
}

.lightTable td {
	border:1px solid #73a0d1;
	border-collapse: collapse;
	padding: 6px 12px;
}

.lightTable tr:hover {
	background-color: #faf9f9;
}

.TextField {
	font-size: 12px;
	border: 1px solid #89898a;
	margin:2px;
	border-radius:2px;
	box-shadow:0px 0px 4px #bbbbbb;
}

.TextField:hover {
	border-color: #255891;
	box-shadow:0px 0px 4px #8fc4f1;
}

.TextField:focus {
	background-color: #f7f7f7;
	box-shadow:0px 0px 4px #2591ed;
}

.Submit {
	font-size: 12px;
	border:none;
	padding:1px 8px;
	background-color: #102349;
	color: white;
	border-radius:3px;
}

.Submit:hover {
	background-color: #304c83;
}

pre {
	padding:5px 5px 5px 10px;
	margin:12px 0px;
	background-color: #fbfafa;
	border: 1px solid #a1a0a0;
	font-size: 12px;
	line-height: 16px;
	color:black;
	border-radius:3px;
	letter-spacing: 0.1px;
	overflow:auto;
	box-shadow:0px 0px 6px #d5d5d5;
}

.imageBox {
	border-width: 1px 0px;
	border-style: solid;
	border-color: #9d9c9c;
	padding:10px 0px;
	text-align: center;
	margin: 6px 0px;
	font-style: italic;
}

.imageBox img {
	padding:0px 6px;
	vertical-align: middle;
}

.thinBorder {
	padding: 2px;
	background-color: white;
	border: 1px solid #9e9d9d;
	border-radius:3px;
	box-shadow:0px 0px 4px #a2a1a1;
}

li {
	padding: 3px 0px;
}

.key {
   background-color: #EDEFEF;
   padding: 0px 4px 0px 4px;
   border: 1px solid;
   border-color: #E3E6E6 #9AA5A5 #9AA5A5 #E3E6E6;
   font-weight: bold;
   color: black;
}