/*
== ==========================================================  
== CSS Datei fuer Template 'CITS'
== ==========================================================
== Company:			  Triumvirat IT Solutions
== Author:			  Guido Garz
== Homepage:		  http://www.triumvirat-it.de
== ----------------------------------------------------------
== Last update:		30.06.2010
== ==========================================================
*/


* { 
	margin: 0px;
	padding: 0px;
}


body {
  background: url('images/kachel.gif');
  text-align: center;
  overflow-x:hidden;
  font-family: Arial, Verdana, Courier;
  font-size: 12px;
}

/*
== ==========================================================
== LAYOUT
== ==========================================================
*/

#leute99 {
  background: url('images/leute.png') no-repeat; 
  width: 1330px; 
  margin: auto;
}

#wrapper {
  background: url('images/mainbg.png') repeat-y;
  width: 1006px;
  height: auto;
  margin: auto;
  border: 0px solid red;
}

#head {
  width: 982px;
  height: 226px;
  border: 0px solid blue;
  margin: auto;
}

#navigation {
  background: url('images/navibg.png') repeat-y;
  width: 982px;
  height: 132px;
  margin: auto;
  text-align: left;
  border: 0px solid red;
}

#leftnavidiv {
  float: left; 
  border: 0px solid green; 
  height: 116px; 
  width: 730px; 
  padding-top: 15px; 
  padding-left: 15px;
}

#content {
  margin-left: 10px;
  width: 717px;
  border: 0px solid red;
  float: left;
  padding: 15px;
  text-align: left;
}

#pcontent1 {
  float: left; 
  width: 235px; 
  height: 130px; 
  border: 0px solid red; 
 /* padding-top: 15px; 
  padding-left: 15px;
  padding-right: 15px; */
}

#pcontent2 {
  float: left; 
  width: 214px; 
  border: 0px solid blue; 
  padding-top: 15px; 
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

#footer {
  background: url('images/footer.png') repeat-x;
  height: 138px;
  width: 982px;
  margin: auto;
}


/*
== ==========================================================
== ÜBERSCHRIFTEN
== ==========================================================
*/

/* Hauptüberschrift soll mit Icon erscheinen */
h1 {
  font-size: 16px;
  height: 25px;
  background: url('images/point.png') no-repeat;
  padding-left: 40px;
}

h3 { 
  font-size: 12px; 
  /* background: url('images/pointsmall.png') no-repeat; */
  padding-left: 36px;
}


h2 { font-size: 14px; }

h4 { font-size: 10px; }
h5 { font-size: 8px; }


/*
== ==========================================================
== NAVIGATION
== ==========================================================
*/

/* Liste ohne Listenpunkt darstellen */
#leftnavidiv ul li { list-style-type:none; }
#abstandrightnavi  { float: left; padding-right: 35px; }

#abstandrightnavifooter { 
  float: left; 
  padding-right: 25px; 
  padding-top: 10px;
  text-transform: uppercase;
}

#abstandrightnavifooter ul li { list-style-type: none; }

div#abstandrightnavifooter a:link, div#abstandrightnavifooter a:visited, div#abstandrightnavifooter a:active, div#abstandrightnavifooter a:hover { font-size: 10px; }



/* Erste Menüpunkte anders formatieren */
.p1, .p4, .p11, .p14 {
  font-face: Arial, Verdana;
  color: #58585A;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  cursor: hand;
}

/* Untermenüpunkte */
.p2, .p3, .p5, .p6, .p7, .p8, .p9, .p10, .p12, .p13, .p15, .p16, .p17, .p19, .p21 , .p38 {
  font-face: Arial, Verdana;
  font-size: 12px;
  text-decoration: none;
  color: #9F9FA1;
  cursor: hand;
}

/* Untermenüpunkte HOVER */
a.p2:hover, a.p3:hover, a.p5:hover, a.p6:hover, a.p7:hover, a.p8:hover, a.p9:hover, a.p10:hover, a.p12:hover, a.p13:hover, a.p15:hover, a.p16:hover, a.p17:hover, a.p19:hover, a.p21:hover  , .p38:hover{ 
  color: #000000; 
  text-decoration: underline;
}

/* Aktueller Menüpunkt */
.menu-current { 
  color: #000000; 
  background: url('images/navi_link_background.png') repeat-x;
}

/*
== ==========================================================
== SONSTIGES
== ==========================================================
*/

/* Links im Haupttext */
a.contentlink:link, a.contentlink:active, a.contentlink:visited { color: #9F9FA1; text-decoration: none;}
a.contentlink:hover { color: #000; text-decoration: underline; } 

/* Unterhalb des Maintextes.. */
a.weiterempfehlen:link, a.weiterempfehlen:visited {
  color: #9F9FA1;
  text-decoration: none;
}

a.weiterempfehlen:hover {
  color: #000000;
  text-decoration: underline;
}


p {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.5;
}

/* Listen */
div#content ul { list-style-type: none;}

div#content  li { 
  background: url('images/pointsmall.png'); /* png ist 10x7 px */
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-top: 5px;
	padding-left: 20px;
	margin-left: 35px;
	line-height: 1.7;
}


.post-title a:link, .post-title a:visited, .post-title a:active {
  font-size: 16px;
  font-weight: bold;
  color: #484546;
  text-decoration: none;
}

.post-title a:hover { color: #000000; text-decoration: underline; }

/* weiterlesen - Link */
.readmore { color: #FFCC00; text-decoration: none; font-weight: bold; }
.readmore:hover { color: #000000; text-decoration: underline; font-weight: bold; }

/* Linie für rechte Spalte */
.pcontenthr {
  width: 200px;
  height: 1px;
  color: #E1DDCE;
  background-color: #E1DDCE;
  border: none;
  text-align: center;
}

/* Standardlinie */
hr {
  height: 1px;
  color: #E1DDCE;
  background-color: #E1DDCE;
  border: none;
}

object { outline: none; }

/*
== ==========================================================
== FOOTER-BEREICHE
== ==========================================================
*/


#footericons {
  font-face: Arial, Verdana;
  font-size: 10px;
  color: #9F9FA1;
  text-align: left;
}


#footercopy {
  text-align: left; 
  height: 20px; 
  padding-left: 20px; 
  padding-top: 15px;
  color: #9F9FA1;
  font-face: Arial, Verdana;
  font-size: 10px;
  border: 0px solid red; 
  /* text-transform: uppercase; */
}

/* Links im Footerbereich */
a.footerlink:link {
  color: #9F9FA1;
  text-decoration: none;
}

a.footerlink:hover { text-decoration: underline; color: #000000; }
a.footerlink:active { color: #9F9FA1; text-decoration: none; }
a.footerlink:visited { color: #9F9FA1; text-decoration: none; }