/*allgemein*/
*{
 padding: 0;
 margin: 0;
}

.none { display: none; }



html {

 font-size: 83.33%;   /*Standardschriftgrsse 12 Pixel*/
 font-family: Arial, Trebuchet MS, Verdana, Georgia, Sans-Serif;
 /*background: url(bilder/ss_home.jpg) 0px 0px no-repeat; */
 background: #918c82 url(bilder/bg_html.jpg) repeat-x;
}

/*zwei mgl: "sigfried klinger" und schauspieler +bild als img oder bg
komfortabler: sigfried klinger als bild: immer gleich: nur 1xmal in html schreiben
noch besser: sigfried klinger als bild und versteckte h1 im wrapper fr inhalt!*/

/*hintergrundbilder body*/
#b_home {
 height: 700px;
 background: url(bilder/bg_body_home.jpg) 500px 183px no-repeat;
 /*overflow: auto;*/
}

#b_lebenslauf {
 height: 700px;
 background: url(bilder/bg_body_lebenslauf.jpg) 500px 183px no-repeat;
 /*overflow: auto;*/
}

#b_setcard {
 height: 700px;
 background: url(bilder/bg_body_setcard.jpg) 500px 183px no-repeat;
 /*overflow: auto;*/
}

#b_galerie {
 height: 700px;
 
 /*background: url(bilder/galerie2.jpg) 500px 183px no-repeat; overflow: auto;*/
}

#b_kontakt {
 height: 700px;
 background: url(bilder/bg_body_kontakt.jpg) 500px 183px no-repeat;
 /*overflow: auto;*/
}



#page {
float: left;
width: 760px;
border-left: 0px solid #999;
border-right: 0px solid #999;
border-top: 0px solid #999;
border-bottom: 0px solid #999;
}


#header {
position: absolute;
left: 500px;
top: 155px;
height: 28px;
width: 250px;
  border-left: 0px solid #999;
  border-right: 0px solid #999;
  border-top: 0px solid #999;
  border-bottom: 0px solid #999;
}




/*navigation*/

