/*** ALLGEMEIN ***/

* {
        margin:0;
        padding:0px;
        font-family:Arial;
        font-size:12px;
        color:#000000;
        /*background-color:#ffffff;*/
/*        background-color:#80a8cb; */
        }
/*p,ul, li, a ,input, h1,h2,h3,h4,h5, subhead1  {background:#ffffff;}*/

html { height: 100% }
body { min-height: 101%; }

#print {display: none;}

#main{
        margin: 0px auto;   /*  Zentrierung FF  */
        padding:0px;
        width: 900px;
        border: #bbc8c9 1px solid;
        text-align: left;
        background-color:#ffffff;
        }
#main img, #main a {border:0; background: transparent;}


/*** HEADER  mit  SUCHE  und  NAVI-MAIN  und  BREADCRUMB  ***/

#header{
        margin:0px;
        padding:0px;
/*        background:#bbc8c9 url(/fileadmin/layout/img/header_bg_grey.jpg) repeat-x; */
          }
#logo{
          width: 100%;
          height: 74px;
          padding: 0px;
          background:#bbc8c9 url(/fileadmin/layout/img/header_bg_grey.jpg) repeat-x;
          border-bottom: #ffffff 1px solid;
          }
#navi-top{
          width: 100%;
          padding: 0px;
          background:#bbc8c9;
          }
#navi-top ul{
         list-style-type:none;
         margin: 0 20px 0 0;
         padding: 2px;
         text-align: right;
         background:#bbc8c9;
         }
#navi-top ul li{
        display:inline;
        margin: 0;
        padding:0;
        background:#bbc8c9;
         }
#navi-top ul li a{
        font-size:90%;
        height: 100%;
        color:#000000;
        text-decoration:none;
        background:#bbc8c9;
        padding-left: 10px;
        margin: 0;
        }
#navi-top ul li a:hover, #navi-top ul li a:active, #navi-top ul li.active a {
        text-decoration: underline;;
        }

#searchbox {
        margin: 0 10px 0 0px;
        padding: 0;
        background:#bbc8c9;
        float: left; 
        position: relative;
        left:470px;
        }

#searchbox form {background:#bbc8c9; border:none; float:left;white-space: nowrap;}


#searchbox form #suchform input#suchform,
#searchbox form input.in {
        font-size:90%;
        line-height:90%;
        padding: 0px 0 0px 5px;
        margin: 0px 0 0 0;
        display:block;
        float:left;
        }

/* #searchbox form input#arrow, { */
#searchbox form #suchform input#suchform input,
#searchbox form input.send {
        background: url(/fileadmin/layout/img/arrow3.gif) no-repeat 2px 2px;
        width: 14px;
        padding: 0px 0 0px 0;
        margin: 0px 0 0 0px;
        border: none;
        display:inline;
        float:left;
        height:15px;
        float:left;
        display:block;
        }
/* default styles for extension "tx_indexedsearch" */
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; padding-left: 5px;}
	.tx-indexedsearch .tx-indexedsearch-searchbox FORM TABLE TD {padding: 0 10px 10px 0;}
	.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
              



/***  Obere Haupt-Navigation mit 5 farbigen Button (BG-IMG) ***/
#navi-main {
          width: 100%;
          height: 62px;
          vertical-align: bottom;
          padding: 0px 0 0 0px;
          background:#bbc8c9 url(/fileadmin/layout/img/navi_bg_grey.jpg) repeat-x;
          }
#navi-main ul {
         list-style-type:none;
         padding-top: 7px;
         margin: 0px 20px  0 0;
         text-align: right;
         background:#bbc8c9 url(/fileadmin/layout/img/navi_bg_grey.jpg);
         }

#navi-main ul li{
         display:inline;
         line-height:47px;
         background:transparent;
         }
#navi-main ul li a{
        font-size:105%;
        font-weight: bold;
        color:#000000;
        text-transform:uppercase;
        text-decoration:none;
        text-align: center;
        background:#bbc8c9 url(/fileadmin/layout/img/navi_bg_grey.jpg) repeat-x;
        }

#navi-main ul li.aktuelles a {
           width: 89px;
           padding: 8px 7px 30px 7px;
           background: url(/fileadmin/layout/img/navibutton/navi_button_yellow_oT.jpg) no-repeat;
           }

