/* CSS Document */

body {
    color: black; background-color: white;
    font-size: 100.01%; 
    /* font-size: 62.5%; */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0; padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
}


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

/* ***-----centerRahmen---(Grundstock)----***/ 

#centerRahmen {
 text-align: left;    /* Seiteninhalt links ausgerichtet */
 margin: 0 auto;    /* horizontale Zentrierung */
 min-width: 1000px;    /* minimale breite des Auftritts */  
 max-width: 80%;      /* maximale breite des Auftritts (begrenzung fuer hohe aufloesungen.. damit weissraum bleibt links+rects) */
 margin-top:20px;  
 margin-bottom:20px; 
 height: auto;
 padding: 0px;
 overflow: visible;
 z-index:1;
   
 border-left-style:solid;
 border-left-width: 1px;
 border-left-color: #eeeeee;
 border-top-style:none;
 border-top-width:0px;
 border-top-color:#ffffff;
 border-bottom-style:solid;
 border-bottom-width:2px;
 border-bottom-color:#666666; 
 border-right-style:solid;
 border-right-width:2px;
 border-right-color:#666666;

}
	
/* centerRahmen -> nur fuer Internet Explorer */
 
* html #centerRahmen {  
 position: relative;
 margin: 10px 20px 10px 20px;
 width: 1000px;	/* Version 5.x */
 w\idth: 1000px;	/* Version 6 */
}
	
/* ///////////////////////////////////////////////////////////////// */


/* ***-----naviRahmen-------***/  

#naviRahmen {
 width: 100%; 
 height:215px;
 margin: 0; 
 padding: 0;
 position:relative;
}

.backFOKUS {
 background-image:url(../images/back_fokus.jpg);
 background-repeat:repeat-x;
}

.backFOKUSmit {
 background-image:url(../images/back_fokus_mit.jpg);
 background-repeat:repeat-x;
}



.backOPENEPC {
 background-image:url(../images/back_ngni.jpg);
 background-repeat:repeat-x;
}
.backOPENEPCmit {
 background-image:url(../images/back_ngni.jpg);
 background-repeat:repeat-x;
}



#naviRahmenInline.IMS {
 background-image:url(../images/back_fokus_testbed.jpg);
 background-repeat:repeat-x;
}
#naviRahmenInline.OPEN {
 background-image:url(../images/back_fokus_testbed.jpg);
 background-repeat:repeat-x;
}

#naviRahmenInline.SOA-LAB {
 background-image:url(../images/back_fokus_testbed.jpg);
 background-repeat:repeat-x;
}

#naviRahmenInline.backEVENT {
 background-image:url(../images/back_fokus_event.jpg);
 background-repeat:repeat-x;
}

#naviRahmenInline.EVENTS {
 background-image:url(../images/back_fokus.jpg);
 background-repeat:repeat-x;
}

#naviRahmenInlineTop{
 /*border: 1px dashed silver;*/

 float:left;
 margin: -1px;
 padding: 0;
 height: 31px;
 width: 100%;
 background-image:url(../images/naviBackTop_01.jpg);
 background-repeat:repeat-x;

 border-left-style:solid;
 border-left-width: 1px;
 border-left-color: #eeeeee;
 border-top-style:none;
 border-top-width:0px;
 border-top-color:#ffffff;
 border-bottom-style:none;
 border-bottom-width:0px;
 border-bottom-color:#ffffff; 
 border-right-style:none;
 border-right-width:0px;
 border-right-color:#ffffff;
}
  

/* #################################################### */

#naviRahmenQuick{
 font-size: 11pt;
 float:right;
 margin: 0;
 padding: 0;
 height: 31px; 
 width: 396px;
 background-image:url(../images/naviBackTop_03.jpg);
 background-repeat:repeat-x;
}
  
#naviRahmenQuick select {
 margin: 10px 0 0 0;
 vertical-align: top;
 width: 100px;
}
	
#naviRahmenQuick input {
 margin: 10px 0 0 5px;
 vertical-align:top;
 /* width: 100px; */
}
	

