@import url(menu.css);

/**
* Vertikale Scrollbalken im Firefox erzwingen
*/
html[xmlns^="http"] {
	overflow-y:				scroll;
}

/**
* Für alle Element padding und margin auf 0 setzen
*/
* {
	padding:				0px;
	margin:					0px;
}

/**
* Globale Einstellungen Schrift, Seitenhintergrund
*/
body {
	font-family:			Verdana, Arial;
	font-size:				small;
	color:					#336600;
	background-image:		url(bg_body.gif);
	padding:				34px 0px 34px 0px;
	text-align:				center;
}

/**
* Globale Einstellungen für Links
*/
a {
	color:					#336600;
}

/**
* Seitencontainer, margin: auto zum Zentrieren im Firefox
*/
#page_container {
	margin:					auto;
	width:					1010px;
	text-align:				left;
}

/**
* Kopf, sl_header = Schatten links; sr_header = Schatten rechts
*/
#sl_header {
	width:					1005px;
	padding-left:			5px;
	background-image:		url(sl_header.png);
	background-repeat:		no-repeat;
}

#sr_header {
	width:					1000px;
	padding-right:			5px;
	background-image:		url(sr_header.png);
	background-repeat:		no-repeat;
	background-position:	top right;
}

#header {
	position:				relative;
	width:					1000px;
	height:					203px;
	background-image:		url(bg_header.gif);
	background-repeat:		no-repeat;
}

a.link_startpage {
	position:				absolute;
	top:					67px;
	left:					24px;
	width:					295px;
	height:					20px;
	display:				block;
	color:					transparent;
}

#head_tabs {
	position:				absolute;
	top:					0px;
	left:					395px;
	font-size:				smaller;
}

#head_tabs a {
	width:					200px;
	height:					38px;
	padding-top:			5px;
	margin-right:			2px;
	color:					#fff;
	font-weight:			bold;
	display:				block;
	text-align:				center;
	text-decoration:		none;
	float:					left;
}

#head_tabs a.last {
	margin:					0px;
	width:					198px;
}

#head_links {
	position:				absolute;
	top:					180px;
	left:					835px;
	font-size:				smaller;
	color:					#fff;
}

#head_links a {
	color:					#fff;
	text-decoration:		none;
}

/**
* Schatten um Inhaltsbereich, sl_page = Schatten links; sr_page = Schatten rechts; sb_page = Schatten unten
*/
#sl_page {
	width:					1005px;
	padding-left:			5px;
	background-image:		url(sl_page.png);
	background-repeat:		repeat-y;
}

#sr_page {
	width:					1000px;
	padding-right:			5px;
	background-image:		url(sr_page.png);
	background-repeat:		repeat-y;
	background-position:	top right;
}

#sb_page {
	padding-bottom:			10px;
	background-image:		url(sb_page.png);
	background-repeat:		no-repeat;
	background-position:	bottom left;
}

/**
* Generelle Einstellungen für Zwei- und Dreispaltigkeit
*/
#content_container_threecol, #content_container_twocol {
	background-color:		#fff;
	min-height:				604px;
	padding:				3px 1px 0px 1px;
	background-image:		url(bg_content_container_threecol.gif);
	background-repeat:		repeat-y;
	background-position:	0px 20px;
}

/**
* Einstellungen für Zweispaltigkeit
*/
#content_container_twocol {
	background-image:		url(bg_content_container_twocol.gif);
}

/**
* Linker Content (Menü)
*/
#content_left_footer {
	background-image:		url(bg_content_left_footer.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom left;
}

#content_left {
	width:					200px;
	min-height:				601px;
	float:					left;

}

/**
* Generelle Einstellungen Hauptbereich
*/
#content_main {
	width:					542px;
	float:					left;
	padding:				37px 27px 37px 27px;
}

/**
* Einstellungen Hauptbereich bei zweispaltiger Vorlage
*/
#content_container_twocol #content_main {
	width:					744px;
}

/**
* Rechter Content
*/
#content_right {
	width:					202px;
	float:					left;
}

#content_right #content {
	margin-top:				58px;
}

/**
* Globale Suche
*/
#searchfrm_container {
	height:					35px;
	padding:				23px 0px 0px 26px;
}

#searchfrm input {
	border:					1px solid #DCD0C7;
	width:					125px;
	float:					left;
}

#searchfrm input.button {
	width:					15px;
	height:					15px;
	background-image:		url(bg_btn_search.gif);
	border:					none;
	margin-top:				2px;
	margin-left:			5px;
}

/**
* Menücontainer
* weitere Einstellungen in menu.css
*/
#menu {
	width:					199px;
}

/**
* Globale Einstellungen
*/
div.cl {
	clear:					left;
}

div.cr {
	clear:					right;
}

div.cb {
	clear:					both;
}

div.spacer {
	background-color:		#ffffff;
	font-size:				1px;
}

div.spacer.h6 {
	height:					6px;
}

div.spacer.h10 {
	height:					10px;
}

div.bar {
	background-color:		#336600;
	font-size:				1px;
}

div.bar.h3 {
	height:					3px;
}

div.provider {
	margin-bottom:			20px;
}

#content_right #content div.provider {
	border-style:			solid;
	border-width:			2px 0px 1px 0px;
	border-color:			#fff;
	margin-bottom:			2px;
}

h1, h2 {
	font-size:				small;
	font-weight:			bold;
	margin-bottom:			20px;
}

#content_right #content div.provider h1 {
	padding:				5px 5px 0px 10px;
	margin-bottom:			0px;
	width:					187px;
	height:					31px;
	background-image:		url(bg_h1_content_right.gif);
}

p {
	margin-bottom:			20px;
}

