﻿html,body {
	margin: 0;
	padding: 0;
/*	font: 9pt/1.5em "Helvetica Neue", Verdana, Arial, sans-serif; */
	font: 9pt/1.5em Verdana, Arial, sans-serif;
	color: #000;
}
html {
	min-height: 100%;
	background-image: url(../pics/main_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #BFBFBF;
}
body { height: 100%; }
body#imagepopup {
	background-image: url(../pics/schweizerkreuz8.png);
	background-position: right top;
	background-repeat: no-repeat;
}
h1 {
	font-weight: bold;
	font-size: 1.5em;
	margin: 1.5em 0 0.5em 0;
}
h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 1.3em 0 0.4em 0;
}
h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 1.2em 0 0.2em 0;
}
h4 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 1.1em 0 0.1em 0;
}
hr {
	border: none;
	width: 572px;
	height:1px;
	background-color: #000;
}
a, a:link, a:visited {
	color: #E40012;
	text-decoration: none;
}
a:hover {
	color: #900;
	text-decoration: underline;
}
#bodyFrameworkWrapper {
	background-color: #FFF;
	width:980px;
	margin: 0 auto;
}
#bodyFramework {
	width: auto;
	padding: 50px 28px 0 28px;
}


#frameworkTop {
	position: relative;
	background-color:#969595;
	border-bottom: 1px #FFF solid;
	z-index: 100;
}
#frameworkTop #header {
	height: 69px;
	background-color: #E40012;
	border-bottom: 1px #FFF solid;
}
#frameworkTop #header #hkesvLogo{
	position:absolute;
	right: 0px;
}
#frameworkTop #header h1 {
	padding: 12px;
	color: #FFF;
	font-size: 1.5em;
}
#frameworkTop #header h1 a,#frameworkTop #header h1 a:hover,#frameworkTop #header h1 a,#frameworkTop #header h1 a:link{
	color: #FFF;
	text-decoration: none;
}
#naviWrapper {
	color: #FFF;
	height: 100px;
	background-position: left top;
	background-repeat: no-repeat;
}
#naviWrapper .fader{
	height: 100px;
	background-image: url(../pics/header_fade.png);
	background-position: 490px top;
	background-repeat: no-repeat;
}
#naviWrapper a{
	color: #FFF;
	text-decoration: none;
}
#langNavigation {
	width: 119px;
	padding-left: 1px;
	background-color: #969595;
	border-top: 1px #FFF solid;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#langNavigation a:hover { color: #000; }

/* main navigation */

ul#navigation {
	position: absolute;
	left: 0;
	bottom: 0;
	margin:0;
	padding:0;
	list-style: none;
	display:block;
	z-index: 200;
}
ul#navigation li {
	display: block;
	position: relative;
	float: left;
	margin: 0 0 0 -1px;
	background-color: #969595;
	border-top: 1px #FFF solid;
	text-transform: uppercase;
}
ul#navigation li.active {
	background-color: #E40012;
}
ul#navigation li a {
	display: block;
	padding: 0 10px;
	border-right: 1px #FFF solid;
	border-left: 1px #FFF solid;
}
#navigation li ul {
	display: none;
	position: absolute;
	border-top: 1px #FFF solid;
	width: 100%;
	background-color: #FFF;
	overflow: visible;
}
ul#navigation li ul li{
	float: none;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border-top: 0 none;
	border-left: 1px #FFF solid;
	border-right: 1px #FFF solid;
	border-bottom: 1px #FFF solid;
}
#navigation li ul li a {
	padding: 0 0 0 5px;
	position: relative;
	font-size: 0.9em;
	text-align: left;
	color: #969595;
	text-transform: none;
	background-color: #FFF;
	border: none;
}
ul#navigation li ul li.active { background-color: #FFF; }
ul#navigation li ul li.active a{
	background-color: #DCDCDC;
}
#navigation ul li a{
	/* Styles für Menu Items */
	display: block;
	float: none;
	white-space: nowrap;
	text-align: center;
}
#navigation ul li a span{
	display:block;
	padding: 2px;
}
ul#navigation li a:hover{
	background-color: #E40012;
	color: #FFF;
	text-decoration: none;
}
ul#navigation li ul li a{
	/* Styles für SubMenu Items */
	font-weight: normal;
}
ul#navigation li ul li a:hover {
	background: #DCDCDC;
	color: #000;
}

#navigation li:hover ul, ul#navigation li.over ul { display: block; }


.content {
	width: 450px;
	float: left;
	/* margin-bottom: 2em; */
}
.content p, div#chooser {
	margin-bottom: 2em;
}
/* bilder */
.bilder {
	width:300px;
	float: right;
}
.bilder a,
.bilder img {
	display: block;
	margin-bottom: 2em;
}
.bilder a img { margin: 0; }

#immo .bilder {
	margin-bottom: 2em;
}
#immo .bilder a { margin: 0; }

/* kommission */
#kommission table {
	width: 100%;
	margin: 0;
	padding: 0;
}
#kommission table tr td+td { width: 85px; }
#kommission table tr td+td+td { width: 120px; }

/* datenbank */
#datenbank .content { width: 500px;}
#datenbank table { 
	width: 100%;
	margin-bottom: 2em;
}
#datenbank table th {
	font-weight: bold;
	border-bottom: 1px #000 solid;
}
#datenbank table th,
#datenbank table td{
	text-align: right;
	width: 55px;
	padding: .4em 0;
}
#datenbank table tr th:first-child,
#datenbank table tr td:first-child{
	border-right: 1px #000 solid;
	text-align: left;
	width: auto;
}
#datenbank table tr.footer th {
	border-top: 1px #000 solid;
	border-bottom: none;
}
#datenbank table.total tr th {
	border-top: 1px #000 solid;
/*	border-bottom: none;*/
}
#datenbank table.mitglieder th,
#datenbank table.mitglieder td,
#datenbank table.mitglieder th+th+th,
#datenbank table.mitglieder td+td+td{
	text-align: left;
	width: auto;
}
#datenbank table.mitglieder th+th,
#datenbank table.mitglieder td+td{
	padding: .4em 0 .4em .4em;
}
a.xls {
	padding: 0 0 0 18px;
	background-image: url(../pics/small_excel.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#frameworkBottom {
	background-image: url(../pics/content_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color:#FFF;
	z-index: 50;
}
#contentFramework {
	background-image: url(../pics/schweizerkreuz8.png);
	background-position: right 20px;
	background-repeat: no-repeat;
	padding: 75px 120px 0 12px;
}
#contentFramework > div {
	min-height: 300px;
}
#footer{
	background-color: #838383;
	color: #FFF;
	padding: 0 12px;
}
#footer a,#footer a:link,#footer a:visited{
	color: #FFF;
	text-decoration: none;
}
#footer a:hover { color: #000; }
.clear {
	clear: both;
}

#links .content{
	width: 792px;
}
#links .content .half {
	float: left;
	width: 40%;
}
#links h3 {
	font-weight: bold;
}
#links ul {
	margin: 0 0 1em 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
