@charset "utf-8";
/* CSS Document */


/* WEBSEITE REISENETZ.org DEUTSCHER FACHVERBAND VON JUGENDREISEN ------------------------------------------------------------------------------------------------- */

/* SEITENAUFBAU ALLGEMEIN ------------------------------------------------------------------------------------------- */
body, html {
margin: 0;
padding: 0;

height: 97%;
color: #181818;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
}

body {
background: url(../files/hg_webseite.gif) repeat-x top;
}

#beta_overlay {
z-index: 15;
position: absolute;
top: 0;
left: 0;
}

.cleaner {
clear: both;
}

#hg_page {
position: relative;
z-index: 0;
margin: 3% auto 0 auto;
padding: 0;

width: 920px;
height: 572px;
}

#page {
position: absolute;
z-index: 1;
top: 0;
left: 0;

width: 920px;
height: 572px;
}


/* HEADERBEREICH -------------------------------------------------------------------------------------------------- */
#headeroverlay {
z-index: 3;

position: absolute;
top: 8px;
left: 8px;
width: 904px;
height: 157px;
background: url(../files/headeroverlay_mitlogo.png) top left no-repeat;
overflow: hidden;
}

#headerimage {
position: absolute;
z-index: 2;
top: 12px;
left: 11px;
}

/* MAINNAVI ---------------------------------------------------------------------------------------------------------- */
#mainnavi {
position: absolute;
z-index: 5;
top: 161px;
left: 8px;
width: 202px;
height: 402px;
font-size: 11px;
background: url(../files/hg_mainnavi.gif) top left no-repeat;
}

#mainnavi ul {
z-index: 5;
margin: 4px 0 0 3px;
padding: 0;

list-style-type: none;
}

#mainnavi ul li{
margin: 0;
padding: 0;
}

#mainnavi ul li a {
margin: 0;
padding: 14px 0 0 50px;
display: block;
width: 147px;
height: 17px;
text-decoration: none;
color: #6c892f;
}

	#mainnavi ul li.bt_01 a {
	background: url(../files/hg_mainnavi_bt_01.gif) no-repeat top left;
	}
	#mainnavi ul li.bt_01 a:hover,
	#mainnavi ul li.bt_01 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_01_active.gif) no-repeat top left;
	}
	
	#mainnavi ul li.bt_02 a {
	background: url(../files/hg_mainnavi_bt_02.gif) no-repeat;
	}
	#mainnavi ul li.bt_02 a:hover,
	#mainnavi ul li.bt_02 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_02_active.gif) no-repeat;
	}
	
	#mainnavi ul li.bt_03 a {
	background: url(../files/hg_mainnavi_bt_03.gif) no-repeat;
	}
	#mainnavi ul li.bt_03 a:hover,
	#mainnavi ul li.bt_03 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_03_active.gif) no-repeat;
	}
	
	#mainnavi ul li.bt_04 a {
	background: url(../files/hg_mainnavi_bt_04.gif) no-repeat;
	}
	#mainnavi ul li.bt_04 a:hover,
	#mainnavi ul li.bt_04 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_04_active.gif) no-repeat;
	}
	
	#mainnavi ul li.bt_05 a {
	background: url(../files/hg_mainnavi_bt_05.gif) no-repeat;
	}
	#mainnavi ul li.bt_05 a:hover,
	#mainnavi ul li.bt_05 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_05_active.gif) no-repeat;
	}
	
	#mainnavi ul li.bt_06 a {
	background: url(../files/hg_mainnavi_bt_06.gif) no-repeat;
	}
	#mainnavi ul li.bt_06 a:hover,
	#mainnavi ul li.bt_06 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_06_active.gif) no-repeat;
	}
	
	#mainnavi ul li.bt_07 a {
	height: 39px;
	background: url(../files/hg_mainnavi_bt_07.gif) no-repeat;
	}
	#mainnavi ul li.bt_07 a:hover,
	#mainnavi ul li.bt_07 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_07_active.gif) no-repeat;
	}
	
	
	#mainnavi ul li.bt_08 a {
	background: url(../files/hg_mainnavi_bt_08.gif) no-repeat;
	}
	#mainnavi ul li.bt_08 a:hover,
	#mainnavi ul li.bt_08 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_08_active.gif) no-repeat;
	}
	
	#mainnavi ul li.bt_09 a {
	background: url(../files/hg_mainnavi_bt_09.gif) no-repeat;
	}
	#mainnavi ul li.bt_09 a:hover,
	#mainnavi ul li.bt_09 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_09_active.gif) no-repeat;
	}
	
	#mainnavi ul li.bt_10 a {
	background: url(../files/hg_mainnavi_bt_10.gif) no-repeat;
	}
	#mainnavi ul li.bt_10 a:hover,
	#mainnavi ul li.bt_10 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_10_active.gif) no-repeat;
	}
	
	#mainnavi ul li.bt_11 a {
	height: 39px;
	background: url(../files/hg_mainnavi_bt_11.gif) no-repeat;
	}
	#mainnavi ul li.bt_11 a:hover,
	#mainnavi ul li.bt_11 a.active {
	font-weight: bold;
	background: url(../files/hg_mainnavi_bt_11_active.gif) no-repeat;
	}

