@charset "iso-8859-2";
/* CSS Document */

html, body {
height: 100%;
}

html {
	overflow-y: scroll;
	}

body {
	margin:0;
	padding:0;
	background:#dfdfdf url(../images/body_bg.gif) 0 0 repeat;
	text-align:left;
	font:normal 10pt Arial, Helvetica, sans-serif;
	line-height:16pt;
	color:#000;
}

	
table tr.0 {
	background-color:#00CC00;
	color:#FF00FF;
	}

table tr.1 {
	background-color:#996600;
	}

table tr.2 {
	background-color:#990033;
	}

a {
	color:#EB982C;
	text-decoration:none;
	}
	
a:hover {
	color:#696969;
	}
	
#container {
	margin:0 auto;
	padding:0;
	width:1000px;
	float:none;
	display:block;
	background-color:#dfdfdf;
	min-height:100%;
	}

#site {
	padding:0;
	margin:0 60px;
	width:879px;
	}
	
#header {
	margin:0;
	padding:0;
	width:879px;
	height:176px;
	background:transparent url(../images/header.jpg) 0 0 no-repeat;
	float:left;
	}
	
#footer {
	margin:0;
	padding:0;
	width:879px;
	height:50px;
	background:transparent url(../images/footer.jpg) 0 0 no-repeat;
	float:left;
	}
	
#content {
	margin:0;
	padding:0;
	width:879px;
	background:transparent url(../images/content.jpg) 0 0 no-repeat;
	float:left;
	}
	
#content h1 {
	margin:35px 0 0 27px;
	font-size:28px;
	color:#f3a000;
	font-weight:normal;
	float:left;
	width:555px;
	}
	
#content h2 {
	color:#f3a000;
	font-weight:normal;
	font-size:13pt;
	}
	
#content #text {
	margin:30px 54px;
	width:582px;
	float:left;
	}
	
#nav {
	margin:0;
	padding:0;
	width:879px;
	height:31px;
	border-bottom:#cecece solid 1px;
	border-top:#cecece solid 1px;
	}
	
#nav ul, #header #nav li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#nav li {
	height:31px;
	float:left;
	}

#btns a {
	background-position:0 50%;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	padding:0;
	text-decoration:none;
	}
	
#btns a.home {
	background-image:url(../images/nav/home.jpg);
	width:122px;
	}
	
#btns a.home:hover {
	background-image:url(../images/nav/home_hov.jpg);
	}
	
#btns a.ziele {
	background-image:url(../images/nav/ziele.jpg);
	width:195px;
	}
	
#btns a.ziele:hover {
	background-image:url(../images/nav/ziele_hov.jpg);
	}
	
#btns a.kalender {
	background-image:url(../images/nav/kalender.jpg);
	width:209px;
	}
	
#btns a.kalender:hover {
	background-image:url(../images/nav/kalender_hov.jpg);
	}
	
#btns a.mitglieder {
	background-image:url(../images/nav/mitglieder.jpg);
	width:206px;
	}
	
#btns a.mitglieder:hover {
	background-image:url(../images/nav/mitglieder_hov.jpg);
	}
	
#btns a.kontakt {
	background-image:url(../images/nav/kontakt.jpg);
	width:147px;
	}
	
#btns a.kontakt:hover {
	background-image:url(../images/nav/kontakt_hov.jpg);
	}
		
#content, #footer{
	margin:0;
	padding:0;
	width:879px;
	background-color:#f2f2f2;
	position:relative;
	}
	
#footer #impress {
	float:left;
	position:absolute;
	left:330px;
	bottom:2px;
	}
	
#footer #copyright {
	float:left;
	position:absolute;
	left:430px;
	bottom:2px;
	}
	
#left {
	margin:0;
	padding:0;
	height:290px;
	width:197px;
	background:transparent url(../images/left.jpg) 0 0 no-repeat;
	}
	
#left #nav {
	float:right;
	padding:8px 12px 0 0;
	}
	
#left #nav #nav_point {
	float:right;
	text-align:right;
	line-height:17pt;
	width:180px;
	clear:both;
	}
	
#left #nav #nav_point a {
	color:#d2d1d1;
	}
	
#left #nav #nav_point a:hover {
	color:#696969;
	}
	
#left #nav #nav_point span {
	padding-left:10px;
	color:#EB982C;
	letter-spacing:1.1pt;
	cursor:default;
	}

#right {
	float:left;
	width:189px;
	position:relative;
	height:415px;
	}

#right #btnz {
	width:181px;
	position:absolute;
	top:110px;
	right:0px;
	}

#btnz img {
	border:none;
	}

.vorstand p {
	line-height:12pt;
	}
	
.vorstand p {
	margin-top:0;
	}

.vorstand h2 {
	margin-bottom:0.3em;
	}

.vorstand img {
	padding:10px;
	}
	
label, input, select, textarea {
  display: block;
  float: left;
  width: 150px;
}

form br {
  clear: left;
}

input#button {
  float: none;
  width: auto;
}

ol {
	list-style-type:decimal;
	}
	
li ol {
	list-style-type:lower-roman;
	}
