body { background: #f2f2f2; }

#wrapper img.headline {
    margin: 20px 0 4px 0px;
}

#wrapper h1  {            /* h1 �berschrift in Textbreich */
    margin: 20px 0 20px 80px;
    color: #727176;
    font-size: 20px;
    
}

#head h2 {                /* Teamorientiert. International. Dynamisch. */
    padding:0;
    margin:0;
    float: right;
    margin-top: 50px;
    margin-bottom: 15px;
    right: 148px;
    color: #727176;
    font-size: 18px;
    font-weight: bold;
    
    /* image replacement */
    overflow: hidden;
    width: 312px;
    height: 24px;
    background: url(bilder/slogan.gif) no-repeat;
    text-indent: -999em;
}

#wrapper h3 {            /* �berschrift in Boxen im Textbereich */
    padding:3px 3px 3px 10px;
    margin:0;
    font-size: 14px;
    font-weight: normal;
    color: white;
}

#wrapper .box h3 {
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
}

#wrapper ul {
    padding:0;
    margin:0;
    /*margin-left: 12px;*/
}

#wrapper a { 
    color: white;
    text-decoration: none;
 }

#wrapper {
    padding:0;
    margin: 0px auto;
    width: 904px;
    position: relative;
    font-family: Trade Gothic, Arial;
    font-size: 11px;
    color: #6D6E70;
}


/* ======================
    Kopfbereich
=======================*/
div#head {
    height: 144px;
}

#head ul { 
    float: right;
    clear: both;
    color: #555555;
 } 
 

 
#head ul li {
    list-style-type: none;
    float: left;
}

#head .separator { padding: 0 5px; }


/* ======================
    Navigation
=======================*/

#main_navi {    /* Globale Navigation */
    width: 904px;
    top: 115px;
    background: #6d6e70;
    height: 36px;
    margin-left: 1px;
    font-size: 11px;
    /*float:left;*/
    clear: both;
}

#main_navi .last {
    border-right: 3px solid #f1f1f1;
}

#main_navi .inactive.first ul li a {
    background-position: -2px; 
}


#main_navi .inactive a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0px 14px;
    background-image: url(bilder/navi_inaktiv.gif);
	float:left;
}

#main_navi .first a {
    background-image: url(bilder/navi_inaktiv_first.gif);
}

#main_navi .active  {
    background-image: url(bilder/navi_aktiv_rechts.gif);
    background-position: right top;
    display:block;
}

#main_navi .active a {
    display: block;
    color: #6d6e70; 
    height: 36px;
    line-height: 36px;
    padding: 0px 14px;
    margin-right: 2px;
    background: url(bilder/navi_aktiv.gif);
}


#main_navi li { 
    list-style-type: none;
    float: left;
	position:relative;
}

#main_navi ul li ul li { /* lokale navi -> rollover */
    float: left;
    clear: both;
    color: #555555;
	
}
#main_navi ul ul {
	clear: both;
	left:0;
	top: 36px;
} 
 


#main_navi .inactive ul, #main_navi .active ul {
	margin: auto;
    padding-top: 8px;
    display:none;
    position: absolute;
    margin-left:3px;
    /*background-image: url(bilder/navi_lokal_first.png) !important;*/
    background-position:  right 8px ;
    background-repeat: no-repeat;
    float:left;
	 clear: both;
	 /*width:100%;*/
	 width: 140px;
}

/*#main_navi .inactive:hover ul,*/
#main_navi  .hover ul {
    display:block;
    z-index: 200;
	
} 
/* Startseite anpassungen SWI 5-11-09 */
body.startseite #main_navi .inactive ul, #main_navi .active ul {
    padding-top:1px;
    background-position:  right 1px ;
}
body.startseite #middle, 
body.startseite #middle .nurbild .csc-textpic-clear, 
body.startseite #wrapper .nurbild, 
body.startseite #wrapper .csc-textpic-image 
#wrapper .csc-textpic-center{
    margin: 0px;
}

#main_navi .inactive ul li {
    clear: both;
    width: 100%;
}

#main_navi .inactive ul li a {
    background-color: #9F9F9F;
    padding: 1px 8px 1px 10px;
    background-image: none !important;  
    margin-right: 9px;
    display: block;
    border-bottom: 1px solid white;
    height: 20px;
    line-height: 20px;
	clear:both;
	/*width:100%;*/
	width: 113px;
	float:left;
}


#main_navi ul li ul li a:hover
{
  background-color: #ABABAB;
}

