/*****************************************************************
	
	Klassen/ID: Layout
	Media: ALL
	
	2007 das.zeichen (Bernhard Sturm) www.daszeichen.ch

*******************************************************************/

body {
	font-size:80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0;
}

/* accessibility */
#accessibility {
	position:absolute;
	left:-1000em;
	top:-1em;
	display:none;
}

#header {
	width:840px;
	height:61px;
	background-image: url(../images/header_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin:0;
	background-color: #FFF;
	color:#000;
}

/* logo */
#mainlogo {
	position:absolute;
	left:12px;
	top:6px;
}
#mainlogo img {
	border:0;
}

div#outer {
	background-image: url(../images/main_bgnd.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

div#container {
	width:840px;
}

div#box {
	width:217px;
	float:right;
}
div#wrapper {
	float:left;
	width:621px;
}

div#menu, div#adminmenu {
	width:129px;
	float:left;
}
div#content {
	position:relative;
	width:387px;
	float:right;
	margin:0px 0px 0px 104px;
}

div#footer {
	position:relative;
	width:621px;
	height:46px;
	float:none;
	background-color:#FFF;
	color:#000;
	background-image: url(../images/footer_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.clear {
	float:none;
	clear:both;
}

/* footer inhalt */
div#footer p {
	font-size:0.8em;
	line-height:130%;
	text-align:right;
	padding:16px 5px 0px 0px;
	color:#999;
	background-color:transparent;
	
}
div#footer div#ubblogo {
	position:absolute;
	right:5px;
	top:4px;
	width:70px;
	height:13px;
	background-image: url(../images/logo_nbubb.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/***********************************************************************/
/* box */
#box h2 {
	width:110px;
	height:22px;
	font-size:0px;
	color:#FFF;
	letter-spacing: -1000px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin:7px 0px 10px 4px;
}

.box-de h2 {
	background-image: url(../images/metanav/news_text_de.gif);
}
.box-fr h2 {
	background-image: url(../images/metanav/news_text_fr.gif);
}
.box-en h2 {
	background-image: url(../images/metanav/news_text_en.gif);
}
.box-it h2 {
	background-image: url(../images/metanav/news_text_it.gif);
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body #box h2 { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

#box p {
	margin:0px 0px 20px 24px;
	padding:0px 0px 3px 0px;
	font-size:0.75em;
	border-bottom:1px solid #CCC;
	line-height: 120%;
}


/***********************************************************************/
/* content-logos */
div#content-logo {
	width:88px;
	height:84px;
	background-position:top left;
	background-repeat: no-repeat;
	position:absolute;
	left:-96px;
	top:7px;  
}

.content-information div#content-logo, .content-disclaimer div#content-logo, .content-kontakt div#content-logo {
	background-image: url(../images/title/titleinfo_icon.gif);
}
.content-themen div#content-logo {
	background-image: url(../images/title/titlethemen_icon.gif);
}
.content-bibliotheken div#content-logo {
	background-image: url(../images/title/titlebibliotheken_icon.gif);
}
.content-fachgebiete div#content-logo {
	background-image: url(../images/title/titelfachgebiet_icon.gif);
}
.content-regionen div#content-logo {
	background-image: url(../images/title/titleregion_icon.gif);
}
.content-suchen div#content-logo {
	background-image: url(../images/title/titlesuchen_icon.gif);
}
.content-suchresultate div#content-logo {
	background-image: url(../images/title/titlesuchen_icon.gif);
}
.content-admin div#content-logo {
	background-image: url(../images/title/titeladmin_icon.gif);
}

/* content-titel */
div#content h1 {
	position:relative;
	top:7px;
	height:23px;
	width:375px;
	margin:0px 0px 20px 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color:#FFF;
	background-color:#FFF;
	font-size:0px;
	letter-spacing: -1000px;
}


