/* CSS Document */

@import "navigation.css"; /*Navigation und Links*/
@import "form.css"; /*Formulare (Sitemap, Glossar, Erweiterte Suche), Buttons, Tabellen */

/* + Farben Hauptbereiche */
/* + +Section00 - Service (Sitemap, Kontakt, etc.) */
/* + Violett */
.section00a {background:#936;}/* = 993366 */
.section00b {background:#B8007C;}/* = CC3399 */
.section00c {background:#F0BEE0;}
/* + +Section01 - Einsteiger */
/* + Orange */
.section01a {background:#930;}/* = 993300 */
.section01b {background:#B78B1D;}/* = FF6600 */
.section01c {background:#FC9;}/* = FFCC99 */
/* + +Section02 - Wissbegierige */
/* + Blau */
.section02a {background:#02488D;}
.section02b {background:#3F75BB;}
.section02c {background:#B3CEE9;}
/* + +Section03 - Entdecker */
/* + Gruen */
.section03a {background:#719602;}
.section03b {background:#9EC557;}/* = 99CC00 */
.section03c {background:#DEEFAA;}
/* + +Section04 - Besucher/PSA Next Generation*/
/* + Rot */
.section04a {background:#9F181E;}
.section04b {background:#E20026;}
.section04c {background:#FCC;}/* = FFCCCC */

/* + +Section05 - Partner*/
/* + grau */
.section05a {background:#7B7C7E;}
.section05b {background:#7B7C7E;}
.section05c {background:#B9BABB;}

html, body, form {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

body {
background:url(../img/bg_all.gif) #FFF;
margin-left:25px;
color:#000;
}

body.popup {
background:#fff;
margin:0;
padding:0;
}

input, select, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:101%;
}
a, a:link, a:visited {
color:#E20026;
text-decoration:none;
}
a:hover, a:active, a:focus {
text-decoration:underline;
}
img {
border:0;
}

#flashcontent  a.flashLink, #flashcontent  a.flashLink:link, #flashcontent  a.flashLink:visited {
font-size:70%;
color:#7B7C7E;
}

#flashcontent p.right {
text-align:right; 
padding:0px; 
margin:0px;
}

/* + +Header Container */
#header {
background:url(../img/dotted_line.gif) repeat-x 0 bottom #FFF;
width:960px;
}

/* + +Logo */
#logoFSI {
background:#FFF;
width:150px;
height:98px;
float:left;
}

/* + +Flash Startseite */
#startFlash {
width:960px;
clear:both;
float:none;
}
#flashcontent .flashSwitch {
position:relative;
top:-480px;
left:876px;
width:100px;
}

#flashcontent .headline {
position:absolute;
top:135px;
left:45px;
width:530px;
}

#flashcontent .headline h1 {
font-size:100%;
color:#7B7C7E;
}

#flashcontent .einsteiger {
position:absolute;
top:470px;
left:50px;
width:150px;
}

#flashcontent .einsteiger p {
padding:0px;
margin:0px;
color:#B78B1D;
font-size:70%;
}

#flashcontent .wissbegierige {
position:absolute;
top:470px;
left:301px;
width:150px;
}

#flashcontent .wissbegierige p {
padding:0px;
margin:0px;
color:#3F75BB;
font-size:70%;
}

#flashcontent .entdecker {
position:absolute;
top:470px;
left:556px;
width:150px;
}

#flashcontent .entdecker p {
padding:0px;
margin:0px;
color:#719602;
font-size:70%;
}

#flashcontent .kunden {
position:absolute;
top:470px;
left:812px;
width:150px;
}

#flashcontent .kunden p {
padding:0px;
margin:0px;
color:#E20026;
font-size:70%;
}

#flashcontent .rfid {
position:absolute;
top:584px;
left:136px;
width:300px;
}

#flashcontent .rfid p {
padding:0px;
margin:0px;
color:#7B7C7E;
font-size:70%;
}
#flashcontent .rfid a, #flashcontent .rfid a:visited, #flashcontent .rfid a:link, #flashcontent .rfid a:focus{
background:url(../img/icons/link_arr_sec04.gif) no-repeat right 5px;
padding:0 11px 0 0;
margin:1px;
}
/* + Content */
#pageBody {
background:url(../img/bg_pageBody.gif) repeat-y #FFF;
width:960px;
margin:5px 0;
float:none;
clear:both;
}
#pageBody2 {
width:960px;
float:none;
clear:both;
}
/* + Visuals fuer Hauptbereiche */
/* + Wahlweise auch als Inline-Style */
.section00 #pageBody2 {
background:url(../img/visual_00_001.jpg) no-repeat; 
}
.section01 #pageBody2 {
background:url(../img/visual_01_001.jpg) no-repeat;
}
.section02 #pageBody2 {
background:url(../img/visual_02_001.jpg) no-repeat;
}
.section03 #pageBody2 {
background:url(../img/visual_03_001.jpg) no-repeat;
}
.section04 #pageBody2 {
background:url(../img/visual_04_001.jpg) no-repeat; 
}
.section05 #pageBody2 {
background:url(../img/visual_05_001.jpg) no-repeat; 
}