#main_navi .navi_bottom { /* unterster bereich von lokaler navi */
    background-image: url(bilder/navi_lokal_last.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 18px;
    display: block;float:left;
	background-color:transparent !important;
    /*margin-right: 9px; */
}

/* ======================
    Textbereich
=======================*/

#textbereich {
    background: white; 
    width:909px;
    background: url(bilder/border.gif) repeat-y;
    overflow: auto;
    padding-bottom: 10px;
}

#middle { 
    float:left;
    width: 484px; 
    margin-left: 10px;
    line-height: 16px;
    /* background-color: blue; */
}

#middle h1 { 
    margin-left: 0;
}

#middle h1.headline { 
    display: none;
}

#middle ul {
    margin-left: 12px;
}

#middle .h1index { margin-left: 50px; }
#middle .picindex { margin-left: 50px; }
/* #middle .stecker { margin-left: 50px; } */
/* #middle .stecker { margin-left: 50px; } */

#rightside {
    float: right;
    overflow: hidden;
    width: 240px;
    padding-top: 39px;
    /* background-color: red; */
}


#textbereich .topbar {    /* grauer Balken */
    display: block;
    width: 901px;
    margin-left: 4px;
    height: 7px;
    float:left;
    background-color: #9F9F9F;
    border-top: 1px solid white;
}
/** Auf Startseite grauer Balken ausblenden  SWI 5-11-09 **/
body.startseite #textbereich .topbar
{
    /* display: none; */
    background-color: #FFFFFF;
    width: 99%;
}

#middle h3 
{
    color: #6D6E70;
    padding: 0 0 10px 0;
}

#middle a
{
    color: #6D6E70;
}

/* ======================
    Navi - links
=======================*/

#navi_left {
    float: left;
    width: 173px;
}

#navi_left ul .first {    /* "mit knuppel" ohne pfeil */
    background-image: url(bilder/navi_lokal_first.png);
    background-position:  top right;
    background-repeat: no-repeat;
}

/*#navi_left ul .first-haschildren {    / * "mit knuppel und pfeil" * /
    background-image: url(bilder/navi_lokal_first_arrow.png);
    background-position: top right;
    background-repeat: no-repeat;
}*/

#navi_left ul .haschildren {    /* wei�er pfeil */
    background-image: url(bilder/pfeil_weiss.gif);
    background-position: top right;
    background-repeat: no-repeat;
}

#navi_left ul .active a.haschildren  {    /* ohne "knuppel mit pfeil" */
    background-image: url(bilder/pfeil_grau.gif);
    background-position: 150px top;
    background-repeat: no-repeat;
}

#navi_left ul {
    display: block;
    margin-left: 4px;
    float:left;
}

#navi_left ul ul { margin-left: 0; }

#navi_left ul li {
    clear: both;
    list-style-type: none;
    overflow: hidden;
}

#navi_left ul li a {
    background-color: #9F9F9F;
    padding: 1px 5px 1px 10px;
    margin-right: 9px;
    display: block;
    border-bottom: 1px solid white;
    line-height: 20px;
    width:145px;
}

#navi_left ul li a:hover {
    background-color: #ABABAB;
}

#navi_left ul li.active a, 
#navi_left ul li.active a:hover {
    background-color: white;
    color: #6d6e70;
}

#navi_left ul li ul { 
    margin:0;
}

#navi_left ul li ul li {
    line-height: 20px;
}

#navi_left ul ul a {
    margin:0;
    background-image: url(bilder/navi_links_zweite_ebene.gif) !important;
    background-position: bottom left !important;
    border-bottom: 0;
    color: #343434 !important;
    width: 142px;
    padding-left: 13px;
}

#navi_left ul ul .active a { font-weight: bold; }

#navi_left ul li ul .last a {
    border-bottom: 1px solid white;
    background-image: none !important;
    background-color: #DBDBDB !important; 
}


#navi_left .navi_bottom { /* unterster bereich von lokaler navi */
    background-image: url(bilder/navi_lokal_last.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 18px;
    display: block;
    /*margin-right: 9px; */
}




#pic {
    margin: 10px 0 0 0;
    line-height:0;
}

#stecker { margin:0; }






/* ======================
    boxen - rechts
=======================*/

#textbereich .box {
    margin-top: 10px;
    background: url(bilder/rand_box.gif) repeat-y;
    width: 206px;
    float: right;
    margin-right: 20px;
    clear: right;
}

#textbereich .box h2 {
    margin: 0;
    color: #6D6E70;
    font-size: 12px;
    padding: 5px 15px 0 20px;
}



#textbereich .box .header {
    background-image: url(bilder/box_grau.gif);
    background-position: top;
    background-repeat: no-repeat;
    width: 206px;
    height: 25px;
}

