body {								/* --------------- Seite in Bildschirmmitte ------------ 
	text-align: center;*/
         }

@media screen { 			/* ========================== für die Bildschirmanzeige gültiger Abschnitt ============================= */ 


	   		  	   /* ====================== Credits: Dynamic Drive CSS Library =========================== */
					/* ====================== URL: http://www.dynamicdrive.com/style/ ====================== */

.thumbnail{
	position: relative;
	z-index: 0;
	}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;	  			  			/* Bild im Vordergrund */
}

.thumbnail span	{  			  			    /*CSS for enlarged image - nur Text drucken*/
	position: absolute;
	background-color: #eeddbb;
	padding: 5px;
	left: -500px;	  		  			       /* wegen Opera nötig */
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	text-align: center;
	}

.thumbnail span img	{  	  					/*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;
		}

.thumbnail:hover span	{ 						 /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -100px;
	left: 50px; 							    /*position where enlarged image should offset horizontally */
}
	  				/* ====================Credits: Dynamic Drive CSS Library ========================== */

a:link  { 
       	font-weight: bold;
       	text-decoration: none; 
       	color: #000000;
		background-color: transparent;
		}
 
a:hover, a:active { 
     	text-decoration: underline; 
     	color: #000000;
		background-color: transparent;
		}
	
a:visited { 
       	font-weight: bold;
       	text-decoration: none; 
       	color: #3d4548;
		background-color: transparent;
		}
	
#container {			  			  		/* --------------- Grundeinstellungen f�r die Homepage --- */
         background: url(../images/bg_blau_hell_links.gif) repeat-y;
         width: 730px;
	 	 margin-left: auto;
	 	 margin-right: auto;
	 	}

#view    {			   		 			  /* ---------------- Logo und Übersicht ------------------- */
         background: url(../images/logo.gif) no-repeat;
         /*       o   r   u   l      */
         margin: 30px 0px 0px 0px;
         padding: 0px;
         width: 155px;
         float: left;
         /*border: 2px ridge silver; */
	 	}
	 
#view p {
         font: normal small-caps 12px Verdana, Arial, Helvetica, sans-serif;
	 	 margin: 110px 0px 15px 0px;
	 	 padding: 30px 0px 0px 0px;
		  text-align: center;
         }

#view h3 {
         background: url(../images/bg_blau_hell_links.gif) repeat-y;
         font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	 	 margin: 110px 0px 0px 0px;
	 	 padding: 50px 0px 0px 0px;
	 	 color: #3d4548;
         	 font-weight: bold;
	 	 text-align: center;
 		 background-color: transparent;
         }
		 
#head_line {			   			   	 	/* ----------------- Überschrift ------------------------- */
         background: url(../images/titel.gif) no-repeat;
         padding: 30px 0px 0px 0px;
         margin: 0px 0px 0px 170px;
         }

#head_menu {	 	 	 	 	   			/* ----------------- horizontales Men� ------------------- */
         background: url(../images/bg_arena2.gif) no-repeat;
         text-align: right;
         padding: 0px 10px 0px 10px;
         margin: 7px 0px 0px 170px;
         font: normal small-caps 12px Verdana, Arial, Helvetica, sans-serif;
         }
		 
#head_menu a{
	 padding: 0px 10px 0px 10px;
	 }
		 
#head_menu span{
	 visibility: visible;
	 }
		 
#main_text dd span {   			  		   	/* -------- Abstandshalter bei Bildunterschriften -------- */
	 display: none;
	 }
		 
#main_text {		 		   			    /* ------------------ Haupttext -------------------------- */
         background: url(../images/bg_arena.gif) repeat-y;
         padding: 5px 7px 0px 0px;
         /*       o   r   u   l      */
         margin: 7px 0px 0px 170px;
         font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	 text-align: justify;
	 hyphens: auto;
         }

#main_text h3 {
         font: normal 12px Verdana, Arial, Helvetica, sans-serif;
         /*       o   r   u   l      */
         margin: 20px 0px 10px 0px;
	 color: #3d4548;
         font-weight: bold;
	 text-align: left;
	 background-color: transparent;
         }

#main_text .print_date {	 			 	          /* ----------- sonstige Infos für Ausdruck ------------- */
	 display: none;
	 }

#main_text dl.print_float {	 			 	       /* ----------- sonstige Infos für Ausdruck ------------- */
	 display: none;
	 }
	 	  
#main_text dl.print_float_right {	 			 	 /* ----------- sonstige Infos für Ausdruck ------------- */
	 display: none;
	 }

