/*
	###
	### Styles fuer allgemeine Seitenelemente.
	###
	###
	### ALLE DEFINIERTEN KLASSEN ETC MÜSSEN DEN PREFIX "ttf_" besitzen
	###


	border-style: solid;
	border-width: 1px;

*/


/*	#
	#ALLGEMEINE STYLES
	#
*/

table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	empty-cells: show;
}



.clear 
{
	clear: both;
}

form
{
	margin: 0;
	padding: 0;
	border: 0;
}



/*	#
	# STYLES DER HAUPT-DIVS
	#
*/

BODY
{
	margin: 0;
	padding: 0;
}


DIV.ttf_main_div
{
	margin: 0;
	padding: 0;
	overflow:hidden;
	border: 1px solid #CCCCCC;
}


DIV.ttf_map_div
{
	z-index: 1000;
	position: relative;
	overflow:hidden;
	border: 1px solid #FFFFFF;
	line-height: 0;
}

DIV.ttf_map_div TD
{
	line-height: 0;
}

DIV.ttf_scroll_up_div
{
	z-index: 1100;
	position: absolute;
	visibility:hidden;
}


DIV.ttf_scroll_down_div
{
	z-index: 1100;
	position: absolute;
	visibility:hidden;
}


DIV.ttf_scroll_left_div
{
	z-index: 1100;
	position: absolute;
	visibility:hidden;
}


DIV.ttf_scroll_right_div
{
	z-index: 1100;
	position: absolute;
	visibility:hidden;
}


DIV.ttf_toolbar_div
{
	z-index: 1100;
	position: absolute;
	background-color: #FFFFFF;
}


DIV.ttf_fullscreen_div
{
	z-index: 1100;
	position: absolute;
}


DIV.ttf_dataframe_div
{
	z-index: 1050;
	position: absolute;
	visibility: hidden;
	overflow:auto;
}


DIV.ttf_detail_div
{
	z-index: 1500;
	position: absolute;
	visibility: hidden;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	left: 0px;
	top: 0px;
}


DIV.ttf_navigator_div
{
	z-index: 1100;
	position: absolute;
	visibility: hidden;
	background-color: #FFFFFF;
}


DIV.ttf_loading_div
{
	display: none;
	z-index: 5000;
	position: relative;
	overflow:hidden;
	background-color: #666666;
	filter:Alpha(opacity=50);
	opacity:.5;
}

.ttf_loading_div img {
	margin: 250px 0px 0px 220px;
}











/*
####NEW###
*/
#ttf_toolbar_inner_div
{
	text-align: right;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

#ttf_toolbar_inner_div_php {
	width: 460px;
	height: 60px;
	margin-left: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	border-top: 1px solid #CCCCCC;
	text-align: right;
}

.ttf_toolbar_inner_div_php_bg {
	width: 456px;
	height: 58px;
	margin: 0px;
	padding-top: 1px;
	padding-left: 4px;
	background-color: #C6DDDD;
	text-align: left;

}


#ttf_toolbar_maps
{
	padding-top: 7px;
	padding-bottom: 2px;
	margin-left: 5px;
	padding-right: 2px;
	text-align: left;
	float: left;
}


#ttf_toolbar_maps_fs
{
	width: 206px;
	padding-top: 7px;
	padding-bottom: 2px;
	margin: 0px;
	background-color: #C6DDDD;
	border: 1px solid #FFFFFF;
	text-align: left;
}

.kartenansicht {
	width: 95px;
	font-size: 10px;
	margin-left: 2px;
}


#ttf_toolbar_maps_hd
{
	float: left;
	padding-right: 5px;
	padding-top: 5px;
}


#ttf_toolbar_maps_select
{
	text-align: left;
}

#ttf_toolbar_tools_hd
{
	width: 24px;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	float: left;
}

#ttf_toolbar_tools_hd_karte
{
	width: 24px;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	float: left;
}

#ttf_toolbar_tools
{
	height: 26px;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	float: left;
	
}

#ttf_toolbar_tools_fs
{
	width: 206px;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	background-color: #C6DDDD;
	border: 1px solid #FFFFFF;
	float: left;
	
}