#nav {
width: 500px;
height: 183px;
}


 div#nav ul {
	 position: absolute;
	 left: 0px;
	 list-style: none;
	}


 	 div#nav li {
	 float: left;
	 height: 183px;
	 width: 100px;
	 margin: 0px 0px 0px 0px;		/*oben - rechts - unten - links*/
	 text-indent: -999em;
	}


	 div#nav li a {
	 display: block;
	 height: 100%;
	 text-decoration: none;
         text-indent: -999em;
        }

             /*reiter off*/
                      div#nav li#home a {
	              background: url(bilder/home.jpg) top right no-repeat;
	              }

                      div#nav li#lebenslauf a {
	              background: url(bilder/lebenslauf.jpg) top right no-repeat;
	              }

                      div#nav li#setcard a {
	              background: url(bilder/setcard.jpg) top right no-repeat;
	              }

                      div#nav li#galerie a {
	              background: url(bilder/galerie.jpg) top right no-repeat;
	              }

                      div#nav li#kontakt a {
	              background: url(bilder/kontakt.jpg) top right no-repeat;
	              }
             
             /*reiter on*/
                      div#nav li#home a:focus, div#nav li#home a:hover, div#nav li#home a:active {
	              background: url(bilder/home.jpg) 100% -183px no-repeat;
	              }

                      div#nav li#lebenslauf a:focus, div#nav li#lebenslauf a:hover, div#nav li#lebenslauf a:active {
	              background: url(bilder/lebenslauf.jpg) 100% -183px no-repeat;
	              }

                      div#nav li#setcard a:focus, div#nav li#setcard a:hover, div#nav li#setcard a:active {
	              background: url(bilder/setcard.jpg) 100% -183px no-repeat;
	              }
	
                      div#nav li#galerie a:focus, div#nav li#galerie a:hover, div#nav li#galerie a:active {
	              background: url(bilder/galerie.jpg) 100% -183px no-repeat;
	              }

	              div#nav li#kontakt a:focus, div#nav li#kontakt a:hover, div#nav li#kontakt a:active {
	              background: url(bilder/kontakt.jpg) 100% -183px no-repeat;
	              }
             



             /*aktuelle seite reiter on*/
	              #b_home div#nav li {
	              background: url(bilder/home.jpg) 100% -183px no-repeat;
	              }

                      #b_lebenslauf div#nav li {
	              background: url(bilder/lebenslauf.jpg) 100% -183px no-repeat;
	              }
	
	              #b_setcard div#nav li {
	              background: url(bilder/setcard.jpg) 100% -183px no-repeat;
	              }

                      #b_galerie div#nav li {
	              background: url(bilder/galerie.jpg) 100% -183px no-repeat;
	              }

	              #b_kontakt div#nav li {
	              background: url(bilder/kontakt.jpg) 100% -183px no-repeat;
	              }
	


           /*navigation galerie*/
                        /*reiter off*/
                             #b_galerie div#nav li#home a {
            	              background: url(bilder/home_gal.jpg) top right no-repeat;
            	              }
            
                             #b_galerie div#nav li#lebenslauf a {
            	              background: url(bilder/lebenslauf_gal.jpg) top right no-repeat;
            	              }

                             #b_galerie div#nav li#setcard a {
            	              background: url(bilder/setcard_gal.jpg) top right no-repeat;
            	              }
            
                             #b_galerie div#nav li#galerie a {
            	              background: url(bilder/galerie_gal.jpg) top right no-repeat;
            	              }

                             #b_galerie div#nav li#kontakt a {
            	              background: url(bilder/kontakt_gal.jpg) top right no-repeat;
            	              }
                         
                         /*reiter on*/
                              #b_galerie div#nav li#home a:focus, #b_galerie div#nav li#home a:hover, #b_galerie div#nav li#home a:active {
            	              background: url(bilder/home_gal.jpg) 100% -183px no-repeat;
            	              }
            
                              #b_galerie div#nav li#lebenslauf a:focus, #b_galerie div#nav li#lebenslauf a:hover, #b_galerie div#nav li#lebenslauf a:active {
            	              background: url(bilder/lebenslauf_gal.jpg) 100% -183px no-repeat;
            	              }
            
                              #b_galerie div#nav li#setcard a:focus, #b_galerie div#nav li#setcard a:hover, #b_galerie div#nav li#setcard a:active {
            	              background: url(bilder/setcard_gal.jpg) 100% -183px no-repeat;
            	              }
            	
                              #b_galerie div#nav li#galerie a:focus, #b_galerie div#nav li#galerie a:hover, #b_galerie div#nav li#galerie a:active {
            	              background: url(bilder/galerie_gal.jpg) 100% -183px no-repeat;
            	              }
            
            	              #b_galerie div#nav li#kontakt a:focus, #b_galerie div#nav li#kontakt a:hover, #b_galerie div#nav li#kontakt a:active {
            	              background: url(bilder/kontakt_gal.jpg) 100% -183px no-repeat;
            	              }
                         
            
            
            
                         /*aktuelle seite reiter on*/

                                  #b_galerie div#nav li {
            	              background: url(bilder/galerie_gal.jpg) 100% -183px no-repeat;
            	              }
            















/*inhalt*/

#content {
float: left;
width: 500px;
height: 477px;

background: url(bilder/bg_content.jpg) 0px 0px repeat-y;
}


/*flexible hhe des inhaltsbereiches*/
#b_lebenslauf div#content, #b_setcard div#content {
width: 500px;
height: auto;
background: url(bilder/bg_content.jpg) 0px 0px repeat-y;
}


/*galerie content*/
#b_galerie div#content {
padding-left:100px;
width: 815px;
/*background: url(bilder/bg_content.jpg) 100px 0px repeat-y;*/
border-left: 0px solid #999;
border-right: 0px solid #999;
border-top: 0px solid #999;
border-bottom: 0px solid #999;
}





