@charset "ISO-8859-1";

*{
	margin:0;
	padding:0;
}

BODY {
	background-color: #f4f4f4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4B4B42;
	font-size: 10px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 16px; MARGIN: 0px; PADDING-TOP: 16px; TEXT-ALIGN: center;
}

h1 {
	display:block;
	font: 1.0em/1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	text-align: left;
	text-indent: 10px;
	color:#545C65;
	margin:0px 0px 0px 0px;	
	padding:5px 2px 4px 2px;
	/*background: url('table/bg_caption.jpg') right top;*/
	background: url('table/th_bg.gif') repeat-x right; /* no-repeat right; */
	height: 21px;
}
h2 {
	font-size: 14px;
	text-align:left;
	font-weight:600;
	margin:0 0 10px 0;
}
h3{
	font-size: 20px;
	margin:15px 0 10px 25px;
}
h4 {
	font-size: 14px;
	text-align:left;
	font-weight:600;
	margin:0 0 10px 0;
}

#divscroll { height:152px; width:100%; overflow:auto; right:0; left:0; top:0; margin:0;} /* Objektdetails, Scrolldiv fuer Bilder */

/*---------------------------------
	TABLE & TD
---------------------------------*/

table {
	width:100%;
	border-collapse:collapse;
	border:0px solid #FFCA5E;
}

caption {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background: url('table/bg_caption.jpg') right top;
	height: 45px;
	color: #FFAA00;
}

thead th{
	background: url('table/th_bg.gif') repeat-x right; /* no-repeat right; */
	height: 21px;
	color: #545C65;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 0px solid #FCF1D4;
}

