/* 
	Stylesheet fuer www.guxme.de

	Ulrich Grundstein | info@buero-bochum.de | 06/2008
*/




	/*	tags	*/




		/* todo beachten */





body
{
  margin: 0 auto 0 auto;
  padding: 0 0 12px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  text-align: center;
  color: #000000;
  background-color: #fff;
}



h1
{
  margin: 0 0 1.4em 0;
  font-size: 1.25em;
  line-height: 1.2em;
}


h2
{
  margin: 0 0 0.5em 0;
  font-size: 1.1em;
  line-height: 160%;
}


h3, h4, h5, h6, h7
{
  margin: 0;
  font-size: 1.0em;
}


h4
{
  margin: 1.5em 0 0.5em 0;
  padding: 0 0 0.25em 0;
  border-bottom: 1px dashed #bbb;
}



h4.subhead
{
  margin: 0 0 0.5em 0;
  font-size: 1.1em;
  line-height: 160%;
  padding: 0 0 0.25em 0;
  border-bottom: 1px dashed #bbb;
}


h4.featuring
{
  margin: 0 0 1.5em 0;
  font-size: 1.1em;
  padding: 0.25em 0.45em;
  border-bottom: none;
  background-color: #E5EAF5; 
}

h4.featuring a
{
  margin: 0 0 1.5em 2em;
  font-size: 0.7em;
  font-weight: bold;
  padding: 0.25em 0.45em;
  border-bottom: none;
  background-color: #E5EAF5; 
}


p
{
  margin: 0 0 1.0em 0;
  line-height: 160%;
}


div
{
  margin: 0;
  padding: 0;
}


img
{
  display: inline;
}


ul
{
  margin: 0 0 1.25em 1.25em;
  padding: 0;
}


ol li
{
  padding: 0.2em 0;
}


a
{
  color: #002E8A;
  font-weight: bold;
  font-weight: normal;

  text-decoration: none;
}


a:hover
{
  color: #333333;
}


a:active
{
  color: #000000;
}


a img
{
  border: none;
}



/* word-break opera hack */

/* todo Safari/Chrome hat damit Probleme!!! und überliest wbr!!! */

/* wbr:after { content: "\00200B" } */


wbr
{
  white-space: nowrap;
}


/* Formulare generelle Definitionen */








table
{
  margin-bottom: 1em;
}


td
{
  font-size: 0.75em;
  padding: 0.5em;
  vertical-align: top;
}


thead td
{
  background-color: #efefef;
  font-weight: bold;
}


tbody td
{
  border-bottom: 1px solid #ccc;
}


table.info-service td, table.provisionen td, table.rechnungen td
{
  font-size: 90%;
}


table.rechnungen img
{
  margin-right: 4px;
}

table.anfragen tbody td
{
  border-bottom: 1px dashed #bbb;
}









/*	Seitenaufbau	*/




#wrapper
{
  width: 992px;
  margin: 0 auto;
  text-align: center;
}


#logo
{
  float: left;
  width: 631px;
  margin: 3em 0 1.0em 0;
  text-align: right;
}


#meta-navigation
{
  float: right;
  width: 350px;
  margin: 1.0em 0 0 0;
  font-size: 95%;
  text-align: right;
}



#haupt-nav
{
  background-color: #00339A;
  color: #fff;
  padding: 0.2em 0;
  text-align: center;
  border: 1px solid #00339A;
  background-image: url(../images/bg_haupt-nav.gif);
  background-position: left center;
  background-repeat: repeat-x;
}

#mobil-nav
{
  display: none;
  text-align: left;
  border: 1px solid #00339A;
}

#mobil-foot
{
  display: none;
  text-align: left;
  border: 1px solid #00339A;
}


#kopf-zugang
{
  text-align: left;
}



#suche-kopf
{
  float: right;
  width: 50%;
  margin: 0.75em 0 0 0;
  padding: 12px;

  background-image: url(../images/bg_kopf-suche.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}



#suche-kopf.nursuche
{
  width: 968px;
  padding: 12px;
}


#suche-kopf.nursuche p
{
  width: 66%;
}


/* UG 201011 */
#suche-kopf.zweidrittel p
{
  width: auto;
}
/* UG 201011 - ENDE */


#recherche-content
{
   float: left;
   width: 512px;
   margin: 0.75em 0 0 0;
   padding: 12px;
   background-image: url(../images/bg_kopf-suche.gif);
   background-position: right bottom;
   background-repeat: no-repeat;
}


#content #recherche-content form
{
   margin: 0;
   border: none;
   background: none;
}


#content #recherche-content fieldset {
   padding: 0;
}


#recherche-content input.text
{
   width: 300px;
   margin: 0.25em 0.5em 0.5em 0;
   display: inline;
}