/* #################################################### */

   
#naviRahmenInline {
 /*border: 1px dashed silver;
 border-style: solid;*/
 border-left-style: none;
 border-left-width: 0px;
 border-left-color: #ffffff;
 border-top-style: none;
 border-top-width:0px;
 border-top-color:#ffffff;
 border-bottom-style:none;
 border-bottom-width:0px;
 border-bottom-color:#ffffff;
 border-right-style:none;
 border-right-width:0px;
 border-right-color:#ffffff;

 float:left;
 margin: 1px;
 padding: 0;
 height: 184px; 
 width:99.9%;

 /*background-color:#CC66aa;*/
}
  
.naviRahmenFokMen {
 /*border: 1px dashed silver;*/  
 margin: -1px;
 padding: 0;
 height: 20px; 
 width:780px;
 background: transparent;
}

  
#naviRahmenInlineCCNav {
 float:right;
 padding: 0;
 height: 184px;
 width: 207px;
}

.naviRahmenCcMen {
 margin: 50px 0 0 0;
 padding:0;
 height: 17px; 
 width: auto;
 background-color: transparent;	
}

/* ############################################ */

.naviRahmenCrumb {
 margin: 12px 0 0 0;
 padding: 0;
 height: 15px; 
 width: auto;
 font-size: 7pt;
 background-color: transparent;
 cursor: default;	
 white-space:nowrap;
}

.naviRahmenCrumb span {
 font-size: 7pt;
 margin:-8px 0 0 0;
}

.naviRahmenCrumb ul {
 display: inline;
 list-style-image: none;
 white-space:nowrap;
}

.naviRahmenCrumb li {
 font-size: 7pt;
 display: inline;
 list-style-image: none;
 white-space:nowrap;
}

.naviRahmenCrumb a {
 color: #000000;
 text-decoration:none;

}

.naviRahmenCrumb span {
 color:#666666;
}

.naviRahmenCrumb a:before {
 content: "> ";
}

.naviRahmenCrumb span:before  {
 content: "> ";
}

.naviRahmenCrumb a:hover {
 color:#444444;
 text-decoration: underline;
}

.naviRahmenCrumb img.ecke {
 display:inline; 
 width:17px; 
 height:17px; 
 margin:-1px 0 0 0;
}

/* ############################################ */

.FokLogo {
 float:left;
 margin: 24px 0 0 0;
 padding: 0;
 height: 104px; 
 width:212px;
}

.FokLogo img, a {
 border:0px;
}

.kompetenzName {
 text-align:right;
 font-size: 9pt;
 margin: 10px 0 0 0;
 width: auto;
}

.kompetenzName b {
 margin: 0 0 0 0; 
}

.kompetenzName p {
 margin: 0 217px 0 0;
}



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

/* ***-----linkerRahmen-------***/

#linkerRahmen {

 float: left; 
 width: 210px;
 margin: 0 0 0 1px;
 padding: 0 0 0 5px;
 background-color: #fff;
 /*border: 1px dashed silver;*/
}
  

/* ***-----rechterRahmen-------***/

#rechterRahmen {
 float: right; 
 width: 210px;
 margin: 0 0 0 0;
 padding: 0;
 /*border: 1px dashed #ccc; */
 border: 0;
 background-color: transparent;
}

/* ***-----rechterRahmenPrint-------***/

#rechterRahmenPrint {
display:none;
}

/* ----------------------------------------------------------- */

.rahmenBlocks {
 float:left;
 width: 95%;
 font-size: 8pt;
 margin: 0 2px 5px 2px; 
 padding: 2px 0 2px 0;
 background-color: #fff;
 border: 1px solid;
 border-bottom-color:#bbb;
 border-left-color:#ddd;
 border-right-color:#bbb;
 border-top-color:#ddd;
 color:#444444;
}

#linkerRahmen div.rahmenBlocks {
 border: 0;
 padding-left:5px;
}

.rahmenBlocks b, strong {
 text-align:left;
 font-size: 9pt;
 width:100%;
 margin: 0 5px 0 5px;
 padding: 0;
 margin-top:3pt;
 margin-bottom:3pt;
}