#main_text * dd {	   						/* ----------- Bildunterschriften ---------------------- */ 
	 display: none;
	 }	 

#main_text dd span {   			  			   /* ------- horizontaler Abstandshalter bei Bildunterschriften ------- */
		 visibility: visible;
		 }
#main_text h1 {
         font: normal 22px Verdana, Arial, Helvetica, sans-serif;
         font-weight: bold; 
	 text-decoration: none;
	 color: #3d4548;
	 background-color: transparent;
         }

#main_text h2 {
	 text-align: center;
         font: normal 22px Verdana, Arial, Helvetica, sans-serif;
         font-weight: bold; 
	 text-decoration: none; 
	 color: #3d4548;
	 background-color: transparent;
         }
		 	 
#main_text p {			   			   	 	/* ------------------ Absätze allgemein --------------- */
         font: normal 12px Verdana, Arial, Helvetica, sans-serif;
         margin: 0px;
	 margin-top: 0; 
	 margin-bottom: 0; 
         padding: 0px 0px 5px 0px;
         }
		 
#main_text .p2 {  	  	  	  	  		 	/* ----------------- eingerückter Absatz -------------- */
         font: normal 12px Verdana, Arial, Helvetica, sans-serif;
         margin: 0px;
         padding: 0px 0px 7px 90px;
         }
		 
#main_text .p3 {  	  	  	  	  		 	/* ----------------- Absatz nach Bildern -------------- */
         margin: 0px 0px 0px 0px;
	 margin-top: 0; 
	 margin-bottom: 0; 
	 }
		 
#main_text .ps {  	  	  	  	  		 	/* ----------------- Postscriptum --------------------- */
         margin: 0px;
         /*         o   r   u   l      */
         padding: 20px 0px 10px 0px;
         }
		 
#main_text .pe {
         margin: 0px;
         padding: 0px 0px 40px 0px;
         }
		 
#main_text form { 	  	  	   	   	   	 	/* --------------- Maske für das Gästebuch ----------- */
         margin: 50px 0px 50px 10px;
         width: 520px;
	 }

#main_text input, textarea {
	 border: 2px ridge silver;
	 }
		   	 
#main_text label.land {
	 margin: 0px 0px 0px 20px;
	 width: 50px;
	 }

#main_text label.city {
	 margin: 70px 24px 70px 0px;
	 width: 50px;
	 }
/*	
#main_text .form_feld {
		  width: 300px;
	 }			*/
	
#main_text td.taste {
        padding: 20px 0px 0px 340px;
	 	margin: 0px 0px 0px 0px;
	 	}
	 
#main_text img {  	  	  	   	   		  /* --------------- Bilder allgemein ------------------- */
         margin: 0;
         padding: 0;
         border: 1px ridge black;
         background-color: transparent;
         }

#main_text .img_left {
         float: left;
         margin: 7px 3px 0px 0px;
         padding: 0;
         }

#main_text .img_coat {							/* -------------- Wappen ------------------------------ */
         float: right;
         border: 0px ridge black;
         margin: 7px 0px 0px 7px;
         padding: 0;
         }

#main_text .img_right {
         float: right;
         /*       o   r   u   l      */
         margin: 7px 0px 0px 3px;
         padding: 0;
         }
/*
#main_text .img_two {		 	   	  	  	  ------------- zwei Bilder nebeneinander ---------- 
         float: left;
         margin: 7px 7px 0px 0px;
         padding: 0;
         width: 545px;
         }
		 
#main_text .img_three {		 	   	  	  	------------- drei Bilder nebeneinander ---------- 
         float: left;
         margin: 0px 0px 0px 3px;
         padding: 0px 0px 0px 0px;
         width: 545px;
         }
		 
#main_text .img_left_two {		 	   	  	       ------------- zwei Bilder übereinander ---------- 
         float: left;
         margin: 7px 7px 0px 0px;
         padding: 0px 0px 0px 0px;
         width: 305px;
         }
*/	
#main_text dd {
	 margin: 0px 0px 0px 0px;
	 }	 

#main_text dl.center {
	 margin: auto; 
	 margin-top: 0; 
	 margin-bottom: 0; 
	 }

#main_text dl.screen_three {
	 float: left;
	 margin-right: 7px;
	 vertical-align: top;
	 }

#main_text dt.center {
	 margin: auto; 
	 }

#main_text dl.center dt {
	 margin-top: 0; 
	 margin-bottom: 0; 
	 }									/* verhindert das Einrücken und den Abstand nach oben dl.center */
		 