/* + Content */
#content {
background:#FFF;
width:710px;
margin:30px 0 0 0;
padding:10px 0 0 0;
float:left;
}

#mainC {
background:#FFF;/* Testfarbe #EEE*/
border:none;
border-left:10px solid #FFF;
width:510px;
float:left;
font-size:73%;
min-height:543px;
}
/* Hack: Only seen by IE */
* html #mainC {
/* \*/
/* */ 
}
#mainC.fullWidth {
width:700px;
}

#mainC ul {
list-style:none;
padding:0 0 0 10px;
margin:0;
}

#mainC li {
list-style:none;
padding:0 0 3px 0;
margin:0;
}

#mainC ul.small {
font-size:95%;
padding-top:5px;
}

#mainC ul.small li {
background:none;
padding:0;
}


/* + Überschriften +*/
#mainC h1 {									
background:url(../img/dotted_line.gif) repeat-x bottom #FFF;
margin:7px 0 8px 0;
padding:0 10px 9px 10px;
font-size:101%;
float:none;
clear:both;
}

/*Überschriften im Content in einer box */
#mainC .box h1 {											
margin:0 0 10px 0;
padding:0 0 5px 0;
clear:none;
font-size:95%;
}

#mainC .box h1.start {											
margin:0 0 10px 10px;
font-size:100%;
padding:0 0 10px 0;
}


#mainC h2 {										
margin:2em 0pt 0.6em;
padding:0 0 0 10px;
font-size:100%;
letter-spacing:0.3px;
}

#mainC h3 {											
margin:0;
padding:0 0 0 10px;
font-size:101%;
letter-spacing:0.5px;
}

#mainC p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:153%;
margin:3px 0 10px 0;
padding:0 10px 0 10px;
letter-spacing:0.3px;
}

#content .small {
font-size:95%;
line-height:125%;
margin:0;
padding:0 10px 0 10px;
letter-spacing:0.3px;
}

.smallNoPd {
font-size:95%;
padding:0;
}

#rightC .box img {
margin-bottom:10px;
}

#rightC p.boxSmall {
padding:0;
margin:0;
font-size:95%;
}

.padding {
padding:0 0 0 10px;
}

#mainC img {
margin:0 0 10px 10px; 
}

#mainC .noPd {
margin:0;
padding:0;
}

#mainC .imgLeft {
float:left;
margin:4px 20px 10px 10px;
}

#mainC .imgRight {
float:right;
margin:4px 0 10px 20px;
}