.rahmenBlocks p, span {
/* text-align:left; */
 font-size: 8pt;
 margin: 0 5px 2px 5px;
 padding: 0;
 margin-top:5pt;
 margin-bottom:8pt;
}

.rahmenBlocks li, ul {
 text-align:left;
 font-size: 8pt;
 margin: 0 0 0 9px;
 padding: 0;
 margin-top:5pt;
 margin-bottom:1pt;
}
  
.rahmenBlocks div {
 background-color:#dddddd;
 margin: 0 2px 0 2px;
 padding: 2px 0 2px 0;
}
  
.rahmenBlocks a, .rahmenBlocks a:active {
 text-align:left;
 color: #000000;
}

.rahmenBlocks a:visited {
 color: #333333;
}

.rahmenBlocks a:hover {
 color: #777777;
}
	
.rahmenBlocks img {
 text-decoration:none;
 border:0px;
 padding: 3px;
}

.rahmenBlocks hr {
 width:100%;
 text-align:center;
 border:0px;
 size:1px;
 color:#fff;
 background-color:#fff;
 border-top: 1px dashed #bbb;
}

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


/* ***-----contentRahmen-------***/

#contentRahmen {
 border-style: none;
 border-left-width: 0px;
 border-left-color: #ffffff;
 border-top-width:0px;
 border-top-color:#ffffff;
 border-bottom-width:0px;
 border-bottom-color:#ffffff; 
 border-right-width:0px;
 border-right-color:#ffffff; 

 float:inherit;
 margin: -1px 0px 0px 0px;
 padding: 1% 240px 5% 210px;

 /*border: 1px dashed silver;*/
}



/* ################################################# */