#main_text  dl.left, dl.screen_left {
	 float: left;
	 margin-top: 0; 
	 margin-bottom: 0; 
	 margin-right: 4px;
	 vertical-align: top;
	 }

#main_text dl.left dt {
	 margin-bottom: 0; 
	 margin-top: 0; 
	 }
		 
#main_text dl.right, dl.screen_right {
	 float: right;
	 margin-top: 0; 
	 margin-left: 4px;
	 margin-bottom: 0; 
	 }

#main_text dl.coat {
	 float: right;
	 margin: 0px 0px 0px 7px;
	 }

/*#main_text dl.coat dt{
	 text-align: center;
	 margin-left: 7px; 
	 }*/
	 
#main_text dl.right dt {
	 margin-bottom: 0; 
	 margin-top: 0; 
	 }

#main_text video {  	  	  	   	   	   	    /* --------------- Video allgemein ------------------- */
         margin: 0;
         padding: 0;
         border: 1px ridge black;
         background-color: transparent;
         }
         
#main_text .sign  {   		   	  			  	/* -------------------------- Signierung ---------- */
	 text-align: right;
         margin: 0px 20px 0px 0px;
	 }
	  
#main_text .valid {	  	   		  	 		  /* --------------- Validierungslink ---------------- */
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px -135px;
	 border: 0px ridge red; 
	 text-align: left;
	 }
		 			 

#header {
         background: url(../images/bg_arena3.gif) repeat-y;
         padding: 0;
         /*       o   r   u   l      */
         margin: 0px 0px 0px 170px;
         }

#header .right_text {	 							/* ------------------ Pfeile  ----------------- */
         text-align: right;
	 margin: 0px;
         padding: 5px 5px 0px 0px;
         }

#footer {
         background: url(../images/bg_arena3.gif) repeat-y;
         padding: 0;
         /*       o   r   u   l      */
         margin: 7px 0px 0px 170px;
         font: normal 12px Verdana, Arial, Helvetica, sans-serif;
         }

#footer .right_text {	 						/* ------------------ Pfeile  ----------------- */
         text-align: right;
	 margin: 0px;
         padding: 5px 5px 0px 0px;
         }

#footer .left_text {	 						/* ------------------ Copyright --------------- */
	 margin: 0px;
         padding: 0px 0px 5px 10px;
	 text-align: left;
         }
		 
#footer p {
         margin: 0px;
         padding: 0px 0px 5px 0px;
         }
		 
#footer span {
		 margin: 0px;
		 padding: 0px 20px 0px 20px;
		 }
		 
.blank {  			 					  		/* ------------------ Pfeile im Footer ----------------- */
	     border: 0px ridge red;
	     }

#footer .valid {	  	   		  	 		  	  /* --------------- Validierungslink ---------------- */
		 padding: 0px;
		 margin: 0px 0px -30px -135px;
		 text-align: left;
		 }
.picto {							  	  		/* --------------- sonstige links ---------------- */
		 padding: 0px;
		 margin: 5px 0px 0px 45px;
		 text-align: left;
		 border: 0px ridge red;
		 }

} 					/* =================== bis hier für die Bildschirmanzeige gültiger Abschnitt =============================== */
		 
@media print { 		/* ======================== für die Druckausgabe gültiger Abschnitt ================================== */

#head_menu, #header, #footer, #view, .valid, .screen_left, .screen_right, .screen_three, .thumbnail span {         /* --- Ausblenden beim Druck ------ */
	  display: none;
	  }

@page :left { margin-left: 2cm; margin-right: 1cm  }
@page :right { margin-left: 1cm; margin-right: 2cm  }  
/* .page .left {
  margin-left: 2.5cm;
  margin-right: 1.5cm;
}

.page .right {
  margin-left: 1.5cm;
  margin-right: 2.5cm;
} */

#main_text {		 		   			 		/* ------------------ Haupttext -------------------------- */
         margin: 0px 0px 50px 50px;
		 width: 560px;
		 text-align: justify;
		 font-family: "tahoma",times,serif;
		 color: #000;
		 background-color: inherit;
	  }

#main_text p, dl {
	  margin: 0;
	  orphans: 3;
	  widows: 4;
	  hyphens: auto;
	  }
	  
#main_text .p3 {  	  	  	  	  				/* ----------------- Absatz nach Bildern -------------- */
      	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	  display: block;
	  }
	  
#main_text .print_date {   		   	  			/* -------------------------- Datum, Unterschrift etc. --- */
	  text-align: right;
	  font-weight: bold;
	  visibility: visible;
	  }
	  
