/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
	color: #000;
	background: #FFF;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	font-size: 11px;
  /*text-align: center;*/
}

a { text-decoration: none;}

/*a:link    { color: #FF1913; #00429C}*/
a:link    { color: #00429C;}
a:visited { color: #00429C;}
a:focus, a:hover, a:active { color: #FF1913;}



img {
	padding: 0;
	margin: 0;
	border: 0;
}



ul  {
 margin: 0;
padding: 0;
list-style-type: none;
 /*padding: 5px 5px 5px 20px; */

}

ul a { text-decoration: none;}



/* Schriftformatierung
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size: 11px;
	color: #666;
	line-height: 17px;
	/*line-height: 17px;*/	/*zeilenabstand inhaltstext*/
}


.markiert{
/*font-style:italic;*/
/*font-weight:bold;*/

/*color:#FF9900;*/
/*color:#fff;
background-color:#ccc; #FF9900*/
/*font-variant:small-caps;*/
}

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}



/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen {
 position: relative;
    width: 1016px;
	height:550px;
	margin-left:20px;
	margin-top:50px;
 /*background: #fff url(images/schatten.gif) 0 0  no-repeat;*/
 background: #fff url(images/schatten.gif) 0 0  no-repeat;

/*border: 1px solid #999;*/

  /*margin: 0 auto;*/
  text-align: left;
}

* html #rahmen {
  width: 1018px;    /* fuer IE 5 und 5.5 */
  wid\th: 1016px;   /* fuer IE 6 */
  
    height:550px;   /* fuer IE 5 und 5.5 */
  hei\ght:550px;   /* fuer IE 6 */

}

/* header
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#header {
	position: relative;
	float: left;
	width: 1006px;
	height: 32px;
	/*background-color: #FFFCCC;*/
 /*border: 1px solid #339900;*/
 }
 
 
/* Kopf - Menüpunkte linke Spalte
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#kopf {
	position: relative;
	float: left;
	width: 102px;
	height: 448px;
	text-align:left;
	/*background-color: #FFFFCC;*/
 /*border: 1px solid #339900;*/
 }
 
 #kopf ul  {
 position: relative;
 top:56px;
/*float: left;*/
 width: 102px; 
 /*border: 1px solid #FF0000;*/
}

#kopf li{
/*display:block;*/
 width: 102px; 
/*border: 1px solid #ccc;*/
float: left; 
/*max-width : 90px; *//* Für Opera 6*/
}

 /* inhalt schatten
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#inhalt_schatten{
 position: relative;
    width: 996px;
	margin: 0px;
 /*background: #fff; */
/*border: 1px solid #999;*/

  /*margin: 0 auto;*/
  text-align: left;
}



 /* inhalt
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt {
	position: relative;
	float: left;
	margin: 0;
	width: 896px;
	text-align: left;
	background: url(images/hg-linie.gif) 0 0  no-repeat;
	background-color:#FFFFFF;
	border: 1px solid #ccc; 
	height: 448px; /*420px;*/
	padding: 0;

}

* html #inhalt {
  width: 898px;    /* fuer IE 5 und 5.5 */
  wid\th: 896px;   /* fuer IE 6 */
  
    height:450px;    /* fuer IE 5 und 5.5 */
  hei\ght:448px;   /* fuer IE 6 */
}

#inhalt.knowhow {
background: url(images/hg-knowhow.gif) 0 0  no-repeat;

}

 /* inhalt grafik
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt_grafik {
	position: relative;
	float: left;
	margin: 0;
	width: 448px;
	text-align: left;
	background-color:#fff;
	height: 448px; /*420px;*/
	padding: 0;

}

#inhalt_grafik.content01 {
background: url(images/img-2a.gif) 0 0  no-repeat;

}

 /* inhalt text
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#inhalt_text { /*äussere Testrahmen*/
	position: relative;
	float: left;
	margin: 0;
	width: 448px;
	text-align: left;
	/*background-color:#fff;*/
	height: 448px; /*420px;*/
	padding: 0;

}

#inhalt_text_scroll { /*äussere Testrahmen*/
	position: relative;
	float: left;
	margin: 0;
	width: 448px;
	text-align: left;
	/*background-color:#fff;*/
	height: 448px; /*420px;*/
	padding: 0;

}

#text {
	position: relative;
	top:56px;
	left:56px;
	margin: 0;
	  width: 340px;
	text-align: left;
	/*overflow:auto;*/
	height:370px;
	 
	/*background-color:#ccc;*/
	/*height: 400px; 420px;*/
	padding: 0;

}

#text_scroll {
	position: relative;
	top:56px;
	left:56px;
	margin: 0;
	  width: 340px;
	text-align: left;
	overflow:auto;
	height:370px;
	 
	/*background-color:#ccc;*/
	/*height: 400px; 420px;*/
	padding: 0;

}

#text p{ /*Abstand Absätze*/
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0;

}

