html {height: 100.1%; font-size: 62.5%;}
body {text-align: right; font: 1.2em/1.8em Verdana, sans-serif; }
* {margin: 0; padding: 0; border: 0;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", sans-serif; 
	margin: 0em; 
	color: #000;}
	
h1 h2 h3 {padding-bottom: 0.4em; font-weight: normal;}
h1 {font-size: 1.5em;}  /* 15px */
h2 {font-size: 1.1em;}  /* 11px */
h3 {font-size: 1.1em;}  /* 11px */
h4 {font-size: 1.0em;}  /* 10px */
h5 {font-size: 1.0em;}  /* 10px */
h6 {font-size: 1.0em;}  /* 10px */
 p {font-size: 1.1em; line-height: 1.5em; margin: 0 0 1em 0;}

/* ### Textauszeichnung ### */
  cite, blockquote { font-style: italic; }
  blockquote { margin: 0 0 1em 1.5em; }
  strong,b { font-weight: bold; letter-spacing: 1px;}
  em,i { font-style: italic; font-size: 1em; }
  pre, code { font-family: monospace; font-size: 1.1em; }
  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help; }

/* ### Gestaltung Hyperlinks ### */
a {color: #54634F; text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
a:active, a:focus {}

/* ### Randbereich & Seitenhintergrund ### */
body {background: url("../images/design/background.gif") top left fixed; padding: 1px 0;}

div#wrapper_page {
	text-align:left; 
	min-width: 910px; 
	max-width: 940px; 
	margin: 0 auto; 
	padding: 0; 
	border: 1px solid #4F5902; 
	background: #FFFCF6;}
	
div#header {
	height: 80px;
	margin: 0;
	padding: 0;
	background: #FFFCF6 url("../images/design/header.gif"); }

div#header .logo { 
	position: relative; 
	right: -585px; 
	top: 10px; 
	font-size: 76px; 
	overflow: visible; 
	z-index: 2;}

div#header h1 {display: none;}

div#header .hide_banner {
	position: relative; right: -879px; top: -20px;
	height: 40px;
	width: 60px;
	z-index: 1;
	background:  #FFFCF6 left top ;}
	
/* ### Hauptnavi ### */
div#nav {
	height: 20px;
	text-align: left;
	margin-bottom: 1em;
	padding: 1em 0 0 258px;
	background: #FFFCF6 url("../images/design/nav.gif"); }
	
div#nav li {display: inline; font-size: 1.4em; margin-right: 0.6em; }

div#nav a {
	color: #4F5902; 
	text-decoration: none; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding-right: 1em;}	
	
div#nav a:hover {color: #E8B009;}
div#nav .nav_cur a { color: #E8B009; padding-right: 1em;}


/* ### Wrapper col1 + menu + maincontent ### */
div#wrapper_content {
	margin: 35px auto 40px auto;
	text-align: left;
	background: #FFFCF6; }

/* ### col1  Infobox ### */
div#col1 {float: right; width: 220px; padding: 0; padding-top: 46px;}