#main_text .sign {   		   	  				/* -------------------------- Signierung ----------------- */
	  text-align: right;
	  padding: 0px 20px 0px 0px;
	  }

a:link {
       	font-weight: normal;
       	text-decoration: none; 
       	color: #000000;
	background-color: transparent;
	}
	
#main_text * dd {   		   	   				/* -------------------------- Bildunterschrift ----------- */
		 float: left;
		 margin: 0;
		 font-style: italic;
		 font-size: 80%;
	  	 display: inline;
	  	 page-break-inside: avoid!important;
		 }

#main_text  dt .title{   		   	   			/* -------------------------- Bildunterschrift ----------- */
		 float: right;
		 text-align: justify;
		 margin: 0px 0px 50px 0px;
		 font-style: italic;
		 font-size: 80%;
	         display: inline;
/*	  	 page-break-inside: avoid!important;		*/
		 }

/*#main_text .coat dl{
	 text-align: justify;
	 margin: 0px 0px 0px 7px;
	 }*/
	 
#main_text dl .coat {   		   	   			/* -------------------------- Bildunterschrift ----------- */
		 text-align: center;
	 	 margin: 0px 0px 0px 7px;
		 font-style: italic;
		 font-size: 80%;
	  	 page-break-inside: avoid!important;
		 }

	 
#main_text  dl {
		 page-break-inside: avoid!important;
		 }
		 	 
#main_text dd span {   			  			 /* ------- horizontaler Abstandshalter bei Bildunterschriften ------- */
		 visibility: hidden;
		 }
		 
#main_text img {  	  	  	   	   	   	 	/* ----------------- Bilder allgemein ------------------- */
    	 margin: 0;
         padding: 0;
         border: 1px ridge black;
         page-break-inside: avoid!important;
         }
         
#main_text .img_coat {						/* -------------- Wappen ------------------------------ */
         float: right;
         border: 0px ridge black;
         margin: 7px 0px 0px 7px;
/*         padding: 0;*/
         }

/*		  
#main_text .img_three {		 	   	  	  	  ------------- drei Bilder nebeneinander ---------- 
         margin: 0.3em 0 0.3em 0.5em;
         padding: 0;
         width: 580px;
         }
		 
#main_text .img_two {		 	   	  	  	  ------------- zwei Bilder nebeneinander ---------- 
         margin: 0.3em 0.5em 0.5em 0;
         padding: 0;
         width: 580px;
	 page-break-inside: avoid!important;
         }
*/		 
#main_text .right {
         float: right;
         margin: 0 0 0 0.5em;
         padding: 0;
         page-break-inside: avoid!important;
         }
/*
#main_text .screen_right {
         float: right;
         margin: 0 0 0 0.5em;
         padding: 0;
         page-break-inside: avoid!important;
         } 
*/         
#main_text .left {
         float: left;
         margin: 0 0.3em 0 0;
         padding: 0;
         vertical-align: top;
         page-break-inside: avoid!important;
         }
         
#main_text dl.print_float_right {
         float: right;
         margin: 0 0 0 0.5em;
         padding: 0;
         vertical-align: top;
         page-break-inside: avoid!important;
         }
         
#main_text dl.center {
         float: right;
	 margin: auto; 
	 margin-top: 0; 
	 margin-bottom: 0; 
         padding: 0;
         vertical-align: top;
         page-break-inside: avoid!important;
         }
#main_text .coat {
         float: right;
         margin: 0 0 0 0.5em;
         padding: 0;
         page-break-inside: avoid!important;
         }
#main_text .img_right {
         float: right;
         margin: 0 0 0 0;
         padding: 0;
         page-break-inside: avoid!important;
         }
		 
#main_text .img_left {
         float: left;
         margin: 0 0.3em 0 0;
         padding: 0;
         vertical-align: top;
         page-break-inside: avoid!important;
         }

a:link ,a:visited { 
        margin: 0;
       	font-weight: normal;
       	color: #000;
       	text-decoration: none;
       	}
		
#main_text h1 {
	 	font: normal 22px Verdana, Arial, Helvetica, sans-serif;
	 	font-weight: bold; 
	 	} 
	
#main_text h2 {
		text-align: center;
		}
	 
#main_text p {			   			   	 	/* ------------------ Absätze allgemein --------------- */
        font: normal 12px Verdana, Arial, Helvetica, sans-serif;
        margin: 0px;
        padding: 0px 0px 5px 0px;
        hyphens: auto;
        }
}			/* ========================Ende des für die Druckausgabe gültigen Abschnitts ================================== */