/* ============================================================
Stylesheet für Website www.pro-hi.de

Datei: bildschirm.css
Autor: high4 multimedia agentur, Jan Schmäschke & Dominik Kessler

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
============================================================ */ 

/* _________________________________________________________
    1. Kalibrierung
____________________________________________________________*/

* { padding: 0; margin: 0; }

h2, h3, p, ul, ol { margin-bottom: 1em; }

ol ul { margin-bottom: 0; }

li { margin-left: 2em;}


/* _________________________________________________________
    2. Allgemeine Styles
____________________________________________________________*/

html { height: 101%; }

body {
	background-color: #FFFFFF;
	background-image: url(../i/bg_body.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	}

h1 { font-size: 150%; }
h2 { font-size: 130%; color: #A4BA39; /*letter-spacing: 1px;*/ }
h3 { font-size: 130%; color: #A4BA39; /*letter-spacing: 1px;*/ border-bottom: 2px dotted #A4BA39; }

address {
	color: #ABABAB;
	text-align: left;
	font-size: 75%;
	font-style: normal;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-left: 40px;
	}


/* ------------------------
   Hyperlinks
------------------------ */

a {
	text-decoration: none;
	outline: none; }
	
a:link { color: #718027; }
a:visited { color: #A4BA39; }
a:hover, a:focus { color: #A4BA39; /* border-bottom: 1px solid #d90000; */ }
a:active { /*background-color: #d90000;*/ color: #718027; }	

#textbereich #fotobox a {
	border: none;
	border-bottom: none;
	text-decoration: none;}

/* ------------------------
   Klassen und IDs
------------------------ */

.skiplink {
	position: absolute;
	top: -5000px;
	left: -5000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline; 
	}

#logo {
	background-color: #FFFFFF;
	color: #666666;
	margin-top: 172px;
	margin-left: 50px;
	}	
	
/* Absatz mit gefloatetem Bild und Text
---------------------------------------- */

.bildlinks {
	float: left;
	padding: 2px;
	border: 1px solid #A4BA39;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 45px;
	}
	
.bildrechts {
	float: right;
	padding: 2px;
	border: 1px solid #A4BA39;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 10px;}	
	
.bildrechtsor {
	float: right;
	padding: 2px;
	margin-right: 30px;
	margin-left: 20px;
	margin-bottom: 10px;}		
	
.textrechts {
	float: right;
	/*padding: 2px;*/
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 225px;}		
	
.images	{
	padding: 2px;
	border: 1px solid #A4BA39;
	/*margin-right: 0px;
	margin-left: 20px;*/
	margin-bottom: 10px;}	
	
.clearing { clear: both; } /* beendet Float */

.bild01 {
	padding: 2px;
	border: 1px solid #A4BA39;
	margin-bottom: 7px;}
	
.bild02 {
	padding: 2px;
	border: 1px solid #A4BA39;
	margin-left: 7px;
	margin-bottom: 7px;}
	


	

/* _________________________________________________________
    3. Styles für Layoutbereiche
____________________________________________________________*/

#wrapper {
	background-color: #FFFFFF;
	background-image: url(../i/bg_wrapper.gif);
	background-repeat: no-repeat;
	color: #666666;
	width: 904px;
	margin: 0px auto;
   }
   
#inner {
	background-color: #FFFFFF;
	background-image: url(../i/bg_inner.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 850px;
	}

#kopfbereich {
	background-color:#FFFFFF;
	background-image: url(../i/bg_header.jpg);
	background-repeat: no-repeat;
	color: #666666;
	height: 306px;
	}

#textbereich {
	float: right;
	width: 453px;
	padding-right: 60px;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: justify;
	line-height: 1.5;}

/* Korrektur für den IE6 und kleiner */	
* html #textbereich { width: 447px; } 

#textbereich a {
	border-bottom: 1px dotted #718027; }
	
#textbereich ul li { list-style-type: disc;}
#textbereich ol li { list-style-type: circle;}



/* ----------------------------
   Erste Navigationsebene
------------------------------- */

#navibereich {
	position: relative;
	background-color: #101D42;
	background-image: url(../i/bg_navi.gif);
	color: #FFFFFF;
	background-repeat: repeat-y;
	padding: 5px 20px;
	}
	
	#navibereich p {
		position: absolute;
		background-color: #A4BA39;
		left: 69px;
		top: 10px;
		font-size: small;
		font-weight: bold;}
	
	#navibereich ul {
		margin-bottom: 0;
		padding-bottom: 5px;
		padding-top: 5px;
		text-align: right;}
	
	#navibereich li {
		display: inline;
		list-style-type: none;
		margin-left: 0;
		margin-right: 25px;}
		
	#navibereich a,
	#navibereich span {
		background-color: #101D42;
		color: #FFFFFF;
		font-weight: bold;}
		
	#navibereich a:hover,
	#navibereich a:focus {
		border: none;
		color: #B7B7B7;}
		
	#startseite #navi01 span,
	#projekte #navi03 span,
	#leistungen #navi02 span,
	#kontakt #navi04 span,
	#anfahrt #navi04 span,
	#impressum #navi05 span,
	#presse #navi06 span,
	#elektronikgehaeuse #navi03 span,
	#autoantenne #navi03 span,
	#kunststoffspritzteile #navi03 span,
	#blechbiegeteile #navi03 span,
	#doku #navi03 span,
	#led #navi03 span,
	#rahmensystem #navi03 span,
	#einfassleiste #navi03 span,
	#blendensatz #navi03 span,
	#steckverbinder #navi03 span,
	#saeule #navi03 span {
		color: #A4BA39;}
	
	  