tbody tr {			background: url('table/bg_td1.jpg') repeat-x top; }
tbody tr.odd {		height:29px; background: #FFF8E8 url('table/menu_bg.gif') repeat-x; } /* Height Angabe neu Jan 08, evtl. wieder entfernen? */
tbody tr.searchpage{ background: #FFF8E8 url('table/th_bg.gif') repeat-x; height:21px;}
tbody tr.riffle{	background: #FFF8E8; }
tbody tr.lightgrey{	background: #EEEEEE; }

tbody th,td {
	font-size: 1.em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 5px 7px; /* tr.odd ist von der padding angabe ebenfalls betroffen, wenn groessere grafiken benutzt werden, hier evtl. anpassen */
	border-top: 0px solid #DDDDDD; /* border-top: 1px solid #FFCA5E; */
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	text-align: left;
	vertical-align:top;
}
tfoot th {
	background: url('table/bg_total.jpg') repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}
tfoot td {
	/* background: url('table/bg_total.jpg') repeat-x bottom;
	color: #FFFFFF;
	height: 30px; */
	border-bottom: 1px solid #DDDDDD;
}

/*---------------------------------
	HYPERLINKS
---------------------------------*/
/*
a, a:link, a:visited {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #F8A704;
	text-decoration: underline;
}
*/


img{
	border:0px;
}

.input{
	border-top:2px solid #000;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:2px solid #000;
}

.button1{
	cursor:pointer; 
	/*float:right;*/
	background: #ffffff url('btn_medium.gif');
	background-repeat:no-repeat;
	width:90px;
	height:19px;
	padding:0;
	border:0px;
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.button2{
	cursor:pointer; 
	/*float:right;*/
	background: #ffffff url('btn_big_yello.gif');
	background-repeat:no-repeat;
	width:150px;
	height:19px;
	padding:0;
	border:0px;
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.button3{
	cursor:pointer; 
	/*float:right;*/
	background: #ffffff url('btn_big_yello.gif');
	background-repeat:no-repeat;
	width:150px;
	height:19px;
	padding:0;
	border:0px;
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

select{
	padding:0px;
	font-size:11px;
}

/*---------------------------------
	PRE von NEWS benutzt
---------------------------------*/

pre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
}

hr{
	/*width: 98%;*/
	height: 1px;
	overflow: hidden;
	border-bottom:1px dotted #556666;}

#raquo {
	color: #EF5A32;
	font-size: 11px;
	font-weight: bold;
	padding: 1 0em;
}
#raquo_bl {
	color: #111111;
	font-size: 11px;
	font-weight: bold;
	padding: 1 0em;
}
/* HTML Tags Ende */


/*---------------------------------
	SEITENDEFINITIONEN
---------------------------------*/
#container { MARGIN: 0px auto; HEIGHT:100%; WIDTH: 1045px; POSITION: relative; TEXT-ALIGN: left;}

/*---------------------------------
	NAVIGATIONSMENU
---------------------------------*/
#nav {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 22px;}
#nav LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 95px; PADDING-TOP: 0px; HEIGHT: 22px; 
background: #FFF8E8 url('table/th_rb.gif') repeat-x;}
#navbar {PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; background-color: #FFF; HEIGHT: 22px; background: #FFF8E8 url('table/headnaviBg.png') repeat-x;}

.mmenu {
	background: #FFF8E8 url('table/headnaviBg.png') repeat-x;
	DISPLAY: block; background-color: #FFF;
	FONT: bold 12px/18px Verdana; WIDTH: 94px; COLOR: #000; HEIGHT: 22px; 
	TEXT-ALIGN: center; TEXT-DECORATION: none;
}
A.mmenu:link {COLOR: #000; TEXT-DECORATION: none;}
A.mmenu:visited {COLOR: #000; TEXT-DECORATION: none;}
A.mmenu:hover {COLOR: #EF5A32; TEXT-DECORATION: underline;background: #FFF8E8 url('table/th_bg.gif') repeat-x;}
A.mmenu#ma {COLOR: #777; TEXT-DECORATION: none;}
A.mmenu#ma:hover {COLOR: #EF5A32; TEXT-DECORATION: underline;}

/*---------------------------------
	ERRORS / TEXT FORMATIERUNG
---------------------------------*/

#error_color_text{color: #EF5A32;}

/*---------------------------------
	LANGUAGE SWITCH - HAUPTSEITE
---------------------------------*/

#language_switch {
	position:absolute;
	left:933px; width:200px; top:0px;
}
#language_switch_button{
	font-size:10px;
	height:20px;
}
#language_switch_select{
	background-color:#EEE;
	font-size:10px;
	height:18px;
}

/*---------------------------------
	FORMATIERTE MESSAGEBOXES
---------------------------------*/

.my_account_msg {
	position:absolute;
	margin:0px;
	left:250px; top:300px; width:520px; height:212px;
	background: url('window.png');
	background-repeat:no-repeat;
	background-color:#FCFDFD;
	z-index:8;
	border:0px solid #bbb;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#my_account_msg_headline{
	padding-left:6px;
	padding-top:3px;
	font-weight:bold;
}

/* Fuer Nachricht an den Nutzer bei PM Versand u.a.*/

.objdetails_msg {
	position:absolute;
	margin:0px;padding-top:6px;
	left:170px; top:260px; width:320px; height:33px;
	background: url('msg_box.png');
	background-repeat:no-repeat;
	background-color:#FCFDFD;
	z-index:8;
	border:0px solid #bbb;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#objdetails_body {
	margin-top:9px;padding-top:4px;height:60px;
	background: url('txtarea_bg.gif');
	background-repeat:no-repeat;
	background-color:#FCFDFD;
	border:1px solid lightgrey;
	z-index:8;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*---------------------------------
	BUTTONS | INPUT
---------------------------------*/

/* SELECTBOX (misnamed eingabefeld)*/

.eingabefeld{
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	border: #898989 1px solid; 
	background-color: #F9FBF9;
	font-Size : 10px
}

/* USER PM BUTTONS (is_my_account.php) */

.button_read_pm{
	cursor:pointer;
	background: url('ico_ok.gif');
	background-repeat:no-repeat;
	width:16px;
	height:13px;
	padding:0;
	border:0px;
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.button_del_pm{
	cursor:pointer; 
	background: url('ico_delete.gif');
	background-repeat:no-repeat;
	width:16px;
	height:13px;
	padding:0;
	border:0px;
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* --- */

#input_kurz{
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:2px solid #bbb;
	padding-top:1px;
	padding-left:2px;
	height:18px;
	width:50px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FCFDFD;
	background: #ffffff url('input_bg.gif');
	background-repeat:no-repeat;
}
#input_medium{
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:2px solid #bbb;
	padding-top:1px;
	padding-left:3px;
	height:18px;
	width:100px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FCFDFD;
	background: #ffffff url('input_bg.gif');
	background-repeat:no-repeat;
}
#input_lang{
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:2px solid #bbb;
	padding-top:1px;
	padding-left:2px;
	height:18px;
	width:200px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FCFDFD;
	background: #ffffff url('input_bg.gif');
	background-repeat:no-repeat;
}
#textarea{
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:2px solid #bbb;
	padding-top:1px;
	padding-left:2px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FCFDFD;
	background: #ffffff url('txtarea_bg.gif');
	background-repeat:no-repeat;
}

/*---------------------------------
	BODY CONTAINER
---------------------------------*/

/* die box ist generell der zu setzende background, welcher sich -hinter- dem content befindet und zeigt */
#box {
	width:1045px;
	margin: 0px auto;
	padding:0px;
	background-color:#F2F2F2; /* #E7E9EC; */
}
#header {
	BACKGROUND-COLOR: #CCD0D2;
	PADDING: 0px;
	MARGIN: 0px;
	width:1045px;
}
#headerCap {BACKGROUND: url('header.jpg'); POSITION: relative; HEIGHT: 91px;}

	#headerLOGO {
		BACKGROUND: url('');
		background-repeat:no-repeat;
		HEIGHT: 46px;
		z-index:8;
	}
	#headerLOGO_rechts{
		float:right;
		width:500px;
		text-align:right;
		font-size:10px;
		padding-right:4px;
	}

