/*CSS-Definitionen für pepperoni-pictures */



/* ______________________________
ALLGEMEIN
_________________________________*/

html, body{                      height:100%;

				}

body{                            margin:0;
                                 font-family:verdana, arial, sans-serif;
                                 font-size:12px;
                                 color:#808080;
                                 line-height:150%;
                                 }

a{                               text-decoration:none;
                                 color:#808080;
                                 }

#abstand{                        float:left;
                                 width:1px;
                                 height:50%;
                                 margin-bottom:-250px;
                                 }

#website{                        clear:left;
				height:500px;
                                 width:900px;
                                 margin:0 auto;
                                 overflow:hidden;
                                 /*background-color:brown;*/
                                 }

#footer{                         clear:left;
                                 margin-top:30px;
                                 text-align:right;
                                 }

/*__________________________
HEADER
____________________________*/




#header{                         height:75px;
                                 width:900px;
                                 }

#header ul{                      list-style:none;
                                 padding:0;
                                 margin:0 0 0 65px;
                                 }

#header ul li{                   float:left;
                                 margin-left:35px;
                                 }

#header ul li a{                 margin-top:25px;
                                 }

#header ul li span{              display:none;
                                 }

#header .pepperoni{              margin-left:99px;
				}


/* ______________________________
CONTENT
_________________________________*/


#content{			background-color:black;
				width:900px;
                                 height:299px;
                                 }

#schriftzug{			position:relative;
				/*background-color:yellow;*/
                                 width:100px;
                                 height:299px;
				top:0px;
                                 left:0px;
                                 }

#schriftzug img{			margin:10px 0 0 40px;
				}

#content_left{			position:relative;
				/*background-color:green; */
				width:550px;
                                 height:299px;
				left:100px;
                                 top:-299px;
                                 }

#content_left span{              display:table-cell;
                                 width:600px;
                                 height:299px;
                                 text-align:left;
                                 vertical-align:middle;
                                 color:white;
                                 padding-left:35px;
                                 }

#content_right{                  position:relative;
                                 height:299px;
                                 width:250px;
                                 /*background-color:gray; */
				left:650px;
                                 top:-598px;
                                 color:white;
                                 }

#content_right span{		display:table-cell;
				width:250px;
                                 height:299px;
                                 padding:0 10px;
				/*background-color:blue;*/
                                 }

#content_right .bildtitel{    	text-align:right;
                                 vertical-align:bottom;
                                 }

#content_right .kontaktdaten{    text-align:left;
                                 vertical-align:middle;
                                 }




/*
___________________________________________
BILDNAVIGATION
___________________________________________
*/

#bildauswahl{                    margin-top:25px;
                                 height:35px;
                                 }

#bildauswahl ul{                 list-style:none;
                                 padding:0;
                                 margin:0;
                                 margin-left:-10px;
                                 zoom:1;
                                 }

#bildauswahl ul li{              float:left;
                                 margin-left:10px;
                                 }
#bildauswahl ul li a img{       border:0;;
                                 }
/*
_________________________________
HAUPTNAVIGATION
_________________________________*/


.link_people{                    display:block;
                                 width:57px;
                                 height:33px;
                                 background:url("image/01_people.jpg");
                                 background-repeat:no-repeat;
                                 }
.link_people:hover{              background-position:0 -33px;}

.link_portrait{                  display:block;
                                 width:87px;
                                 height:23px;
                                 background:url("image/02_portrait.jpg");
                                 background-repeat:no-repeat;
                                 }
.link_portrait:hover{            background-position:0 -23px;}

.link_buehne{                    display:block;
                                 width:80px;
                                 height:25px;
                                 background:url("image/03_buhne.jpg");
                                 background-repeat:no-repeat;
                                 }
.link_buehne:hover{              background-position:0 -25px;}

.link_akt{                       display:block;
                                 width:81px;
                                 height:35px;
                                 background:url("image/04_akt.jpg");
                                 background-repeat:no-repeat;
                                 background-position:0 0;
                                 }
.link_akt:hover{                 background-position:0 -35px;}

.link_free{                      display:block;
                                 width:98px;
                                 height:34px;
                                 background:url("image/05_freestyle.jpg");
                                 background-repeat:no-repeat;
                                 }
.link_free:hover{                background-position:0 -34px;}


/*_______________________________
FORMULAR
_________________________________*/

label{                           display:inline-block;
                                 width:150px;
                                 vertical-align:top;
                                 }