@charset "utf-8";
/* CSS-Datei fuer ICT Software Engineering */

body {
  background: #00763a;
  margin: 0;
  padding: 0;
  font-size:100.1%;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
}
#rahmen{
  width: 990px;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-495px;
  border:none;
  text-align:left;
  padding:0;
  background: #fff;
}

.stopFloat {
  clear: both;
  float: none;
  overflow: auto;
}


/****************************************  K O P F  *****************************************/

#kopf {
  height:75px;
  float:left;
  margin:0;
  padding:0;
}
#logo{
  float:left;
  margin:25px 0 0 30px;
  padding:0;
}
*html #logo{
  float:left;
  margin:25px 0 0 15px;
  padding:0;
}
#metanavi {
  float: right;
  margin:0;
  padding:0;
  width: 780px;
}
          /***************  M E T A N A V I  *****************/
		   #metanavi ul {
		     padding: 0;
			 margin: 55px 22px 0 0px;
		     font-size:10px;
			 float:right;
		    }
		   *html #metanavi ul {
			 margin: 55px 11px 0 0px;
		    }
			#metanavi ul li {
			 list-style: none;
			 margin: 0; 
			 display: inline; 
			}
			#metanavi ul li.NO a, #metanavi ul li.NO a:link, #metanavi ul li.NO a:visited, #metanavi ul li.ACT a  {
			 padding: 0px 9px 0px 10px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			 color:#000;
			 border-left: 1px solid #000;
			}
			#metanavi ul li.NO a:hover, #metanavi ul li.NO a:active, #metanavi ul li.CUR a {
			 color: #00763a;
			  padding: 0px 9px 0px 10px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			 border-left: 1px solid #000;
			}
			#metanavi ul li.NO #ohne a, #metanavi ul li.NO #ohne a:link, #metanavi ul li.NO #ohne a:visited, #metanavi ul li.ACT #ohne a {
			 padding: 0px 9px 0px 10px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			 color:#000;
			 border-left: 0px solid #000;
			}
			#metanavi ul li.NO #ohne a:hover, #metanavi ul li.NO #ohne a:active, #metanavi ul li.CUR #ohne a {
			 color: #00763a;
			 border-left: 0px solid #000;
			 padding: 0px 9px 0px 10px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			}
		  
		  /*************************************************/
		  
#naviback {
  background:#CCCCCC url(../img/navi_back.jpg) no-repeat;
  width:990px;
  height:45px;
  float:left;
}

#sprache{
  width: 130px;
  float:left;
  margin:0;
  padding:0;
  font-size:10px;
}
#sprache a, #sprache a:link, #sprache a:visited {
  float:left;
  margin:24px 0 0 30px;
  padding:0;
  color: #ccc;
  text-decoration:none;
}
#sprache a:active, #sprache a:hover {
  color: #fff;
}

#topnavi{
  width: 650px;
  float:left;
  margin:0;
  padding:0;
}

          /***************  T O P N A V I  *****************/
		   #topnavi ul {
		     padding: 0;
			 margin: 22px 0 0 0px;
		     font-size:12px;
			 text-transform:uppercase;
			 font-weight: bold;
			 float:right;
		    }
			#topnavi ul li {
			 list-style: none;
			 margin: 0; 
			 display: inline; 
			}
			#topnavi ul li.NO a ,#topnavi ul li.NO a:link, #topnavi ul li.NO a:visited   {
			 padding: 0px 16px 0px 17px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			 color: #CCC;
			 border-left: 1px solid #CCC;
			}
			#topnavi ul li.NO a:hover, #topnavi ul li.NO a:active, #topnavi ul li.ACT a, #topnavi ul li.CUR a {
			 color: #fff;
			 padding: 0px 16px 0px 17px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			 border-left: 1px solid #CCC;
			}
			#topnavi ul li.NO #ohne a ,#topnavi ul li.NO #ohne a:link, #topnavi ul li.NO #ohne a:visited{
			 padding: 0px 16px 0px 17px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			 color:#ccc;
			 border-left: 0px solid #ccc;
			}
			#topnavi ul li.NO #ohne a:hover, #topnavi ul li.NO #ohne a:active, #topnavi ul li.CUR #ohne a, #topnavi ul li.ACT #ohne a {
			 color: #fff;
			 border-left: 0px solid #ccc;
			 padding: 0px 16px 0px 17px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			}
		  
		  /*************************************************/
		  

