@import "style/konto.css";
@import "style/suchfelder.css";
@import "style/result.css";
@import "style/detail.css";
@import "style/register.css";

div { border:0px;}
img { border: 0px;}

body{
    background-color:#f5f5f5;
    font-family:Verdana;
}

.umsuch {
	position:absolute; top:100px; left:0px; width:99%;z-index:1; height:250px;
	}
	
#menu_mitte {
	position:relative; 
	left:0px; 
	width:100%;
	height:1.7em;
	z-index:1;
	background-color:#003366;
	clear:left;
	top: 15px;
}

#menu_mitte *{
	position:relative; 
	top:0.1em;
}


.maindiv {
	position:absolute;
	top:0px;
	left:0px; 
	width:99%;
	z-index:1;
	border:0px;
	}
	
.maindivkonto {
	position:absolute;
	top:20px;
	left:20px; 
	width:99%;
	z-index:1;
	border:0px;
	}

.suchfelder {
	position:absolute;
	top:0px;
	left:0px; 
	width:100%;
	border:0px;
	}

.topmenu {
	background-color:#003366;
	position:relative;
	left:0px;
	width:100%;
	z-index:1;
	height: 1.7em;
}

.topmenu * {
    top: 0.3em;
    left: 0px;
}

.a 
{
	text-decoration:none;
}




.zw {color:red; font-size:2em;}


.menupunkt {
	position:relative;
	background-color:transparent;
	width:200px;
	float:left;
}

.invisible {
	visibility: hidden;
	background-color:transparent;
}

.link_b {
	position:relative;
	left:10px;
	width:100px;
	float:left;
}

.test {
	position:relative;
	left:0px;
	width:100px;
	float:left;
	z-index:3;
}


/*############
###  Definition für Menupunkt Home
##############*/
#link_default {
	position:relative;
	width:0px;
	float:left;
	overflow:hidden;
	background-color:#f5f5f5;
}
#link_home {
	background-image: url(/read/PICS/home.gif);
	background-repeat:no-repeat;	
	position:relative;
	width:100px;
	float:left;
	
}
#link_home:hover {
	background-image: url(/read/PICS/home_.gif);
}

/*############
###  Definition für Menupunkt Konto
##############*/
#link_konto {
	position:relative;
	width:100px;
	float:left;
}


/*############
###  Definition für Menupunkt Mail
##############*/
#link_mail {
	background-image: url(/read/PICS/mail.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width: 100px;
}
#link_mail:hover {
	background-image: url(/read/PICS/mail_.gif);
}
#link_mail a {
    text-decoration:none;
}

/*############
###  Definition für Menupunkt Info
##############*/
#link_info {
	background-image: url(/read/PICS/info.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width: 100px;
}
#link_info:hover {
	background-image: url(/read/PICS/info_.gif);
}

/*############
###  Definition für Menupunkt Suchtipps
##############*/
#link_suchtip {
	background-image: url(/read/PICS/suchtip.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width: 130px;

}
#link_suchtip:hover {
	background-image: url(/read/PICS/suchtip_.gif);
		
}

/*############
###  Definition für Menupunkt Links
##############*/
#link_link {
	background-image: url(/read/PICS/links.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width:100px;
}
#link_link:hover {
	background-image: url(/read/PICS/links_.gif);
}


/*############
###  Definition für Menupunkt Forum
##############*/
#link_forum {
	background-image: url(/read/PICS/forum.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width:80px;
}
#link_forum:hover {
	background-image: url(/read/PICS/forum_.gif);
}


/*############
###  Definition für Menupunkt Hilfe
##############*/
#link_hilfe {
	background-image: url(/read/PICS/hilfe.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width:80px;
}
#link_hilfe:hover {
	background-image: url(/read/PICS/hilfe_.gif);
}

/*############
###  Definition für Menupunkt neuigkeiten
##############*/
#link_neu {
	background-image: url(/read/PICS/neuigkeiten.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width:80px;
}
#link_neu:hover {
	background-image: url(/read/PICS/neuigkeiten_.gif);
}

/*############
###  Definition für Menupunkt musik
##############*/
#link_musik {
	background-image: url(/read/PICS/musik.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width:80px;
}
#link_musik:hover {
	background-image: url(/read/PICS/musik_.gif);
}

/*############
###  Definition für Menupunkt veranstaltungen
##############*/
#link_veranst {
	background-image: url(/read/PICS/veranstaltungen.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width:80px;
}
#link_veranst:hover {
	background-image: url(/read/PICS/veranstaltungen_.gif);
}

