@import url("standard.css");

/*
# --- C S S - I N F O ------------------------------------------------------{}*/

/*
   Cascading Stylesheet http://www.honold-umwelttechnik.de
   by Dennis Frank / http://www.dennisfrank.info
   last update: 2005-11-29
   
   Farben:
   
   Rot (Text)                   #c03
   Rot (Logo)                   #D80029
   
   Blau (Logo)                  #3A2583
   Blau (Text)                  #339
   
   Grau (Body Hintergrund)      #d8cfd0
   Grau (Nav 1 Hintergrund)     #e2e2e2
*/

/*
# --- B O D Y --------------------------------------------------------------{}*/
	* html body {
        font-size : x-small; /* für IE5.x/win */
        f\ont-size : small;  /* für andere IE */
		/* Simplified Box Model Hack:
		   http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
	}

	body {
		font : small/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
		background-color : #D8CFD0;
		padding-bottom : 2em;
	}
    
/*
# --- L I N K S ------------------------------------------------------------{}*/
        
    a {
        text-decoration : underline;
        color : #339;
        cursor : pointer;
    }

    a:hover {
        color : #c03;
    }
    
    a:active {
    }
    
    a:visited {
    }
    
/*
# --- B L O C K S ----------------------------------------------------------{}*/
    #container {
        position : relative;
        background : #fff url(../img/page/bg_body.gif) repeat-x;
   		min-width : 812px;
   		min-width : 960px;
    } 
    
    * html #logo a {right : -1px;} /* für IE-Win ab 5.0 wegen 1px-Versatz rechts */

    #logo a {
        position : absolute; z-index : 10;
        top : 0; right : 0; 
    } #logo a.replace, #logo a.replace span {
            width : 349px; height : 97px;
            background-image : url(../img/page/page_logo.gif);
        }
        
    h1 {
        position : absolute; z-index : 20;
        top : 20px; left : 1.5em;
    } h1.replace, h1.replace span {
            width : 454px; height : 19px;
            background-image : url(../img/page/slogan.gif);
        }

    #nav1, #tools {
        position: relative; z-index : 10;
		font-size : 100%; line-height : normal;
		white-space : nowrap;
    }
    #nav1 {top : 31px; left : 1em; float : left;
        height : 33px; line-height : 33px;
        margin-top : 31px; /* für IE5-Mac */
    }
    #tools {top : 42px; right : 18px; float : right;}

	/* Commented Backslash Hack versteckt Regel vor IE5-Mac \*/
	#nav1 {margin-top : 0;}
	/* Ende IE5-Mac Hack */

/*    #nav2 {
        position : absolute;
		top : 8.5em; left : 1.5em;
		width : 12em;
		padding-top : 1em; 
    }
    #content {
		position : relative; z-index : 100;
		top : 3em; left : 2em;
		left : 14em;
		padding-top : 1em;
		width : 41em; height : auto;
    }*/

    #nav2 {
        position : relative; float : left;
		top : 2.5em; left : 1.5em;
		width : 12em;
		padding-top : 1em; 
    }
    #content {
    	position : relative; float : left; z-index : 100;
		top : 2.5em; left : 2em;
		padding-top : 1em;
		/*width : 41em; height : auto; */
		width : 70%; height : auto;
	} 
    #footer {
        position : relative; z-index : 20;
        background : #d8cfd0 url(../img/page/bg_footer.gif) repeat-x top;
        height : 61px;
        margin-top : 4em;
    }
	
	#bdg {
	   position : absolute;
	   right : 2em;
	   top : 150px;
	   width : 140px;
	   text-align : center;
	   background : url(../grafx/bdg.jpg) no-repeat top center;
	}
	
	#bdg a {
	   display : block;
	   padding-top : 90px;
	   text-decoration : none;
	   font-size : 80%;
	   line-height : 1.2em;
	} #bdg a:hover {text-decoration : underline}
	
	.dont-clear {clear : none}
    