/* SUBNAVI ---------------------------------------------------------------------------------------------------------- */
#subnavi {
position: absolute;
z-index: 5;
top: 124px;
left: 235px;
padding: 4px 0 0 0;
width: 460px;
height: 16px;
overflow: hidden;
}

#subnavi ul {
z-index: 5;
margin: 4px 0 0 3px;
padding: 0;
display: inline;
list-style-type: none;
}

#subnavi ul li{
margin: 0;
padding: 0 6px 0 6px;
float: left;
border-right: 1px solid #024389;
}

#subnavi ul li.letzter {
margin: 0;
padding: 0 6px 0 6px;
float: left;
border-right: 0px;
}

#subnavi ul li a{
color: #024389;
text-decoration: none;
}

#subnavi ul li a:hover,
#subnavi ul li a.active {
color: #024389;
font-weight: bold;
letter-spacing: -1;
text-decoration: none;
}


/* CONTENTBEREICH ---------------------------------------------------------------------------------------------------------- */
#contentbereich {
position: absolute;
z-index: 4;
top: 165px;
left: 210px;

margin: 0;
padding: 0 0 0 32px;
width: 465px;
height: 364px;

background: #FFFFFF;
border-top: 18px solid #FFFFFF;
border-bottom: 13px solid #FFFFFF;
overflow: auto;
}

h1 {
margin: 0 0 14px 0;
padding: 2px 0 0 0;
width: 420px;
color: #006ab3;
font-size: 15px;
font-weight: bold;
}

h2 {
margin: 20px 0 8px 0;
width: 420px;
color: #006ab3;
font-size: 14px;
font-weight: normal;
}

p {
/*
margin: 0;
padding: 0;
*/
width: 420px;
}

ul.liste_content {
margin: 0;
width: 405px;
padding: 0 0 0 15px;
}


#bt_zurueck {
float: left;
margin: 0;
width: 66px;
height: 20px;
background: url(../files/hg_bt_zurueck.gif) top left no-repeat;
}