/*############
###  Definition für Menupunkt Fernanfrage
##############*/
#link_fernanfrage {
	background-image: url(/read/PICS/fernleihanfragen.gif);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	width:80px;
}
#link_fernanfrage:hover {
	background-image: url(/read/PICS/fernleihanfragen_.gif);
}

/*############
###  Definition für Menu 1. Sprache
##############
#link_sprache1 {
	background-image: url(/read/PICS/german.gif);
	background-repeat:no-repeat;
	position:relative;
	float: right;
	width:35px;
}
#link_sprache1:hover {
	background-image: url(/read/PICS/german_.gif);
}*/
#link_sprache1 {
	position:relative;
	float: right;
}

/*############
###  Definition für Menu 2. Sprache
##############
#link_sprache2 {
	background-image: url(/read/PICS/english.gif);
	background-repeat:no-repeat;
	position:relative;
	float: right;
	width:35px;
}
#link_sprache2:hover {
	background-image: url(/read/PICS/english_.gif);
}*/
#link_sprache2 {
	position:relative;
	float: right;
}

/*############
###  Definition für Menu 3. Sprache
##############
#link_sprache3 {
	background-image: url(/read/PICS/german.gif);
	background-repeat:no-repeat;
	position:relative;
	float: right;
	width:30px;
}
#link_sprache3:hover {
	background-image: url(/read/PICS/german_.gif);
}*/
#link_sprache2 {
	position:relative;
	float: right;
}
#link_Warenkorb {
	position:relative;
	float:right;
	top:0px;
}
/*############
###  Link für Registeranzeige
##############*/
.link_register {
	position:relative;
	left:5px;
	top: 5px;
	overflow:visible;
	height:1em;
    z-index:10;
}
.link_register_button
{
	background-color:Transparent;
	border:0px;
	width:20px;
}


.suchfeld_hilfe{
	clear:left;
	}


/*############
###  Definition für Menu Mitte Katalogbeschreibung
##############*/
.menu_mitte_katalog {
	background-repeat:no-repeat;	
	position:relative;
	left:0px;
	float:left;
	color: white;
	margin-right:25px;
}


/*############
###  Definition für Menu Mitte Reset
##############*/
#menu_mitte_reset {
	background-image: url(/read/PICS/reset.gif);
	background-repeat:no-repeat;	
	position:relative;
	left:0px;
	float:left;
}
#menu_mitte_reset:hover {
	background-image: url(/read/PICS/rest_.gif);
}

/*############
###  Definition für Menu Mitte Profisuche
##############*/
.menu_mitte_links_feld {
	background-repeat:no-repeat;	
	position:relative;
	left:0px;
	float:left;
}
.menu_mitte_rechts_feld {
	background-repeat:no-repeat;	
	position:relative;
	right:0px;
	float:right;
	vertical-align:top;
}

#link_drucken {
	background-image: url(/read/PICS/print.gif);
	background-repeat:no-repeat;
	position:relative;
	right: 0px;
	width: 110px;
	height: 25px;
	overflow: hidden;
}
#link_drucken:hover {
	background-image: url(/read/PICS/print_.gif);
}

#link_portal {
	background-image: url(/read/PICS/portal.gif);
	background-repeat:no-repeat;
	position:relative;
	right: 0px;
	float: right;
	width: 110px;
	height: 25px;
	overflow: hidden;
}
#link_portal:hover {
	background-image: url(/read/PICS/portal_.gif);
}


.menu_mitte_profisuche:hover {
	/*background-image: url(/read/PICS/profi_.gif);*/
}
.menu_mitte_rechts_feld {
	background-repeat:no-repeat;	
	position:relative;
	left:0px;
	float:right;
}

.DB1
{
width:10px;
BACKGROUND-COLOR: #FFFF99;

}
.DB2
{
BACKGROUND-COLOR: #99FFFF;
}

.DB3
{
FONT-SIZE: 14px;
BACKGROUND-COLOR: #FFCCFF
}
.DB4
{
FONT-SIZE: 14px;
BACKGROUND-COLOR: #FF6666
}
.DB5
{
FONT-SIZE: 14px;
BACKGROUND-COLOR: #9999FF
}
.DB6
{
FONT-SIZE: 14px;
BACKGROUND-COLOR: #CCCCFF
}
.DB7
{
FONT-SIZE: 14px;
BACKGROUND-COLOR: #99FF99
}
.DB8
{
FONT-SIZE: 14px;
BACKGROUND-COLOR: #FF66CC
}
.DB9
{
FONT-SIZE: 14px;
BACKGROUND-COLOR: #CC99FF
}
.DB10
{
FONT-SIZE: 14px;
BACKGROUND-COLOR: #CCFF99
}