/* CSS-File für www.ibl-elektronik.de   */
/*                                      */ 
/* Copyright: 27.01.2016                */
/*            i-BL Elektronik GmbH      */
/*            Wollmarshofen 9           */
/*            D-88285 Bodnegg           */
/*            info@ibl-elektronik.de    */
/*            www.ibl-elektronik.de     */


/*============================ HTML, BODY ============================*/
html 
{ 
 height:100%;
}

body 
{
 margin:0px;
 padding:0px;
 background: #C0C0C0; 
 height:100%;
 font-family:Arial, Helvetica, sans-serif;font-size:80%;
}


/*============================ Streifen & Navigation oben ============================*/
#streifen_oben 
{
 position:absolute; top:40px; height:40px; width:100%;
 background: url('images/header_top.jpg') repeat-x;
}

#navigation_oben 
{
 position:absolute; top:80px; height:41px; width:100%;
 background: url(images/navigation_top.jpg) repeat-x;
 padding-top:13px;
 font-size: 16px; color:#CCCCCC;
 text-align:center;
}

a.navi_oben
{
 color:#CCCCCC;
 text-decoration:none;
}

a.navi_oben:hover
{
 color:#CCFF66;
 text-decoration:none;
 font-weight: bold; 
 font-size:16px;
}


/*============================ Main-Frame --> Mittig auf der Seite plaziert ============================*/
#main_frame
{
 z-index:0;
 position:absolute; top:122px; left:50%; width:980px;
 margin-left: -492px;  
 padding:0px;
}

#main_links 
{
 position:absolute; top:0px; left:0px; height:640px; width:280px;
 background: url(images/main_links.jpg) no-repeat;
}

#main_bild_links 
{
 position:absolute; top:0px; left:281px; height:200px; width:280px;
}

#main_bild_rechts 
{
 position:absolute; top:0px; left:560px; height:200px; width:280px;
}

#main_ueberschrift 
{
 position:absolute; top:200px; left:281px; height:30px; width:555px;
 padding:5px;
 font-size: 18px; font-style: italic; font-weight: bold; color:#333333;
}

#main_inhalt 
{
 position:absolute; top:230px; left:281px; height:380px; width:530px;
 background: #EAEAEA;
 padding:15px;
 text-align:justify;
}

#main_inhalt_scroll 
{
 position:absolute; top:230px; left:281px; height:380px; width:530px;
 background: #EAEAEA;
 padding:15px;
 text-align:justify;
 overflow-y:scroll;
}


#main_referenzen 
{
 position:absolute; top:230px; left:281px; height:375px; width:476px;
 background: #EAEAEA;
 padding:22px 15px 15px 68px;
 text-align:justify;
}


#InhaltLinks
{
 z-index:0;
 position:absolute; top:0px; left:0px; width:260px; height:395px;
 margin:0px;
 padding: 15px 10px 0px 10px;
}

#InhaltRechts
{
 z-index:0;
 position:absolute; top:0px; left:280px; width:260px; height:395px;
 margin:0px;
 padding: 15px 10px 0px 10px;
}

#main_rechts 
{
 position:absolute; top:0px; left:840px; height:640px; width:140px;
}


/*============================ Streifen & Navigation unten ============================*/

#navigation_unten 
{
 position:absolute; top:762px; height:41px; width:100%;
 background: url(images/navigation_bottom.jpg) repeat-x;
 padding-top:13px;
 font-size: 14px; color:#969696;
 text-align:center;
}

a.navi_unten
{
 color:#CCCCCC;
 text-decoration:none;
}

a.navi_unten:hover
{
 color:#CCFF66;
 text-decoration:none;
}