/* CSS Document */


/****************************************************
 *  FIRMENPUNKT® gmbh                               *
 *  (c) 2004                                        *
 *  http://www.firmenpunkt.de                       *
 *  - - aw - -                                      *
 ****************************************************
 *  mailto:webmaster@firmenpunkt.de                 *
 *  sitedesign, scripting (c) FIRMENPUNKT® gmbh     *
 *  no use without permission!                      *
 ***************************************************/

/* anfang allgemein */ 
	html {
		height:100%; 
		max-height:100%; 
		padding:0; 
		margin:0; 
		border:0; 
		/* hide overflow:hidden from IE5/Mac */ 
		/* \*/ 
		overflow: hidden; 
		/* */ 
	}
	 
	body {
		height:100%; 
		max-height:100%; 
		overflow:hidden; 
		padding:0; 
		margin:0; 
		border:0;
	}
/* ende allgemein */ 

/* anfang inhalt head */ 
	#head {
		position:absolute; 
		left:0px; 
		top:0px; 
		width:83%; 
		min-width:83%; 
		height:131px; 
		background:#E5E5E5; 
		z-index:5; 
	}
	
		
	* html #head {
		top:0px; 
		width:83%; 
		height:131px;
		}
	
	#spruchleiste h1{
		width: 100%;
		height: 42px;
		padding: 0px;
		margin: 0px;
		background-color: #E5E5E5;
		display: none;
	}
	
	#spruchleiste h2 {
		padding: 0px;
		margin: 0px;
		text-align: center;
		line-height: 42px;
		font: italic 30px arial, verdana, sans-serif;
		}
			
	#animation {
		width: 98%;
		height: 62px;
		padding: 0px;
		margin: 0px;
		background: #E5E5E5 url(../images/animation/animation_1024.jpg) no-repeat top left;
		font: bold 10px verdana, arial, sans-serif;
		color: #fff;
	}
	
	#strich_animation {
		width: 100%;
		height: 5px;
		padding: 0px;
		margin: 0px;
		background-color: #E5E5E5;
		font: 1px verdana, arial, sans-serif;	
	}
/* ende inhalt head */ 

/* anfang Hauptnavigation */ 
	#navi_oben {
		width: 100%;
		height: 22px;
		padding: 0px;
		margin: 0px;
		background-color: #C72127;
		position: absolute;
		text-align: left;
		top: 110px;
		left: 0px;
		z-index: 9;
	}
	
	#navi_oben_content {
		width: 83%;
		height: 22px;
		padding: 0px;
		margin: 0px;
		padding-left: 28px;
		text-align: left;
	}
	
	#navi_oben ul {
		list-style-type: none;
		margin: 0px;
		padding-top: 0px;
		padding-left: 2px;
		padding-right: 3px;
		padding-bottom: 0px;
	}
	
	#navi_oben li {
		float: left;
		display: block;
		vertical-align: middle;
	}
	
	#navi_oben li.platzhalter {
		float: left;
		display: block;
		width: 9%;
	}
	
	#navi_oben a:link, #navi_oben a:active, #navi_oben a:visited {
		color: #ffffff;
		font: 13px arial, verdana, sans-serif;
		text-decoration: none;
	}
	
	#navi_oben a:hover {
		color: #B9B9B9;
		font: 13px arial, verdana, sans-serif;
		text-decoration: none;
	}	
/* ende Hauptnavigation */ 

/* anfang inhalt content */ 
	#content {
		display:block; 
		overflow:auto; 
		position:absolute; 
		z-index:3; 
		top:132px; 
		bottom:42px;
		width:81%; 
		left:0px; 
		margin:0px;
		padding:0px;
		color: #000000;
		font: 11px arial, verdana, sans-serif;		
	}
	
	* html #content {
		top:0px; 
		bottom:0px;
		height:100%;
		width:81%;
		border-top:145px solid #fff; 
		border-bottom:42px solid #fff;
	}
		
	#content div.text {
		padding-left:30px;
		padding-right:30px;
		padding-top:0px;	
	}
	
	/* Haupüberschrift */
	
	#content h3 {
		font: 15px arial, verdana, sans-serif;
		font-weight: bold;
	}
/* ende inhalt content */
 
/* anfang inhalt foot */ 
	#foot {
	text-align:right;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	min-width:100%;
	height:22px;
	z-index:7;
	background-color: #C72127;
	}
	
	* html #foot {
		bottom:0px; width:100%; height:22px;	
	}
/* ende inhalt foot */ 

/* anfang rechte seite */ 
	#rechter_gesamtteil {
	display:block;
	width:18%;
	height:100%;
	padding:0px;
	margin:0px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:6;
	background-color:#C1C1C1;
	}
	