#suche{
  width: 210px;
  float:right;
  margin:0;
  padding:0;
  vertical-align:bottom;
}

          /***************  F O R M  *****************/
		  
        #suche #sucheForm {
            margin: 16px 20px 0 0 ;
            padding:0;
          }
          #suche #sucheForm input.tx_indexedsearch {
            background-color:#fff;
            border:1px solid #ccc;
            color: #000;
            font-size:11px;
            margin: 0 8px 0 0 ;
            width: 150px;
          }
		  


/****************************************  C O N T E N T  *****************************************/

#content{
  width: 990px;
  background: #fff url(../img/content_back.gif) repeat-x;
  min-height: 190px;
  height:190px;
  float:left;
  margin:0;
  padding:0;

}

div[id] #content {
   height:auto !important;
}

#contentHome{
  width: 779px;
  background:url(../img/content_back.gif) repeat-x;
  margin:0;
  padding:0;
  float:left;
  border-right: 1px dotted #ccc;
}
#HomeEinstieg{
  width: 779px;
  background: url(../img/home.jpg) no-repeat;
  margin:0;
  padding:0;
  float:left;
  height:315px;
  text-align:right;
}
            /**********  E I N S T I E G   *********/
		  
			#HomeEinstieg h1 {
			 color:#000;
			 font-weight: normal;
			 font-size:40px;
			 line-height: 120%;
			 margin:25px 20px 15px 0;
			}
			#HomeEinstieg p {
			font-size:12px;
			line-height: 140%;
			margin: 0 20px 5px 0;
			}
			#HomeEinstieg p.bodytext a, #HomeEinstieg p.bodytext a:link, #HomeEinstieg p.bodytext a:visited   {
			 line-height:17px;
			 font-size:12px;
			 font-weight: bold;
			 text-decoration: none;
			 margin: 0 0 0 0;
			 color:#00763a;
			 text-decoration: none;
			 padding-left: 10px;
			 /*background: url(../img/mehr.gif) 0 1px no-repeat;*/
			 background: url(../img/pfeil_gruen.gif) 0 4px no-repeat;
		   }
		   #HomeEinstieg p.bodytext a:hover, #HomeEinstieg p.bodytext a:active{
			 color: #000;
			 background:url(../img/pfeil.gif) 0 4px no-repeat;
		   }
			
		
            /**********  T E A S E R   gg*********/
		  
			#contentHome #teaserRahmen{
			  width: 749px;
			  margin:15px 0 0 30px;
			  float:left;
			}
			*html #contentHome #teaserRahmen{
			  margin:15px 0px 0 15px;
			}
			.teaser {
			width: 234px;
			float:left;
			margin: 0 12px 0 0;
			border:1px solid #666;
			background:url(../img/teaser_back.gif) repeat-y;
			height:118px;
			}
			*html .teaser {
			margin: 0 10px 0 0;
			}
			.teaser h1 {
			 padding: 6px 0 4px 15px;
			 color:#00763a;
			 /*text-transform:uppercase;*/
			 font-weight: bold;
			 font-size:12px;
			 background:#FFFFFF;
			 display:block;
			 margin:7px 0 5px 0;
			}
			
			.teaser img {
			 top:465px;
			 position:absolute;
			} 
			.teaser p {
			font-size:11px;
			line-height: 130%;
			margin: 0 0 5px 15px;
			}
			.teaser a, .teaser a:link, .teaser a:visited   {
			 line-height:17px;
			 font-size:11px;
			 font-weight: bold;
			 text-decoration: none;
			 margin:0;
			 color:#00763a;
			 text-decoration: none;
			 padding-left: 10px;
			 /*background: url(../img/mehr.gif) 0 1px no-repeat;*/
			 background: url(../img/pfeil_gruen.gif) 0 3px no-repeat;
		   }
		   .teaser a:hover, .teaser a:active{
			 color: #000;
			 background:url(../img/pfeil.gif) 0 3px no-repeat;
		   }
			
			 /********************************************/
			 
			 

#contentMitte{
  width: 578px;
  background: #fff;
  margin:0;
  padding:0;
  float:left;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}
             /**********  T E X T L A Y O U T   *********/
		  
			#contentMitte #textInhalt{
			  width: 508px;
			  margin:0 20px 0 50px;
			}
			*html #contentMitte #textInhalt{
			  margin:0 20px 0 25px;
			}
			.ZweiSpalten {
			float:left;
			}
			.ZweiSpaltenLinks {
			width: 245px;
			float:left;
			}
			.ZweiSpaltenRechts {
			width: 245px;
			float:right;
			}
			
			 /********************************************/
			 
			 