#textbereich .box .header img,
#wrapper #middle .header img {
    margin: 5px 0 0 10px;
}

#textbereich .box p {
    margin: 0;
}
#textbereich .box .box-content p {
    padding: 5px 15px 0px 20px;
}

#rightside .box ul.downloadlink
{
    padding-top : 5px;
    padding-left: 5px;
    list-style: none;
}

#rightside .box ul.downloadlink a
{
    display: block;
}

#textbereich .box .csc-textpic-imagewrap a {
   padding-left: 0px;
   background-image: none;
}

#textbereich .box a,
#middle .csc-textpic-text p a,
#middle .contenttable a,
#middle .csc-text a {
    color: #D12428;
    background-image: url(bilder/pfeil_rot.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 15px;
    font-weight: bold;
}

#textbereich .box .csc-textpic img { 
    padding:1px 1px 1px 3px;
    margin:0;
    /*width: 198px;
    height: auto;*/
 }
 

 
 #rightside .box .csc-textpic-above .csc-textpic-imagewrap .csc-textpic-lastcol a
 {
    padding: 0px;
    background-image: none;
 }

#textbereich .box strong {
    line-height: 1.5;
}
/* 
#textbereich .box .bottom {
    background-image: url(bilder/rand_box_bottom.gif);
    background-repeat: no-repeat;
    height: 17px;
}
*/
#textbereich .box .bottom {
    background-image: url(bilder/rand_box_bottom.gif);
    background-position:0 -5px;
    background-repeat: no-repeat;
    height: 12px;
}

#textbereich .rot .header, 
#textbereich .box .header-rot {
    background-image: url(bilder/box_rot.gif);
}

#textbereich .box .csc-textpic-imagewrap {
    margin: 0;
}

#wrapper .rahmen_bottom {
    background-image: url(bilder/border_bottom3.gif);
    background-repeat: no-repeat;
    height: 10px;
    width: 909px;
    clear: both;
}

#textbereich .box p.shortlink {
    text-align: center;
    padding: 5px 4px 2px 4px;
    /*white-space: pre-wrap;*/
}

#textbereich .shortlink a {
    background-image: none;
    padding: 0 2px;
    /*white-space: nowrap;*/
}

#textbereich .shortlink .biggest{
    font-size: 15px;
    font-weight: bold;
    color: #D2232A !important;
}

#textbereich .shortlink .bigger {
    font-size: 14px;
    font-weight: bold;
    color: #6E6D72 !important;
}

#textbereich .shortlink .big {
    font-size: 13px;
    font-weight: bold;
    color: #6E6D72 !important;
}

#textbereich .shortlink .small {
    font-size: 12px;
    font-weight: normal;
    color: #808080 !important;
}

#textbereich .shortlink .smallest {
    font-size: 11px;
    font-weight: normal;
    color: #808080 !important;
    
}

#footer-navi {
    width: 739px;
    height: 24px;
    line-height: 24px;
    padding-left: 180px;
    background: transparent url(bilder/border.gif) repeat-y scroll 0 0;
    float: left;
}

#footer-navi #bookmark {
    margin-left: 640px;
}

#footer-navi #bookmark ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#footer-navi img {
    border: none;
}

#footer-navi a {
    color: #6D6E70;
    text-decoration: underline;
    font-size: 11px;
    float: left;
}

#footer-navi a.print-link {
    background-image: url(bilder/print.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 22px;
}

#footer-navi a.sendafriend {
    background-image: url(bilder/empfehlen.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 24px;
    margin-right: 16px;
    float: right;
}

/* ------- RIS Image Map ------ */
#wrapper .tx-tmpstandorte-pi1
{
    position: relative;
   /*z-index: 0;*/
}

#wrapper #middle #standort-karte {
    background-color: #C7C9CA;
    width: 700px;
    height: 420px;
    float: left;
}

#wrapper #middle #standort-karte dl.image_map {
    display:block;
    width:354px;
    height:410px;
    /* background:url(bilder/riskarte.png); */
    background:url(bilder/riskarte.gif) no-repeat;
    position:relative;
    margin: 0px 10px;
}
#wrapper #middle #standort-karte dl.image_map a {
	cursor:pointer;
}

#wrapper #middle .standorte {
    position: absolute;
    z-index: 2;
    left: 410px;
    width: 238px;
    /*float:right;*/
    margin-right:20px;
    margin-top:10px;
    background: transparent url(bilder/standorte_body.png) repeat-y scroll 0 0;
}
#wrapper #middle .standorte .header-rot
{
    height: 25px;
    background: transparent url(bilder/standorte_head.png) no-repeat;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    padding: 0 10px;
    color: #fff;
}
#wrapper #middle .standorte .bottom
{
    background: url(bilder/standorte_footer.png);
    font-size: 11px;
    line-height: 11px;
    height: 11px;
}

