/*
 +----------------------------------------------------------------------+
 | CSS level 2
 +----------------------------------------------------------------------+
 | W3C Specification
 | http://www.w3.org/TR/REC-CSS2/
 +----------------------------------------------------------------------+
 | Default Style Sheets for goeresli
 +----------------------------------------------------------------------+
 | Author: Ali Imran Goeresli
 +----------------------------------------------------------------------+
 | Verwendete Farben:
 |
 | #ffffff White;
 | #ffcc00 Orange;
 | #000000 black;
 | #f5f5f5 grey;
 +----------------------------------------------------------------------+
 | Standard Attribute:
 |  Body
 |   hr
 |   H3, H5, H6
 |   table
 |    th (table head)
 |    tr (table row)
 |     td (table cell)
 | 
 |   a: link, visited, hover
 +----------------------------------------------------------------------+
*/

/*
 +----------------------------------------------------------------------+
 | Standard Attribute
 +----------------------------------------------------------------------+
*/

BODY {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background:  #ffffff;
  color:       #cccc00;
  margin:      0em solid #ccccc;;
  border:      0em;
  border-top:  0.1em solid #ffffff;
  vertical-align: top;
  text-align: left;
}

HR {
}
h1 {
	padding-left:   20px;
	margin-top:  15px;
	margin-bottom: 10px;
	font-size:   18pt;
	font-weight: 800;
    color: 	     #666666;
}

h2  {
	margin-top: 	10px ;
	margin-bottom: 	30px;
	padding-left:   20px;
	font-size: 		14pt;
	font-weight:	200;
	background: 	#ff6633;
    background: 	#CCCCFF;
    background: 	#ffffff;
    color: 			#ffffff;
    color: 			#9999FF;
}


h3 {
	padding-left:   10px;
	margin-top: 1em;
	margin-bottom: .5em;
	font-size: small;
	font-weight: bold; 
}

h4 {
	font-size: small; 
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .5em;
	margin-right: 1em;
}

H5, H6  {
  font-family:  Helvetica, Verdana, Arial,sans-serif;
  font-size:  xx-small;
}

p {
	font-size: small; 
	margin-top:      .5em;
	margin-bottom:  1.5em;
	margin-right:   1em;
}    


table, td, th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #000000;
  text-align: left;
  vertical-align: top;

  margin-top:     0em;
  margin-left:    0em solid red;
  margin-right:   0em;
  margin-bottom:  0em;
  border-top:     1em;
  border-left:    0em solid #ffffff;
  border-right:   0em solid #ffffff;
  border-bottom:  0em;
  padding-top:    0em;
  padding-left:   0em;
  padding-right:  0em;
  padding-bottom: 0em;
  spacing: 0em;
}

th {
  text-align: left;
}


*.ttyp1 {
    background: 	#f7f7ff;
    color: 			#000000;

    margin-top: 	0px;
    margin-right: 	0px;
    margin-left: 	2px;
    margin-bottom: 	0px;

    padding-top: 	0px;
    padding-bottom: 0px;
    padding-left: 	5px;
    padding-right: 	0px;
    
  border-top:     0.1em solid red;
  border-left:    0.1em solid red;
  border-right:   0.1em solid red;
  border-bottom:  0.1em solid red;
  spacing: 1em;

}

img {
  margin:      0em;
  border:      2em;
}

A:link {
  color: #00CC00;
  text-decoration: underline;
}

A:visited {
  color: #00CC00;
  text-decoration: underline;
}
A:hover {
  color: #00CC00;
  text-decoration: underline;
}

/*
 +----------------------------------------------------------------------+
 | Menue Attribute fuer Links
 +----------------------------------------------------------------------+
*/
.wahl:link {
  width:       9em;
  max-width:   10em;
  background-image:url(/IFP/img.sys/img.sys/logo_hg_top.gif);   
  background: #CCCCFF;
  color: #00CC00;
  color: #333399;
  font-weight: 600;
  text-decoration:none;
  text-decoration: underline;
}
.wahl:visited {
  width:       9em;
  max-width:   10em;
  background-image:url(/IFP/img.sys/logo_hg_top.gif);   
  background: #CCCCFF;
  color: #00CC00;
  color: #333399;
  font-weight: 600;
  text-decoration:none;
  text-decoration: underline;
}
.wahl:hover {
  width:       9em;
  max-width:   10em;
  background:  #ff6633;
  background: #333399;
  color: #ffffff;
  font-weight: 600;
  white-space:nowrap;
  text-decoration: underline;
  text-decoration:none;
}