#mainC p.top {
margin:0px 0 0 0;
padding:0;
text-align:right;
}
#mainC p.top a {
height:15px;
display:block;
}
.section00 #mainC p.top a,.section00 #mainC p.top a:link,.section00 #mainC p.top a:visited {
background:url(../img/icons/ic_top_section00.gif) no-repeat right;
}
.section01 #mainC p.top a,.section01 #mainC p.top a:link,.section01 #mainC p.top a:visited {
background:url(../img/icons/ic_top_section01.gif) no-repeat right;
}
.section02 #mainC p.top a,.section02 #mainC p.top a:link,.section02 #mainC p.top a:visited {
background:url(../img/icons/ic_top_section02.gif) no-repeat right;
}
.section03 #mainC p.top a,.section03 #mainC p.top a:link,.section03 #mainC p.top a:visited {
background:url(../img/icons/ic_top_section03.gif) no-repeat right;
}
.section04 #mainC p.top a,.section04 #mainC p.top a:link,.section04 #mainC p.top a:visited {
background:url(../img/icons/ic_top_section04.gif) no-repeat right;
}
.section05 #mainC p.top a,.section05 #mainC p.top a:link,.section05 #mainC p.top a:visited {
background:url(../img/icons/ic_top_section05.gif) no-repeat right;
}

#mainC ul {
padding:0;
margin-left:10px;
}

#mainC li {
padding:0 0 10px 14px;
}

.section00 #mainC li{
background:url(../img/icons/bullet_sec00.gif) no-repeat 0px 6px;
}

.section01 #mainC li{
background:url(../img/icons/bullet_sec01.gif) no-repeat 0px 6px;
}

.section02 #mainC li{
background:url(../img/icons/bullet_sec02.gif) no-repeat 0px 6px;
}

.section03 #mainC li{
background:url(../img/icons/bullet_sec03.gif) no-repeat 0px 6px;
}

.section04 #mainC li{
background:url(../img/icons/bullet_sec04.gif) no-repeat 0px 6px;
}

.section05 #mainC li{
background:url(../img/icons/bullet_sec05.gif) no-repeat 0px 6px;
}

/* Tabellen + +*/

#mainC table {
margin-left:8px;
border:0;
}

#mainC table td {
background:#dddede;
padding:5px;
font-size:95%;
border:0;
margin:0;
vertical-align:top;
border-bottom:2px solid #fff;
}

#mainC table th {
padding:5px;
color:#FFFFFF;
font-weight:bold;
letter-spacing: 0.3px;
text-align:left;
border:0;
border-bottom:2px solid #fff;
}

.section00 #mainC table th {
background:#B8007C;
}

.section01 #mainC table th {
background:#B78B1D;
}

.section02 #mainC table th {
background:#3F75BB;
}

.section03 #mainC table th {
background:#9EC557;
}

.section04 #mainC table th {
background:#E20026;
}

.section05 #mainC table th {
background:#7B7C7E;
}

.mgTop {
margin-top:4px;
}

.pdTop {
padding-top:4px;
}

/* + Section Startpage */
.box {
border:1px solid #CCCDCD;
margin:0 0 10px 0;
padding:9px;
}
.box3Col {
width:200px;
min-height:240px;
float:left;
}
/* Hack: Only seen by IE */
* html .box3Col {
/* \*/
height:240px;
/* */ 
}
.box3Colmid {
margin:0 20px 10px 20px;
}

/* + Right Column */
#rightC {
background:#FFF;	/* Testfarbe #EEE*/
border-left:10px solid #FFF;
width:180px;
float:left;
font-size:70%;
}

#rightC h2 {											
margin:0;
padding:0;
font-size:100%;
letter-spacing:0.5px;
}

#rightC h3 {											
margin:0;
padding:0;
font-size:95%;
letter-spacing:0.5px;
}

#rightC p{
padding:0;
margin:0
}

.box h1, .box3Col h1{
background:url(../img/dotted_line.gif) repeat-x bottom #FFF;										
margin:0 0 10px 0;
padding:0 0 9px 0;
font-size:95%;
}