#wrapper #middle .standorte table td.standorte-info {
    font-weight: bold;
}

#wrapper #middle .standorte table a {
    color: #D12428;
    background-image: url(bilder/pfeil_rot.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 15px;
    font-weight: bold;
}

#wrapper #middle #standort-0 p {
    margin: 0;
    padding: 3px 10px;
}

#wrapper #middle .box-big table td {
    vertical-align: top;
    padding: 3px;
}

dl.image_map dd a.LINK0 {left:143px; top:54px; background:transparent;}
dl.image_map dd a.LINK0 {display:block; width:90px; height:0; padding-top:24px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK0:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK1 {left:254px; top:134px; background:transparent;}
dl.image_map dd a.LINK1 {display:block; width:80px; height:0; padding-top:24px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK1:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK2 {left:154px; top:125px; background:transparent;}
dl.image_map dd a.LINK2 {display:block; width:59px; height:0; padding-top:25px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK2:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK3 {left:222px; top:184px; background:transparent;}
dl.image_map dd a.LINK3 {display:block; width:67px; height:0; padding-top:32px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK3:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK4 {left:161px; top:338px; background:transparent;}
dl.image_map dd a.LINK4 {display:block; width:67px; height:0; padding-top:28px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK4:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK5 {left:114px; top:285px; background:transparent;}
dl.image_map dd a.LINK5 {display:block; width:75px; height:0; padding-top:24px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK5:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK6 {left:111px; top:241px; background:transparent;}
dl.image_map dd a.LINK6 {display:block; width:70px; height:0; padding-top:25px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK6:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK7 {left:111px; top:223px; background:transparent;}
dl.image_map dd a.LINK7 {display:block; width:70px; height:0; padding-top:23px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK7:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK8 {left:63px; top:209px; background:transparent;}
dl.image_map dd a.LINK8 {display:block; width:71px; height:0; padding-top:23px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK8:hover  {background:transparent; cursor: pointer;}
dl.image_map dd a.LINK9 {left:22px; top:218px; background:transparent;}
dl.image_map dd a.LINK9 {display:block; width:46px; height:0; padding-top:29px; overflow:hidden; position:absolute;}
dl.image_map dd a.LINK9:hover  {background:transparent; cursor: pointer;}
/* ------- RIS Image Map ------ */


/* ------- Send a friend ------- */
#popup {
    font-family: Trade Gothic, Arial;
    font-size: 12px;
    background-color: #F2F2F2;
    width: 420px;
}
#popup h2 {
    font-size: 12px;
    font-weight: bold;
}

#popup form, #popup table {
    font-size: 11px;
}

#popup a#s2fclosewindow {
    color: #6D6E70;
    text-decoration: underline;
    text-align: right;
    padding-left: 300px;
}
#sendafriend .sendafriend-einleitung {
    margin-bottom: 10px;
}
#sendafriend .sendafriend-einleitung-title {
    margin-bottom: 10px;
    color: #D12428;
    font-weight: bold;
}
/* ------- Send a friend ------- */

/* ------- Sitemap ------- */
#wrapper #middle .csc-sitemap ul {
    margin: 3px 30px;
    list-style-type: square;
    font-size: 12px;
}

#wrapper #middle .csc-sitemap li {
    color: #000;
}

#wrapper #middle .csc-sitemap ul a {
    color: #C0002B;
    text-decoration: underline;
}
/* ------- Sitemap ------- */

#wrapper #head a {
    color: #555555;
    float: left;
}

#stellenboerse {
    margin: 2px 2px 2px 20px;
    height: 24px;
}

#stellenboerse select {
    font-size: 11px;
    margin: 5px 0px;
    float: left;
}

#stellenboerse a {
	display: block;
	margin: 8px 0 0 3px;
	float: left;
}

#bookmarks {
    float: right;
    margin-right: 28px;
    width: 90px;
}
#bookmarks a {
    padding-left: 1px;
}


/* ------- Router Plug ------- */
#wrapper #wrap #top {
    background-image: url(bilder/rak-top.jpg);
    width:571px;
    height:45px;
    z-index:5;
    position:absolute;
}
#wrapper #wrap #bottom {
    background: url(bilder/rak-bottom.jpg) no-repeat;
    width:571px;
    height:650px;
    z-index:2;
    position:absolute;
    top:45px;
}
#wrapper #wrap #plug {
    width:90px;
    height:563px;
    z-index:4;
    position:absolute;
    top:100px;
    left:250px;
    cursor:move;
}
#wrapper #wrap #cable {
    width:80px;
    height:563px;
    z-index:4;
    position:absolute;
    background-image: url(bilder/plug.png);
}

