
/* 
	Stylesheet für Klingel Consult
	Ulrich Grundstein | info@buero-bochum.de | 08/2006
*/



body
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  color: #000000;
  background-color: #FFFFFF;
  background-image: url("../images/bg.gif");
}






		/* 		tags		*/



div
{
  margin: 0;
  padding: 0;
}


h1
{
  font-size: 1.0em;
  margin-top: 0;
  margin-bottom: 1.75em;
}


h2
{
  font-size: 1.0em;
  margin-top: 1.75em;
  margin-bottom: -1.0em;
}


p
{
  margin: 1.0em 0;
}


img
{
  display: inline;
}


#content ul li
{
/* Hides from IE-mac \*/

  height: 1%;

/* End hide from IE-mac */
}


ul
{
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  margin-top: 1.25em;
  margin-bottom: 1em;
}


li
{
  margin-left: 0;
  margin-top: 0.4em; 
  margin-bottom: 0.4em;
  padding-left: 14px;
  background-image: url("../images/dot_li.gif");
  background-position: 0 0.3em;
  background-repeat: no-repeat;
}


ul ul
{
  margin-left: 2px;
  padding-left: 0;
  margin-top: 0.5em;
  margin-bottom: 0;
}


ul ul li
{
  margin-left: 0;
  padding-left: 10px;
  margin-top: 0.5em; 
  margin-bottom: 0;
  background-image: url("../images/dot_li_li.gif");
  background-position: 0 0.3em;
  background-repeat: no-repeat;
}


table
{
  font-size: 100%;
  border: none;
}


a, a:link
{
  text-decoration: none;
  color: #7F0817;
  font-weight: bold;
}


a:active
{
  color: #000000;
}







		/* 		ids		*/



#nav, #content, #kopf, #content-home
{
  font-size: 60%;
  line-height: 180%;
}


#kopf
{
  width: 620px;
  height: 80px;
  position: relative;
  background-image: url("../images/bg_head.jpg");
  background-repeat: no-repeat;
  text-align: center;
}


#logo
{
  padding-top: 15px;
}


#sprache
{
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 100px;
  padding-right: 14px;
  text-align: right;
}


#linie-oben img
{
  display: block;
}


#main
{
  margin-top: 0;
  width: 680px;
  margin-left: 100px;
}


#content
{
  float: left;
  width: 421px;
  margin-top: 45px;
  margin-right: 100px;
  position: relative;
}


#nav
{
  float: left;
  width: 158px;
}




		/* 		allgemeine classes		*/



.clb
{
  clear: both;
  height: 1em;
}





		/* 		tags in ids		*/


#kopf a
{
  color: #000000;
  font-weight: normal;
}


#kopf a:hover
{
  color: #7F0817;
}


#logo a img
{
  border: none;
}






		/* 	Navigation 	*/



	/* 1. Ebene */


#nav ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}


#nav li
{
  margin-left: 0;
  margin-right: 7px;
  margin-top: 1.25em;
  margin-bottom: 0.5em;

  padding-left: 14px;
  padding-right: 8px;

  background-image: none;

  line-height: 120%;
}



#nav li.prim-chosen-sub
{
  margin-top: 0;
  padding-top: 0.6em;
  border-top: 1px solid #9A9A9A;
  background-color: #FFFFFF;
}



	/* 2. Ebene */


#nav ul ul
{
  margin: 0.75em -8px -0.5em -14px;
  padding: 0;

  border-bottom: 1px solid #9A9A9A;
  background-color: #FFFFFF;

  font-weight: normal;
}




#nav ul ul li
{
  margin: 0.25em 0 0 13px;

  padding: 0.25em 16px 0.75em 14px;

  background-image: url("../images/nav_dot.gif");
  background-position: 0 0.5em;
}




	/* 3. Ebene */


#nav ul ul ul
{
  border-bottom: none;
  background-color: #FFFFFF;
}




#nav ul ul ul li
{
  padding-bottom: 4px;
}




	/* Links */


#nav a
{
  font-weight: normal;
  color: #000000;
}


#nav a:visited
{
  color: #000000;
}


#nav a:hover
{
  color: #7F0817;
}





#nav li.prim-chosen a, #nav li.prim-chosen a:hover, #nav li.prim-chosen-sub a, #nav li.prim-chosen-sub a:hover
{
  color: #000000;
}


#nav li.prim-chosen ul li a, #nav li.prim-chosen-sub ul li a
{
  font-weight: normal;
}


#nav li.prim-chosen ul li a:hover, #nav li.prim-chosen-sub ul li a:hover
{
  font-weight: normal;
  color: #7F0817;
}


#nav ul ul li.sek-chosen a, #nav ul ul li.sek-chosen a:hover
{
  color: #000000;
}


#nav ul ul ul li.tert-chosen a, #nav ul ul ul li.tert-chosen a:hover
{
  color: #000000;
}






		/* 	Navigation - ENDE	*/






	/* Bild-Positionierung */ 


div.bild-links
{
  float: left;

/* Hides from IE-mac \*/

  position: relative;

/* End hide from IE-mac */

  width: 296px;
  margin: 0.5em 16px 0 -100px;
  background-color: #FFFFFF;
}


div.bild-links img
{
  border: 1px solid #9A9A9A;
  border-left: none;
  display: block;
}


td.bu-links
{
  padding: 4px 17px 4px 12px;
  font-weight: bold;
  line-height: 150%;
}


td.bu-linie-links
{
  height: 1px;
  background-color: #9A9A9A;
  background-image: url("../images/bu_linie_links.gif");
  background-position: right;
  background-repeat: no-repeat;
}


td.bu-linie-links img
{
  border: none;
  display: block;
}





div.bild-rechts
{
  float: right;

/* Hides from IE-mac \*/

  position: relative;

/* End hide from IE-mac */

  width: 296px;
  margin: 0.5em -99px 0 16px;
  text-align: right;
}


div.bild-rechts img
{
  border: 1px solid #9A9A9A;
  border-right: none;
  display: block;
}


div.bild-rechts table
{
  float: right;
  text-align: right;
}


td.bu-rechts
{
  padding: 4px 12px 4px 17px;
  text-align: right;
  font-weight: bold;
  line-height: 150%;
}


td.bu-linie-rechts
{
  height: 1px;
  background-color: #9A9A9A;
  background-image: url("../images/bu_linie_rechts.gif");
  background-position: left;
  background-repeat: no-repeat;
}


td.bu-linie-rechts img
{
  border: none;
  display: block;
}





	/* Thumbnails */ 


div.thumbnail
{
  margin: 1.0em 0 2.0em 0;
}


div.thumbnail img
{
  float: left;
  display: inline;
  border: 1px solid #9A9A9A;
  margin-right: 8px;
  margin-top: 0.3em;
}



	/* Startseite */ 


#main-home
{
  margin-top: 0;
  width: 620px;
  margin-left: 0px;
}


#content-home
{
  width: 530px;
  margin-top: 45px;
  margin-left: 45px;
  text-align: center;
}


.home-links
{
  float: left;
  width: 236px;
  margin-right: 53px;
  text-align: left;
}


.home-rechts
{
  float: left;
  width: 236px;
  text-align: left;
}


#zitat
{
  display: none;

/* Hides from IE-mac \*/

  display: block;

/* End hide from IE-mac */

  width: 90%;
  font-size: 165%;
  direction: rtl;
  color: #000000;
  margin: 1.25em;
  text-align: center;
}