#contentRechts{
  width: 210px;
  margin:0;
  padding:0;
  float:left;
}
#aktuelles{
margin: 30px 0 0 0;
}
*html #aktuelles{
margin: 30px 0 0 0;
width:170px;
}

          /************  A K T U E L L E S  **************/
		  
		    #contentRechts #aktuelles #head {
			 background: url(../img/head_aktuelles.gif) no-repeat center left;
			 margin: 0 0 10px 0;
			 padding:0;
			 /*float:left;*/
			 width:190px;
			 height:30px;
		    }
			#contentRechts #aktuelles #head h1 {
			 margin: 9px 0 5px 0px;
			 color:#00763a;
			 text-transform:uppercase;
			 font-weight: bold;
			 font-size:12px;
			 float:left;
			}
			*html #contentRechts #aktuelles #head h1 {
			 margin: 9px 0 5px 0px;
			}
			#contentRechts #aktuelles #head #rss {
			float:right;
			height:18px;
			width:18px;
			margin: 9px 0 5px 0;
		    }
			#contentRechts #aktuelles #head #rss a {
			text-decoration: none;
			margin:0;
			padding:0;
			border: none;
			background:none;
		    }
			#contentRechts #aktuelles a ,#contentRechts #aktuelles a:link, #contentRechts #aktuelles a:visited   { 
			 text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 color:#000;
			 padding: 8px 10px 6px 30px;
			 background: url(../img/pfeil.gif) no-repeat 20px 10px;
			 border-bottom: 1px solid #fff;
			 font-size:10px;
			}
			*html #contentRechts #aktuelles a   { 
			width:100%;
			} 
			#contentRechts #aktuelles a:hover, #contentRechts #aktuelles a:active{
			 color:#00763a;
			 background: url(../img/pfeil_gruen.gif) no-repeat 20px 10px;
			}
		  /********************************************/


#refbeispiele{
margin: 30px 0 0 0;
}
*html #refbeispiele{
margin: 30px 0 0 0;
width:170px;
}

#contentRechts #refbeispiele p.bodytext {
margin:0;
padding:0; 
}


          /************  REFERENZBEISPIELE  **************/
		  
		    #contentRechts #refbeispiele .csc-header {
			 background: url(../img/head_aktuelles.gif) no-repeat center left;
			 margin: 0 0 10px 0;
			 padding:0;
			 /*float:left;*/
			 width:190px;
			 height:30px;
		    }
			#contentRechts #refbeispiele .csc-header h5 {
			 margin: 9px 0 5px 20px;
			 color:#00763a;
			 text-transform:uppercase;
			 font-weight: bold;
			 font-size:12px;
			 float:left;
			}
			*html #contentRechts #refbeispiele .csc-header h5 {
			 margin: 9px 0 5px 10px;
			}
			
			#contentRechts #refbeispiele p.bodytext a, #contentRechts #refbeispiele p.bodytext a:link, #contentRechts #refbeispiele p.bodytext a:visited   { 
			 text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 color:#000;
			 padding: 8px 10px 6px 30px;
			 background: url(../img/pfeil.gif) no-repeat 20px 11px;
			 border-bottom: 1px solid #fff;
			 font-size:10px;
			}
			*html #contentRechts #refbeispiele p.bodytext a   { 
			width:100%;
			} 
			#contentRechts #refbeispiele p.bodytext a:hover, #contentRechts #refbeispiele p.bodytext a:active{
			 color:#00763a;
			 background: url(../img/pfeil_gruen.gif) no-repeat 20px 11px;
			}
		  /********************************************/



#contentLinks{
  width: 200px;
  margin:0;
  padding:0;
  float:left;
}

