/* 
	Print-Stylesheet fuer www.guxme.de

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




	/*	tags	*/




		/* todo beachten */





body
{
  padding: 0;
  font-size: 0.75em;
  text-align: center;
}


h4.featuring
{
  padding: 0.25em 0.45em;
  border-bottom: 1px solid #000;
  background-color: #fff; 
}



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


ol li
{
  padding: 0.2em 0;
}


a
{
  color: #000;
  text-decoration: underline;
}










/*	Seitenaufbau	*/




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


#logo
{
  float: none;
  width: auto;
  margin: 3em 0 1.0em 0;
  text-align: center;
  display: none;
}

#haupt-nav
{
  display: none;
}

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


#inner
{
  background-image: none;
border-bottom: 1px solid #bbb;
}


#trail
{
  margin: 0 1px 0.75em 1px;
  padding: 0.25em 20px;

  background-color: #fff;
  background-image: none;

  border: 1px solid #bbb;

  display: none;
}


#main
{
  margin: 0;
  padding: 0;

  width: auto;
}



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




#fuss
{
  margin: 1em;
  font-size: 90%;
  width: auto;
  display: none;
}



#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%; */
  width: auto;
  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
{
  text-align: left;
}


p.tar-r, div.ta-r, td.ta-r, span.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	*/







#trail div
{
  padding: 0.25em;
}





	/*	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, div.reiter a:hover
{
  background-color: #EBEBEB;
  background-image: url(../images/bg_reiter.gif);
  text-decoration: none;
}



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




.eintrag-gage
{
  display: none;
}



.eintrag-referenzen
{
  display: none;
}


.eintrag-news
{
  display: none;
}


.eintrag-fotos
{
  display: none;
}


.eintrag-fehler
{
  display: none;
}







div.sublinks, div.sublinks-fuss
{
  background-color: #eee;
}


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;
}








	/*	Einträge	- ENDE -		*/








div.binnen-nav-header
{
  margin: 0 0 1em 0;
}


#binnen-nav
{
  display: none;
}







	/*	Sortierung Suchergebnis		*/



div#sort-menu
{
  display: none;
}






	/*	rubrikenuebersicht	*/



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












	/* Formulare	*/











		/* in den lightbox pop-ups	*/




body#pop-up
{
  padding: 0;

  border: none;

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

}






/* Banner-Rotation	*/


div.banner-rotation
{
  display: none;
}






/* css-tooltip 081019	- START - 	*/



a.css-tooltip span.tt-content
{
  display: block;
}


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;
}




/* css-tooltip 081019	- ENDE - 	*/




























/* Buttons, wie 'soll ihr eintrag auch hier erscheinen ...'	*/

.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;
}



































		/* spezielle Auszeichnungen	- START -	*/



/*	Anfragen	*/




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%;
}







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







		/* 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;
}















fieldset div.w50w50
{
  width: 245px;
}






/* 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;

}













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 */









/* werbeseite */


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;
}





/* 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
{
  border: 1px solid #D63333;
  color: #D63333;
  background-color: #fff;
  filter: alpha(opacity=100);
  opacity: 1.0;
  -moz-opacity: 1.0;
}


div#servermessage, div.servermessage
{
  border: 1px solid #339933;
  color: #339933;
}






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

}





/* Modify */



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;
}





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;
}














#meta-navigation, #kopf-zugang
{
  display: none;

}


#links, #rechts
{
  display: none;
}

#content
{
  float: none;
}