.contentRahmen_FOKUS {
 background-image:url(../images/navBackEck_fokus.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #ffffff;
}

 
.contentRahmen_OPENEPC {




 background-image:url(../images/navBackEck_ngni.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #ffffff;
}


#contentRahmen.IMS  {
 background-image:url(../images/navBackEck_testbed.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #ffffff;
}
#contentRahmen.OPEN  {
 background-image:url(../images/navBackEck_testbed.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #ffffff;
}
#contentRahmen.SOA-LAB  {
 background-image:url(../images/navBackEck_testbed.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #ffffff;
}

#contentRahmen.contentRahmen_EVENT  {
 background-image:url(../images/navBackEck_event.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #ffffff;
}

#contentRahmen.EVENTS  {
 background-image:url(../images/navBackEck_event.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #ffffff;
}

/* ############################################# */

.contentBlocks {
 float:inherit;
 margin: -15px 20px 0 20px; 
 padding: 1px;
 width:auto;
 height:100%;
 background-color: #ffffff;
 border:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 vertical-align:text-bottom padding: 0px;
 text-align: left;
 font-size: 9pt;
 line-height:12pt;
 font-weight:normal;
 color: #444444;
 text-decoration: none;
 overflow:hidden;
}

.contentBlocks a, .contentBlocks a:active, .contentBlocks a:visited .contentBlocks a:hover {
 color: #019966;
 text-decoration: none;
 /*--- background: url(../images/icon_fokLink.gif) left center no-repeat; ---*/
 /*--- padding-left: 13px; ---*/
}

.contentBlocks a:hover {
 text-decoration: underline;
}

.contentBlocks a[target=_blank] {
 /*--- background: url(../images/icon_fokLinkExtern.gif) left center no-repeat; ---*/
}


.contentBlocks a.linkTitle, .contentBlocks a.linkTitle:active, .contentBlocks a.linkTitle:visited {
 color: #019966;
 font-size: 9pt;
 font-weight:bold;
 text-decoration: none;
 /*--- background: url(../images/icon_fokLink.gif) left center no-repeat; ---*/
 /*--- padding-left: 13px; ---*/
}

.contentBlocks a.linkTitle:hover {
 text-decoration: underline;
}

.contentBlocks q {
 letter-spacing:1px;
 word-spacing:2px;
 color: #555555;
}


.contentBlocks p {
 margin-top:5pt;
 margin-bottom:10pt;
}

.contentBlocks li, ul {
 font-size: 9pt;
 margin-left:15px;
 padding-left:0;
 margin-top:5pt;
 margin-bottom:2pt;
}

.contentBlocks b, strong {
 padding:0;
 margin:0;
 font-weight:bold;
}

.contentBlocks h1,h2, h3, h4, h5, h6 {
 color: #999999;
 font-weight:bold; 
}

.contentBlocks h1 {
 font-size:16pt;
 line-height: 18pt;
 margin-top:4pt;
 margin-bottom:7pt;
}

/* --- nur auf  FOKUS Hauptseiten ---*/ 

.contentBlocks p.h7Ersatz {
 color: #179c7d;
 font-size:10pt;
 line-height: 11pt;
 margin-top:15pt;
 margin-bottom:1pt;
 font-weight:bold; 
}
/* --- --- ---*/ 

.contentBlocks h2 {
 font-size:14pt;
 line-height: 16pt;
 margin-top:18pt;
 margin-bottom:5pt;
}
.contentBlocks h3 {
 font-size:13pt;
 line-height: 15pt;
 margin-top:17pt;
 margin-bottom:3pt;
}

.contentBlocks h4 {
 font-size:11pt;
 line-height: 13pt;
 margin-top:15pt;
 margin-bottom:1pt;
}
.contentBlocks h5 {
 font-size: 9pt;
 line-height: 11pt;
 margin-top:13pt;
 margin-bottom:1pt;
}
.contentBlocks h6 {
 font-size:8pt;
 clear:left;
}


.contentBlocks img {
 border:0;
 float: left;
 margin-right: 15px;
 margin-bottom:5px;
 margin-top:17px;
}

.contentBlocks table, tbody, td, tr {
/* text-align:left; */
 color:#444444;
 margin:0; 
 cellspacing:0;
 cellpadding: 0;
 padding:5px;
}

.contentBlocks table {
 float: left;
 margin-top:15px;
 margin-bottom:15px;
 border-collapse:collapse;
 border-style: solid;

 border-color-top: #999999;



 border-color-right: #000000;
 border-color-bottom:#000000;
 border-color-left: #999999;
}

.contentBlocks hr {
 width:100%;
 text-align:center;
 border:0px;
 height:1px;
 background-color:#ffffff;
 border-top: 1px dashed #999999;
}

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

/* ***-----footerRahmen-------***/




#footerRahmen {
 font-size: 8pt;
 font-weight:bold;
 clear:both; 
 width: 100%; 
 height:20px;
 margin: 0; 
 padding: 0;
 /*border: 1px dashed silver; background-color: #eee;*/
 position:relative;
 
 background-image:url(../images/naviBackTop_03.jpg);
 background-repeat:repeat-x;
  
}
.footerBlockLeft div {
 display: inline;
 float: left;
 margin: 4px 10px 0 10px; 
 background: transparent;
}

.footerBlockLeft  a {
 color: #333;
 text-decoration: none;
}

.footerBlockLeft  a:hover {
 color: #666;
}

.footerBlockRight div {
 display: inline;
 float: right;
 margin: 4px 10px 0 10px;
 background: transparent;
}

.footerBlockRight a {
 color: #333;
 text-decoration: none;
}

.footerBlockRight a:hover {
 color: #666;
}

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

.Extern {
 font-size: 8pt;
 font-weight:normal;
 list-style: none;
 list-style-image:url(../images/link_extern.gif);
}

.Extern a, .Extern a:active {
 color: #000000;
}

.Extern a:visited {
 color: #333333;
}

.Extern a:hover {
 color: #777777;
}

/* ----------------------------------------------------------- */

.Intern {
 font-size: 8pt;
 font-weight:normal;
 list-style: none;
 list-style-image:url(../images/link_intern.gif);
}

.Intern a, .Intern a:active {
 color: #000000;
}

.Intern a:visited {
 color: #333333;
}

.Intern a:hover {
 color: #777777;
}

/* ----------------------------------------------------------- */

.PDF {
 font-size: 8pt;
 font-weight:normal;
 list-style: none;
 list-style-image:url(../images/link_pdf02.jpg);
}

.PDF a, .PDF a:active {
 color: #000000;
}

.PDF a:visited {
 color: #333333;
}

.PDF a:hover {
 color: #777777;
}

/* ----------------------------------------------------------- */

.ZIP {
 font-size: 8pt;
 font-weight:normal;
 list-style: none;
 list-style-image:url(../images/link_zip.jpg);
}

.ZIP a, .ZIP a:active {
 color: #000000;
}

.ZIP a:visited {
 color: #333333;
}

.ZIP a:hover {
 color: #777777;
}

/* ----------------------------------------------------------- */

.SOUND {
 font-size: 8pt;
 font-weight:normal;
 list-style: none;
 list-style-image:url(../images/link_sound.jpg);
}

.SOUND a, .SOUND a:active {
 color: #000000;
}

.SOUND a:visited {
 color: #333333;
}

.SOUND a:hover {
 color: #777777;
}

/* ----------------------------------------------------------- */

.MOVIE {
 font-size: 8pt;
 font-weight:normal;
 list-style: none;
 list-style-image:url(../images/link_movie.jpg);
}

.MOVIE a, .MOVIE a:active {
 color: #000000;
}

.MOVIE a:visited {
 color: #333333;
}

.MOVIE a:hover {
 color: #777777;
}

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

.langFlag {
 display: inline; 


 position: relative; 
 left: 20px; 
 top: 0;
}

.langFlag a {
 font-size: 8pt;
 font-weight:bold;
 color: #333333;
 text-decoration: none;
}

.langFlag a:hover {
 color: #666666;
}

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

a.linkBlack {
 font-size: 8pt;
 font-weight:bold;
 color: #333;
 text-decoration: none;
}
a.linkBlack:hover {
 color: #666666;
}


/* ////////////////////////////////////////////////////////////////////////////// */
/* ----------------------------------------------------------- */

.ankernav {
 margin-left: -30px;
 padding:0;
 line-height: 13pt;
}

.ankernav li {
 display: inline;
 list-style-image: none;
 font-size: 8pt;
 margin-right:1px;
}

.ankernav a, .ankernav a:active, .ankernav a:visited {
 color: #777777;
 text-decoration:none;
 background: url(../images/icon_fokLinkDown.gif) left center no-repeat;
 padding-left:13px;
}
.ankernav a:hover {
 text-decoration:underline;
}

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

/* extra fuer Print */


.basePrint  {
 float:right;
 margin: -19 -40 0 -1; 
 padding: 0;
 width:auto;
 height:1%;
 background-color: #ffffff;
 border:0;
 text-align: right;
 text-decoration: none;
}


/* ----------------------------------------------------------- */
/* ////////////////////////////////////////////////////////////////////////////// */

.sitemapFok li {
 margin: 0 -7px 0 0; 
}

/* ----------------------------------------------------------- */
/* ////////////////////////////////////////////////////////////////////////////// */

.impTable {
 margin: 0; 
 padding: 15px 0 15px 0 ;
}

/* ----------------------------------------------------------- */
/* ////////////////////////////////////////////////////////////////////////////// */

.inputbox {
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #ffffff;
}

.inputtext {
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #ffffff;
}


/* ----------------------------------------------------------- */
/* ////////////////////////////////////////////////////////////////////////////// */

.unsichtbar{display:none;}

.bigClear {
   clear: left;
   line-height: 1px;
   font-size: 1px;
   height: 1px;

}

/* ----------------------------------------------------------- */
/* ////////////////////////////////////////////////////////////////////////////// */

ul.changePic
{
margin-bottom: 0px;
margin-left: -15px;
margin-top:-15px;
margin-right:0px;
padding: 0;
	width: 515px;
	overflow: hidden;
	float: left;
       list-style: none;
}

ul.changePic li a
{

      position: relative;
       padding-left:0;
	float: left;
	width: 1000px;
       border: 0;
       background-image:none;
       background:transparent;
} 

ul.changePic li a:hover 
{
	position: relative;
	left: -500px;
}