@import url("standard.css");

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

/*
   Cascading Stylesheet http://www.poeschke-trockenbau.de
   by Dennis Frank / http://www.dennisfrank.info
   last update: 2005-05-20
   
   Farben:
   
   Blau (Body Hintergrund)		#64799C
   Blau (Container Background)  #143469
   
*/

/*
# --- 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 Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #000;
		background : #fff url(/img/page/bg_body.gif) repeat-y top center;
		text-align : center;
		
	}
    
/*
# --- L I N K S ------------------------------------------------------------{}*/
        
    a {
        text-decoration : underline;
        color : #000;
        cursor : pointer;
    }

    a:hover {
        color : #c00;
    }
    
    a:active {
    }
    
    a:visited {
    }
    
    a h1 {text-decoration : none;}
    a:hover h1 {color : #B35E37;}
	    
/*
# --- B L O C K S ----------------------------------------------------------{}*/

	#con {
		background : url(../img/page/bg_head.gif) no-repeat top center;
    	margin : 0 auto 0 auto;	
    	text-align : left;	
		position : relative;
		width : 823px;
	}
	

	
	#head {
		position : relative;
		height : 119px;
	}
	
	#nav {
		position : absolute;
		top : 89px;
		left : 54px;
		height : 30px;
	}
	
	h1 {
		position : relative;
		top : 44px; left : 58px;
	}

    h1, h1 span{
		width : 270px; height : 32px;
		background : url(../img/page/logo.gif);
    }

	#content {
		background : url(../img/page/bg_content.gif) repeat-y top center;
		padding : 2em 60px 2em 60px;   
	}
		
	#footer {
		position : relative;
		text-align : center;
		font-size : 88%;
		color : #FBE4C4;
		margin-top : -0.5em;
	}
	
/*
# --- H E A D --------------------------------------------------------------{}*/


/*
# --- N A V I G A T I O N --------------------------------------------------{}*/

    #nav ul {
        margin : 0; padding : 0;
    }
        

	#nav li {
		padding : 0; margin : 0 .2em 0 0;
		float: left;  
		display: block;
	}

	#nav li a {
		padding: 0 0.5em 0 0.5em; margin : 0;
        height : 30px; line-height : 30px;
		display : block; 
		text-decoration : none;
		white-space : nowrap;
		color : #000;
		font-size : 100%;
		font-weight : bold;
		float : left; /* für IE5-Mac und Win */
		border : 1px solid #F5BB6B;
		border-width : 0 1px 0 1px;
	}
	
	#nav li a:hover {
	   color : #00c;
	}


	#sec_start li#nav_start,
	#sec_leistungen li#nav_leistungen,
	#sec_referenzen li#nav_referenzen,
	#sec_unternehmen li#nav_unternehmen,
	#sec_kontakt li#nav_kontakt,
	#sec_impressum li#nav_impressum,
	#sec_datenschutzerklaerung li#nav_datenschutzerklaerung
	   {
            border : 1px solid #AF9F89;
    		border-width : 0 1px 0 1px;
	   }	
    
	
/*
# --- H E A D L I N E S ----------------------------------------------------{}*/

    h1 {
    	margin : 0; padding : 0;
    	font-size : 0.1em; color : #fff;
    }   
    h2 {
        margin : 0; padding : 0;
        color : #B35E37;
        font-size : 150%;
    }
    h3 {
    }
    
    
    h4 {font-size : 110%; margin-top : 1em;}
    h5 {font-size : 100%;}

/*
# --- C O N T E N T --------------------------------------------------------{}*/

	#content {
		color : #000;
	}
	
	.teaser {
	   font-weight : bold;
	}

    #content ul {
        list-style-type : disc;   
    }	

    #content ul li {
        margin-left : 2em; 
        font-weight : bold;
   
    }	
	
	
/*
# --- K L A S S E N --------------------------------------------------------{}*/

.border {
	border : 1px solid #fff;
	margin-left : -1px;
}