#ttf_toolbar_tourtorial_logo .logotourtorial {
	text-align: right;
	padding-top: 2px;
}

#ttf_toolbar_zoomlevel
{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	text-align: left;
	height: 16px;
	float: left;
}

#ttf_toolbar_zoomlevel_fs
{
	width: 206px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	text-align: left;
	background-color: #C6DDDD;
	border: 1px solid #FFFFFF;
	float: left;
}



#ttf_toolbar_tools img
{
	margin-right: 2px;
}


#ttf_toolbar_tools img.hd
{
	margin-bottom: 5px;
}

#ttf_toolbar_zoomlevel .ttf_zoom_buttons, #ttf_toolbar_zoomlevel_fs .ttf_zoom_buttons
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	float: left;
}

#ttf_minus_zoom_button, #ttf_plus_zoom_button, #ttf_zoom_hd
{
	float: left;
}


#ttf_zoom_hd 
{
	margin-bottom: 4px;
}

#ttf_minus_zoom_button
{
	margin-right: 2px;
}

#ttf_plus_zoom_button
{
	margin-left: 2px;
	margin-right: 8px;
}

.ttf_toolbar_maps_trenner
{
	color: #999999;
	float: left;
}

.ttf_toolbar_maps_item_passive
{
	color: #999999;
	float: left;
}

.ttf_toolbar_maps_item_active
{
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
	float: left;
}

.ttf_toolbar_maps_item_selected
{
	color: #336666;
	text-decoration: underline;
	float: left;
}






/*
	STYLES FÜR DATAFRAME_DIV
*/

#ttf_dataframe_explorer
{
	width: 200px;
	height: 200px;
}

#ttf_dataframe_projekte
{
	width: 225px;
}

#dataframe_logo_header
{
	background-color: #FFFFFF;
	height: 36px;
	margin-bottom: 3px;
	border: 1px solid #cccccc;
}

#dataframe_projekt_header
{
	background-color: #FFFFFF;
	height: 20px;
	padding: 5px;
	margin-bottom: 3px;
	border: 1px solid #cccccc;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 14px;
}

#dataframe_logo_header img
{
	padding: 3px;
	margin-left: 120px;
}

#dataframe_item_pic
{
	float: left;
	background-color: #e0e0e0;
	margin-right: 5px;
	width: 50px;
	height: 50px;
}

#dataframe_result_item
{
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
}

#dataframe_projekt_item
{
	height: 60px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	margin-bottom: 3px;
	padding: 4px;
}

#dataframe_item_title
{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 14px;
}

#dataframe_item_description
{
	padding: 5px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 14px;
}

#dataframe_item_tools
{
		padding: 5px;
}

#in_karte_zeigen
{
		float: left;
		text-align: left;
}

#mehr
{
		text-align: right;
}


#projektanzahl
{
		padding-bottom: 5px;
}



/*	#
	# STYLES FÜR DAS DETAIL-POPUP
	#
*/


#ttf_detail_popup
{
	border: 0px;
}

.ttf_detail_popup_title
{
	background-color: #E5EFEF;
	padding: 5px;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 12px;
	border-bottom: 1px solid #006666;
}

.ttf_detail_popup_title_only
{
	background-color: #E5EFEF;
	padding: 5px;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 12px;
}

.ttf_detail_popup_gruppe
{
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 12px;
}

.ttf_detail_popup_punkte
{
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 12px;
	border-top: 1px solid #006666;
}

.ttf_detail_popup_punkte p
{
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 12px;
}

.ttf_detail_popup_punkte a
{
	color: #000000;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 12px;
	text-decoration: none;
}

.detailbild
{
	margin-bottom: 5px;
}

.quicklink
{
	color: #C0000F;
	padding-left: 5px;
	margin-bottom: 5px;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 12px;
}

.kategorien
{
	color: #000000;
	padding-left: 5px;
	margin-bottom: 5px;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	line-height: 12px;
}

.ttf_detail_popup_link
{
	background-color: #D1E4E4;
	padding: 5px;
	text-align: right;
	border-top: 1px solid #006666;
}


#projektgruppe
{
	font-weight: bold;
}