/*
 +----------------------------------------------------------------------+
 | Menue Attribute fuer Links light wahl
 +----------------------------------------------------------------------+
*/

.liWahl:link {
  width:       9em;
  max-width:   10em;
  background-image:url(/IFP/img.sys/img.sys/logo_hg_top.gif);   
  background: #CCCCFF;
  color: #00CC00;
  color: #666666;
  font-weight: 600;
  text-decoration:none;
  text-decoration: underline;
}
.liWahl:visited {
  width:       9em;
  max-width:   10em;
  background-image:url(/IFP/img.sys/logo_hg_top.gif);   
  background: #CCCCFF;
  color: #00CC00;
  color: #666666;
  font-weight: 600;
  text-decoration:none;
  text-decoration: underline;
}
.liWahl:hover {
  width:       9em;
  max-width:   10em;
  background:  #ff6633;
  background: #666666;
  color: #ffffff;
  font-weight: 600;
  white-space:nowrap;
  text-decoration: underline;
  text-decoration:none;
}

.zurueck:link {
  width:       9em;
  max-width:   10em;
  background:  #ffffff;
  color: #000000;
  text-decoration: underline;
  text-decoration:none;
}

.zurueck:visited {
  width:       9em;
  max-width:   10em;
  background:  #ffffff;
  color: #000000;
  text-decoration: underline;
  text-decoration:none;
}

.zurueck:hover {
  width:       9em;
  max-width:   10em;
  background:  #ff6633;
  color: #ffffff;
  text-decoration: underline;
  text-decoration:none;
}


/*
 +----------------------------------------------------------------------+
 | Frameset I (Aeusserer Rahmen)
 +----------------------------------------------------------------------+
*/

.BorderL {
/* Formatiert den linken und rechten Seitenrand
*/
  font-family: Impact ,Verdana, Arial, Helvetica, sans-serif;
  font-size:   xx-small;
  width:       40px;
  max-width:   40px;
  color:       #000000;
  background:  #CCCCCC;
  background:  #ffffff;
}

.BorderR {
/* Formatiert den linken und rechten Seitenrand
*/
  font-family: Impact ,Verdana, Arial, Helvetica, sans-serif;
  font-size:   xx-small;
  width:       0px;
  max-width:   0px;
  color:       #000000;
  background:  #CCCCCC;
  background:  #ffffff;
}

.kopf_logo {
/* Formatiert die Kopfzeile mit dem Logo
  background-repeat: no-repeat;
  background-image:url(/IFP/img.sys/logo_hg_top.gif);   
  background-repeat: repeat-x;
*/
  background:  #ffffff;
  text-align: right;
  border:     0em solid red;
  padding-top:    0em;
  margin-top:     0em;
}
.kopf_logo_main {
  border:     0em solid red;
  text-align: right;
  padding-top:    0em;
  margin-top:     0em;
  width: 600px;
}

.kopf_text_main {
  font-family: Helvetica, Impact ,Verdana, Arial,  sans-serif;
  font-size:   medium;
  text-align: left;
  border:     0em solid red;
  padding-top:    0em;
  margin-top:     0em;
  width: 800px;
}

.hgFarbeGrau {
/* Graue Linie der 2. Zeile
*/
  background:  #CCCCCC;
  border:     0em solid red;
  padding-top:    0em;
  margin-top:     0em;
}

*.Main_Menue {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   12pt;
  font-weight: 800;
  background:  #CCCCFF;
  text-align: center;
  color:		#ff6633; 
  color:		#00cc00; 
  color:		#9900FF; 
  margin-top:     0em;
  margin-left:    0em solid red;
  margin-right:   0em;
  margin-bottom:  0em;
  border-top:     0em;
  border-left:    0em solid #ffffff;
  border-right:   0em solid #ffffff;
  border-bottom:  0em;
  padding-top:    0em;
  padding-left:   0em;
  padding-right:  0em;
  padding-bottom: 0em;
 
}

