@import 'navigation.css';


/* design rules */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}	
html {overflow:scroll;}

body {
	background: #a7d4f2;
	background-image: url(background.gif);
	background-repeat: repeat-x;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	padding-top: 42px;
	
}

#header {
	width : 980px;
	margin: 0 auto;
	position: relative;
}
a.page_links_active {
	text-decoration: none;
	font-weight: bold;
}
#main {
	width : 980px;
	margin: 0 auto;
	margin-top: 20px;
}

#content-top {
	width:980px;
	height:20px;
	background:url(body-back-top.png);
	padding: 0px;
	margin: 0px;
}

#content-container {
	width:980px;
	height:auto !important; 
	height: 400px; 
	min-height:400px;	
	background:url(body-back.png);
}

#content-bottom {
	width:980px;
	min-height:20px;
	background:url(body-back-bottom.png);
	padding: 0px;
	margin: 0px;
}

#navi {
	width: 200px;
	height: 200px;
	margin-left: 4px;
	float: left;
}

#content {
	margin: 20px;
	float: left;
	width: 733px;
}


/* content rules */
.clearer {
	clear: both;
}

h1 {
	font-size: 15px;
	color: #F4F4F4;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px dotted white;	
	border-bottom: 1px dotted white;	
}

h2 {
	font-size: 13px;
	line-height: 20px;
	color: #F4F4F4;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: -5px;
}

h3, h4, h5, h6 {
	font-size: 12px;
	color: #D8D8D8;
	padding: 0px;
	margin: 0px;
}

ul {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	list-style: inherit;
	list-style-image: url('./list-arrow.gif');
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
}

img {
	border: none;
}


div.image_legend {
	font-size: 10px;
}

hr {
	width: 100%;
	margin-top: 15px;
	border: 0px;
	border-bottom: 1px dotted white;
	height: 1px;
	margin-bottom: 15px;
}

.td_header {
	background-image:url(td_header_bg.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

.td_body {
	background-color: #333333;
}

/* address rules */
div.address {
	margin: 20px;
}
.address {
	font-size: 10px;
}

a:hover {
	text-decoration: none;
}
a.smilie {
	cursor: pointer;
}

/* form rules */
input {
	color: #000000;
}
.form {
	background-color: #a7d4f1;
	border: 1px solid white;
	color: #000000;
	width: 289px;
}
select, option {
	border: 1px solid white;
	color: #000000;
	background-color:#a7d4f1 !important;
}
option {
	border: 0px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	color: #000000;
}

option.last {
	color: #000000;
	border-bottom: 1px solid white;
}

.checkbox {
	border: 1px solid white;
	margin: 0px;
	padding: 0px;
	width: 15px;
	height: 15px;
	float: left;
	background: none;
}

.submit {
	background-color: #a7d4f1;
	color: #333333;
	border: 1px solid black;
}

.form_error {
	background-color: #FF0000;
	border: 1px solid white;
	width: 289px;
}

/* IE <= 6 Rules ==> */
* html div#header {
	position:relative;
	width: 980px;
	left:50%;
	margin-left:-465px;
}

* html div#head-spacer {
	position:relative;
	width: 980px;
	left:50%;
	margin-left:-465px;
}

* html div#body-container {
	position:relative;
	width: 980px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.datanode.ch/img/body-container-bg.png', sizingMethod='scale');
	background:none;
	links in this element are no longer clickable
	*/
	margin-top: -3px;
	left:50%;
	margin-left:-465px;
}

* html div#content {
	width: 700px;
	margin-left: 30px;
}


* html div#footer {
	position:relative;
	width: 980px;
	left:50%;
	margin-left:-465px;
}


* html a, * html div, * html img {
	position:relative;
	z-index: 50;
}

* html div#submenu {
	margin-left: 20px !important;
}

.lastname {
	display: none;	
}
/* <== IE <= 6 Rules */