ÿþ/*-----------------------------------*/

/* --- Grundlegende Einstellungen ---*/

* {

	margin: 0;

	padding:0;

	border:0;

	}

	

a {

  color:#cd5600;

	text-decoration: none;

	}

	

a:hover, a:focus {

  color:#cd5600;

	text-decoration: underline;	

	}



.small {

  font-size:10px;

  }

  

.blocksatz {

	text-align: justify;

	}



.orange {

  color:#cd5600;

  }



.rot {

  color:#6a0204;

  font-weight:bold;

  }

   

.grau {

  color:#858487;

  } 

  

.pfeil {

	position:relative;

	float:right;

	width:20px;

	height:20px;

	background: url(../images/css-sprite.gif) -300px -638px no-repeat;

	bottom:10px;

	right:0;

	}



#zurueck_portfolio{

	float:right;

	width:20px;

	height:20px;

	background: url(../images/css-sprite.gif) -300px -663px no-repeat;

	padding-top:3px;

	margin-right:40px;

  }



h1 {

   color:#6a0204;

   text-align:center;

   margin-bottom:15px;

  }





h2 {

  font-size:180%;

  color:#6a0204;

  text-align:center;

  margin-bottom:15px;

  }

h3 {

  font-size:140%;

  color:#6a0204;

  text-align:left;

  margin-bottom:15px;

  }

  	 

html {

	height:100%;

	}

	

body{

	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

	font-size:11px;

	text-decoration:none;

	background-color:white;

	text-align:left;

	color: black;

   	}



#center {

  text-align:center;

  width:99%;

	height:100%;

  }



 #hauptbereich {

  	position:relative;

  	margin-left:auto; 

  	margin-right:auto;

  	text-align:left;

  	width:1260px;

  	height:768px;



  } 

    	

/*--------------------------------------*/

/*--- Aufbau des oberen Bildbereichs ---*/

#roterbalken {

	background-color: #6a0204;

	height:17px;

	width:100%;

	}



#menue {

	position:absolute;

	top:50px;

	left:582px;

	}



#menue li {

	list-style:none;

	display: inline;

	font-size:13px;

	}



#menue li a {

	text-decoration: none;

	color: white;

	font-size:13px;

	}

	

#menue li a:hover, #menue li a:focus, #menue li a:visited, #menue li a:active  {

	text-decoration: none;

	color: white;

	font-size:13px;

	}

	

#banner {

	position:absolute;

	top:101px;

	left:280px;

	background-image: url(../images/banner.jpg);

	width:860px;

	height:430px;

	}



#logo {

  position:absolute;

  top:130px;

	left:720px;

	width:170px;

	height:85px;

	background: url(../images/css-sprite.gif) 0px -590px no-repeat;

}



#link_buch {

	position:absolute;

	top:120px;

	left:900px;

	width:230px;

	height:220px;

  }

		

#link_buch img {

	position:absolute;

	left:0px;

	top:0px;

	}



#grossesbuch {

	position:absolute;

	top:250px;

	left:350px;

	visibility: hidden;

	}

	

/*-----------------------------------------------*/

/* --- Die Foto je Seite innerhalb des Bildes ---*/	

#seite_vorstellung #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/vorstellung.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}

	

#seite_referenzen #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/referenzen.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}



#seite_impressum #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/impressum.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}

	

#seite_portfolio #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/portfolio.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}

	

#seite_standup #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/portfolio.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}

	

#seite_closeup #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/portfolio.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}

	

#seite_galerie #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/galerie.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}

	

#seite_kontakt #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/kontakt.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}

	

#seite_kontakt2 #bild {

	position:absolute;

	top:0px;

	left:280px;

	background-image: url(../images/kontakt.jpg);

	background-repeat:no-repeat;

	width:489px;

	height:376px;

	}

/*---------------------------------------------------------*/

/* --- Die Ueberschriften je Seite unterhalb des Bildes ---*/

#seite_vorstellung #ueberschrift {

	position:absolute;

	top:367px;

	left:530px;

	width:250px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -45px no-repeat;

	}

	

#seite_referenzen #ueberschrift {

	position:absolute;

	top:367px;

	left:480px;

	width:270px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -140px no-repeat;

	}

	

#seite_impressum #ueberschrift {

	position:absolute;

	top:367px;

	left:500px;

	width:270px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -290px no-repeat;

	}

	