/* Logo, nur für Kraus Kunststoff*/
	#logo {
		display:block;
		width:100%;
		height:109px;
		padding:0px;
		background: #C1C1C1 url(../images/logo_elektrotechnik.gif) no-repeat top left;
	}

/* für Navigation oben rechts*/
	#navi_oben_re {
		width: 17%;
		height: 22px;
		padding: 0px;
		margin: 0px;
		background-color: #C72127;
		text-align: center;
		position: absolute;
		top: 110px;
		right: 0px;
		z-index: 500;
	}
	
	#navi_oben_re ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#navi_oben_re li {
		display: block;
	}
	
	#navi_oben_re a:link, #navi_oben_re a:active, #navi_oben_re a:visited {
		color: #ffffff;
		font: 13px arial, verdana, sans-serif;
		text-decoration: none;
	}
	
	#navi_oben_re a:hover {
		color: #B9B9B9;
		font: 13px arial, verdana, sans-serif;
		text-decoration: none;
	}	
		
	#ueberschrift_re {
		width: 100%;
		height: 30px;
		padding-top: 25px;
		padding-left: 7px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin: 0px;
		color: #C72127;
		font: 12px arial, verdana, sans-serif;
		background-color: #C1C1C1;
		line-height: 30px;	
	}

/* rechte Unternavigation*/	
	#unternavi {
		width: 147px;
		height: 412px;
		padding-top: 0px;
		padding-left: 7px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin: 0px;
		background-color: #C1C1C1;
		text-align: left;
	}
	
	#unternavi ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#unternavi li {
		line-height: 15px;
	}
	
	#unternavi a:link, #unternavi a:active, #unternavi a:visited {
		color: #000000;
		font: 11px arial, verdana, sans-serif;
		text-decoration: none;
	}
	
	#unternavi a:hover {
		color: #000000;
		font: 11px arial, verdana, sans-serif;
		text-decoration: none;
	}
	
	#unternavi li span {
		width: 15px;
		height: 13px;
		display: block;
		float: left;
		margin-right: 2px;
		font-size: 1px;		
	}
	
	#unternavi li span.active {
		width: 15px;
		height: 13px;
		display: block;
		float: left;
		margin-right: 2px;
		background: transparent url(../images/pfeil_fuer_unternavi.gif) no-repeat 0px 5px;
		font-size: 1px;
	}	
	
/* für Impressum*/
	#navi_bottom {
	display:block;
	position:absolute;
	width:17%;
	height:22px;
	right:0px;
	bottom:0px;
	background-color:#C72127;
	text-align:center;
	z-index:80;
		}
		
	#navi_bottom ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	
	#navi_bottom li {
		display: block;
		vertical-align: middle;
	}
	
	#navi_bottom a:link, #navi_bottom a:active, #navi_bottom a:visited {
		color: #ffffff;
		font: 13px arial, verdana, sans-serif;
		text-decoration: none;
	}
	
	#navi_bottom a:hover {
		color: #B9B9B9;
		font: 13px arial, verdana, sans-serif;
		text-decoration: none;
	}
/* Startseite */ 
	.startueberschrift {
		color: #C72127;
		font: 17px arial, verdana, sans-serif;
		text-decoration: none;
		font-weight: bold;
	}
	
	.starttextbold {
			color: #000000;
			font: 13px arial, verdana, sans-serif;
			text-decoration: none;
			font-weight : bold
		}
	/* ende rechte seite */ 

/* anfang restliche Schriften */ 
	.teilueberschrift {
		color: #C72127;
		font: 13px arial, verdana, sans-serif;
		text-decoration: none;
	}

	.textbold {
		color: #000000;
		font: 11px arial, verdana, sans-serif;
		text-decoration: none;
		font-weight : bold
	}
	
	

	.texteinfach {
		color: #000000;
		font: 11px arial, verdana, sans-serif;
		text-decoration: none;
	}
	
	#navi a:link, #navi a:active, #navi a:visited {
		color: #ffffff;
		font: 11px arial, verdana, sans-serif;
		text-decoration: none;
		font-weight: bold;
	}
	
	#navi a:hover {
		color: #B9B9B9;
		font: 11px arial, verdana, sans-serif;
		text-decoration: none;
		font-weight: bold;
	}
	
	#content .link a:link, a:active, a:visited {
			color: #000000;
			font: 11px arial, verdana, sans-serif;
			text-decoration: none;
			font-weight: normal;
		}
		
	#content .link a:hover {
			color: #000000;
			font: 11px arial, verdana, sans-serif;
			text-decoration: underline;
			font-weight: normal;
		}
/* ende restliche Schriften */