/* =================================================
Stylesheet für die Beispielsite aus "Little Boxes"  
Stand: Ende Kapitel "Horizontale Navigation" 
Datei: bildschirm.css
Datum: 28. Juni 2011
Autor:  Peter Müller 
Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles 
        3. Styles für Layoutbereiche    
        4. Sonstige Styles 
================================================== */

/* ====================================== 
  1. Kalibrierung und Restauration
  ====================================== */
 
*  { padding: 0; margin: 0; 
  color: black; 
  font-family: Verdana, Arial, Helvetica, sans-serif; /* "comic sans ms" */
  font-size: 9pt;
}

img { border:0; margin:0;padding:0; }

html { overflow-y: scroll; }

p, ul, ol { margin-bottom: 1em; }  
h2 { margin-bottom: 0.3em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em ; } 
/* hier ggfs. Abstände für weitere Elemente restaurieren */

/* ====================================== 
  2. Allgemeine Styles 
  ====================================== */
body { 
  background-color: white; 
/*  color: black; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 9pt; */
  background: url('./images/bodybg.jpg') repeat-x; 
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; } 
address {
  text-align: center;  
  font-size: 80%;     
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5;   
}

a:link , a:visited, a:hover , a:focus , a:active { 
  display:inline;
  color:black;
  font-weight:normal;
  text-decoration: none;
  /* background-color: white; */ 
  padding: 0; 
  border:none;
  margin:0; 
}
a:hover,
a:focus , 
a:active { 
  color: #c00; 
/*  text-decoration: underline;
  background-color: white;  */
} 

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

	a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"], 
  #FotoLadeButton input[type="submit"],
	#FotoLadeButton input[type="reset"],
	#FotoLadeButton input[type="button"] {
	  padding: 1px 3px 1px 3px;

/*
	  color: blue;
		background: #eee; 
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  display: inline-block;
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: 21px;
*/

}

#notizen {
  width:730px;
}

#vermittelt_alt {
  width:180px;
}
#Vermittlungen input[type="submit"] {
  padding-top:0;
  padding-bottom:0;
  font-size:8pt;
}
#Vermittlungen input[type="text"] {
  width:110px;
}

#Vermittlungen select {
  width:180px;
}

 
/* ====================================== 
  3.  Styles für die Layoutbereiche 
  ====================================== */
#wrapper { 
  width: 1200px; 
  margin: auto; 
/* border:1px solid red;   13.02.2013: ist ok */
}
#kopfbereich {
  /* background: #ffe574 url(./images/headbg.jpg) no-repeat top left; */
  padding: 0;
  height:140px;
}
  
#navibereich {
position:relative;
top:-43px; 
  text-align: left;  
  padding: 11px 20px 4px 0px;
width:1100px;  

}
  #navibereich ul { margin-bottom: 0; }
  #navibereich li { 
    display: inline;      
    list-style-type: none;
    margin: 0;    
    display:block;
    float:left;
    width:110px;
    text-align:center;
  }
  #navibereich a { 
    display:block;
    color:#666;
    font-weight:bold;
    background-color: #ddd; 
    text-decoration:none; 
    padding: 6px 8px 4px 8px; 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
  }
  #navibereich li.sie-sind-hier a { 
    color: #c00; 
    background-color: white; 
    border-bottom-color: white; 
   } 
  #navibereich a:hover,
  #navibereich a:focus { 
    color: #c00; 
    background-color: white; 
    border-bottom-color: white;
  } 
  #navibereich a:active { 
    color: #666; 
    background-color: white; 
    border-bottom-color: white; 
  }

#navibereich a.wie_im_content { 
  position:relative;
  top:5px;
  display:inline;
  color:#666;
  font-weight:normal;
  background-color: white; 
  padding: 0px; 
  border:none;
  margin:0 5px 0 20px; 
}
#navibereich a.wie_im_content:hover,
#navibereich a.wie_im_content:focus , 
#navibereich a.wie_im_content:active { 
  color: #c00; 
  background-color: white; 
  border-bottom-color: white;
} 


                                        /* aus styles.css  */