#seite_portfolio #ueberschrift {

	position:absolute;

	top:367px;

	left:490px;

	width:270px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -93px no-repeat;

	}

	

#seite_standup #ueberschrift {

	position:absolute;

	top:367px;

	left:490px;

	width:270px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -93px no-repeat;

	}



#seite_closeup #ueberschrift {

	position:absolute;

	top:367px;

	left:490px;

	width:270px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -93px no-repeat;

	}

	

#seite_galerie #ueberschrift {

	position:absolute;

	top:367px;

	left:490px;

	width:270px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -190px no-repeat;

	}

	

#seite_kontakt #ueberschrift {

	position:absolute;

	top:367px;

	left:470px;

	width:350px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -243px no-repeat;

	}

	

#seite_kontakt2 #ueberschrift {

	position:absolute;

	top:367px;

	left:470px;

	width:350px;

	height:43px;

	background: url(../images/css-sprite.gif) 0 -243px no-repeat;

	}

/*-------------------------------*/

/* --- Der eigentliche Inhalt ---*/

#text {

	position: absolute;

	top:475px;

	left:380px;

	width:450px;

	color:#3e3d40;

	text-align:justify;

	}



#text ul {

	margin-top:10px;

	margin-left:20px;

	}

#text li {

	margin-bottom:10px;

	}



#text p {

	margin-bottom: 10px;

	}

	



/*----------------------------------------------------*/

/* --- Die Ueberschrift des Inhalttextes je Seite --- */

#seite_vorstellung #text_ueberschrift {

  position:relative;

  left:35px;

	width:450px;

	height:45px;

	margin-bottom:13px;

	background: url(../images/css-sprite.gif) 0 -345px no-repeat;

  }



#seite_referenzen #text_ueberschrift {

  position:relative;

  left:155px;

	width:250px;

	height:25px;

	margin-bottom:13px;

	background: url(../images/css-sprite.gif) 0 -465px no-repeat;

  }

  

#seite_impressum #text_ueberschrift {

  position:relative;

  left:155px;

	width:250px;

	height:25px;

	margin-bottom:13px;

	background: url(../images/css-sprite.gif) 0 -547px no-repeat;

  }



#seite_portfolio #standupueberschrift {

  position:relative;

  left:0px;

	width:250px;

	height:25px;

	margin-bottom:10px;

	background: url(../images/css-sprite.gif) 0 -395px no-repeat;	

  }





#seite_portfolio #closeupueberschrift {

  position:relative;

  left:0px;

	width:250px;

	height:25px;

	margin-bottom:5px;

	background: url(../images/css-sprite.gif) 0 -420px no-repeat;	

  }



#seite_portfolio #tbfueberschrift {

  position:relative;

  left:0px;

	width:250px;

	height:25px;

	margin-bottom:5px;

	background: url(../images/css-sprite.gif) 0 -442px no-repeat;	

  }

  

#seite_standup #text_ueberschrift {

  position:relative;

	width:250px;

	height:25px;

	margin-left:175px;

	margin-bottom:5px;

	background: url(../images/css-sprite.gif) 0px -400px no-repeat;

  }

  

#seite_closeup #text_ueberschrift {

  position:relative;

	width:250px;

	height:25px;

	margin-left:175px;

	margin-bottom:5px;

	background: url(../images/css-sprite.gif) 0px -420px no-repeat;

  }

  

#seite_galerie #text_ueberschrift {

  position:relative;

	width:300px;

	height:25px;

	margin-left:100px;

	margin-bottom:13px;

	background: url(../images/css-sprite.gif) 0 -495px no-repeat;

  }

  

#seite_kontakt #text_ueberschrift {

  position:relative;

	width:300px;

	height:25px;

	margin-left:120px;

	margin-bottom:13px;

	background: url(../images/css-sprite.gif) 0 -521px no-repeat;

  }

  

#seite_kontakt2 #text_ueberschrift {

  position:relative;

	width:300px;

	height:25px;

	margin-left:120px;

	margin-bottom:13px;

	background: url(../images/css-sprite.gif) 0 -521px no-repeat;

  }

  /*-----------------------------------------------*/

  /* --- Die Unterschriften unter dem Haupttext ---*/

  #seite_vorstellung #text_unterschrift{

  position:relative;

	width:450px;

	height:25px;

	margin-bottom:13px;

  }