#navi{
margin: 30px 0 0 0;
font-size:10px;
}

          /***************  N A V I  gg*****************/
		   #navi ul {
		     	padding: 0;
			 margin: 0;
			 float:left;
			 width:200px;
		    }
			#navi ul li {
			 list-style: none;
			 margin: 0;  
			 float:left;
			 width:200px;
			 display:block;
			 padding: 0px;
			}
			*html #navi ul, *html #navi ul li {
			 width:170px;
		    }
			#navi ul li a {
			border-bottom: 1px solid #fff;
			}
			#navi ul li.NO a ,#navi ul li.NO a:link, #navi ul li.NO a:visited   { 
			 text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 color:#000;
			 padding: 8px 0 6px 30px;
			 background:url(../img/navi_off.gif) no-repeat center left;
			 font-weight: bold;
			}
			*html #navi ul li a   { 
			 width:100%;
			}
			#navi ul li.NO a:hover, #navi ul li.NO a:active, #navi ul li.NO a#aktiv{
			 color:#00763a;
			 background:url(../img/navi_hover.gif) no-repeat center left;
			}
			#navi ul li.ACT a {
			 color:#000;
			 background:url(../img/navi_auf.gif) no-repeat center left;
			 text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 padding: 8px 0 6px 30px;
			 font-weight: bold;
			}
			#navi ul li.CUR a {
			 color:#00763a;
			 background:url(../img/navi_on.gif) no-repeat center left;
			 text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 padding: 8px 0 6px 30px;
			 font-weight: bold;
			}

		  /********************************************/
		  /*************  S U B N A V I  **************/
		   #navi ul li ul {
		     padding: 0;
			 margin: 0;
			 float:left;
			 width:200px;
		    }
			*html #navi ul li ul {
			 width:170px;
		    }
			#navi ul li ul li {
			 list-style: none;
			 margin: 0;  
			 border-top: 0px solid #fff;
			 padding: 0px;
			}
			#navi ul li ul li.NO a ,#navi ul li ul li.NO a:link, #navi ul li ul li.NO a:visited   { 
			 text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 color:#000;
			 padding: 5px 0 3px 30px;
			 background:url(../img/naviSub_off.gif) no-repeat center left;
			 font-weight: bold;
			}
			*html #navi ul li ul li a   { 
			 width:100%;
			}
			#navi ul li ul li.NO a:hover, #navi ul li ul li.NO a:active, #navi ul li ul li.CUR a, #navi ul li ul li.ACT a{
			 color:#00763a;
			 background:url(../img/naviSub_on.gif) no-repeat center left;
			 text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 padding: 5px 0 3px 30px;
			 font-weight: bold;
			}
			

		  /********************************************/


/*********************************  T Y P O G R A F I E  bzw. I N H A L T ************************************/

h1 {
   font-size:24px;
   line-height: 120%;
   margin: 30px 0 13px 0;
   padding: 0;
   font-weight: normal;
}
h2 {
   font-size:16px;
   line-height: 120%;
   margin: 0px 0 5px 0;
   padding: 0;
   font-weight: normal;
}

#textInhalt h2 {
   font-size:14px;
   line-height: 120%;
   margin: 0px 0 8px 0;
   padding: 0;
   font-weight: bold;
}

.abstand10px {
   margin: 10px 0 5px 0;
}
h3, .tx-indexedsearch-title td {
   font-size:11px;
   line-height: 130%;
   margin: 12px 0 13px 0;
}
p, .tx-indexedsearch td, .tx-indexedsearch-whatis {
   font-size:11px;
   line-height: 130%;
   margin: 0 0 5px 0;
}
/* GG */
.tx-indexedsearch input, .tx-indexedsearch select {
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  }

#contentMitte ul {
   font-size:11px;
   line-height: 130%;
   margin: 0 0 5px -25px;
   list-style: url(../img/5px_gruenFF.gif);
}
html*div#contentMitte ul{
   margin: 0 0 5px 18px;
   list-style: url(../img/5px_gruen.gif);
}
#contentMitte ul li{
   margin: 0 0 2px 0;
}

.gruen {
   color:#00763a;
   font-weight: bold;
}

		  /*******************************************/
		  /***********  L I N K   M E H R  ***********/
		  
		   #contentMitte p.bodytext a, #contentMitte p.bodytext a:link, #contentMitte p.bodytext a:visited,
		   #contentMitte ul li a, #contentMitte ul li a:link, #contentMitte ul li a:visited   {
			 line-height:17px;
			 font-size:11px;
			 font-weight: bold;
			 text-decoration: none;
			 margin: 5px 0;
			 color:#00763a;
			 text-decoration: none;
			 padding-left: 10px;
			 /*background: url(../img/mehr.gif) 0 1px no-repeat;*/
			 background: url(../img/pfeil_gruen.gif) 0 3px no-repeat;
		   }
		   #contentMitte p.bodytext a:hover, #contentMitte p.bodytext a:active, #contentMitte p.bodytext a#aktiv,
		   #contentMitte ul li a:hover, #contentMitte ul li a:active, #contentMitte ul i a#aktiv  {
			 color: #000;
			 background:url(../img/pfeil.gif) 0 3px no-repeat;
		   }
		   #contentMitte p.ohnePfeil a, #contentMitte p.ohnePfeil a:link, #contentMitte p.ohnePfeil a:visited   {
			 line-height:17px;
			 font-size:11px;
			 font-weight: bold;
			 text-decoration: none;
			 margin: 5px 0;
			 color:#00763a;
			 text-decoration: none;
			background : none;
			padding-left : 0px;
		   }
		   #contentMitte p.ohnePfeil a:hover, #contentMitte p.ohnePfeil a:active, #contentMitte p.ohnePfeil a#aktiv{
			 color: #000;
		   }
		  /*******************************************/