#navi-main ul li.berufsbezogen a {
           width: 211px;
           padding: 8px 9px 30px 9px;
           background: url(/fileadmin/layout/img/navibutton/navi_button_orange_oT.jpg) no-repeat;
           }

#navi-main ul li.konzept a {
           width: 211px;
           padding: 8px 5px 30px 5px;
           background: url(/fileadmin/layout/img/navibutton/navi_button_red_oT.jpg) no-repeat;
           }

#navi-main ul li.netzwerke a {
           width: 89px;
           padding: 8px 6px 30px 6px;
           background: url(/fileadmin/layout/img/navibutton/navi_button_lila_oT.jpg) no-repeat;
           }

#navi-main ul li.service a {
           width: 72px;
           padding: 8px 9px 30px 9px;
           background: url(/fileadmin/layout/img/navibutton/navi_button_blue_oT.jpg) no-repeat;
           }

#breadcrumb{
        text-align:right;
        font-size:90%;
        color:#ffffff; 
        background-color:#57668d;
        padding: 3px 20px 3px 20px;
        }
#breadcrumb a{

/*        text-decoration:none; */
        font-size:100%;
        color:#ffffff; 
        clear:both;
        }


/*** CONTENT und NAVI-LEFT ***/

#content {
        padding: 0px;
        margin: 0px;
        background-color: #ffffff;
        float:left;
        }

#content-left {
        width:275px;
        padding: 15px 0 0 20px;
        float:left;
        background-color:#ffffff;
        }

#content-left p {
        padding: 10px 10px 10px 20px;
        margin: 10px 0px 10px 0px;
        border-bottom: #bbc8c9 10px solid;
        }


/***  NAVI LINKE SPALTE  ***/

ul#navi-left {
        padding-top: 10px;
        list-style-type:none;
        }
ul#navi-left li {
/*        width: 220px; */
        width: 250px;
        float: left;
        margin-bottom: 20px;
        }
ul#navi-left li a {
        font-size: 100%;
        font-weight: bold;
        color:#ffffff; 
        text-decoration:none;
        text-transform:uppercase;
        background:#57668d url(/fileadmin/layout/img/bg_orange.jpg);
        padding: 2px 5px 2px 20px;
        width: 250px;
        float: left;
        }

/*** 2. Ebene mit grauem BG ***/
ul#navi-left li ul {
        list-style-type:none;
         margin: 0px 0 0px 0px;
         }
ul#navi-left li ul li {
/*         width: 220px; */
         width: 250px;
         float: left;
         margin-bottom: 2px;
         }
ul#navi-left li ul li a {
        font-size:90%;
        color:#000000;
        text-decoration:none;
        text-transform:none;
        background:#bbc8c9 url(/fileadmin/layout/img/navi_bg_grau.jpg) repeat-y;
        padding: 2px 5px 2px 20px;
        width: 250px;
        float: left;
        }

ul#navi-left li ul li a:hover, ul#navi-left li ul li a:active, ul#navi-left li ul li.active a {
        color: #ffffff; 
        background:#57668d;
        }

/*** 3. Ebene mit grauer Linie unten ***/
ul#navi-left li ul li ul {
        background: #ffffff;
        list-style-type:none;
        width: 210px;
        margin: 0 0 0px 40px;
        }
ul#navi-left li ul li.active ul li {
        background:#ffffff;
/*        border-bottom: #bbc8c9 2px solid; */
        margin-bottom: 2px;
/*         width: 180px; */
         width: 210px;
         float: left;
         }
ul#navi-left li ul li.active ul li a {
        font-size:90%;
        color:#000000;
        background:#ffffff;
        border-bottom: #bbc8c9 2px solid;
        padding: 2px 5px 2px 20px;
        width: 210px;
        float: left;
        }

ul#navi-left li ul li.active ul li a:hover, ul#navi-left li ul li.active ul li a:active, ul#navi-left li ul li.active ul li.active a {
        color: #ffffff; 
        background:#57668d;
        border:none;
        border-bottom: #bbc8c9 2px solid;
        }

/*** 4. Ebene - auch mit grauer Linie unten ***/
ul#navi-left li ul li.active ul li.active ul {
        background: #ffffff;
        list-style-type:none;
/*        width: 160px; */
        width: 190px;
        margin: 0 0 0px 0px;
        }

ul#navi-left li ul li.active ul li.active ul li {
        background:#ffffff;
/*        border-bottom: #bbc8c9 2px solid; */
        margin-bottom: 2px;
        width: 190px;
        float: left;
        }