#rightC input{
font-size:90%;
width:85px;
padding-bottom:0;
margin-bottom:0;
padding-left:2px;
border:1px inset #8f8f8f;
}

#rightC input.button {
background-color:#FFFFFF;
border:0;
cursor:pointer;
width:60px;
font-size:100%;
}

.section00 #rightC input.button {color:#B8007C;}
.section01 #rightC input.button {color:#B78B1D;}
.section02 #rightC input.button {color:#3F75BB;}
.section03 #rightC input.button {color:#9EC557;}
.section04 #rightC input.button {color:#E20026;}
.section05 #rightC input.button {color:#7B7C7E;}

#rightC ul {
list-style:none;
padding:0;
margin:0px 0 0 0;
}

#rightC li {
list-style:none;
background:none;
}

#rightC li p {
margin:0;
padding:0;
line-height:normal;
letter-spacing:0;
}

.section00 #rightC li.versenden, .section00 #rightC li.drucken,
.section01 #rightC li.versenden, .section01 #rightC li.drucken,
.section02 #rightC li.versenden, .section02 #rightC li.drucken,
.section03 #rightC li.versenden, .section03 #rightC li.drucken,
.section04 #rightC li.versenden, .section04 #rightC li.drucken, 
.section05 #rightC li.versenden, .section05 #rightC li.drucken{
background:none;
padding:0;
margin:0;
}

.section00 #rightC li.versenden a, .section00 #rightC li.versenden a:link, .section00 #rightC li.versenden a:visited {
background:url(../img/icons/send_sec00.gif) no-repeat left 4px; padding-left:15px;}
.section01 #rightC li.versenden a, .section01 #rightC li.versenden a:link, .section01 #rightC li.versenden a:visited {
background:url(../img/icons/send_sec01.gif) no-repeat left 4px; padding-left:15px;}
.section02 #rightC li.versenden a, .section02 #rightC li.versenden a:link, .section02 #rightC li.versenden a:visited {
background:url(../img/icons/send_sec02.gif) no-repeat left 4px; padding-left:15px;}
.section03 #rightC li.versenden a, .section03 #rightC li.versenden a:link, .section03 #rightC li.versenden a:visited {
background:url(../img/icons/send_sec03.gif) no-repeat left 4px; padding-left:15px;}
.section04 #rightC li.versenden a, .section04 #rightC li.versenden a:link, .section04 #rightC li.versenden a:visited {
background:url(../img/icons/send_sec04.gif) no-repeat left 4px; padding-left:15px;}
.section05 #rightC li.versenden a, .section05 #rightC li.versenden a:link, .section05 #rightC li.versenden a:visited {
background:url(../img/icons/send_sec05.gif) no-repeat left 4px; padding-left:15px;}

.section00 #rightC li.drucken a, .section00 #rightC li.drucken a:link, .section00 #rightC li.drucken a:visited {
background:url(../img/icons/print_sec00.gif) no-repeat left 2px; padding-left:15px;}
.section01 #rightC li.drucken a, .section01 #rightC li.drucken a:link, .section01 #rightC li.drucken a:visited {
background:url(../img/icons/print_sec01.gif) no-repeat left 2px; padding-left:15px;}
.section02 #rightC li.drucken a, .section02 #rightC li.drucken a:link, .section02 #rightC li.drucken a:visited {
background:url(../img/icons/print_sec02.gif) no-repeat left 2px; padding-left:15px;}
.section03 #rightC li.drucken a, .section03 #rightC li.drucken a:link, .section03 #rightC li.drucken a:visited {
background:url(../img/icons/print_sec03.gif) no-repeat left 2px; padding-left:15px;}
.section04 #rightC li.drucken a, .section04 #rightC li.drucken a:link, .section04 #rightC li.drucken a:visited {
background:url(../img/icons/print_sec04.gif) no-repeat left 2px; padding-left:15px;}
.section05 #rightC li.drucken a, .section05 #rightC li.drucken a:link, .section05 #rightC li.drucken a:visited {
background:url(../img/icons/print_sec05.gif) no-repeat left 2px; padding-left:15px;}

