body
{
	margin:				0px;
	font-family: 		calibri; sans-serif;
	font-size: 			16px;
	text-decoration: 	none;
	color: 				#000000;
	background-color: 	#ffffff;
}

div.alles 
{
	position: 			absolute;
	left: 				50%;
	width: 				790px;
	margin-left: 		-395px; /* negative Hälfte von width: 1024px */
	margin-top: 		-15px;
}

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

#menue /*hier wird das Menü allgemein positioniert*/
{
	float:				left;
	margin:				0px;
	height: 			50px;
	background-image: 	url(images/menue_startseite.jpg);
}


#menue_main li /* das ist <ul>*/
{
	float: 				left;
	top: 				0px;
	left: 				0px;
	width:				249px;
	height:		 		50px;
	list-style:			none;
}

#menue_main a, #menue_main h1
{
    display: 			block;
    width: 				249px;
    position: 			absolute;
}

#menue_main span 
{
    position: 			absolute;
    top: 				-16px;
    left:				-40px;
    width: 				249px;
    height: 			50px;
    background: 		url(images/buttons_bg.jpg) no-repeat
}

#menue_main #fotografie a span
 {
    background-position: 	0px 0px
}
#menue_main #fotografie a:hover span
{
	background-position:	0px -50px
}
#menue_main #fotografie_klick span
{
	background-position:	0px -50px;
}


#menue_main #wallpaper a span
 {
    background-position: 	-249px 0px
}
#menue_main #wallpaper a:hover span
{
	background-position:	-249px -50px
}	
#menue_main #wallpaper_klick span
{
	background-position:	-249px -50px;
}
		

#menue_main #literatur a span
 {
    background-position: 	-498px 0px
}
#menue_main #literatur a:hover span
{
	background-position:	-498px -50px
}	
#menue_main #literatur_klick span
{
    width: 					 249px;
	background-position:	-498px -50px;
}



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



#bg_links /*linker Rahmen vom Pollaroid*/
{
	clear:				left;
	float:				left;
	margin-left:		0px;
	width: 				49px;
	height: 			643px;
}

#frame /*Frame Pollaroid*/
{
	float:				left;
	margin-left:		0px;
	width: 				647px;
	height: 			643px;
    background: 		url(images/bg_main.jpg) no-repeat
}

#bg_rechts /*rechter Rahmen vom Pollaroid*/
{
	float:				left;
	width: 				49px;
	margin-left:		2px;
	height: 			643px;
}

#bg_jassis-ecke /*das Feld mit Jassis - Ecke*/
{
	clear:				left;
	float:				left;
	margin-left:		0px;
	width: 				747px;
	height: 			143px;
    background: 		url(images/bg_jassis-ecke.jpg) no-repeat
}


#bg_impressum /*der Bereich "home / kontakt / impressum" im allgemeinen*/
{
	clear:				left;
	float:				left;
	margin-left:		0px;
	width: 				747px;
	height: 			47px;
    background: 		url(images/bg_impressum.jpg) no-repeat
}


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


div.impressum /*der Bereich "home / kontakt / impressum" im speziellen*/
{
	margin-top:			15px;
	margin-left:		490px;
	width: 				297px;
	height: 			32px;
}


div.inhalt /*positioniert den Inhalt im Allgemeinem MIT SCROLLBAR*/
{
    overflow: 			auto;
	margin-left:		20px;
	top: 				0px;
	width: 				627px;
	height: 			640px;
}

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

img.button
{
	margin-left: 	5px;
	margin-top: 	10px;
	border: 		0px;
}


img.avatar
{
	float:			left;
	margin-right:	10px;
}


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


p.ueberschrift
{
	font-size: 		18px;
	font-weight: 	bold;
}

p.absatz
{
	margin-top:		30px;
	margin-bottom:  -10px;
}

p.qoute
{
	font-style: 	italic;
}


p.p_buttons
{
	margin-top:		-50px;
}
/*=======================================================================================================================================*/


span.bold
{
	font-weight: 		bold;
}


span.klein
{
	font-size:			14px;
}

span.link
{
	margin-top:			35px;
	margin-left:		37px;
}

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

table.buttons
{
	position:			relative;
	margin-left: 		30px; /* negative Hälfte von width: 1024px */
	margin-top: 		-20px;
	top:				78px;
}

td.buttons_link
{
	height:				50px;
	vertical-align:		bottom;
}

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

a:link
{
	font-size: 			16px;
	text-decoration: 	none;
	color: 				#000000;
}

a:visited	
{
	font-size: 			16px;
	text-decoration: 	none;
	color: 				#000000;
}

a:hover
{
	text-decoration:	underline;
}



a.fett:link
{
	font-size: 			16px;
	font-weight:		bold;
	text-decoration: 	none;
	color: 				#000000;
}

a.fett:visited	
{
	font-size: 			16px;
	font-weight:		bold;
	text-decoration: 	none;
	color: 				#000000;
}

a.fett:hover
{
	font-weight:		bold;
	text-decoration:	underline;
}


a.klein:link
{
	font-size: 			12px;
	text-decoration: 	none;
	color: 				#000000;
}

a.klein:visited
{
	font-size: 			12px;
	text-decoration: 	none;
	color: 				#000000;
}

a.klein:hover
{
	text-decoration:	underline;
}



a.menue:link
{
	font-size: 			18px;
	font-weight:		bold;
	text-decoration: 	none;
	color: 				#000000;
}

a.menue:visited	
{
	font-weight:		bold;
	font-size: 			18px;
	text-decoration: 	none;
	color: 				#000000;
}

a.menue:hover
{
	font-weight:		bold;
	text-decoration:	underline;
}


/*=============================GÄSTEBUCH======================*/
.box
{
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    line-height:11pt;
	margin:				10px;
	padding:			10px;
}

input.buttons_gb
{
	width: 				155px;
	border-color: 		#440a0a;
	background-color:	transparent;
}