/*------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container hr.clearer {clear:left; display:none;}

div#newsticker {margin-top: 10px; margin-right: 26px;}
div#newsticker p { 
	color: #000;
	margin: 0;
	padding-top: 5px; 
	font-size: 0.9em; 
	line-height: 1.4em; }

div#newsticker h2 {
	color: #4F5902; 
	font-size: 1.6em; 
	line-height: 1.4em;
	padding: 0.2em 0; 
	border-bottom: 1px solid #CCCCCC;}

div#newsticker h3 {font-size: 1em;}
div#newsticker h3 a {color: #555555;}
div#newsticker h3 a:hover {color: #E8B009;}
	
div#newsticker a {color: #E8B009;}
div#newsticker a:hover {color: #777;}

.news-latest-gotoarchive {margin-top:5px; background: url(../images/design/th_bg.gif) repeat-x;}	
.news-latest-gotoarchive a {padding-left: 10px; }
.news-latest-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */}
.news-latest-item H3 {padding-top: 5px;}
.news-latest-morelink {height:20px; border-bottom: 1px solid #CCCCCC;}
.news-latest-morelink a {font-size: 0.8em; float:right;}

/* ### Gestaltung Tag Clouds ### */
#tagclouds {margin:10px 0;}			
#tagclouds a:hover {color: #777;}
	.tag1 { color: #4F5902; font-size: 1.3em; padding-right: 4px;}
	.tag2 { color: #C8E00B; font-size: 1.2em; padding-right: 4px;}
	.tag3 { color: #7A9DB6; font-size: 1.4em; padding-right: 4px;}
	.tag4 { color: #E8B009; font-size: 1.2em; padding-right: 0px;}
	.tag5 { color: #7A9DB6; font-size: 1.4em; padding-right: 7px;}
	.tag6 { color: #E8B009; font-size: 1.3em; padding-right: 7px;}
	.tag7 { color: #C8E00B; font-size: 1.5em; padding-right: 0px;}
	.tag8 { color: #5E0E28; font-size: 1.5em; padding-right: 9px;}
	.tag9 { color: #4F5902; font-size: 1.2em; padding-right: 0px;}
    .tag10 {color: #C8E00B; font-size: 1.6em; padding-right: 8px;}

/* ### Submenu ### */
div#col2 {
	float: left; 
	width: 200px; 
	height: 570px;
   	background: #FFFCF6 url("../images/design/menu.gif"); 
 	font-size: 1.1em;}

#col2 .title {
	margin-bottom: 1em; 
	padding: 20px 0 0 40px; 
	font-size: 1.3em;
	font-weight: bold;
	color: #4F5902; 
	text-transform: uppercase;}
	
#submenu ul {list-style-type: none; margin:0; padding: 0; }
#submenu li {float:left; width: 200px; margin:0; padding: 0; }
#submenu a {display: block; padding: 0.2px 0;}
#submenu li a {padding-left: 50px;}
#submenu li a:focus, #submenu li a:hover {color: #E8B009; }
#submenu .submenu_level2, #submenu .submenu_cur2 {color: #666; padding-left: 15px; }
.submenu_cur1 a, .submenu_cur2 a {color: #fff;}
.submenu_cur0 a {color: #F0EDE0;}
  
/* ### Hauptspalte  Content ### */
div#maincontent {
	margin: 0px 240px 0px 240px;
	padding: 0px 0px 0px 10px; }

div#maincontent .foto {height: 266px;}

.zitat p {
	text-align: right;
	font-size: 0.9em; 
	line-height: 1.2em;
	margin-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px; 
	color: #5E0E28;}

div#maincontent h1 {
		text-align: left;
		margin-bottom: 0.6em; 
		padding-bottom: 0.1em; 
		color: #4F5902; 
		border-bottom: 1px solid #CCCCCC;}

div#maincontent h2 {
	margin-bottom: 0.2em;  
	color: #777; 
	font-size: 1.1em; }
		
div#maincontent .text p, div#maincontent .subtext p  {
		text-align: left;
		font-size: 1em;
		padding-bottom: 0; 
		padding-right: 1em; 
		color: #777; }

div#maincontent .text {border-bottom: 1px solid #CCCCCC;}
div#maincontent  em {font-size: 1em; }
div#maincontent a {color: #E8B009;}
div#maincontent a:hover {color: #777;}
div#maincontent a:link {color: #E8B009;}

/* ### Tabelle Repertoire ### */
table {width: 100%;
	border-right: 1px solid #4F5902;
	border-bottom: 1px solid #4F5902;}
	
td, th {padding: 3px 2px 2px 6px;}

th {background: url(../images/design/th_bg.gif) repeat-x;
	font-weight: bold !important;
	font-size: 1.1em;
	border: 1px solid #4F5902;
	border-right: 0px solid #4F5902;}
td {font-size: 0.9em; border-left: 1px solid #4F5902;}

div#maincontent .fett {font-weight: bold !important;}

.gerade{background-color: #FFF1D6;}
.gestreift{background-color: #FFFCF6;}
.hervorheben {background-color: #EBEBEB !important;}


/* ### Setzt den Footer unter die längste Spalte !!!! ### */
.defloat {clear: both; }


input {background: #E8D089;}


/* ### Footer Bereich ### */
div#footer {
	height: 120px;
	background: #FFFCF6 url("../images/design/footer.gif") repeat ;
	margin-top: 0px; color: #B4B1B2;}

div#footer .footer_nav {
	position: relative;
	top: 50px;
	right: 30px;
	text-align: right; /*erforderlich für Opera6*/}
	
div#footer li {
	display: inline;
	text-decoration: none; }	
	
div#footer a {color: #E8B009;}
div#footer a:hover {color: #777;}
div#footer .footer_text{
	float: right;
	padding: 60px 28px 0px 0px;}


/*#################################################*/ 
/* CSS für Printer */
@media print 
{
body {
	background: #FFFFFF; 
	font-family: Verdana, sans-serif;
	font-size: 12pt;}

* {margin: 0px; padding: 0px; background: transparent; color: #000000; float: none;}

div#printinfo, div#printfooter {display: block; border: 1px dashed #CCCCCC; padding: 4mm; font-size: 10pt;}

div#header h1, #tagclouds, div#nav a, div#submenu a, div#footer, img {display: none;}

div#wrapper, div#wrapcontent, div#maincontent, blockquote {width: auto;}
div#maincontent {padding: 4mm;}

a {font-weight: bold; text-decoration: none;}
h1, h2, h3, h4 {font-family: "Century Gothic", sans-serif;}
div#header h1 {text-align: right; font-size: 24pt; padding-right: 4mm;}
div#maincontent h1 {font-size: 14pt;}
div#maincontent h2, div#maincontent h3 {font-size: 12pt; font-weight: bold;}
div#maincontent h1, div#maincontent h2, div#maincontent h3 {border-bottom: 1px dashed #CCCCCC; margin: 6mm 0mm;}
div#maincontent p {margin-bottom: 6mm;}
}/* End: @media: print */