/* deutsche spracheversion */
.content-information h1#h1de {
	background-image: url(../images/title/titleinfo_de.gif);
	height:84px;
}
.content-themen h1#h1de {
	background-image: url(../images/title/titlethemen_de.gif);
}
.content-bibliotheken h1#h1de {
	background-image: url(../images/title/titlebibliotheken_de.gif);
}
.content-fachgebiete h1#h1de {
	background-image: url(../images/title/titelfachgebiete_de.gif);
}
.content-regionen h1#h1de {
	background-image: url(../images/title/titleregion_de.gif);
}
.content-suchen h1#h1de {
	background-image: url(../images/title/titlesuchen_de.gif);
}
.content-admin h1#h1de {
	background-image: url(../images/title/titleadmin_text.gif);
}
.content-suchresultate h1#h1de {
	background-image: url(../images/title/title_suchresultat_de.gif);
}
.content-disclaimer h1#h1de {
	background-image: url(../images/title/title_disclaimer_de.gif);
}
.content-kontakt h1#h1de {
	background-image: url(../images/title/title_kontakt_de.gif);
}
/* admin titel */
.content-admin h1#eintrag {
	background-image: url(../images/title/titeladmin_eintragen_text.gif);
}
.content-admin h1#region {
	background-image: url(../images/title/titeladmin_regionen_text.gif);
}
.content-admin h1#themen {
	background-image: url(../images/title/titeladmin_themen_text.gif);
}
.content-admin h1#subthemen {
	background-image: url(../images/title/titeladmin_subthemen_text.gif);
}
.content-admin h1#bibliotheken {
	background-image: url(../images/title/titeladmin_bibliotheken_text.gif);
}
.content-admin h1#bibliothekstyp {
	background-image: url(../images/title/titeladmin_bibliothekstyp_text.gif);
}
.content-admin h1#fachgebiete {
	background-image: url(../images/title/titleadmin_fachgebiete_text.gif);
}
.content-admin h1#zuordnungfachgebiete {
	background-image: url(../images/title/titleadmin_zuordnungfachgebiete_text.gif);
}
.content-admin h1#admin {
	background-image: url(../images/title/titleadmin_text.gif);
}

/* englische sprachversion */
.content-information h1#h1en {
	background-image: url(../images/title/titleinfo_en.gif);
	height:84px;
}
.content-themen h1#h1en {
	background-image: url(../images/title/titlethemen_en.gif);
}
.content-bibliotheken h1#h1en {
	background-image: url(../images/title/titlebibliotheken_en.gif);
}
.content-fachgebiete h1#h1en {
	background-image: url(../images/title/titelfachgebiete_en.gif);
}
.content-regionen h1#h1en {
	background-image: url(../images/title/titleregion_en.gif);
}
.content-suchen h1#h1en {
	background-image: url(../images/title/titlesuchen_en.gif);
}
.content-suchresultate h1#h1en {
	background-image: url(../images/title/title_suchresultat_en.gif);
}
.content-disclaimer h1#h1en {
	background-image: url(../images/title/title_disclaimer_en.gif);
}
.content-kontakt h1#h1en {
	background-image: url(../images/title/title_kontakt_en.gif);
}

/* französische sprachversion */
.content-information h1#h1fr {
	background-image: url(../images/title/titleinfo_fr.gif);
	height:84px;
}
.content-themen h1#h1fr {
	background-image: url(../images/title/titlethemen_fr.gif);
}
.content-bibliotheken h1#h1fr {
	background-image: url(../images/title/titlebibliotheken_fr.gif);
}
.content-fachgebiete h1#h1fr {
	background-image: url(../images/title/titelfachgebiete_fr.gif);
}
.content-regionen h1#h1fr {
	background-image: url(../images/title/titleregion_fr.gif);
}
.content-suchen h1#h1fr {
	background-image: url(../images/title/titlesuchen_fr.gif);
}
.content-suchresultate h1#h1fr {
	background-image: url(../images/title/title_suchresultat_fr.gif);
}
.content-disclaimer h1#h1fr {
	background-image: url(../images/title/title_disclaimer_fr.gif);
}
.content-kontakt h1#h1fr {
	background-image: url(../images/title/title_kontakt_fr.gif);
}