.section00 #rightC li.drucken p {
background:url(../img/icons/print_sec00.gif) no-repeat left 2px; padding-left:15px;}
.section01 #rightC li.drucken p {
background:url(../img/icons/print_sec01.gif) no-repeat left 2px; padding-left:15px;}
.section02 #rightC li.drucken p {
background:url(../img/icons/print_sec02.gif) no-repeat left 2px; padding-left:15px;}
.section03 #rightC li.drucken p {
background:url(../img/icons/print_sec03.gif) no-repeat left 2px; padding-left:15px;}
.section04 #rightC li.drucken p {
background:url(../img/icons/print_sec04.gif) no-repeat left 2px; padding-left:15px;}
.section05 #rightC li.drucken p {
background:url(../img/icons/print_sec05.gif) no-repeat left 2px; padding-left:15px;}

#rightC li {
padding:0 0 5px 9px;
}

.section00 #rightC li{
background:url(../img/icons/bullet_sec00.gif) no-repeat 0px 6px;
}

.section01 #rightC li{
background:url(../img/icons/bullet_sec01.gif) no-repeat 0px 6px;
}

.section02 #rightC li{
background:url(../img/icons/bullet_sec02.gif) no-repeat 0px 6px;
}

.section03 #rightC li{
background:url(../img/icons/bullet_sec03.gif) no-repeat 0px 6px;
}

.section04 #rightC li{
background:url(../img/icons/bullet_sec04.gif) no-repeat 0px 6px;
}

.section05 #rightC li{
background:url(../img/icons/bullet_sec05.gif) no-repeat 0px 6px;
}

#rightC .imgLeft {
float:left;
margin:0 13px 5px 0;
}

#rightC .imgRight {
float:right;
margin:0 0 5px 0;
}


/* + Footer */
#footer {
background:url(../img/dotted_line.gif) repeat-x 0 top;
margin:0 0 10px 0;
width:960px;
text-align:right;
color:#B9BABB;
font-size:63%;
}

#footer img.partner {
float:left;
padding-top:5px;
}
#footer ul {
margin:0;
padding:8px 9px;
list-style-type:none;
}
#footer li {
display:inline;
}
#footer li a {
color:#B9BABB;
}
#footer p {
text-align:left;
}
#footer p.printFooter {
border-top:1px solid #000;
float:none;
clear:both;
margin:0;
padding:10px 0 10px 0;
}
/* + */
/* + Special for diff. Media Types */
/* + */
@media screen {
#footer p.printFooter {
display:none;
}
}
@media print {
body {
background:none;
margin:0;
}

#footer{
	text-align:left;
}
	
#footer ul{
	margin-left:230px;
}

#servNav,#leftNav,.sectImg,.rightC,.top,.drucken,.noPrint, #rightC, #lightbox, #lightbox2, #overlay {
display:none;
}

#pageBody {
border-top:1px solid #000;
}

#mainNav {
display:none;
}

#mainC a, #mainC a:link, #mainC a:visited, #mainC a.ext, #mainC a.ext:link, #mainC a.ext:visited {
padding:0;
margin:0;
background:none;
}

}
/* + HELFERLEIN */
.inv {
position:absolute;
left:-1000px;
top:-1000px;
width:0;
height:0;
overflow:hidden;
display:inline;
}
.noRead {
speak:none;
}
.unsichtbar{
position:absolute;
top:-500px;
left:-2000px; /*Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen sich bereifrige Screenreader, die ausgerechnet "display:none" akustisch auswerten, tuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

.fixfloat {
float:none;
clear:both;
margin:0;
padding:0;
font-size:0;
line-height:0;
height:1px;
}

.fixfloat2 {
float:none;
clear:both;
margin:0;
padding:0;
}