/*rote berschrift*/
h2,h3 {
   font-size: 105%;
   font-weight: 500;
   letter-spacing: 1px;                         /*font-weight: 600; dicker*/
   color: #cc3720;                           /*color: #bb3924;   dunkler*/
   padding: 30px 40px 15px 112px;	     /*oben - rechts - unten - links*/
   }

h3 {
    padding: 40px 40px 20px 112px;	     /*oben - rechts - unten - links*/
   }

#b_home div#content p {
   font-size: 94%;
   font-weight: normal;
   color: #e6e6e4;                           /*color: #cfcdcb;  dunkler*/
   line-height: 1.9em;
   padding: 5px 40px 0px 112px;	             /*oben - rechts - unten - links*/
   }



#b_home div#content img {
   padding: 0px 0px 0px 0px;                 /*oben - rechts - unten - links*/
   }
   





#footer {
clear: both;
/*width: 760px; */
width: auto;
height: 73px;
background: #918c82 url(bilder/bg_footer.jpg) 0px 0px no-repeat;
border-top: 2px solid #413d36;
}


/*link im header positionieren und durch grafik ersetzen*/
	 div#header h1 {
         background: url(bilder/header_home.gif) bottom left no-repeat;
     	 height: 28px;
	 width: 250px;
	 font-size: 1px;
         text-indent: -999em;
	} 


	 div#header a {				/*h1 ausblenden*/
	 display: block;
	 /*background: url(bilder/header_home.gif) top left no-repeat; */
         height: 28px;
	 width: 250px;
         position: relative;
	 left: 0px;
	 top: 0px;
	 text-decoration: none;
	 text-indent: -999em;
	}
	
div#header a#aux {
        height: 100px;
	width: 1px;		/*ausblenden*/
	position: absolute;
	top: -999em;
        overflow: hidden;

	}





/*tabellen*/

#b_setcard table, #b_kontakt table, #b_lebenslauf table  {
border-collapse: collapse;
table-layout: fixed;
font-size: 0.9em;
font-weight: normal;

}

#b_setcard th, #b_kontakt th, #b_lebenslauf th, #b_setcard td, #b_kontakt td, #b_lebenslauf td {
border-right: 0px solid white;
text-align: left; 
vertical-align: top;
padding: 3px 0px 8px 12px;                 /*oben - rechts - unten - links*/
}                                                               


.left {
width: 87px;
}

.left_nr {
font-size: 1.2em;
width: 87px;

}

.right {
color: #e6e6e4;
width: 350px;
}

/*vernderter unterer zeilenabstand fr im layout geteilte tabelle*/
.var1 {
height: 55px;
}

.var2 {
height: 55px;
}


/*horizontale linien der rechten tabellenhlfte*/
div#cv1, div#cv2, div#cv3 {
width: 500px;
border-right: 0px solid white;
background: url(bilder/bg_cv.jpg) 100px 15px no-repeat;
}


/*liste im lebenslauf*/
div#content ul {
list-style: none;
color: #e6e6e4;
font-size: 0.9em;
font-weight: normal;
padding: 0px 0px 15px 112px;                 /*oben - rechts - unten - links*/
}

div#content li {
padding: 0px 0px 10px 0px;                 /*oben - rechts - unten - links*/
}





/*link im footer positionieren und durch grafik ersetzen*/
	 
         div#footer a {
	 display: block;
         background: url(bilder/footer_kontakt.gif) top left no-repeat;
         height: 30px;
	 width: 180px;
         position: relative;
	 left: 578px;
	 top: 0px;
	 text-decoration: none;
	 text-indent: -999em;
	}



a  { text-decoration: underline;  }


a:link { color: #e6e6e4; text-decoration: underline;  }


a:active { color: e6e6e4; text-decoration: none;   }

a:visited { color: #e6e6e4; text-decoration: underline;  }

a:hover { color: #e6e6e4; text-decoration : none; }