/* italienische sprachversion */
.content-information h1#h1it {
	background-image: url(../images/title/titleinfo_it.gif);
	height:84px;
}
.content-themen h1#h1it {
	background-image: url(../images/title/titlethemen_it.gif);
}
.content-bibliotheken h1#h1it {
	background-image: url(../images/title/titlebibliotheken_it.gif);
}
.content-fachgebiete h1#h1it {
	background-image: url(../images/title/titelfachgebiete_it.gif);
}
.content-regionen h1#h1it {
	background-image: url(../images/title/titleregion_it.gif);
}
.content-suchen h1#h1it {
	background-image: url(../images/title/titlesuchen_it.gif);
}
.content-suchresultate h1#h1it {
	background-image: url(../images/title/title_suchresultat_it.gif);
}
.content-disclaimer h1#h1it {
	background-image: url(../images/title/title_disclaimer_it.gif);
}
.content-kontakt h1#h1it {
	background-image: url(../images/title/title_kontakt_it.gif);
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body #content h1 { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/********************************************************************/
/* metanav */
#metanav {
	position:absolute;
	left:784px;
	top:10px;
	width:51px;
	height:30px;
	overflow:hidden;
}
#metanav ul li, #metanav ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#metanav ul li {
	margin:0px 0px 2px 0px;
	.margin:0;
}



#metanav ul li a, #gotop a {
	background-position: 0px 0px;
	background-repeat:no-repeat;
	width:51px;
	height:14px;
	display:block;
	font-size:0px;
	letter-spacing: -1000px;
	color:#FFF;
}


#metanav ul li a:link, #metanav ul li a:visited {
	background-position: 0px 0px;
}
#metanav ul li a:hover, #metanav ul li a:active {
	background-position: 0px -14px;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body div#metanav ul li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/* kontakt sprach gifs */
#metanav ul.de li a#kontakt {
	background-image: url(../images/metanav/metanav_contact_de.gif);
}
#metanav ul.fr li a#kontakt {
	background-image: url(../images/metanav/metanav_contact_fr.gif);
}
#metanav ul.en li a#kontakt {
	background-image: url(../images/metanav/metanav_contact_en.gif);
}
#metanav ul.it li a#kontakt {
	background-image: url(../images/metanav/metanav_contact_it.gif);
}

/* start sprach gifs */
#metanav ul.de li a#start {
	background-image: url(../images/metanav/metanav_home_de.gif);
}
#metanav ul.fr li a#start {
	background-image: url(../images/metanav/metanav_home_fr.gif);
}
#metanav ul.en li a#start {
	background-image: url(../images/metanav/metanav_home_en.gif);
}
#metanav ul.it li a#start {
	background-image: url(../images/metanav/metanav_home_it.gif);
}

/* sprachwechsel metanavigation */
#language {
	position: absolute;
	width: 217px;
	height:14px;
	left:625px;
	top:43px;
}
#language ul, #language ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}
#language ul li {
	display:block;
	float:left;
}
#language ul li a {
	display:block;
	width:51px;
	height:14px;
	margin:0px 2px 0px 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-size:0px;
	letter-spacing: -1000px;
	color:#FFF;
}

#language a#lang1 {
	background-image: url(../images/metanav/lang_de.gif);
}
#language a#lang2 {
	background-image: url(../images/metanav/lang_fr.gif);
}
#language a#lang3 {
	background-image: url(../images/metanav/lang_it.gif);
}
#language a#lang4 {
	background-image: url(../images/metanav/lang_en.gif);
}

#language a:link, #language a:visited {
	background-position: 0px 0px;
}
#language a:hover, #language a:active {
	background-position: 0px -14px;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body div#language ul li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/* top navigation */
#gotop a {
	position:absolute;
	top:-20px;
	left:136px;
	background-image: url(../images/metanav/metanav_top.gif);
}
#gotop a:link, #gotop a:visited {
	background-position: 0px 0px;
}
#gotop a:hover, #gotop a:active {
	background-position: 0px -14px;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body div#gotop a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


/********************************************************************/
/* main menu */
#menu ul, #menu ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}

#menu ul {
	margin:10px 0px 0px 16px;
}

#menu ul li a {
	font-size:0px;
	color:#EBEBEB;
	letter-spacing: -1000px;
	display:block;
	width:110px;
	height:23px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/* Just for Opera, but hide from MacIE */
/*\*/html>body div#menu a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

.menu-de ul li a#mnu1 {
	background-image: url(../images/menu/mnu_1_de.gif);
}
.menu-de ul li a#mnu2 {
	background-image: url(../images/menu/mnu_2_de.gif);
}
.menu-de ul li a#mnu3 {
	background-image: url(../images/menu/mnu_3_de.gif);
}
.menu-de ul li a#mnu4 {
	background-image: url(../images/menu/mnu_4_de.gif);
}
.menu-de ul li a#mnu5 {
	background-image: url(../images/menu/mnu_5_de.gif);
}
.menu-de ul li a#mnu6 {
	background-image: url(../images/menu/mnu_6_de.gif);
}