#wrapper #wrap .slot {
    opacity:0.0;
    /*filter: Alpha(opacity=1);*/
    width:40px;
    height:30px;
    display:block;
    position:absolute;
    left:72px;
    top: 43px;
    z-index:3;cursor:pointer;
}
#wrapper #wrap {
    position:absolute;
    width:572px;
    /*height:178px;*/
    overflow:hidden;
    margin:0;
    padding:0;
    text-align:left;
    top: 558px;
    bottom: 6px;
}


#wrapper #wrap #back {
    height:    732px;
    width:925px;
    position:relative;
    background-image: url(bilder/bg.jpg);
    background-repeat:no-repeat;
    display:block;
    margin:auto;
}
/*
body {
    background-color:#F2F2F2;
    text-align:center;
}
*/
#wrapper #wrap .led {
    position:absolute;
    width:28px;
    height:28px;
    display:block;
    
}
#wrapper #wrap .ledred {
    top:53px;
    z-index:3;
}
#wrapper #wrap .ledgreen {
    top:33px;
    z-index:100;
}
#wrapper #wrap .ledgreenimg{
    background-image:url(bilder/led-yellow.png);
}
#wrapper #wrap .ledredimg{
    background-image:url(bilder/led-red.png);
}


#wrapper #wrap #ledgreen1 {
    left:115px;
}
#wrapper #wrap #ledgreen2 {
    left:246px;
}
#wrapper #wrap #ledgreen3 {
    left:374px;
}
#wrapper #wrap #ledgreen4 {
    left:504px;
}


#wrapper #wrap #ledred1 {
    left:115px;
}
#wrapper #wrap #ledred2 {
    left:246px;
}
#wrapper #wrap #ledred3 {
    left:374px;
}
#wrapper #wrap #ledred4 {
    left:504px;
}
/* ------- Router Plug ------- */

#wrapper #middle .csc-textpicHeader h1 {
    margin: 0;
    font-size: 12px;
}

/*
#wrapper #middle .csc-textpic-text p {
    margin: 0 0 5px 0;
}
*/
#middle .csc-text p {
    margin: 0 0 5px 0;
}

#wrapper .csc-textpic-imagewrap {
    /* margin: 0 !important; */
}

#wrapper .csc-textpic-image {
    margin: 0 10px 0 0;
}

#wrapper .nurbild {
    margin-bottom: 20px;
}

#wrapper .csc-textpic-intext-left
{
    border-bottom:1px solid #E2E2E2;
    margin-bottom:10px;
}

#wrapper .csc-textpic-intext-left-nowrap {
    overflow: auto;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

#wrapper .csc-textpic-clear {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
}

#wrapper .box .csc-textpic-clear {
    border: none;
    margin: 0;
}

body.indent-headline #navi_left {
    width: 100px;
}



/* Tabellen */
#middle .contenttable {
    text-align: left;    
    border-collapse: collapse;
    margin-bottom: 30px;
}

#middle .contenttable caption {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0px;
    text-align: left;
}


#middle .contenttable th {
    padding-bottom: 5px;
}

#middle .contenttable td {
    border-top: 1px solid #a1a1a1;
    padding: 3px 5px;
    vertical-align: middle;
}

#middle .contenttable p {
    margin:0;
    padding:0;
    
}
/*
#rightside .box-content .csc-textpic-imagewrap img {
        background-color: blue;
        border: 2px solid green;
    }*/
    
    
#wrapper .csc-textpic-imagerow dl {
    margin: 0;
}

#wrapper #textbereich #middle div.csc-text
{
    border-bottom: 1px solid #E2E2E2;
}

#wrapper #textbereich #middle div.csc-textpic-text div.csc-text
{
    border: 0px;
}

#wrapper #textbereich #middle div.csc-text
{
    border-bottom: 1px solid #E2E2E2;
}

/* ------------------ Stellenbrse --------------------- */

.tx-stellenboerseiframe-pi1, 
.tx-stellenboerseiframe-pi1 iframe
{
    width : 560px;
    height: 410px;
}


/* ------------------ Stellenbrse --------------------- */


#middle .csc-text ul {
	padding-left: 16px;
	margin-bottom: 6px;
}


.on-top {
  z-index: 10000;
}