*.Main_Bread {
  background:  #00cc00;
  background:  #CCCCFF;
  background:  #6666CC;
  text-align: left;
  margin-top:     0em;
  margin-left:    0em solid red;
  margin-right:   0em;
  margin-bottom:  0em;
  border-top:     0em;
  border-left:    0em solid #ffffff;
  border-right:   0em solid #ffffff;
  border-bottom:  .2em solid #ffffff;
  padding-top:    .5em;
  padding-left:   1em;
  padding-right:  0em;
  padding-bottom: .5em;
  
}

*.menue_bread {
  background:  #00CC00;
  text-align: center;
  margin-top:     0em;
  margin-left:    0em solid red;
  margin-right:   0em;
  margin-bottom:  0em;
  border-top:     0em;
  border-left:    0em solid #ffffff;
  border-right:   0em solid #ffffff;
  border-bottom:  0em solid #ffffff;
  padding-top:    0em;
  padding-left:   0em;
  padding-right:  0em;
  padding-bottom: 0em;
  
}

*.menue_top {
  font-family:  sans-serif, Helvetica, Verdana, Arial, Impact;
  font-size:   small;
  text-align:  left;

  width:       150px;
  max-width:   160px;

  color:       #ffcc00;
  background:  #CCCCFF;

  margin-top:     0em;
  margin-left:    0em solid red;
  margin-right:   0em;
  margin-bottom:  0em;
  border-top:     0em;
  border-left:    1em solid #CCCCFF;
  border-right:   0em solid #cccccc;
  border-bottom:  0em;
  padding-top:    0em;
  padding-left:   0em;
  padding-right:  0em;
  padding-bottom: 0em;
}

*.menue_sub {
  font-family:  Arial, Verdana, Impact ,sans-serif, Helvetica ;
  font-size:   small;
  text-align:  left;

  width:       11em;
  max-width:   12em;

  color:       #ffcc00;
  background:  #CCCCFF;

  margin-top:     0em;
  margin-left:    0em solid red;
  margin-right:   0em;
  margin-bottom:  0em;
  border-top:     0em;
  border-left:    1em solid #CCCCFF;
  border-right:   0em solid #cccccc;
  border-bottom:  0em;
  padding-top:    0em;
  padding-left:   0.8em;
  padding-right:  0em;
  padding-bottom: 0em;
}

*.kompetenz {
  font-family: Verdana, Impact ,sans-serif, Helvetica,  Arial ;
  font-size:   30pt;
  font-weight: 800;
  text-align:  right;
  color: #6666CC;
  margin-top:     1em;
  margin-right:  250px;
}

*.leistung {
  font-family: Verdana, Arial, Helvetica, Impact ,sans-serif  ;
  font-size:   12pt;
  font-weight: 600;
  text-align:  right;
  color: #9999CC;
  margin-top:     2em;
  margin-right:   250px;
}

*.projekte {
	padding-left:   20px;
	padding-right:  200px;
}

*.BildText {
	padding-right:  180px;
}
*.BBildText {
	padding-right:  230px;
	padding-left:   280px;
}

.bolderA{
  color: #6666CC;
  font-weight: 600;
}

.BildRand{
  margin-top:     4px;
  margin-right:   20px;
  margin-left:    20px;
  margin-bottom:  20px;
}
.BildTitel {
  font-family: Verdana, Arial, Helvetica, Impact ,sans-serif  ;
  font-size:   8pt;
  font-weight: 200;
  text-align:  right;
  color: #9999CC;
}
Li {
  font-size:   10pt;

}

.kontakt {
  font-family: Verdana, Arial, Helvetica, Impact ,sans-serif  ;
  font-size:   10pt;
}

.kontaktTH {
  font-family: Verdana, Arial, Helvetica, Impact ,sans-serif  ;
  font-size:   10pt;
  font-weight: 800;
  text-align:  left;
  width: 80px;
}

.anfahrt {
	padding-left:   25px;
	padding-right:  25px;
}