.menu-en ul li a#mnu1 {
	background-image: url(../images/menu/mnu_1_en.gif);
}
.menu-en ul li a#mnu2 {
	background-image: url(../images/menu/mnu_2_en.gif);
}
.menu-en ul li a#mnu3 {
	background-image: url(../images/menu/mnu_3_en.gif);
}
.menu-en ul li a#mnu4 {
	background-image: url(../images/menu/mnu_4_en.gif);
}
.menu-en ul li a#mnu5 {
	background-image: url(../images/menu/mnu_5_en.gif);
}
.menu-en ul li a#mnu6 {
	background-image: url(../images/menu/mnu_6_en.gif);
}

.menu-fr ul li a#mnu1 {
	background-image: url(../images/menu/mnu_1_fr.gif);
}
.menu-fr ul li a#mnu2 {
	background-image: url(../images/menu/mnu_2_fr.gif);
}
.menu-fr ul li a#mnu3 {
	background-image: url(../images/menu/mnu_3_fr.gif);
}
.menu-fr ul li a#mnu4 {
	background-image: url(../images/menu/mnu_4_fr.gif);
}
.menu-fr ul li a#mnu5 {
	background-image: url(../images/menu/mnu_5_fr.gif);
}
.menu-fr ul li a#mnu6 {
	background-image: url(../images/menu/mnu_6_fr.gif);
}

.menu-it ul li a#mnu1 {
	background-image: url(../images/menu/mnu_1_it.gif);
}
.menu-it ul li a#mnu2 {
	background-image: url(../images/menu/mnu_2_it.gif);
}
.menu-it ul li a#mnu3 {
	background-image: url(../images/menu/mnu_3_it.gif);
}
.menu-it ul li a#mnu4 {
	background-image: url(../images/menu/mnu_4_it.gif);
}
.menu-it ul li a#mnu5 {
	background-image: url(../images/menu/mnu_5_it.gif);
}
.menu-it ul li a#mnu6 {
	background-image: url(../images/menu/mnu_6_it.gif);
}

/* result-navigation */
ul.recnav li, ul.recnav {
	margin:0;
	padding:0;
	list-style-type: none;
}
ul.recnav li {
	float:left;
	margin:0px 2px 0px 0px;
}
ul.recnav li a {
	display:block;
	width:14px;
	height:14px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	letter-spacing: -1000px;
	font-size:0px;
}


/* Just for Opera, but hide from MacIE */
/*\*/html>body ul.recnav li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


ul.recnav li a:link, ul.recnav li a:visited {
	background-position: 0px 0px;
}
ul.recnav li a:hover, ul.recnav li a:active {
	background-position: 0px -14px;
}

ul.recnav li a.recnavprevious {
	background-image: url(../images/metanav/goto_previous.gif);
}
ul.recnav li a.recnavnext {
	background-image: url(../images/metanav/goto_next.gif);
}

ul.recnav li a.recnavsuchende {
	background-image: url(../images/metanav/goto_suchen_de.gif);
	width:63px;
}
ul.recnav li a.recnavsuchenfr {
	background-image: url(../images/metanav/goto_suchen_fr.gif);
	width:63px;
}
ul.recnav li a.recnavsuchenit {
	background-image: url(../images/metanav/goto_suchen_it.gif);
	width:63px;
}
ul.recnav li a.recnavsuchenen {
	background-image: url(../images/metanav/goto_suchen_en.gif);
	width:63px;
}


/* admin menu */
#adminnmenu ul li, #adminmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
} 
#adminmenu ul {
	margin:7px 0px 0px 7px;
}
#adminmenu ul li {
	margin:0px 0px 5px 0px;
	font-size:0.8em;
}

/* tooltips */
div#qTip {
	padding: 2px;
	width:120px;
	border: 1px dotted #666;
   display: none;
   background: #FFF;
   color: #000;
  font-size:0.75em;
   position: absolute;
   z-index: 1000;
	line-height:120%;
 }
 div#qTip ul li, div#qTip ul {
 	margin:0;
	padding:0;
	list-style-type: disc;
 }
 div#qTip ul {
 	margin:5px 0px 0px 16px;
 }
 div#qTip p {
 	margin:5px 0px 0px 0px;
 }