#links_und_mitte {
position:relative;
top:-55px; 
/* border:1px solid blue; 13.02.2013: passt! */
}

#links {
  float: left;
  width:175px;
/* border:1px solid blue;   13.02.2013: passt! */
}

 #mitte {
width:1025px;
padding-left:180px; /* für Layer #links */
/*border:1px solid blue;    13.02.2013: passt! */

}
/*
#rechts {
   float: right;
   width: 1%;
   border:1px solid red;
}
*/

#mitte, #links, #rechts, #links_und_mitte {
 padding-bottom: 32767px; 
 margin-bottom: -32767px;
}

#mitte, #links, #rechts, #links_und_mitte {
 padding-bottom: 32767px; /* Beschränkung durch Safari, der keinen größeren Wert zulässt. */
 margin-bottom: -32767px;
}

#wrapper {
   overflow: hidden;
 position: relative; }
 @media all and (min-width: 0px) {
 #mitte, #links, #rechts, #links_und_mitte {
  padding-bottom:0;
  margin-bottom: 0;
 }
 #mitte:after, #links:after, #rechts:after, #links_und_mitte:after {
  padding-top:32767px;
  margin-bottom: -32767px;
  content: 'Opera 8 Fix';
  display:block;
  background: inherit;
  height: 0;
 }
}
 /*#wrap {
   width: 100%;    margin: auto;
}  */

                                        /* /aus styles.css  */





#fussbereich {
  padding: 10px 20px 20px 20px;
  border-top: 1px solid #8c8c8c; 
  margin-top: 0; 
}


#login {
  position: relative;
  top:50px;
  width:400px;
  background-color:#eee;
  border:1px solid #ccc;
  margin:0 auto;
  padding: 20px;
}

/* #login input[type="text"], #login input[type="password"] { */
#login input {
  padding:5px;
  font-size:120%;
}




#login td {padding:3px;}

                                     /* Styles für bf.php */
#bf {
  position: relative;
  top:50px;
  width:500px;
  background-color:#FFFFbb;
  border:1px solid #ccc;
  margin:0 auto;
  padding: 20px;
border:1px solid #ccc;

}
#bf td {padding:3px;}
#bf td .links {width:75px;text-align:right;}
#bf td .rechts {width:225px;text-align:left;}


/* ====================================== 
  4. Sonstige Styles 
  ====================================== */
 
.clear_both {clear:both;} 

.TabLabel {
  text-align:right;
  vertical-align:top;
  padding: 1px 0 0 1px;
  width:50px;
}
.TabLabel * {
  font-size:7pt;
}

.TabField {
  text-align:left;
  vertical-align:top;
  padding: 0 0 0 1px;
  width:200px;
}

.TabField input[type="text"] {
  width:195px;
}

#druckansicht_kunde {
  margin: auto; 
  font-size:11pt;

}

.table_aussen {
  margin:auto;
  width:1000px;

}

.td_aussen_links , .td_aussen_rechts {
  width:50%;
  padding:3px;
  text-align:left;
  vertical-align:top;
}

.td_aussen_links , .td_aussen_rechts {
  text-align:center;
}

.table_innen {
  margin:auto;
  width:500px;
}

.td_innen_links , .td_innen_rechts {

font-size:12pt;
padding:0 2px 0 2px;

}
.td_innen_links {
  width:160px;
  text-align:right;
}
.td_innen_rechts {
  width:340px;
  text-align:left;
}




#druckansicht_kunde .TabLabel {

width:400px;
color:green;
border:1px dotted red;
}

#druckansicht_kunde input[type=text] , #druckansicht_kunde label {
border:none;
width:250px; 
color:blue;
font-size:12pt;
}
 #druckansicht_kunde label {
width:100px; 
border:1px dotted green;
}
  
/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */