.container	{		/* contains three columns: navigation, center, statusbox */
		clear: both;
		width: 640px;
		margin: 0 auto;
		margin-top:-25px;
		margin-bottom: 15px;
		text-align: left;
		padding:0px;
		border: 0px solid #000;
		}

.songtextcontainer	{	/* only used for lyrics subwindow */
		clear: both;
		width: 420px;
		margin: 0 auto;
		text-align: left;
		padding:0px;
		border: 0px solid #000;
		}

body		{		/* only used for centering in browser window */
		margin:0px;
		padding:0px;
		text-align: center;
		background:#fff;
		font-family:Comic Sans MS, fantasy;
		}

.navigation 	{		/* leftmost column */
		display: none;  /* not visible for printing */
              	}

 a:hover	{
		background-color:#4ff;
		border:0px solid #000;
		}

.center		{		/* center column */
		float: left;
		width: 620px;
		padding:0px;
		padding-top: 25px;
		border:0px solid #000;
		margin:0px;
		font-family:Comic Sans MS, fantasy;
		font-size:12pt;
		display: inline;
		}

.songtextcenter	{		/* only used for lyrics subwindow */

		float: left;
		width: 430px;
		padding:0px;
		border:0px solid #000;
		margin:10px;
		font-family:Comic Sans MS, fantasy;
		font-size:12pt;
		display: inline;
		}	

.statusbox 	{		/* rightmost column */
		display: none;  /* not visible for printing */
		}



.header		{		/* header row on top of page */
		background:#eee;
		border:0px solid #000;
		margin:0px;
		padding:5px;
		height:30px;
		text-align: center;
		font: 12pt Comic Sans MS, fantasy;
		}

.footer		{		/* footer row at bottom of page */
		clear: both;
		background:#eee;
		border:0px solid #000;
		margin:0px;
		padding:5px;
		height:30px;
		text-align: center;
		font: 12pt Comic Sans MS, fantasy;
		}

body p		{		/* justify for Blocksatz */
		padding: 0px;
		text-align:justify;
		}		

.statusbox p	{
		clear: both;
		padding: 1px;
		margin: 1px;
		margin-top: 5px;
		text-align:justify;	
		}

body ul		{		/* list elements for navigation have no dots */
		margin:0px;
		padding:0px;
		text-align:justify;
		list-style-type: none;
		}

body pre	{
		font-size:12pt;
		}
	


h1		{		/* main headline of page */
		font-size:18pt;
		font-weight: bold;
		color: #1ad;
	      	padding-left:10px;
		}

h2 		{		/* sub headline of page, only used for random comment */
		font-size:16pt;
		color: #1ad;
		padding-left:30px;
		}

h3		{		/* used in all fotobox elements as headline */
		padding-left: 10px;
		font-size:15pt;
		}

h4 		{		/* used in statusbox column as section headline */
		clear: both;
		font-size:12pt;
		margin-top: 2px;
		margin-bottom:0px;
		}

h5		{		/* used only for selectbox headline */
		clear: both;
		font-size:12pt;
		text-align:left;
		margin-bottom: 1px;
		}

h6		{		/* used as submit date headline with border top */
		clear: both;
		font-size:10pt;
		text-align:right;
		padding-top: 4px;
		margin: 0px;
		border-top: 1px solid #def;
		}

.backwards	{		/* reverse text for email addresses */
		unicode-bidi:bidi-override;
		direction: rtl;
		}

.fotobox 	{		/* each article is embedded in this fotobox */
		margin:2px;
		padding:5px;
		border:0px solid #000;
		background:#ddd;
		color:#000;
		font-family:Comic Sans MS, fantasy;
		font-size:12pt;
		}

.fotobox img	{ 		/* images inside of fotobox will be centered for all browsers */
		display:block; /*allows the element to take auto margins*/ 
		margin:0 auto; /*centers in compliant browsers*/ 
		text-align:center; /*centers in old versions of IE*/ 
		margin-top: 5px;
		} 

.guestbox 	{		/* the guestbook is embedded in this box */
		margin:2px;
		padding:5px;
		border:0px solid #000;
		background:#ddd;
		color:#000;
		font-family:Comic Sans MS, fantasy;
		font-size:12pt;
		}

.songtextfotobox{		/* used only for lyrics subwindow */
		width:430px;
		margin:10px;
		padding:2px;
		border:0px solid #000;
		background:#dbd;
		color:#000;
		font-family:Comic Sans MS, fantasy;
		font-size:12pt;
		text-align: center;
		}

.pullout	{		/* used in span object for pullout quotes, inverse coloring */
  		padding:5px;
  		background-color: #777;
  		color:#F5F5F5;
  		font: bold 10pt Comic Sans MS, fantasy;
		float: right;
		text-align:right;
  		margin-right: 1px;
		margin-left: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
		}

.pullout_quote	{		/* used in span object for pullout quotes, inverse coloring */
  		padding:5px;
  		background-color: #777;
  		color:#F5F5F5;
  		font: bold 10pt Comic Sans MS, fantasy;
		float: right;
		text-align:right;
  		margin-right: 1px;
		margin-left: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
		}

.pullout2	{		/* used in span object for pullout quotes, inverse coloring */
  		padding:5px;
  		background-color: #777;
  		color:#F5F5F5;
  		font: bold 10pt Comic Sans MS, fantasy;
		float: right;
		text-align:center;
  		margin-right: 1px;
		margin-left: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
		}

.pullout_thumb	{		/* used in span object for pullout quotes thumbshots, inverse coloring */
  		padding:0px;
  		background-color: #777;
  		color:#F5F5F5;
  		font: bold 10pt Comic Sans MS, fantasy;
		float: right;
		text-align:center;
  		margin-right: 0px;
		margin-left: 3px;
		margin-top: 1px;
		margin-bottom: 1px;
		}

.pullout_thumb img	{ 		/* images inside of fotobox will be centered for all browsers */
		display:block; /*allows the element to take auto margins*/ 
		margin:0 auto; /*centers in compliant browsers*/ 
		text-align:center; /*centers in old versions of IE*/ 
		margin-top: 3px;
		} 

.pulloutbox	{		/* used in span object for pullout quotes, inverse coloring */
		padding:0px;
		padding-top:3px;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:3px;
  		background-color: #777;
  		color:#F5F5F5;
  		font: bold 12pt Comic Sans MS, fantasy;
  		display:block; /*allows the element to take auto margins*/ 
		margin:0 auto; /*centers in compliant browsers*/ 
		text-align:center; /*centers in old versions of IE*/ 
		}

.presentedby	{		/* used in span object for author note, normal coloring */
		font: 10pt Comic Sans MS, fantasy;
		text-align: left;
		}

.floatingchar	{		/* used in span object to highlight first word in text */
		float: left;
		color:#1ad;
		font: bold 14pt Comic Sans MS, fantasy;
                padding: 0px;
		padding-right: 5px;
		padding-top: 5px;
		}		

.textfield	{		/* used in guestbook, box for text in- and output */
		width:90px;
		font: bold 10pt Comic Sans MS, fantasy;
		background-color: #fff;
		}

.linkfield	{		/* used for permalinks */
		
		font: 8pt Comic Sans MS, fantasy;
		background-color: #fff;
		}

.selectbox	{		/* used in select object, selector for css styleswitching */
		width:170px;
		font: bold 10pt Comic Sans MS, fantasy;
		background-color: #fff;
		margin-bottom: 10px;
		}

.textinput	{		/* used in forms object, box for text in- and output */
		width:360px;
		font: bold 10pt Comic Sans MS, fantasy;
		background-color: #fff;
		}