div.content_right {
	border-style:			none solid solid solid;
	border-width:			1px;
	border-color:			#DCD0C7;
	background-color:		#fff;
	padding:				4px 6px 4px 6px;
}

a.lang_sw {
	display:				block;
	height:					19px;
	padding:				7px 5px 5px 26px;
	background-image:		url(bg_link_lang_sw.gif);
	text-decoration:		none;
}

a.lang_sw:hover {
	font-weight:			bold;
}

a.more {
	display:				block;
	padding-top:			2px;
	text-align:				center;
	width:					82px;
	height:					20px;
	background-image:		url(bg_a_more.gif);
	text-decoration:		none;
	color:					#fff;
}

div.image_right {
	float:					right;
	margin:					0px 0px 10px 10px;
}

div.image_left {
	float:					left;
	margin:					0px 10px 10px 0px;
}

div.image_center {
	text-align:				center;
}

div.image_left img, div.image_right img, div.image_center img {
	display:				block;
	border:					none;
}

div.image_center img {
	display:				inline;
}

div.image_content_right {
	width:					189px;
}

div.image_content_right img {
	border:					none;
	display:				block;
}

div.image_content_right p {
	font-size:				smaller;
	line-height:			1;
	padding:				0px;
	margin-top:				2px;
	margin-bottom:			10px;
}

div.image_right p, div.image_left p {
	font-size:				smaller;
	line-height:			1;
	padding:				0px;
	margin-top:				2px;
	margin-bottom:			10px;
}

input, textarea {
	font-family:			Verdana, Arial;
	font-size:				small;
	color:					#336600;
	border:					1px solid #DCD0C7;
	width:					200px;
}

textarea {
	width:					400px;
	height:					200px;
}

input.button {
	border:					none;
	width:					auto;
	padding:				0px 5px 0px 5px;
}

input.button.search {
	height:					22px;
	border:					1px solid #38670E;
	color:					#ffffff;
	padding-bottom:			5px;
	background-image:		url(bg_btn_search_big.gif);
	background-repeat:		repeat-x;
}

/**
* Beitrag
*/
div.image_right.beitrag, div.image_left.beitrag {
	width:					200px;
}

/**
* News
*/
div.image_right.listnews {
	width:					100px;
}

div.image_right.fullnews {
	width:					200px;
}

/**
* Liste
*/
#liste ul
{
	margin:					0;
	padding:				10px 0 0 15px;
	list-style-type:		disc;		
}

#liste ul li
{
	margin:					0;
	margin-bottom:			10px;
	padding:				0;
}

#liste_right ul
{
	margin:					0;
	margin-top:				1px;
	margin-bottom:			20px;
	border-top:				1px solid #091941;
	padding:				12px 0 0 0;
	list-style-type:		none;	
}

#liste_right ul li
{
	margin:					0;
	margin-bottom:			10px;
	padding:				0 20px 0 20px;
}

/*
** Ticker
*/
#ticker input {
	border:					none;
	color:					#336600;
	width:					542px;
}

/**
* Formular
*/
div.form_fields {
	margin-bottom:			5px;
}

div.form_fields label {
	float:					left;
	width:					150px;
}

/**
* Mitgliederliste
*/
#pc_ranges_container {
	margin-bottom:			20px;
}

#pc_ranges_map_container {
	float:					right;
	width:					370px;
}

#pc_ranges_map {
	border:					1px solid red;
	height:					370px;
	border:					1px solid #DCD0C7;
}

a.pc_range {
	display:				block;
	float:					left;
	border-style:			solid none solid solid;
	border-width:			1px;
	border-color:			#DCD0C7;
	padding:				5px;
	text-decoration:		none;
	line-height:			1;
}

a.pc_range.last {
	border-right:			1px solid #DCD0C7;
}

table.members_table, table.members_table td {
	font-size:				x-small;
}

table.members_table th, table.members_table td {
	width:					150px;
	padding:				5px;
	border-right:			1px solid #DCD0C7;
	border-bottom:			1px solid #DCD0C7;
}

table.members_table th {
	font-weight:			bold;
}

table.members_table th.last, table.members_table td.last {
	border-right:			none;
	width:					82px;
}

table.members_table th.postal_code, table.members_table td.postal_code {
	width:					75px;
}

#members_map {
	border:					1px solid #DCD0C7;
	width:					740px;
	height:					500px;
	margin-bottom:			10px;
}

/**
* Events
*/
table.events {
	margin-bottom:			10px;
}

table.events td {
	border-bottom:			1px solid #DCD0C7;
	height:					32px;
}

#content_container_threecol table.events td.date, #content_container_twocol table.events td.date {
	width:					150px;
}

#content_container_threecol table.events td.title {
	width:					300px;
}

#content_container_twocol table.events td.title {
	width:					500px;
}

#content_container_threecol table.events td.last, #content_container_twocol table.events td.last {
	width:					82px;
}

div.event_place {
	float:					left;
	width:					261px;
	padding-right:			10px;
}

div.event_map {
	float:					left;
	width:					269px;
	height:					269px;
	border:					1px solid #DCD0C7;
}

/**
* Suche
*/

div.search_results div.site_header, div.search_results div.page_header {
	background-color:		#F0F0F0;
	padding:				5px 10px 5px 10px;
}

div.search_results div.site_container {
	border-style:			none solid solid solid;
	border-color:			#F0F0F0;
	border-width:			1px;
	padding:				10px 0px 10px 10px;
}

div.search_results div.page_results_container {
	border-style:			solid none solid solid;
	border-width:			1px;
	border-color:			#F0F0F0;
}

div.search_results div.result {
	padding:				10px;
}

span.found_search_word {
	background-color:		yellow;
}