#recherche-kopf
{
  float: left;
  width: 45%;
  margin: 0.75em 0 0 0;
  padding: 12px;
  background-image: url(../images/bg_kopf-suche.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}


/* UG 20101109 */

a #recherche-kopf
{
  color: #000;
  cursor: hand;
}


a #recherche-kopf span
{
  /* color: #FF6600; */
  color: #002E8A; 
}

/* UG 20101109 - ENDE */


/* UG 201011 */

#recherche-kopf.eindrittel
{
  float: right;
  width: 340px;
  min-height: 74px;
  margin: 0 10px 0 0;
  padding: 0;
  background: url(../images/help.gif) left top no-repeat;
}

#recherche-kopf.eindrittel div
{
  margin: 0;
  padding: 0 0 0 88px;
}


#recherche-kopf.eindrittel h4
{
  background: none;
  padding: 0;
}

#recherche-kopf.eindrittel p
{
  width: auto;
}

#recherche-kopf.eindrittel p a
{
  color: #FF6600;
}

/* UG 201011 - ENDE */


#inner
{
  background-image: url(../images/bg_main.gif);
  background-repeat: repeat-y;
  border-bottom: 1px solid #bbb;
  text-align: left;
}


#trail
{
  position: relative;
  margin: 0 1px 0.75em 1px;
  padding: 0.25em 20px;
  font-size: 90%;
  text-align: left;

  background-color: #E0E6F3;
  background-image: url(../images/bg_trail.gif);
  background-position: left center;
  background-repeat: repeat-x;

  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}


#main
{
  margin: 0 auto;
  padding: 1.25em 12px;
}


#links
{
  float: left;
  width: 186px;
  margin-right: 28px;
  text-align: left;

overflow: hidden;	
}


#content
{
  float: left;
  width: 536px;
  padding-top: 0.75em;
  text-align: left;
}


#rechts
{
  float: left;
  width: 180px;
  margin-left: 28px;
  padding-top: 6px;
  text-align: left;

overflow: hidden;
}


#fuss
{
  margin-top: 1em;
  font-size: 90%;
}



#inline
{
  position: absolute;
  left: 20%;
  width: 620px;
  z-index: 99;
  display: none;


/*
  top: 15%;
  height: 400px;
*/

  margin: 0 auto;
  border: 1px solid #bbb;

}




#inline a
{
  display: block;
  padding: 0.75em;
  text-align: right;
  background-color: #E0E6F3;
  background-image: url(../images/bg_trail.gif);
  background-position: left center;
  background-repeat: repeat-x;
}


#inline-frame
{
  border: none;
  width: 100%; 
  height: 100%;

  background-image: url(../images/bg_iframe.gif);
  background-position: 0 0;
  background-repeat: repeat-y;
}


#lightbox-bg
{
  display: none;
  position: absolute;
  top: 0;
  left: 0;

  background-image: url(../images/lightbox_raster_bg.gif);
  background-position: 0 0;
  background-repeat: repeat;

  height: 100%;
  width: 100%;
}



/*	Seitenaufbau	- ENDE -	*/









		/* allg. classes	- START -	*/



.rot
{
  color: #cc0000;
}


.rechts
{
  float: right;
}


.hidden
{
  display: none;
}


.clb
{
  clear: both;
}


div.clb
{
  clear: both;

height: 1px;

  line-height: 0.1em;
  font-size: 2px;
  overflow: hidden;
}



/*

.clb:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

*/


/* hr.clb   */

hr.clb
{
  height: 1px;

  color: #FFFFFF;

  border: 1px solid #FFFFFF;
  border: none;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0px;

  clear: both;
width: 820px;
}





p.tar-l, div.ta-l, td.ta-l, span.ta-l, li.ta-l
{
  text-align: left;
}


p.tar-r, div.ta-r, td.ta-r, span.ta-r, li.ta-r
{
  text-align: right;
}



a.neu-l
{
  padding-left: 31px;
  background-image: url(../images/icon-neu.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}



a.top-l
{
  padding-left: 32px;
  background-image: url(../images/icon-top.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}



a.neu-r
{
  padding-right: 31px;
  background-image: url(../images/icon-neu.gif);
  background-position: right 0;
  background-repeat: no-repeat;
}



a.top-r
{
  padding-right: 32px;
  background-image: url(../images/icon-top.gif);
  background-position: right 0;
  background-repeat: no-repeat;
}


		/* allg. classes	- ENDE -	*/













		/* tags in Haupt-IDs - START	*/





#meta-navigation ul
{
  list-style-type: none;
  margin: 0.25em 0;
  padding: 0;
}


#meta-navigation li
{
  display: inline;
  margin: 0;
  padding: 0;
}


#meta-navigation a.aktiv
{
  font-weight: bold;
}



#haupt-nav ul
{
  list-style-type: none;
  margin: 0.25em 0;
  padding: 0;
}


#haupt-nav li
{
  display: inline;
  margin: 0;
  padding: 0 0.25em;
}


#haupt-nav a
{
  padding: 0.15em 0.3em;
  color: #fff;
  white-space: nowrap;
}


#haupt-nav a.aktiv, #haupt-nav a.aktiv:hover
{
  color: #00339A;
  background-color: #EEF1F8;
  font-weight: bold;
}


#haupt-nav a:hover
{
  color: #fff;
  background-color: #7C8FC5;
}





#kopf-zugang p
{
  margin: 0.3em 0;
  font-size: 90%;
  line-height: 130%;
}


#trail div
{
  padding: 0.25em;
}

#trail a
{
  font-weight: bold;
}

#content ul
{
  list-style-type: none;
  margin: 0.5em 0 0 0;
  padding: 0 0 0.25em 0;
}


#content ul li
{
  padding: 0 0 0.25em 0;
}



#fuss p
{
  clear: both;
}


#fuss div.fuss-links
{
  float: left;
  width: 48%;
  text-align: left;
}


#fuss div.fuss-rechts
{
  float: right;
  width: 48%;
  text-align: right;
}

















	/*	Einträge	*/






div.eintrag
{
/*
 width: 99.9%;
*/
  width: 536px;
  margin: 0 0 3.0em 0;
  padding: 0 0 0 0;
  background-color: #FFF;
}


div.eintrag h2
{
  margin: 0 0.75em 1.15em 10px;
  font-size: 115%;
  color: #333;
}


div.eintrag h3
{
  margin: 1.5em 0 0.5em 0;
  padding: 0 0 0.25em 0;
  border-bottom: 1px dashed #bbb;
}


div.c-eintrag h3
{
  margin-top: 0;
}


div.reiter
{
  font-size: 95%;
}


#content div.reiter ul
{
  margin: 0 0 0.4em 10px;
  padding: 0 0 0 0;

/*
min-height: 1.15em;
*/
}


div.reiter ul li
{
  display: inline;
}


div.reiter a, div.reiter a.inaktiv, div.reiter span
{
  position: relative;
  padding: 0.4em 0.4em;
  white-space: nowrap;
  background-color: #EBEBEB;
  background-image: url(../images/bg_reiter.gif);
  background-position: left center;
  background-repeat: repeat-x;
  border: 1px solid #bbb;
}


div.reiter a:hover
{
  color: #000000;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}



div.reiter a.aktuell
{
  background-image: url(../images/bg_reiter_aktuell.gif);
}



div.reiter a.aktiv, div.reiter span
{
  border-bottom: 1px solid #FFF;
  background-color: #FFF;
  background-image: none;
/*
  position: relative;
*/
}



div.eintrag-inner
{
  border-top: 1px solid #BBB;
  border-right: 1px solid #999;
  border-bottom: 1px solid #000;
  border-left: 1px solid #BBB;

  padding: 0.25em 0 0 0;
}


div.c-eintrag
{
  margin: 0.5em 10px 0 10px;
  padding: 0 0 10px 0;
}


div.c-eintrag p
{
  margin: 0;
  line-height: 1.48em;
}


div.c-eintrag img
{
  display: block;
  float: left;
  margin: 0.15em 1.0em 0 0;
}

.eintrag-gage
{
  display: none;
}



.eintrag-referenzen
{
  display: none;
}


.eintrag-news
{
  display: none;
}


.eintrag-fotos
{
  display: none;
}

.eintrag-video
{
  display: none;
}

.eintrag-details
{
  display: none;
}

.eintrag-fehler
{
  display: none;
}

a.tn
{
  cursor: url(../images/lupe.cur),pointer;
}


/* Reiter Fotos */


table.tbl-fotos, table.tbl-fotos td
{
  border: none;
}


table.tbl-fotos
{
  margin: 0 -6px 0 -6px;
  border: none;
}


table.tbl-fotos td
{
  width: 168px;
  height: 168px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
  line-height: 0.1em;
}


table.tbl-fotos img
{
  display: inline;
  float: none;
  margin: 0;
}







div.sublinks, div.sublinks-fuss
{
  padding: 1px 0 1px 0;
  font-size: 90%;
  background-color: #eee;
  border-top: 1px dashed #bbb;
}


#content div.sublinks ul, #content div.sublinks-fuss ul
{
  margin: 0 6px;
}


#content div.sublinks ul li, #content div.sublinks-fuss ul li
{
  display: inline;
  line-height: 175%;
}


div.sublinks-fuss
{
  border-top: 1px dashed #bbb;
}


div.sublinks span, div.sublinks-fuss span
{
  padding: 0.2em 4px;
}


div.sublinks a
{
  padding: 0.2em 4px;
  color: #002E8A;
}


div.sublinks a:hover
{
  color: #000;
  background-color: #FFFFFF;
}







/* Eintrag Markt */



div.markt
{
  background-color: #FFFFE6;
}


div.markt a:hover
{
  background-color: #E6E6E6;
}







/* Eintrag Topbanner */


div.eintrag div.top-banner
{

}


div.eintrag div.top-banner img
{
  float: none;
  margin-bottom: 0.5em;
}






	/*	Einträge	- ENDE -		*/









div#binnen-nav
{
  margin: 0.5em 12px 1.0em 12px;
  padding: 0.4em 0.2em 0.4em 0.2em;
  border-top: 1px solid #B0C0E0;
  border-bottom: 1px solid #B0C0E0;
  text-align: center;
  font-size: 90%;
}



div.binnen-nav-header
{
  text-align: center;
  font-size: 95%;
}



#binnen-nav div.paging span, #binnen-nav div.paging a
{
  padding: 0 0.3em 0 0.3em;
}


#binnen-nav div.paging span
{
  color: #000000;
  font-weight: bold;
}




#binnen-nav a:hover
{
  color: #000000;
  background-color: #E9F0FF;
}






	/*	Sortierung Suchergebnis		*/


div#sort-menu
{
  margin: 2.0em 12px 2.5em 12px;
  padding: 0.25em 0.25em;
  text-align: center;
  font-size: 90%;
}


div#sort-menu ul
{
  border-top: 1px solid #B0C0E0;
  border-bottom: 1px solid #B0C0E0;
  margin: 0.5em 0 0 0;
  padding: 0.35em 0 0.35em 0;
}



div#sort-menu ul ul
{
  display: inline;
  border: none;
  margin: 0;
  padding: 0 1.0em 0 0;
}



div#sort-menu li
{
  display: inline;
  margin: 0;
  padding: 0;
}



div#sort-menu a
{
  padding: 0.1em 0.4em 0.15em 0.4em;
  white-space: nowrap;
}



div#sort-menu a:hover
{
  color: #000000;
  background-color: #E9F0FF;
}


div#sort-menu a.aktiv
{
  font-weight: bold;
}




	/*	rubrikenuebersicht	*/


#rubrikenuebersicht div
{
  float: left;
  width: 50%;
}


#rubrikenuebersicht ul
{
  font-size: 90%;
  list-style-type: none;
  margin-left: 0;
}


#rubrikenuebersicht hr
{
  clear: both;
  color: #ffffff;
  background-color: #ffffff;
  border: none;
}

#rubrikenuebersicht li
{
  padding: 0.15em 0;
}



































	/*	in #links		*/




/* seiten-menue	*/



ul.seiten-menue
{
  margin: 0.5em 0 0 0;
  padding: 0;
  font-size: 95%;
  list-style-type: none;
}


ul.seiten-menue ul
{
  margin: 0 0 0 5px;
  font-size: 100%;
  list-style-type: none;
}


ul.seiten-menue li
{
  margin: 0.1em 0 0.1em 0;
  padding: 0.1em 0 0.1em 0;
  font-weight: bold;  
}


ul.seiten-menue li a
{
  padding: 0.1em;
  display: block;
  font-weight: normal;
}


ul.seiten-menue li a:hover
{
  background-color: #eee;
}


ul.seiten-menue li a.aktiv
{
  font-weight: bold;
}



/* ul ul.subnav für mein guxme */


ul.seiten-menue li ul.subnav
{
/*
  margin-bottom: 1.25em;
*/
}


ul.seiten-menue ul.subnav li
{
  font-weight: bold;
}






ul.seiten-menue ul.subnav li a.aktiv
{
  font-weight: bold;
}



ul.seiten-menue ul.subhidden li
{
  display: none;
}


ul.seiten-menue ul.subhidden li.chosen
{
  display: block;
}


ul.seiten-menue ul.subshown li
{
}


ul.seiten-menue ul.subshown li.aktiv
{
}








a.toggle-subcat, #links ul.seiten-menue li a.toggle-subcat
{
  display: block;
  font-size: 0.85em;
  padding-right: 16px;
  text-align: right;

  background-image: url(../images/show-subcat.gif);
  background-position: right center;
  background-repeat: no-repeat;
}



a.toggle-subcat:hover, #links ul.seiten-menue li a.toggle-subcat:hover
{
  background-image: url(../images/show-subcat-a.gif);
  background-color: transparent;
}



a.toggle-subcat-hide, #links ul.seiten-menue li a.toggle-subcat-hide
{
  display: block;
  font-size: 0.85em;
  padding-right: 16px;
  text-align: right;	

  background-image: url(../images/hide-subcat.gif);
  background-position: right center;
  background-repeat: no-repeat;
}



a.toggle-subcat-hide:hover, #links ul.seiten-menue li a.toggle-subcat-hide:hover
{
  background-image: url(../images/hide-subcat-a.gif);
  background-color: transparent;
}















#links div.kasten
{
  padding: 0.75em 0.75em 1.5em 0.75em;
  margin-bottom: 1.0em;
  border-bottom: 1px solid #B0C0E0;
}







#rechts div.kasten
{
  margin-bottom: 1.25em;
  background-color: #E5EAF5;
  background-image: url(../images/kasten_rechts_bg_oben.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}


#rechts div.k3
{

  background-color: #F7F7F7;
  background-image: url(../images/kasten_rechts_bg_oben_k3.gif);
}



#rechts div.kasten div
{

padding-top: 4px;
  background-image: url(../images/kasten_rechts_bg_unten.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 4px;
}



#rechts div.k3 div
{
  background-image: url(../images/kasten_rechts_bg_unten_k3.gif);
}








#rechts div.kasten div div
{
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  background-image: none;

  padding: 4px 9px 6px 9px;
}


#rechts div.kasten div div div.box-inner



/* UG todo muss zu .box-inner werden wegen IE css-tooltips
#rechts div.kasten div div div.box-inner */
{
  padding: 0;
  border: none;
  width: 160px;
}



div.box-inner p, div.box-inner form, div.box-inner div
{
  font-size: 95%;
  line-height: 130%;
}


#rechts div.box-inner form div.tt-content
{
}



#rechts div.kasten div div div div
{
  margin: 0;
  padding: 0;
  border: none;

}


#rechts h2
{
background-color: yellow;
}


#rechts div.kasten h5
{
  margin: 0 0 0.4em 0;
  padding: 0;
  font-size: 1.1em;
}



#rechts div.kasten ul
{
  margin: 0;
  padding: 0 0 0 8px;
  padding: 0;

  list-style-type: none;
  font-size: 95%;
}



#rechts div.kasten li
{
  margin: 0.25em 0 0.25em 8px;
  margin: 0.25em 0 0.25em 0;
}





#such-optionen
{
  margin-left: 10.25em;
  display: none;
}



#meta-navigation a.aktiv
{
  font-weight: bold;
}























	/* Formulare	*/























		/* in den lightbox pop-ups	*/




body#pop-up
{
  padding: 0;

  border: none;

  background-color: transparent;
  background-image: inherit;

/*
  background-image: url(../images/bg_iframe.gif);
  background-position: left bottom;
  background-repeat: repeat-y;
*/
}



body#pop-up div#main
{
  margin: 0 auto;
  text-align: center;
}


body#pop-up div#main #content
{
  float: none;
  margin: 1.5em auto 1em auto;
  padding: 0 12px;

}



body#pop-up div#fuss
{
  font-size: 85%;
}

























div.extra-info
{
 padding: 0 12px;
}




div.extra-info div
{
  font-size: 90%;
}




















#branchen ul.branchen-offen
{
 margin-bottom: 1em;
}


#branchen ul.branchen-offen li
{
 display: inline;
 padding: 0 0.6em 0 0;
}







#branchen ul ul
{
  margin: 0.5em 0 1em 0.5em;
  padding: 0;
  list-style-type: none;
display: block;
  font-size: 100%;
}


#links #branchen ul li
{
  margin: 0;
  padding: 0.1em 0 0.1em 0;
  list-style-type: none;
}




#links #branchen ul ul li
{
}

#branchen ul li a
{
  padding: 0.1em;
  display: block;
}

#branchen ul li a:hover
{
  background-color: #DDD;
  background-color: #eee;
}



























span.all-sub
{
}


a.show-sub
{
margin-left: 0.75em;
height: 1.5em;
overflow: hidden;
}



#links ul.seiten-menue li a.show-sub:hover
{

height: auto;
overflow: hidden;

background-color: #EEE;
}




#links h4
{
  margin: 0 0 0.4em 0;
  padding: 0;

  font-size: 1.1em;
  border: none;
}




.att, #links h4.att
{

  margin: 0 0 0.4em 0;
  padding: 0;

  font-size: 1.1em;
  border: none;
  padding: 0 0 0 18px;

  background-image: url(../images/branchen_icon.gif);
  background-position: left 0.2em;
  background-repeat: no-repeat;
}









/* 	Rubriken	*/


div.sub-cat
{
  margin-top: 1em;
}


div.sub-cat div.sub-cat-spalten

{
  float: left;
  width: 50%;
  overflow: hidden;
}



div.sub-cat ul

{
}


#content div.sub-cat li
{
  margin: 0.35em 0;
}


div.sub-cat a
{
  padding: 0.2em;
  font-weight: bold;
}


div.sub-cat a:hover
{
  background-color: #eee;
  font-weight: bold;
}


div.sub-cat tbody td
{
  border: none;
}


div.sub-cat table, td
{
  font-size: 100%;
}


div.sub-cat td
{
  padding: 0;
  margin: 0;
}


div.sub-cat table a
{
  line-height: 180%;
}










/* Banner-Rotation	*/


div.banner-rotation
{
  margin: 2em 0 0 0;
  text-align: center;
}


div.banner-rotation img
{
  display: inline;
  margin-top: 0.5em;
  border: 1px solid #ddd;
}





















/* css-tooltip 081019	- START - 	*/




a.css-tooltip
{
  position: relative;
}


a:hover.css-tooltip
{
  z-index: 99;
}


a.css-tooltip img
{
  display: inline;
  position: relative;
}


#rechts a.css-tooltip
{
  background-position: right center;
}

	
a.css-tooltip span.tt-content
{
  display: none;
  text-align: left;
  font-weight: normal;
  border: 1px solid #bbb;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 12px;
  background-color: #fff;
  color: #000;
}


a:hover.css-tooltip span.tt-content, a:focus.css-tooltip span.tt-content
{
  display: block;
  position: absolute;
  width: 180px;
  left: 0;
  margin-top: 0px;
  margin-left: 6px;
  opacity: 0.92;
  -moz-opacity: 0.92;
  filter: alpha(opacity=92);
  cursor: default;
}





/* positionierung fuer IE 5.x + 6.0 */

* html a:hover.css-tooltip span.tt-content, * html a:focus.css-tooltip span.tt-content

{
  top: 7px;
  left: 10px;
  margin: 0;
}












/*  anzeige ff links wird abgeshnitten */

#links
{
  overflow: visible;
}


#links ul li
{
  overflow: hidden;
}





#rechts
{
  overflow: visible;
}


#rechts div.kasten ul li
{
  overflow: hidden;
}


#rechts div.kasten div.tag-cloud
{
  width: 160px;
  overflow: hidden;
}






#rechts a:hover.css-tooltip span.tt-content, #rechts a:hover.css-tooltip div.kasten span.tt-content
{
width: 120px;

top: 7px;
left: -130px;

padding: 12px;

border: 1px solid #bbb;
border-right: 1px solid #333;
border-bottom: 1px solid #333;


}



#links a:hover.css-tooltip span.tt-content, #links a:hover.css-tooltip div.kasten span.tt-content
{
width: 120px;

top: 7px;
left: 10px;

padding: 12px;

border: 1px solid #bbb;
border-right: 1px solid #333;
border-bottom: 1px solid #333;



position: absolute;


}






/* css-tooltip 081019	- ENDE - 	*/











































/* buttons */


.button-add
{
  float: right;
  background-color: #FFF;
  border-top: 1px solid #CCD6EB;
  border-right: 1px solid #3C63B2;
  border-bottom: 1px solid #204DA7;
  border-left: 1px solid #A4B6DB;
  font-size: 0.8em;
}


.button-add a
{
  display: block;
  padding: 0.35em 0.5em 0.5em 0.5em;
  font-weight: bold;
  color: #00339A;
}

.button-add a:hover
{
  background-color: #eee;
}



.flt-l
{
  float: left;
}


.flt-n
{
  float: none;
  display: inline;
  border: none;
}


.flt-n a
{
  display: inline;
  padding: 0.35em 0.5em 0.5em 0.5em;
  font-weight: bold;
  color: #00339A;
  background-color: #FFF;
  border-top: 1px solid #CCD6EB;
  border-right: 1px solid #3C63B2;
  border-bottom: 1px solid #204DA7;
  border-left: 1px solid #A4B6DB;
}
































		/* spezielle Auszeichnungen	- START -	*/



/*	Anfragen	*/


div.anfrage
{
  margin: 2em 0 2.5em 0;
  padding: 0.25em;
}


div.anfrage h2
{
  font-size: 115%;
}


div.anfrage div img
{
  float: right;
  padding-right: 4px;
}


div.anfrage-nr
{
  padding: 0.5em 0.75em; 
  background-color: #F7F7F7;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  line-height: 160%;
}


div.anfrage-daten
{
  padding: 0.75em;
  background-color: #F7F7F7;
  border-bottom: 1px solid #ddd;
  line-height: 160%;
}


div.anfrage-details
{
  padding-bottom: 0.75em;
  border-bottom: 1px solid #ddd;
}


div.anfrage-text
{
  float: left;
  width: 47.5%;
  padding-top: 0.75em;
  line-height: 140%;
}



div.anfrage-absender
{
  float: left;
  width: 47.5%;
  margin-left: 4%;
  padding-top: 0.75em;
}



/* 	Merkliste 	*/



p.lesezeichen
{
  margin: 1em 0 1em 0;
  color: #cc0000;
}


div.fav-loeschen
{
  margin: 4.5em 0 -0.5em 0;
  text-align: right;
  position: relative;
}


div.fav-loeschen img
{
 margin-right: 2px;
}



/* 	Referenzen 	*/


#referenzen p
{
  width: 90%;
}


#referenzen p span.referenzen
{
  display: block;
  text-align: right;
  font-size: 0.9em;
  padding: 0 2em 0 0;
  color: #00339A;
}


/* 	AGB 	*/

ol.agb
{
  margin-bottom: 3em;
}







/* treecats */
#content .treecats-selection-summary ul, #content .treecats-selection ul {
  margin: 0px;
}
.treecats-selection-summary li a, .treecats-selection li a {
  margin-top: 2px;
  margin-left: 5px;
}
.treecats-selection-summary a, .treecats-selection a {
  font-size: 9px;
}
.treecats-selection-summary a:visited, .treecats-selection a:visited {
  color: #212126;
}
.treecats-selection-current {
  font-weight: bold;
}
.treecats-category-info img {
  border: 0px;
  padding: 2px;
  vertical-align: middle;
}
.treecats-children {
  padding-left: 15px;
}
.treecats-selected span, li.treecats-selected {
  font-weight: bold;
}
.treecats-category a:link, .treecats-category a:visited {
  color: #212126;
  text-decoration: none;
}
.treecats-category a:hover {
  text-decoration: underline;
}
#content ul.treecats-links {
  padding-left: 15px;
  margin: 0px;
}
.treecats-links li {
  line-height: 1.25em;
  list-style: circle;
}



/* search highlighting 
  background: #ffff80;
*/
	
.searchhl-1 {
  background: #ffffa0;
}
.searchhl-2 {
  background: #aaaaff;
}
.searchhl-3 {
  background: #aaffaa;
}
.searchhl-4 {
  background: #ffaaaa;
}
.searchhl-5 {
  background: #aaffff;
}




/*tag-cloud	*/
.tag_cloud1000 { text-align: left; font-size: 180%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud800  { text-align: left; font-size: 150%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud700  { text-align: left; font-size: 140%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud600  { text-align: left; font-size: 130%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud500  { text-align: left; font-size: 120%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud400  { text-align: left; font-size: 110%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud300  { text-align: left; font-size: 100%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud260  { text-align: left; font-size: 90%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud240  { text-align: left; font-size: 90%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud220  { text-align: left; font-size: 80%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud200  { text-align: left; font-size: 70%; padding-right: 0.4em; line-height: 1.4em; }
.tag_cloud100  { text-align: left; font-size: 60%; padding-right: 0.4em; line-height: 1.4em; }












/* add.cgi */



form div.eintrag
{
  margin-bottom: 1em;

padding: 1.5em 0 2.0em 0;

margin-left: -1px;
margin-right: -1px;
}


div.chooseentry
{
  padding: 1px 0 1px 0;
  margin-bottom: 4.5em;
border: 1px dashed #333;
}


h2.choosehead
{
font-size: 1.2em;
margin: 2em 20px 8px 0;
}


div.chooseentry div.spacer
{
font-size: 1.2em;
margin: 0 1px 0 1px;
  padding: 6px;
background-color: #fff;
}


div.chooseentry img
{
  margin: 16px;
}


div.chooseentry div.eintrag
{
  padding: 0 0 1.25em 0;
  margin: 0;
}


div.chooseentry div.eintrag h2
{
  padding-top: 1.25em;
}


div.chooseentry div.details
{
margin: 0 1px 0 1px;
  padding: 10px 16px 16px 16px;
  background-color: #fff;
}


#content div.chooseentry form
{
  width: auto;
border-left: none;
border-right: none;
border-bottom: none;
margin: 0 1px 0 1px;
}


#content div.chooseentry fieldset
{
  padding: 16px 16px 16px 16px;
}



/* add.cgi - ENDE -	*/





		/* spezielle Auszeichnungen	- ENDE -	*/















/* Formulare neue Sortierung 22.09.08	*/


/* todo  ??? = evtl. redundant */

/* allgemein = content */


form
{
  margin: 0;
  padding: 0;
}


form *
{
  font-size: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;

/* todo
wichtig?
darf aber nicht für alle Elemente gelten!

v_ertical-align: middle;
*/
}


fieldset
{
  margin: 0;
  padding: 0;
  border: none;
  padding: 20px 20px 0 20px;
}


#links fieldset, #rechts fieldset
{
/* todo */
  padding: 0;
}


legend
{
  display: none;
}


fieldset fieldset
/* ??? */
{
  margin: 0.5em 0 0.5em 0;
  padding: 0;
}



label, div.label
{
  margin: 0;
  font-weight: bold;
}


div.label
/* ??? */
{
/*
  m_argin: 1.25em 0 0.15em 0;
*/
}


label span
{
  display: block;
}


fieldset fieldset div.label
{
padding: 0 0 0.7em 0;
  font-weight: bold;
  color: #444;
border-bottom: 1px solid #444;
}


input.text, option, textarea
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;

/* todo mac! */
  position: relative;
}



input.file, input.text, select, textarea
{
  margin: 0.25em 0 1.5em 0;
  padding: 0;
/* ??? */
  vertical-align: middle;

/* todo check, ob es überall gut tut!!! */
  display: block;
}


input.readonly
{
  background-color: #EDEFF3;
  border: 1px solid #EDEFF3;
}


select
{
  margin: 0.25em 0;

  display: block;

/* todo MAC */
position: relative;

  margin: 0.25em 0 1.5em 0;

vertical-align: top;
}


optgroup
/* nur Mozilla interpretiert */
{
  margin: 0.25em 0 0 0;
}


option 
{
  font-size: 100% !important;
/* todo */
  min-width: 35%;
}


optgroup option
{
  margin-left: 8px;
}



textarea
{
  line-height: 130%;
  resize: none;
}


div.fehlermeldung
{
  padding: 0 20px 0 20px;
  font-weight: bold;
  color: #cc0000;
}


#rechts div.fehlermeldung, #links div.fehlermeldung
{
  padding: 0;
}




div.fehlermeldung div
{
  font-size: 100%;
  margin-top: 1.25em;
}







/* kopf-zugang - START - 	*/



#kopf-zugang fieldset
{
  padding: 0;
}


#kopf-zugang label
{
 /*  display: none; */
}


#kopf-zugang input, #kopf-zugang select
{
  display: inline;
  margin: 0.5em 0 0 0;
  vertical-align: middle;
  font-size: 0.95em;
}


#kopf-zugang input.text
{
  width: 250px;
}


#kopf-zugang #suche-kopf input.text
{
  /* width: 200px; */
  width: 352px; 
}


#kopf-zugang div.nursuche input.text
{
  width: 352px; 
}


/* kopf-zugang - ENDE - 	*/








fieldset div.w50w50
{
  width: 245px;
}


#links fieldset div.w50w50
{
  width: 168px;
}








#rechts div.kasten form p
{
  margin: 0.25em 0 0.75em 0;
  font-size: 95%;
  line-height: 120%;
}





/* todo - noch benötigt? */


#content form dl input.captcha-eintrag
{
  width: 5.5em;
  margin: 0;
}


/* todo - noch beötigt? - ENDE */







form dt
{
  width: 24px;
}





form dd
{
/* todo */
  margin: 0 0 0.75em 0;
  margin: -1.25em 0 0.75em 22px;

}


form dd label
{
  font-weight: normal;
}






form dt.indent2
{
  width: 24px;
  padding-left: 20px;
}


form dd.indent2
{
  margin: -1.25em 0 0.75em 42px;
}


form dt.indent3
{
  width: 24px;
  padding-left: 40px;
}


form dd.indent3
{
  margin: -1.25em 0 0.75em 62px;
}


form dt.indent4
{
  width: 24px;
  padding-left: 60px;
}


form dd.indent4
{
  margin: -1.25em 0 0.75em 82px;
}


form dt.indent5
{
  width: 24px;
  padding-left: 80px;
}


form dd.indent5
{
  margin: -1.25em 0 0.75em 102px;
}








#content form
{
  margin: 1.5em 0 2em 0;

  border-top: 1px solid #CCC;
  border-right: 1px solid #999;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #999;

  background-color: #DBDFE6;
}







#content option
{
/* ??? */
font-size: 95%;
  font-size: 90%;
  width: auto;
  padding: 2px;

}





/* land-plz-ort */



div.land-plz-ort
{
  width: 498px;
}


div.land
{
  float: left;
  width: 56px;
}


#content form div.land select
{
  font-size: 0.95em;
}


div.plz
{
  float: left;
  width: 68px;
}

#content form div.plz input
{
  width: 50px;
}


div.ort
{
  float: left;
  width: 372px;
}


#content form div.ort input
{
  width: 99%;
}











form div.eingabe
{
  margin: 1.5em 0;
  padding: 12px;
  font-size: 1.0em;
  background-color: #F4F4F4;
  background-color: #fff;
  border: 1px solid #ccc;
}



















/* #content input.text, #content textarea */

input.text, textarea
{
  width: 100%;
}





input.input-kurz, select.input-kurz
{
  width: 5em;
}



input.input-mittel, select.input-mittel
{
  width: 18em;
}

input.inline, select.inline
{
  display: inline;
  margin: 0;
}



div.input-block
{
  margin: 0.25em 0 1.5em 0;
  padding: 0;
}


#content div.input-block option
{
  padding: 0;
}




#content form p
{
  line-height: 1.25em;
  margin: 0.5em 0;
  font-size: 95%;
}


#content label span, #content div.label span
{
  font-size: 90%;
  line-height: 1.25em;
  font-weight: normal;
  display: block;

color: #000;
}








#content div.asusual
{
  border: none;
  padding-bottom: 0.2em;
  color: #000;
}








#links form input
{
  width: 164px;
  margin: 0.25em 0 0.75em 0;
}


#links form input.checkbox, #links form input.radio, #links form input.submit
{
  margin: 0;
}



#links form textarea
{
  width: 164px;
/*
  m_ax-width: 180px;
*/
}

#links form
{
  font-size: 0.95em;
}


#links input.checkbox, #links input.radio, #links input.submit
{
  width: auto;
}





#links div.label
{
color: #555;
  font-size: 100%;
}

#links dl
{
  margin: 0 0 0 0;
}


#links fieldset
{
  margin: 1.5em 0 0 0;
}


#links fieldset fieldset
{
  padding: 0;
  margin: 0;
}



#links fieldset fieldset div.label
{
  margin: 0.5em 0 0.7em 0;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #CCC;
}









body#pop-up input, body#pop-up textarea, body#pop-up select
{
  margin: 0.25em 0 1.0em 0;
}


body#pop-up form dl
{
  margin: 0.25em 0 1.25em 0;
}


body#pop-up form dl
{
  padding: 0 0 1px 0;
}


body#pop-up input.checkbox
{
  margin: 0.15em 0 0 0;
}


body#pop-up input.radio
{
  margin: 0.15em 0 0 0;
}


body#pop-up fieldset div.label
{
  margin: 0 0 0.7em 0;
}







#rechts label
{
  font-weight: normal;
}




#rechts input.checkbox
{
  margin: 0.15em 0 0 0;
}












#rechts dl
{
  margin: 1em 0 0 0;
}

#rechts dt
{
}

#rechts dt input.checkbox
{
  margin: 0;
  padding: 0;
}

#rechts dd
{
  width: 120px;
  margin: -1.25em 0 0.75em 22px;
}


#rechts input, #rechts textarea
{
  margin-bottom: 0.4em;
}

#rechts form input
{
  width: 154px;
}


#rechts form input.submit, #rechts form input.checkbox, #rechts form input.radio
{
  width: auto;
}



#content label span span
{
  margin-right: 20px;
  font-size: 100%;
}




#content fieldset
{
  padding-bottom: 1em;
}



div#captcha
{
  margin: 0.75em 0 0 0;
}


div#captcha img
{
  display: inline;
  border: 1px solid #fff;
}


div#captcha input
{
  display: inline;
  width: 5.5em;
  margin-left: 12px;
}

label span
{
  margin-top: 0.15em;
}



div.ta-r
{
  text-align: right;
}


#links form#search select
{
  width: 100%;
}


/* formulare neue sortierung - ENDE - 	*/





/* Auszeichnung von Formularfeldern mit focus

input:focus
{
  background-color: #ddd;
}

 */



/* Umfragen	*/



#content div.survey form
{
  margin: 0;
  border: none;
  background-color: #fff;
}


div.survey table, div.survey table td
{
  border: none;
}


div.survey hr
{
  color: transparent;
  border: 1px solid #fff;
}






/* werbeseite */



#content table.tbl-eintraege
{
  width: 100%;
  font-size: 95%;
  table-layout: fixed;
  border-collapse: collapse;
}



#content table.tbl-eintraege thead td
{
  font-size: 120%;
}


#content table.tbl-eintraege td
{
  vertical-align: top;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
}

#content table.tbl-eintraege td.ta-left
{
  text-align: left;
}


#content table.tbl-eintraege td
{
  width: 36%;
}


#content table.tbl-eintraege td.bg-hell
{
  background-color: #D3E3FF;
  border: 2px solid #fff;
  width: 16%;

}


#content table.tbl-eintraege td.bg-dkl
{
  background-color: #C2D8FF;
  border: 2px solid #fff;
  width: 16%;
}


#content table.tbl-eintraege td.no-border
{
   border: none;
}


#content table.tbl-eintraege a:hover
{
  font-weight: bold;
}

a.button-blau
{
  display: block;
  padding: 0.3em;
  border: 1px solid #7F96C4;
  background-color: #002E8A;
  color: #fff;
  font-weight: bold;
}


a.button-blau:hover
{
  background-color: #fff;
  color: #002E8A;
}





div.muster
{
height: 270px;
  margin-bottom: 2em;
  border: 1px solid #BBB;
  border-right: 1px solid #999;
  border-bottom: 1px solid #000;
}


div.muster div.m-inner
{
  padding: 1.0em;
  text-align: center;
}

div.muster div.m-inner img
{
  display: inline;
}


/* Klasse fuer alle unsichtbaren toggledivs */


div.toggle-div
{
  display: none;
}








/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}



div#treecats
{
  width: 99.99%;
  margin: 1.0em 0 1.5em 0;
}





div.servererror, div.servermessage
{
  margin: 0 0 1.5em 0;
  padding: 0.5em 0;
  border: 1px solid #000;
  color: #fff;
  background-color: #D63333;
  text-align: center;
  font-weight: bold;

  position: relative;
  width: 99.9%;

  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;
}

div.regionalsuche
{
  margin: 0 0 1.5em 0;
  padding: 0.5em;
  border: 1px solid #000;
  color: #000;
  background-color: #eee; 
  /*  background-color: #ffff00; */
  text-align: left;
  font-weight: bold;
  position: relative;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;
}


div.servermessage
{
  background-color: #339933;
}


div.servererror ul,  div.servermessage ul

{
  margin: 0;
  list-style-type: disc;
}

div.servererror li, div.servermessage li
{
  padding: 0;
}









a.button-blue
{
  padding: 0.3em;
  border: 1px solid #7F96C4;
  background-color: #002E8A;
  color: #fff;
}


div.ta-r
{
  text-align: right;
}


#content div.addinfo
{
  display: none;
}


#content div.addinfo ul
{
  margin: 0 0 3.75em 0;
  padding-left: 18px;
  list-style-type: disc;
}




div.passende-themen
{
  margin: 3em 0 1em 0;
  line-height: 140%;
}


div.passende-themen h5
{
  margin: 0 0 0.25em 0;
}



div.passende-themen a
{
  margin: 2em 0 1em 0;
  padding: 0.2em;
  text-decoration: none;
}

div.passende-themen a:hover
{
  color: #000000;
  background-color: #eee;
}





/* Modify */


div.modify
{
  margin: -2em 0 4.5em 0; 
  padding: 1px 0 0 0;
  font-size: 90%;
  border: 1px solid #ddd;
  border-top: none;
}


div.modify-info
{
  padding: 0.5em 6px;
  border-top: 1px solid #ddd;
}



div.modify-info span, div.modify-edit span, div.modify-delete span
{
  padding: 0.2em 4px;
}



div.modify-edit
{
  padding: 1px 0 1px 0;
  background-color: #CDFFCD;
  border-top: 1px dashed #bbb;
}


div.modify-delete
{
  padding: 1px 0 1px 0;
  background-color: #FF9595;
  border-top: 1px dashed #bbb;
}



#content div.modify-edit ul, #content div.modify-delete ul
{
  margin: 0 6px;
}


#content div.modify-edit ul li, #content div.modify-delete ul li
{
  display: inline;
  line-height: 175%;
}






div.modify-edit a
{
  padding: 0.2em 4px;
  color: #000;
}


div.modify-edit a:hover
{
  color: #000;
  background-color: #fff;
}



div.modify-delete a
{
  padding: 0.2em 4px;
  color: #000;
}


div.modify-delete a:hover
{
  color: #cc0000;
  background-color: #fff;
}




/* tests  */



.crumb {
  font-size: 9px;
}

p.tar-r iframe {
  margin-bottom: -6px;
}