/* ----------------------------
   Zweite Navigationsebene
------------------------------- */

#unavibereich {
	float: left;
	width: 250px;
	padding-left: 55px;
	padding-top: 25px;}
	
	#unavibereich ul {
		width: 16em;
		border-top: 1px dotted #A4BA39;}
	
	#unavibereich li {
		list-style-type: none;
		border-bottom: 1px dotted #A4BA39;
		margin-left: 0;
		}
		
	#unavibereich a,
	#unavibereich span {
		font-size: 85%;
		display: block;
		color: #A4BA39;
		text-decoration: none;
		padding-bottom: 7px;
		padding-top: 7px;
		padding-left: 15px;
		}
	
	#unavibereich a:hover,
	#unavibereich a:focus {
		/*background-color: #F2F2F2;*/
		color: #8A9C30;
		text-decoration: none;
		border-bottom: none;
		border-right: 10px solid #CFEB48;
		}
		
	#projekte #unavi01 span,
	#kontakt #unavi01 span,
	#anfahrt #unavi02 span,
	#elektronikgehaeuse #unavi02 span,
	#autoantenne #unavi03 span,
	#kunststoffspritzteile #unavi04 span,
	#blechbiegeteile #unavi05 span,
	#doku #unavi06 span,
	#led #unavi07 span,
	#rahmensystem #unavi08 span,
	#einfassleiste #unavi09 span,
	#blendensatz #unavi10 span,
	#steckverbinder #unavi11 span,
	#saeule #unavi12 span {
		background-color: #F2F2F2;
		color: #718027;
		text-decoration: none;
		border-bottom: none;
		border-right: 10px solid #A4BA39;
		}

	
	#ifpda07 {
		padding: 0;
		margin: 0;}
	#ifpda07 img {
		padding-top: 20px;
		padding-bottom: 30px;}
	#ifpda07 a{
		border: none;
		text-decoration: none;
		padding: 0;
		margin: 0;}
	#ifpda07 a:hover,
	#ifpda07 a:focus,
	#ifpda07 a:active {
		/*background-color: none;*/
		border: none;
		border-right: none;
		text-decoration: none;
		padding: 0;
		margin: 0;}





#fussbereich {
	clear: both;
	background-color: #FFFFFF;
	background-image: url(../i/bg_footer.gif);
	background-repeat: no-repeat;
	height: 51px;}



	  







/* _________________________________________________________
    4. Sonstige Styles
____________________________________________________________*/




/* ------------------------
   Das Kontaktformular
------------------------ */









/* ============================================================
   Ende des Stylesheets
============================================================ */