/*---------------------------------
	SEITENTRENNER
---------------------------------*/

.clear{
	clear:both;
	font-size:4px;
}

.teiler{
	clear:both;
	width:700px;
	height:3px;
	margin:0px 0px 0px 0px;
	font-size: 5px;
}

/*---------------------------------
	SCHAUFENSTER HAUPTSEITE
---------------------------------*/
#schaufenster{
	/*float:left;*/
	/*background-color:#FFF;*/
	display:block;
	font-size:8pt;
	/*width:698px;*/ /* Einschraenken, wenn nicht volle breite genutzt werden soll */
	width:698px;
	margin:0px 0px 5px 0px;
	padding:5px 5px 5px 5px;
}
	#schaufenster a, a:active,a:visited{
		font-size:8pt;
		text-decoration:none;
		color:#EF5A32;
	}
		#schaufenster a:hover{
			text-decoration:none;
			color:#4B4B42;
		}
		/*---------------------------------
				SCHAUFENSTER ITEMS
		---------------------------------*/
		.item_left {
			float: left;
			width: 660px;
			height: 95px;
			margin: 2px 0px 0px 2px;
			/*text-align: center;*/
			overflow: hidden;
			border-right:0px dotted #EF5A32;
			border-bottom:0px dotted #EF5A32;
		}
		.item_right {
			float: left;
			width: 330px;
			height: 95px;
			margin: 2px 0px 0px 8px;
			/*text-align: center;*/
			overflow: hidden;
			border-bottom:0px dotted #EF5A32;
		}
		.item_right img {border:1px dotted #EF5A32;}

/*---------------------------------
	MENU LINKS
---------------------------------*/

#menu{
	float:left;
	background-color:#FFF;
	display:block;
	font-size:8pt;
	width:169px;
	height:621px;
}

#menu a{
	display:block;
	color:#000;
	text-decoration:none;
	margin:0px 0px 0px 0px;	
	padding:1px 1px 1px 1px;
	font-size:8pt;
}
#menu a:hover{
	color: #EF5A32;
	text-decoration:underline;
	border-left:1px solid #FFCA5E;
}

A.menu#ma {COLOR: #777; TEXT-DECORATION: none;}
A.menu#ma:hover {COLOR: #EF5A32; TEXT-DECORATION: underline;}

#menu h1{
	display:block;
	font: 1.0em/1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	text-align: left;
	text-indent: 10px;
	color:#545C65;
	margin:0px 0px 0px 0px;	
	padding:5px 2px 2px 2px;
	background: url('table/th_bg.gif') right top repeat-x;
	height: 21px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

#menu table {
	width:100%;
	border-collapse:collapse;
	border:0px solid #FFCA5E;
}

#menu tbody tr.white{ background: #FFF; }

#menu tbody #menu th, #menu td {
	font-size: 1.em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 2px 10px;
	text-align: left;
	vertical-align:top;
}

/*---------------------------------
	WERBUNG (Skyscraper rechts)
---------------------------------*/

#werbung_skyscraper{
	float:left;
	background-color:#FFF;
	display:block;
	font-size:8pt;
	width:170px;
	height:621px;
}

#werbung_skyscraper h1{
	display:block;
	font: 1.0em/1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	text-align: left;
	text-indent: 10px;
	color:#545C65;
	margin:0px 0px 0px 0px;	
	padding:5px 2px 2px 2px;
	background: url('table/th_bg.gif') right top repeat-x;
	height: 21px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

#werbung_skyscraper table {
	width:100%;
	border-collapse:collapse;
	border:0px solid #FFCA5E;
}

#werbung_skyscraper tbody tr.white{ background: #FFF; }

