/* ===================================

Stylesheet H & L Computer

  



Datei: bildschirm.css 

Datum: 19.03.08		

Autor: Kai Roggenkamp



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: #353535; 

  color: white; 

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: small;   

}



h1 { font-size: 150%; }

h2 { font-size: 130%; }

h3 { font-size: 110%; }



address {

  text-align: center; 

  font-size: 100%; 

  font-style: normal; 

  letter-spacing: 2px;

  line-height: 1.5; 

}



/* ================

   Hyperlinks    */  



a { 

  text-decoration: none; 

  outline: none; 

} 



a:link { color: #d90000; } 

a:visited { color: #cc6600; } 



a:hover, 

a:focus { 

  border-bottom: 1px solid #d90000; 

} 

a:active { 

  background-color: #d90000; 

  color: white; 

}  



/* =====================

   Klassen und IDs    */



.skiplink {

  position: absolute; 

  top: -5000px; 

  left: -5000px; 

  width: 0;

  height: 0; 

  overflow: hidden; 

  display: inline; 

}



.bildlinks {

  float: left; 

  padding: 3px; 

  border: 5px solid #cccccc; 

  margin-right: 10px; 

  margin-bottom: 10px; 

}

.bildrechts {

  float: right; 

  padding: 3px; 

  border: 5px solid #cccccc;

  margin-bottom: 10px; 

  margin-left: 10px; 

}

.clearing {

  clear: both; 

}

#bild_bocholt {

  background-color: #FFFFFF; 

  color: black; 

  padding: 0px 0 10px 10px; 

  border: 0px solid black; 

}

#kontakt_bild {

  background-color: #FFFFFF; 

  color: black; 

  padding: 0px 40px 0px 0px; 

  border: 0px solid black; 

}
 

#logo {

  

  color: black; 

  
  padding: px; 

  border: 0px solid black; 

}

#hermes {align: right;

  background-color: white; 

  color: black; 

  padding: 0px; 

  border: 0px solid black; 

}

#bornet{alignt: right;

  background-color: white; 

  color: black; 

  padding: 0px; 

  border: 0px solid black; 

}





/* ==================================

   3. Styles für Layoutbereiche 

   =============================== */   



#wrapper { 

  background-color: white; 

  color: black; 

  width: 770px; 

  margin: 10px auto; 

}



#kopfbereich { 

  position: relative; 

  background-color: #ffe574; 

  background-image: url('farbverlauf2.jpg'); 

  background-repeat: repeat-y; /* nur noch vertikal wiederholen */ 

  color: black; 

  padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:0 

}

    #kopfbereich p {
	position: absolute;
	top: 9px;
	right: 8px;
	padding: 5px 0;
	margin-bottom: 0;

    }

    #kopfbereich p span {

      color: #d90000; 

    }
	
.textbereichRechts {padding:5px; float: right;}
#textbereich span { color: #d90000;}
textbereich_ueberuns{color: #d90000;}
#textbereich2  {background: #fee36c; padding:5px;}
#textbereich3  {background: #fee36c; padding:5px;}

#Werbung  {background: #FFFFFF; padding:5px;text-align: right;}

#navibereich {

  text-align: right; 

  background: #ffe574 url('farbverlauf.jpg') repeat-y top left; 

  border-bottom: 1px solid #8c8c8c; padding-left:10px; padding-right:10px; padding-top:15px; padding-bottom:4px 

}

    #navibereich ul {

      margin-bottom: 0; 

    }

    #navibereich li {

      display: inline; 

      list-style-type: none; 

      margin: 0; 

    }

    #navibereich a,

    #navibereich span {

      background-color: #ffeda0; 

      color: black; 

      padding: 4px 8px 4px 8px; 

      border: 1px solid #8c8c8c; 

    }

    #navibereich a:hover,

    #navibereich a:focus {

      background-color: white;

      color: black; 

      border-bottom-color: white; 

    }
.nt{background-color: white; border: 1px solid;}
.nt_fs{background-color: white; border: 0px solid;}
.nt_head{background-color: white; border:1px }


    #startseite #navi01 span,
    #preisliste #navi02 span,
    #kontaktseite #navi03 span,
    #Service #navi04 span,
	#verleih #navi05 span,
	#newsletter #navi06 span,
	#ueberuns #navi07 span,
	#links #navi08 span

     {

      background-color: white;

      color: black; 

      border-bottom-color: white;       

    } 


#textbereichpreis {padding: 10px 20px 10px 20px; }
#textbereichpreis a {

      border: 0px; 

    }


#beam{border:0px;}
#einzel{border:0px;}
#pc{border:0px;}
#note{border:0px;}	
#ak{border:0px;}	
.beamer{padding: 10px 10px 10px 10px;float:left;}
.einzelteile{padding: 10px 10px 10px 10px;float:left;}
.noteb{padding: 10px 10px 10px 10px;float:left;}
.PCBau { padding: 10px 10px 10px 10px;float:right}
.akpc { padding: 10px 10px 10px 10px;float:right}
.Filialen { text-align: justify; padding: 10px 10px 0px 10px; float:left;}
.Filialen2 { text-align: justify; padding: 10px 10px 0px 10px; }

#FilialenI {padding: 0; text-align: left;}
.textbereichmitte{ padding:0px 5px 0px 20px; float: left;text-align:left; border-left:#333333 solid 1px;}
.textbereich_links{float:left; padding: 0px 20px 0px 0px;}
.textbereich_news {padding: 0px 20px 0px 0px; }
.textbereich_rechts{border-left:#333333 solid 1px; float:right; padding: 0px 3px 0px 0px ; text-align: center; }
.textbereich_rechts a  {

      border: 0px ; 

    }
 
.textbereich_rechts	a:hover,
.textbereich_rechts	a:focus{

      border: 0px; 

    } 
#textbereich_ueberuns {text-align:justify;  padding: 20px 60px 20px 20px; }
#textbereich {text-align:justify;


  padding: 20px 0px 20px 20px; 

}

    #textbereich a {

      border-bottom: 1px dotted #cc0000; 

    }

    #textbereich ul li { 

      list-style-type: square; 

    }

    #textbereich a:hover,

    #textbereich a:focus {

      border-bottom: 1px solid #d90000; 

    }



#fussbereich {
 font-size:80%;
 text-align:right;
  padding: 10px 20px 20px 20px; 

  border-top: 1px solid #353535; 

  margin-top: 20px; 

}



  

/* ==================================

   4. Sonstige Styles 

   =============================== */   



/* ======================

   Das Kontaktformular */

   

form {

  background-color: #eeeeee; 

  color: black; 

  width: 370px; 

  padding: 20px; 

  border: 1px solid #8c8c8c; 

}       

label {

  display: block; 

  cursor: pointer; 

}

input#absender, textarea {

  width: 300px;

  border: 1px solid #8c8c8c; 

  margin-bottom: 1em;

}

textarea { height: 7em; }



input#absender:focus, 

textarea:focus {

  background-color: #d9d9d9; 

  color: black; 

}



/* ===============

   Die Galerie */



div.galerie {

  overflow: hidden; /* zum Umschließen der Floats */ 

  padding: 25px 10px 10px 0; 

  margin: 0 3px 3px 0; 

}

div.galerie img {

  float: left; 

  padding: 4px; 

  border: 1px solid #ddd; 

  border-right-color: #aaa; 

  border-bottom-color: #aaa; 

  margin-right: 15px; 

  margin-bottom: 15px; 

}   

   



/* ==================================

   ENDE DES STYLESHEETS 

   =============================== */