#headline{  /*Headline rechts 2 Zeilen*/

 display: block;
 /*margin-top:0px;
 margin-bottom:0;*/
 width:350px;
 height: 50px;

 /*background: url(images/hd-01.gif) 0 0  no-repeat;*/

	font-size: 11px
	/*
	 border: 1px solid;
	line-height: 20px;*/
}



#headline_02a{  /*Headline rechts 2 Zeilen E-Learning*/

 display: block;
 width:350px;
 height: 50px;
background: url(images/hd-02a.gif) 0 0  no-repeat;
font-size: 11px

}

#headline_02b{  /*Headline rechts 2 Zeilen E-Learning*/

 display: block;
 width:350px;
 height: 20px;
background: url(images/hd-02b.gif) 0 0  no-repeat;
font-size: 11px

}

#headline_06c{  /*Headline rechts 2 Zeilen Impressum*/

 display: block;
 width:350px;
 height: 20px;
background: url(images/hd-06c.gif) 0 0  no-repeat;
font-size: 11px

}

#headline_01{  /*Headline rechts eine Zeile*/

 display: block;
 font-size: 11px
 /*margin-top:0px;
 margin-bottom:0;*/
 width:350px;
 height: 50px;

background: url(images/hd-01.gif) 0 0  no-repeat;

	font-size: 11px

}
#headline_06{  /*Headline rechts eine Zeile  Kontakt*/

 display: block;
 font-size: 11px;
 width:350px;
 height: 20px;
background: url(images/hd-06.gif) 0 0  no-repeat;
font-size: 11px
}

#headline_05{  /*Headline rechts eine Zeile  Referenzen*/
 display: block;
 font-size: 11px;
 width:350px;
 height: 50px;
background: url(images/hd-05.gif) 0 0  no-repeat;
font-size: 11px

}



#headline_02a h2, #headline_02b h2, #headline_01 h2, #headline_05 h2, #headline_06 h2, #headline_06c h2 {  /*Headline wird versteckt*/
 display: none;
}

#headline.hd{  /*Headline Profil*/
background: url(images/hd-01.gif) 0 0  no-repeat;

}
#headline.hd_2a{  /*Headline E-Learning*/
background: url(images/hd-02a.gif) 0 0  no-repeat !important;
}

#headline_01.hd_2b{  /*Headline Web*/
background: url(images/hd-02b.gif) 0 0  no-repeat;
}

#headline.hd_5{  /*Headline Referenzen*/
background: url(images/hd-05.gif) 0 0  no-repeat;
}

#headline_01.hd_6{  /*Headline Kontakt*/
background: url(images/hd-06.gif) 0 0  no-repeat;
}

#headline_01.hd_6c{  /*Headline Impressum*/
background: url(images/hd-06c.gif) 0 0  no-repeat;
}



 /* inhalt knowhow
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#text_breit {
	position: relative;
	top:45px; /*56px*/
	/*left:0px;*/
	left:548px;
	margin: 0;
	width: 248px; /*896px*/
	text-align: left;
	 
	/*background-color:#ccc;*/
	/*height: 400px; 420px;*/
	padding: 0;

}

#spalte {
	position: relative;
	float:left;
left:120px;
	margin: 0;
	width: 250px;
	text-align: left;
	 
	/*background-color:#ccc;*/
	/*height: 400px; 420px;*/
	padding: 0;

}

#spalte.sp_01 {

	width: 250px;

	height: 140px; /*420px;*/


}

#spalte div{  /*Know-how zusätzliches Div für headline;*/
display:block;

/*float:left;
	margin: 0;
padding:0;*/
width:202px;
height:32px; /* height: 60px;*/
/*border:1px solid #ccc;*/
}

#spalte h2{  
/*display:none;*/
}
#spalte p{  /* Abstand von Headline*/
margin-top:5px;
}

#spalte div.hd_3a{
background: url(images/hd-03a-m.gif) 0 0  no-repeat;
}

#spalte div.hd_3b{
background: url(images/hd-03b-m.gif) 0 0  no-repeat;
}

#spalte div.hd_3c{
background: url(images/hd-03c-m.gif) 0 0  no-repeat;
}

div.s1, div.s2{
display:block;

float:left;
	/*margin: 0;
padding:0;*/
width:168px;
}

/* Kontaktformular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

label {
display:block;
width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

input, textarea{ 
display: block;
padding: 3px;
width: 260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00429C;
	border: 1px solid;
	border-color: #00429C;

	margin-top: 8px;
	margin-bottom: 8px;
}

textarea{ 
	overflow: auto;

}

.border{ 
	border: 0;
}

.submit, .reset {
display: block;
width: auto;
heigth:20px;
float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
background-color:#FFF;
border: 0;
margin-top:10px;
margin-left:0px;
padding: 0;
text-align:left;
text-decoration:none;
background-color:#FFF;
}

.reset {margin-left:20px;};

.submit:hover, .submit:focus,.reset:hover, .reset:focus{ font-weight:bold;}

form { 

margin-top: 0px;
}