#bt_zurueck a {
display: block;
padding: 3px 0 0 22px;
}

	/* CONTENT LINKS ANGEBOTE ---------------------------------------------------------------------------------------------------------- */
	ul.content_links_angebote {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	ul.content_links_angebote li{
	margin: 0;
	padding: 0;
	}
	
	.bt_content_links_angebote {
	width: 420px;
	height: 27px;
	background: url(../files/hg_bt_content_liste.gif);
	}
	.bt_content_links_angebote_letzter{
	width: 420px;
	height: 28px;
	background: url(../files/hg_bt_content_liste_letzter.gif);
	}
	
	ul.content_links_angebote li a {
	margin: 0;
	padding: 9px 0 0 20px;
	display: block;
	width: 400px;
	height: 18px;

	color: #181818;
	text-decoration: none;
	
	}
	ul.content_links_angebote li a:hover {
	color: #004a99;
	text-decoration: none;
	background: url(../files/hg_bt_content_liste_active.gif);
	}
	ul.content_links_angebote_letzter li a:hover {
	color: #004a99;
	text-decoration: none;
	background: url(../files/hg_bt_content_liste_letzter_active.gif);
	}
	
	
	/* CONTENT TABELLE ANGEBOTE / MITGLIEDER ------------------------------------------------------------------------------------------------ */
	
	table {
	margin: 0 0 20px 0;
	padding: 0;
	width: 420px;
	border: 0;
	}
	
	table tr {
	margin: 0;
	padding: 0;
	background: url(../files/linie.gif) bottom left no-repeat;
	}
	
	table tr td {
	margin: 0;
	padding: 7px 0 4px 10px;
	vertical-align: middle;
	}
	
	td.table_head {
	font-weight: bold;
	background: #d6e3f1 url(../files/linie.gif) bottom left no-repeat;
	}
	td.spalte_01 {
	width: 290px;
	}
	
	.table_link_hover {
	cursor: pointer;
	background: #eaf1f8 url(../files/linie.gif) bottom left no-repeat;
	}
	
	
	#headline_angebote_dienstleister{
	width: 410px;
	height: 19px;
	padding: 9px 0 0 10px;
	margin: 0 0 10px 0;
	font-weight: bold;
	background: url(../files/hg_headline_angebote_dienstleister.gif) bottom left no-repeat;
	}
	
	/* CONTENT TABELLE ANGEBOTE / DIENSTLEISTER ------------------------------------------------------------------------------------------------ */
	p.beschreibung_dienstleister {
	width: 410px;
	padding: 0 0 10px 10px;
	background: url(../files/linie.gif) bottom left no-repeat;
	}
	p.adresse_dienstleister {
	width: 410px;
	padding: 10px 0 20px 10px;
	}
	
	a {
	text-decoration: none;
	color: #024389;
	}
	a:hover {
	text-decoration: underline;
	}
	
	
	/* MITGLIEDER ------------------------------------------------------------------------------------------------ */	
	
	.plz, .kategorie, .suchfeld, .btsuche {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #ffffff;
	}
	
	.plz {
		width: 50px;
		height: 19px;
		float: left;
		margin: 0 7px 0 0;
		padding: 0;
	}
	
	.kategorie {
		width: 343px;
		height: 19px;
		float: left;
		padding: 0;
	}
	
	.suchfeld {
		width: 330px;
		height: 17px;
		float: left;
		margin: 7px 7px 3px 0;
		padding: 0;
	}
	
	.btsuche {
		width: 58px;
		height: 19px;
		margin: 7px 0 3px 0;
		padding: 0;
	}
	
	td.alphabet {
	padding: 0 0 3px 0;
	color: #7e7e7e;
	}
	
	.ohnelink {
	float: left;
	display: block;
	padding: 0 0 0 3px;
	width: 12px;
	height: 15px;
	font-size: 10px;
	} 
	a.alphabet {
	float: left;
	display: block;
	padding: 0 0 0 3px;
	width: 12px;
	height: 15px;
	font-size: 10px;
	color: #181818;
	}
	a.alphabet:hover {
	color: #FFFFFF;
	background: url(../files/hg_bt_alphabet_active.gif) no-repeat;
	}
	
	td.platzhalter {
	padding: 0;
	}
	

/* NEWSBEREICH ---------------------------------------------------------------------------------------------------------- */
#bildabschluss_rechts {
position: absolute;
z-index: 4;
top: 165px;
left: 707px;
width: 205px;
height: 55px;
}

#newsbereich {
position: absolute;
z-index: 4;
top: 221px;
left: 707px;
width: 205px;
height: 344px;
background: url(../files/hg_newsbereich.gif) top left no-repeat;
}

#header_news {
margin: 5px 0 3px 3px;
padding: 11px 13px 9px 13px;
height: 13px;
width: 172px;
}

h3 {
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 11px;
}

#container_news{
margin: 0 0 3px 3px;
padding: 0;
height: 98px;
width: 199px;
font-size: 11px;
}

#head_news {
margin: 0 0 6px 0;
padding: 8px 13px 0 13px;
width: 172px;
height: 14px;
overflow: hidden;
}

	#datum_news {
	margin: 0 3px 0 0;
	padding: 0;
	display: inline;
	color: #606060;
	}
	
	#headline_news {
	margin: 0;
	padding: 0;
	display: inline;
	color: #006ab3;
	}

	#head_news_big {
	margin: 0 0 5px 0;
	}

	#datum_news_big {
	margin: 0 3px 0 0;
	padding: 0;
	display: inline;
	color: #606060;
	font-size: 12px;
	}
	
	#headline_news_big {
	margin: 0;
	padding: 0;
	display: inline;
	color: #006ab3;
	font-size: 12px;
	}

#content_news {
margin: 0;
padding: 8px 13px 0 13px;
width: 172px;
height: 42px;
overflow: hidden;
color: #7a7a7a;
}

a.mehr_news {
padding: 0 13px 0 13px;
color: #7a7a7a;
text-decoration: none;
font-weight: bold;
cursor: pointer;
float: right;
}

a.mehr_news:hover {
color: #006ab3;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

img.quality_icon {
	margin-left: 20px;
	position: relative;
	top: 2px;
}