.container	{		/* contains three columns: navigation, center, statusbox */
		clear: both;
		width: 750px;
		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-color:#fff;
		font-family:Comic Sans MS, fantasy;
		}

.navigation 	{		/* leftmost column */
		float: left;
		width:250px;
		margin:1px;
		padding:2px;
		padding-top:200px;
		border:0px solid #000;
		background-color:#ddd;
		color:#000;
		font-family:Comic Sans MS, fantasy;
		font-size:14pt;
		background-image: url(papertigerlogowii.gif);
		background-repeat: no-repeat;
		background-position: 45px 20px;
		display: inline;
              	}

 a		{
		text-decoration: none;
		}

 a:hover	{
		text-decoration: underline;
		/* background-color:#4ff; */
		border:0px solid #000;
		}



ul#navlist
		{
		background-color:#d0d0d0;  /* navigation color */
		}


ul#navlist li a
		{
		border-left: 10px solid #e0e0e0;  /* header color */		
		background-color:#d0d0d0;  /* navigation color */
		}


ul#navlist li a:hover
		{
		border-color: #707070;  /* pullout color */
		background-color: #f0f0f0;   /* body color */
		}






.center		{		/* center column */
		float: right;
		width: 480px;
		padding:0px;
		padding-top: 25px;
		border:0px solid #000;
		margin:0px;
		font-family:Comic Sans MS, fantasy;
		font-size:12pt;
		background-image: url(wiimote.bmp);
		background-repeat: no-repeat;
		background-position: 0px 30px;
		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 */
		float: left;
		width:250px;
		margin:1px;	
		padding:2px;
		border:0px solid #000;
		background:#ddd;
		color:#000;
		font-family:Comic Sans MS, fantasy;
		font-size:12pt;
		text-align:justify;

		/* background-image: url(TinkerBell1.gif); */
		/* background-repeat: no-repeat; */
		/* background-position: 130px 430px; */
		display: inline;
		}

div#topmenu ul li a:hover
		{
		background-color: #f0f0f0;   /* body color */
		}
div#topmenu ul li a.current_topmenu
		{
		background-color: #f0f0f0;   /* body color */
		}

.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;
		}

div.pageselect
		{
		background-color: #f0f0f0;   /* body color */
		}
div.pageselect ul
		{
		font: 12pt Comic Sans MS, fantasy;
		color: black;
		text-align: center;
		margin: 0;
		margin-left: -20px;
		padding-bottom: 0px;
		padding-top: 0px;
		padding-left: 0px;
		}
div.pageselect ul li
		{
		display: inline;
		}
div.pageselect ul li a
		{
		padding: 1px 10px 1px 10px;
		color: black; 
		/* text-decoration: none; */
		}
div.pageselect ul li a:hover
		{
		/* color: white; */
		}

.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:30px;
		}

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:14pt;
		}

.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:14pt;
		}

.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 */
  		width: 130px;
  		padding:3px;
  		background-color: #777;
  		color:#F5F5F5;
  		font: bold 13pt Comic Sans MS, fantasy;
		float: right;
		text-align:right;
  		margin-right: 0px;
		margin-left: 3px;
		margin-top: 3px;
		margin-bottom: 3px;
		}

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

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

.pullout_thumb	{		/* used in span object for pullout quotes thumbshots, inverse coloring */
  		width: 156px;
  		padding:0px;
  		background-color: #777;
  		color:#F5F5F5;
  		font: bold 13pt Comic Sans MS, fantasy;
		float: right;
		text-align:right;
  		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 14pt 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 */
		float: left;
		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 18pt Comic Sans MS, fantasy;
                padding: 0px;
		padding-right: 5px;
		padding-top: 5px;
		}		

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

.linkfield	{		/* used for permalinks */
		font: 8pt Comic Sans MS, fantasy;
		}

.selectbox	{		/* used in select object, selector for css styleswitching */
		width:170px;
		font: bold 12pt 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 12pt Comic Sans MS, fantasy;
		background-color: #fff;
		}