/***********************************************/
/* TRASHBAY HEADER STYLESHEETS 22.12.07  */
/***********************************************/

/********** HEAD TABS NAVIGATION **********/

#tabs {
	background:url(/images/head/tabs-bg.png) bottom repeat-x;
	height:39px;
	margin:6px 50px 0 50px;
	padding-left:140px;
}

#tabs a {
	display:block;
	float:left;
	height:19px;
	background:url(/images/head/tab.png) 0px -37px no-repeat;
	width:110px;
	color:#797979;
	font-size:1.2em;
	text-decoration:none;
	text-align:center;
	padding:15px 0 0 0;
	font-weight:bold;
  border:none;
  margin-top:5px;
}

#tabs a:visited {}

#tabs a:hover, #tabs a:active {
	background-position:0px 2px;
	font-size:1.4em;
	padding:12px 0 0 0;
	height:22px;
  margin-top:5px;
}

#tabs a.active, #tabs a.active:hover {
	display:block;
	float:left;                                                                                     
	height:22px;
	background:url(/images/head/tab.png) 0px 2px no-repeat;
	width:110px;
	font-size:1.4em;
	text-decoration:none;
	text-align:center;
	padding:12px 0 0 0;
	font-weight:bold;
  border:none;
	color:#9D00AB;
  margin-top:5px;
 }
 
#tabs img.left {float:left;left:-155px; position:relative;}
#tabs img.right {float:right;right:-15px; position:relative;}

/* Anbieten ist tab-7 und muss breiter sein */
#tabs a#tab-7.active {width:180px; background-image:url(/images/head/tab-wide.png) 0px 0px; color:#FF9000;}
#tabs a#tab-7 {width:180px; background-image:url(/images/head/tab-wide.png); 0px -37px; color:#FF9000;}
#tabs a.anbieten {color:#FF9000;}



/********** SEITENKOPF **********/
img#logo {
  position:absolute;
  top:52px;
  left:45px;
  border:none;
}

#head {
	background:#A800B7 url(/images/head/head-bg.png) repeat-x;
	height:45px;
	margin:0 50px 0 50px;
}

#head h2 {
  float:left;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 77px;
	padding:15px 0 0 10px;
	font-size:1.5em;
  float:left;
}

#head div {
	float:right;
}

#head input[type=text] {
	border:1px solid #870093;
	background:#fff url(/images/general/input-bg.gif) repeat-x;
	font-size:1.5em;
	padding:3px 23px 3px 5px;
	color:#9D00AB;
	position:relative;
	top:2px;
	margin:0 0 0 20px;
	* top:0px;
}

#head input[type=image] {
	position:relative;
	top:10px;
	* left:-15px;
	cursor:pointer;
}

#head a.clearinput {background:url(/images/icons/head-clearinput.gif) no-repeat; position:absolute; top:60px; z-index:111; right:281px;}
#head a.clearinput:hover {background-position:0 -17px;}

#head form {display:inline;}

#head img.left {float:left;left:-15px; position:relative;}
#head img.right {float:right; right:-15px; position:relative;}

/********** HEAD SUB **********/
#sub {
	height:35px;
	background:url(/images/head/sub-bg.png) repeat-x;
	margin:0 65px 0 65px;
}

#sub div.leftcorner {float:left;left:-31px; position:relative; height:34px; width:32px; background:url(/images/head/sub-corner-left.png) no-repeat;}
#sub div.rightcorner {float:right; right:-32px; position:relative; height:34px; width:32px; background:url(/images/head/sub-corner-right.png) no-repeat;}

/* Wenn Content geöffnet ist */
#sub.contentopen div.leftcorner {float:left;left:-31px; position:relative; height:34px; width:32px; background:url(/images/head/sub-corner-open-left.png) no-repeat;}
#sub.contentopen div.rightcorner {float:right; right:-32px; position:relative; height:34px; width:32px; background:url(/images/head/sub-corner-open-right.png) no-repeat;}

/* Wenn nur die OnMapList geöffnet ist */
#sub.listopen div.rightcorner {float:right; right:-32px; position:relative; height:34px; width:32px; background:url(/images/head/sub-corner-open-right.png) no-repeat;}


/* Icons Allgemein */
#sub a.icon {display:block; width:21px; height:22px; float:left; padding:0 0 0 6px; margin:1px 0 0 0; border:none; position:relative; right:-8px;}
#sub a.icon:visited {}
#sub a.icon:hover, #sub a.icon:active, #sub a.viewlist.isOpen {background-position:0 -22px; border:none;}

/* Icons Speziell */
#sub a.linkhere {background:url(/images/icons/sub-linkhere.gif) no-repeat; float:right;}
#sub a.close {background:url(/images/icons/sub-close.gif) no-repeat; float:right;}
#sub a.gohome {background:url(/images/icons/sub-gohome.gif) no-repeat; float:right;}
#sub a.viewlist {background:url(/images/icons/sub-viewlist.gif) no-repeat; float:right;}
#sub a.close.invisible {display:none;}


#sub div.right {
	float:right;
	border-left:1px solid #D6D6D6;
	margin:0 -35px 0 0;
	padding:4px 0 0 7px;
	height:25px;
	width:266px;
	font-size:1.4em;
	color:#959595;
	line-height:1.6em;
}

#sub div.left {
	padding:4px 0 0 0;
	height:29px;
}

#sub select#category {
 font-size:.8em; 
 color:#777;
 border:1px solid #777;
 padding:1px 0 0 1px;
 margin:2px 0 0 0;
}

#sub option {
  border-bottom:1px solid #ddd;
}

/* ContentÜberschrift */
#sub h1#contentTitle {
  color:#9D00AB;
  font-weight:bold;
  font-size:1.6em;
  position:relative;
  left:-25px;
  top:2px;
  padding:0;
  margin:0;
  width:570px;
  overflow:hidden;
}