/*
# --- N A V I G A T I O N --------------------------------------------------{}*/
	
	#tools {background-color : #fff; /* für IE-Win */}
	
	#nav1 ul, #tools ul { float : left; margin : 0;}
	#nav1 li, #tools li { float : left; margin : 0; padding : 0;}
	
	html>body #nav1 ul {width : 100%; /* wegen Opera 7 */}
	html>body #tools ul {width : 17em; /* wegen Opera 7 */}
	
	#nav1 a, #tools a {
		float : left;
		display : block;
		width : .1em;
		text-decoration : none;
		white-space : nowrap;
		color : #000;
	}
	
	#nav1 a {
        height : 33px; padding : 0 .5em 0 .5em;
        /* Win-IE ab 5 ben�tigt background; ansonsten Layoutfehler nach Mouse-over */
    }
    
    #tools a {padding : 0 0 0 1em;}
	
	#nav1 > ul a, #tools > ul a {width : auto;}
	/* Commented Backslash Hack versteckt Regel vor IE5-Mac \*/
	#nav1 a, #tools a {float : none;}
	/* Ende IE5-Mac Hack */
	
	#nav1 a:hover, #tools a:hover {color : #c03;}
	#tools a:hover {text-decoration : underline;}
	
	#section_start #nav_start,
	#section_unternehmen #nav_unternehmen,
	#section_produkte #nav_produkte,
	#section_angebote #nav_angebote,
	#section_informationen #nav_informationen
	{
		font-weight : bold; color : #c03;
		background : #fff url(../img/page/bg_nav1_open.gif) repeat-x 0 -3px;
	}
	   
    #section_kontakt #nav_kontakt,
    #section_impressum #nav_impressum,
    #section_downloads #nav_downloads 
    {
    	font-weight : bold; color : #c03;
    }

	
    /*
    # --- N A V I G A T I O N   2 ------------------------------------------{}*/
        #nav2 a {text-decoration : none;}
        #nav2 a:hover {text-decoration : underline; color : #c03;}
        
        #nav2 ul {margin : 0; padding : 0;}
        #nav2 ul li {
            line-height : 1.2em;
            margin : 0 0 1em 0;
        }
        
        #nav2 ul ul {margin : .5em 0 0 1.5em;}
        #nav2 ul ul li {margin-bottom : .3em;}
        #nav2 ul ul a {color : #000;}
        
		.page_profil #subnav_profil,
		.page_referenzen #subnav_referenzen,
        .page_bodenluft #subnav_bodenluft,
		.page_raumluft #subnav_raumluft,
		.page_gasmessung #subnav_gasmessung,
		.page_sonden #subnav_sonden,
		.page_gassensoren #subnav_gassensoren,
		.page_kundenspezifisches #subnav_kundenspezifisches,
		.page_mietgeraete #subnav_mietgeraete,
		.page_angebote_gasprobenehmer #subnav_angebote_gasprobenehmer,
		.page_angebote_laborgeraete #subnav_angebote_laborgeraete,
		.page_angebote_leasing #subnav_angebote_leasing,
		.page_normen #subnav_normen,
		.page_presse #subnav_presse,
		.page_anfahrt #subnav_anfahrt,
		.page_kontaktformular #subnav_kontaktformular,
        {font-weight : bold; color : #c03;}
        
/*
# --- H E A D L I N E S ----------------------------------------------------{}*/

	h1, h2, h3, h4, h5 {clear : both;}

    h1 {font-size : 100%;}   
    h2 {font-size : 180%; line-height : 1.2em; margin : 0 0 .8em 0;}
    h3 {font-size : 150%; margin-top : 1em; color : #c03;}
    h4 {font-size : 110%; margin-top : 1em;}
    h5 {font-size : 100%;}
    
/*
# --- C O N T E N T --------------------------------------------------------{}*/

    .introduction {
        font-style : italic;
    }
    
    .box {
        border : 1px solid #c03;
        background-color : #eee;
        padding : .5em; width : 45%;
    }
    
    .border {border : 1px solid #555;}
    
    .article {
        margin-bottom : 4em;
        padding-bottom : 3em;
        border-bottom : 1px solid #ccc;
    }
    
    .article div {text-align : center;}
    
    .article div p {
        font-size : 75%;
        color : #555;
        margin : .2em 0 0 0;
    }
    
    .last_article {
        border-bottom : none;
        margin-bottom : 0em;
    }

    /* -- Listen -- */
    
    #content ul {
        position : relative;
        list-style-type : none;
        padding : 0; margin : .5em 0 .5em 0;    
    }
    
    #content ul li {
        background : transparent url(../img/page/bullet_red.gif) no-repeat 0 .1em;
        padding : 0 0 0 20px;
        margin : 0 0 1em 1.5em;
    }
    


    /* -- Tabellen -- */
    
    table {
        border : 1px solid #000;
        border-collapse : collapse;
        caption-side : bottom;
    }
    
    tr {border-bottom : 1px solid #999;}
    th, td {
        text-align : left; vertical-align : top;
        font-size : 90%;
        padding : .2em .5em .1em .5em;   
    }    
    th {background-color : #c03; color : #fff;}
    
    caption {font-size : 90%; font-weight : bold;}

	#content .blue, #content strong.blue
	{color : #339;}

/*
# --- F O O T E R ----------------------------------------------------------{}*/

    * html #footer p {line-height : 12px} /* Simplified Box Model Hack */
        
    #footer p {
        font-size : 78%;
        white-space : nowrap;
        margin : 0; padding-top : 30px;
        padding-left : 17.5em;
        letter-spacing : .2em; 
        color : #333;
        background : url(../img/page/footer_corner.gif) no-repeat;
    }    


/*
# --- S T A R T S E I T E --------------------------------------------------{}*/

#section_start {
	background-color : #fff
}

#section_start #footer {
	display : none;
}