#werbung_skyscraper tbody #werbung_skyscraper th, #werbung_skyscraper td {
	font-size: 1.em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 2px 10px;
	text-align: left;
	vertical-align:top;
}

/*---------------------------------
	CONTAINER LINKS/MITTE/RECHTS 1040px von 1045px total
---------------------------------*/

#links {
	float:left;
	width:170px;
}

#midpage {
	width:700px; /* 705 fuer volle breite, dann auch #content aendern und width dort ausblenden */
	float:left;
	margin-left:3px; /* margin-left:2px; */
	margin-right:0px; /* margin-left:2px; NEU, rausnehmen falls falsch */
}

#midpage1 {
	width:99%; /* 705 fuer volle breite, dann auch #content aendern und width dort ausblenden */
	float:left;
	margin-left:1px; /* margin-left:2px; */
	margin-right:0px; /* margin-left:2px; NEU, rausnehmen falls falsch */
}

#midpage2 {
	width:99%; /* 705 fuer volle breite, dann auch #content aendern und width dort ausblenden */
	float:left;
	margin-left:2px; /* margin-left:2px; */
	margin-right:2px; /* margin-left:2px; NEU, rausnehmen falls falsch */
}

#content2{
	background-color:#FFF;
	display:block;
	font-size:8pt;
	border: #D9DEE3 1px solid; 
}

#content3{
	padding: 2px;
}


#content1{
	background-color:#FFF;
	display:block;
	font-size:8pt;
	border: #D9DEE3 1px solid; 
}

#rechts {
	float:right;
	width:170px;
}

/*---------------------------------
	DIV INHALT/CONTENT
---------------------------------*/

#content{
	/*float:left;*/
	background-color:#FFF;
	display:block;
	font-size:8pt;
	/*width:698px;*/ /* Einschraenken, wenn nicht volle breite genutzt werden soll */
	width:698px;
}
	#content a, a:link, a:visited, a:active{
		color:#EF5A32;
		text-decoration:underline;
		font-size:11px;
	}
	#content a:hover{
		text-decoration:underline;
		color:#000;
	}
	#content table{
		text-align:left;			
		font-size:11px;
	}

	#content h1{
		display:block;
		font: 1.0em/1.2em Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
		text-align: left;
		text-indent: 10px;
		color:#545C65;
		margin:0px 0px 0px 0px;	
		padding:5px 2px 2px 2px;
		background: url('table/th_bg.gif') right top repeat-x;
		height: 21px;
	}

/*---------------------------------
	FOOTER
---------------------------------*/

#footer{
	margin-top:20px;
	padding:3px 15px 16px 3px;
	background-color: #D9DEE3;
	border-top:1px solid #b5b5a4;
	border-bottom:1px solid #b5b5a4;
}
	#footer a{
	  color: #000000;
	  text-decoration: none;
	}
		#footer a:hover{
		  color: #EF5A32;
		  text-decoration: underline;
		}

#footer_links {
	float:left;
	width:340px;
	text-align:left;
	font-size:10px;
}
	#footer_links a{
		color:#4b4b42;
		font-size:10px;
	}

#footer_rechts{
	float:right;
	width:640px;
	text-align:right;
	font-size:10px;
}
	#footer_rechts a{
		color:#4b4b42;
		font-size:10px;
	}

#copyright{
	color:#b5b5a4;
	text-align:center;
	width:auto;
	font-size:9px;
	padding:5px 0 10px 0;
}
	#copyright a{
		color:#b5b5a4;
		font-size:9px;
	}
	
a.box
{
background-color: #ff9933;
color: #173C93;
padding: 3px;
text-decoration: none
}
a.box:hover
{
cursor: help;
background-color: #fff;
color: #ff9933
}
a.box span
{
position: absolute;
visibility: hidden;
margin-left: 2px;
margin-top: -10px;
padding: 8px;
text-decoration: none
}
a.box:hover span
{
visibility: visible;
border: 3px dotted #000;
color: #000;
background-color: #9FB0D3
}

.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
}

.tooltip2 {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 2px;
}
.tooltip2 .head{
	background-color: #006666;
	color: white;
	font-weight: bold;
	padding: 2px;
}
.tooltip2 .content{
	color: 000066;
	font-size: 10px;
	border-size: 4px;
}
.tooltip2 .content td{
	width: 80%;
	font-size: 10px;
	text-align: center;
}
.tooltip3 {
	position: absolute;
	display: none;
}
.tooltip3 img {
	-moz-opacity: 0.4;
	filter: alpha(Opacity=40);
}
strong {
	font-weight: bold;
}