#content img.klinkeLinks {
  float:left;
  margin: 0 20px 5px 0;
}
#content img.klinkeRechts {
  float:right;
  margin: 0 0 5px 20px;
}
#content img.klinkeRechts5 {
  float:right;
  margin: 0 0 5px 5px;
}


/****************************************  F U S S  *****************************************/


#fuss{
  width: 990px;
  background: url(../img/fuss.gif) no-repeat;
  height:30px;
  float:left;
  margin:5px 0 0 0;
  padding:0;
}
#fussTxt{
  font-size:9px;
  color:#80bb9d;
  margin:15px 0px 0 0px;
  padding:0;
}
.fussTxtLinks{
  text-align:left;
  float:left;
  margin-left:250px;
}
*html .fussTxtLinks{
  text-align:left;
  float:left;
  margin-left:125px;
}
.fussTxtRechts{
  text-align:right;
  float:right;
}
#fussTxt a, #fussTxt a:link, #fussTxt a:visited{
  text-decoration:none;
  color:#80bb9d;
}
#fussTxt a:hover, #fussTxt a:active, #fussTxt .ACT a, #fussTxt .CUR a {
  text-decoration:none;
  color:#fff;
}


/* Mailformular format */

fieldset.csc-mailform {
	border: 0px none #FFFFFF;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

form .csc-mailform input, form .csc-mailform select, form .csc-mailform textarea, form input.dmmjobcontrol_input, form input.dmmjobcontrol_fileinput, form select.dmmjobcontrol_select, form textarea.dmmjobcontrol_textarea {
	border: 1px solid #00763a;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	width: 250px;
	}
form input.csc-mailform-submit {
	width:auto;
}

.csc-mailform-field {
	padding-bottom:10px;
}

form .csc-mailform label {
 	width: 150px;
 	display:block;
 	float:left;
}

/* Sitemap */
.csc-sitemap a, .csc-sitemap a:visited, ul.csc-menu a, ul.csc-menu a:visited {
			line-height:17px;
			 font-size:11px;
			 margin:0;
			 color:#000000;
			 text-decoration: none;
}

.csc-sitemap a:hover, .csc-sitemap a:active, .csc-sitemap a:focus, .csc-menu a:hover, .csc-menu a:active, .csc-menu a:focus {
	text-decoration: none;
	color: #00763a;
}


/* Suche */
.tx-indexedsearch a, .tx-indexedsearch a:visited {
			line-height:17px;
			 font-size:11px;
			 margin:0;
			 color:#00763a;
			 text-decoration: none;
}

.tx-indexedsearch a:hover, .tx-indexedsearch a:active, .tx-indexedsearch a:focus {
	text-decoration: none;
	color: #000000;
}

/* tt_news */

.news-single-img {
	float: right;
	margin-left:10px;
	margin-bottom: 5px;

}

.news-single-imgcaption {
font-size: 11px;
line-height: 130%;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 5px;
margin-left: 0pt;
width: 245px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
clear: both;
}

#contentRechts p.bodytext, #contentRechts h1, #contentRechts h2, #contentRechts h3 {
padding-left: 20px;
}

		   #contentRechts p.bodytext a, #contentRechts p.bodytext a:link, #contentRechts p.bodytext a:visited {
		/*	 line-height:17px;
			 font-size:11px; */
			 font-weight: bold;
			 text-decoration: none;
			 margin: 5px 0;
			 color:#00763a;
			 text-decoration: none;
			 padding-left: 10px;
			 background: url(../img/pfeil_gruen.gif) 0 3px no-repeat;
		   }
		  #contentRechts p.bodytext a:hover, #contentRechts p.bodytext a:active, #contentRechts p.bodytext a#aktiv {
			 color: #000;
			 background:url(../img/pfeil.gif) 0 3px no-repeat;
		   }
		   
.dmmjobcontrol_list {
font-size:11px;
}	   


/* Tabelle im RTE */
table {
width:100%;
}