ul#navi-left li ul li.active ul li.active ul li a {
        font-size:90%;
        color:#000000;
        background:#ffffff;
        border-bottom: #bbc8c9 2px solid;
        padding: 2px 5px 2px 40px;
        width: 190px;
        float: left;
        }

ul#navi-left li ul li.active ul li.active ul li a:hover, ul#navi-left li ul li.active ul li.active ul li a:active, ul#navi-left li ul li.active ul li.active ul li.active a {
        color: #ffffff; 
        background:#57668d;
        border:none;
        border-bottom: #bbc8c9 2px solid;
        }

/*** 5. Ebene - auch mit grauer Linie unten ***/
ul#navi-left li ul li.active ul li.active ul li.active ul {
        background: #ffffff;
        list-style-type:none;
        width: 170px;
        margin: 0 0 0px 0px;
        }

ul#navi-left li ul li.active ul li.active ul li.active ul li {
        background:#ffffff;
        margin-bottom: 2px;
        width: 170px;
        float: left;
        }

ul#navi-left li ul li.active ul li.active ul li.active ul li a {
        font-size:90%;
        color:#000000;
        background:#ffffff;
        border-bottom: #bbc8c9 2px solid;
        padding: 2px 5px 2px 60px;
        width: 170px;
        float: left;
        }

ul#navi-left li ul li.active ul li.active ul li.active ul li a:hover, ul#navi-left li ul li.active ul li.active ul li.active ul li a:active, ul#navi-left li ul li.active ul li.active ul li.active ul li.active a {
/*        color: #ffffff; */
        color:#000000;
        background:#57668d;
        border:none;
        border-bottom: #bbc8c9 2px solid;
        }



#content-main {
        background-color:#ffffff;
        width: 500px;
        margin: 0 50px 20px 50px;
/*        margin-left:300px; */
        float:right;
        }

#content-main ul,
#content-main ol {
	margin: 10px 10px 20px 20px;
	}  
#content-main ul li,
#content-main ol li {
	margin-bottom: 10px; 
	padding: 0 0 10px 0;
	} 	
#content-main ul li {
	list-style-type: disc;
	}

#content-main h1 {
         font-size:250%;
         font-weight:normal;
         color:#57668d;
         padding-top:30px;
         padding-bottom:10px;
         }
         
#content-left h1 {
        background-color:#57668d;
        color: #ffffff;
        font-size: 110%;
        padding: 2px 10px 2px 20px;
        margin: 20px 0px 10px 0px;
        }

subhead1{
        font-size:150%;
         font-weight:normal;
         padding-bottom:20px;
         color:#727374;
         }
h2 {
         font-size:150%;
         font-weight:normal;
         padding: 20px 0 10px 0;
         color:#727374;
         }
h3, h4 {
        font-size:100%;
        font-weight: bold;
        padding: 20px 0 10px 0;
        color:#000000;
        }

#navi-bottom{
          width: 100%;
/*          height: 26px;*/
          padding: 0px;
          margin: 10px 0 10px 0;
          background-color:#ffffff;
          }
#navi-bottom ul{
         list-style-type:none;
         margin-right: 20px;
         padding: 2px;
         text-align: right;
         }
#navi-bottom ul li{
         display:inline;
         }
#navi-bottom ul li a{
        font-size: 90%;
        color:#000000;
        text-decoration:none;
        padding-left: 10px;
        }
#navi-bottom ul li a:hover, #navi-bottom ul li a:active{
        text-decoration: underline;;
        }

#footer {
        border-top:#57668d 5px solid;
        height:60px;
        vertical-align: bottom;
        color:#727374;
        font-size: 80%;
        font-weight:bold;
        text-transform:uppercase;
        padding: 0px;
        margin: 0;
         background:#bbc8c9 url(/fileadmin/layout/img/footer_bg.jpg) repeat-x;
/*           background:#bbc8c9 url(/fileadmin/layout/img/footer_bg_komplett.jpg) no-repeat; */
}
#footer img { margin: 5px 0px 0 5px; background: transparent; }


.blue {color: #80a8cb; background: transparent;font-size: 100%;}
.promo {text-align: center; font-size:95%;}
.promo a {font-size:95%;background:transparent;}


/*### new dec 2011 - logo iq ### */
#logo-iq {
position:absolute;
 top: 20px;
 left:30px;
 float: left;
}

#navi-main {
    position:relative
}