#seite_vorstellung #text_unterschrift img{

  position: absolute;

  display:block;

	left:0;

	top:-790px;

	clip: rect(784px 436px 834px 0);

	}



/*---------------------------------------------*/

/* --- Der Container mit den Kundenstimmen --- */

#kundenstimmen {

  position:absolute;

  width:200px;

  height:220px;

  top:475px;

  left:960px;        

  padding-left:10px;

  line-height: 17px;                          

  text-align: justify;

  }



#kundenstimmen_ueberschrift {

    position:relative;

  	width:100px;

  	height:20px;

  	margin-top:5px;

  	margin-bottom:13px;

  	background: url(../images/css-sprite.gif) 0 -575px no-repeat;

    }



/*-------------------------------------------*/

/* --- Der Footer                        --- */

#footer {

    font-size:13px;

    position:relative;

  	width:670px;

  	height:60px;

  	left:-100px;

  	padding-top:20px;

  	margin-bottom:13px;

  	background: url(../images/css-sprite.gif) 0 -696px no-repeat;

    }



#footer a {

  	margin-left:553px;

  	color: #6a0204;

  	font-weight:bold;

    }



#footer a:hover, #footer a:active, #footer a:focus, #footer a:visited {

    text-decoration:underline;

  	margin-left:553px;

  	color: #6a0204;

    }



#footer_adresse {

  position:relative;

  float:left;

  margin-left:165px;

  margin-top:-3px;

  line-height:10px

  }



#footer_link {

  position:relative;

  float:right; 

  margin-top:-45px; 

  margin-right:60px;

  }



/* ---------------------------------- */

/* Link zur Seite von Leismann-design */

#link_leismann {

  font-size:10px;

  color:#555553;

  position:relative;

 	float:right;

 	margin-right: -100px;

  }

  

#link_leismann a{

  color:#555553;

  }

#link_leismann a:hover, #link_leismann a:focus {

  color:#555553;

  }



/*------------------------------------------*/

/* Die Media - Seite                        */

#seite_galerie #text .gallerie {

  background: url(../images/verlauf_galerie.jpg) no-repeat;

  height: 214px;

  width: 495px;

  font-size:13px;

  font-weight:bold;

  color:#6a0204;

  padding-left:5px;

  padding-top:5px;

  }



#seite_galerie #text .gallerie td {

  padding-right:5px;

  padding-bottom:5px;

  } 



/*----------------------------------*/

/* Die Referenzen                   */

#seite_referenzen #text {

  font-size:12px;

  font-weight:bold;

  line-height:20px;

  color:#6c6a6f;

}

/*-----------------------------------------*/

/* Das Kontaktformular                     */

#seite_kontakt2 #formular {

  background: url(../images/verlauf_kontakt.jpg) no-repeat;

  height: 200px;

  width: 467px;

  font-size:12px;

  font-weight:bold;

  color:#6a0204;

  padding-left:5px;

  padding-top:5px;

  }

#seite_kontakt2 #formular h1 {

  font-size:150%;

}

  

#seite_kontakt #formular {

  background: url(../images/verlauf_kontakt.jpg) no-repeat;

  height: 300px;

  width: 467px;

  font-size:10px;

  font-weight:bold;

  color:#6a0204;

  padding-left:5px;

  padding-top:5px;

  }



#seite_kontakt input {

  border:1px solid grey;

  width:200px;

  margin-bottom:10px;

  }



#seite_kontakt textarea {

  border:1px solid grey;

  } 



#seite_kontakt .lefttable {

  width:250px;

  }

    

#seite_kontakt .righttable {

  width:250px;

  } 



#seite_kontakt #sendenbutton {

  display:block;

  background-image: url(../images/senden.gif);

  width:105px;

  height:23px;

} 

#seite_kontakt #sendenbutton:hover {

  display:block;

  background-image: url(../images/senden_hover.gif);

  width:105px;

  height:23px;

}

#seite_kontakt #loeschenbutton {

  display:block;

  background-image: url(../images/loeschen.gif);

  width:105px;

  height:23px;

} 

#seite_kontakt #loeschenbutton:hover {

  display:block;

  background-image: url(../images/loeschen_hover.gif);

  width:105px;

  height:23px;

}

#seite_kontakt #buttons {

  position:relative;

  left:-7px;

}