@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
	
a img { 
	border: none;
}

.png_trans { 
behavior:url(../iepngfix.htc);
}

body {
	background-image:url(../bilder/hg_01.jpg);
	background-attachment: fixed;
	background-repeat:no-repeat;
	color:#666666;
	font-family: Trebuchet MS;
	text-align: left;
	font-size: 20px;
	
}

/*----------------------------------------------------------------------------- textelemente -------------*/

h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing:0.1em;
}

h1 span {
		font-size: 1.3em;
		text-transform:lowercase;
		letter-spacing:0.1em;
}


h2 {
	font-size: 1em;
	line-height:1.5em;
	text-transform: uppercase;
	font-weight:bold;
}

.on_stage {
	color: #FFFF00;
}

.on_stage_uppercase{
	color: #FFFF00;
	text-transform: uppercase;
	font-weight:bold;
}


.news_text
{
	font-size:0.6em;
	color:#FFFFFF;
	width:250px;
	line-height:1.6em;
}

a.nav1:link { 
	text-decoration: none; 
	color: #ffffff;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px; 
}

a.nav1:visited { 
	color: #cccccc; 
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px; 
}

a.nav1:hover {
	color: #ffff00;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-color: #FFFF00;
	border-bottom-width: 1px;
}

a.nav1:active {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-color: #FFFF00;
	border-bottom-width: 1px
}



a.headline_link:link { 
	text-decoration: none; 
	color: #ffffff;
}

a.headline_link:visited { 
	color: #cccccc; 
	text-decoration: none 
}

a.headline_link:hover {
	color: #ffff00;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-color: #FFFF00;
	border-bottom-width: 1px;
}

a.headline_link:active {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-color: #FFFF00;
	border-bottom-width: 1px
}


/*----------------------------------------------------------------------------- menü -------------*/

#menu
{
	top:205px;
	position: absolute;
	left:23px;
	font-family:"Trebuchet MS";
	font-size:0.65em;
	line-height:1.6em;
	z-index:8;
}

a.menu {
	display:block;
	text-align:right;
	width:180px;
	text-decoration:none;
	padding-right:10px;
}

a.menu:link    { color:#ffffff; background-color:transparent; border-right:15px; border-right-style: solid; border-right-color: #ffffff; }
a.menu:visited { color:#ffffff; background-color:transparent;  border-right:15px; border-right-style: solid; border-right-color: #ffffff; }
a.menu:hover   { color:#ffffff; background-color:transparent; border-right:15px; border-right-style: solid; border-right-color: #FFCC33; }
a.menu:active  { color:#ffffff; background-color:transparent; border-right:15px; border-right-style: solid; border-right-color: #FFCC33; }



/*----------------------------------------------------------------------------- layout boxen -------------*/

#footer {
	height: 230px;
	width:175px;
	background-image:url(../bilder/banner_linksunten.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	position:fixed;
	bottom:0px;
	left:-3px;
	z-index:1;
	
}

#container {
	width: 950px;
	margin: 50px 0px 0px 0px;
}

#left {
	width:130px;
	text-align:right;
	position:absolute;
	top:0px;
	left:-20px;
/*background-color:#00FFCC;*/
}

#middle {
	width:350px;
	text-align:left;
	position:absolute;
	top:0px;
	left:225px;
	/*background-color:#00CCFF;*/
	margin-left: 30px;
}

#right {
	width:340px;
	text-align:left;
	position:absolute;
	left:570px;
	/*background-color:#CCCC00;*/
	margin-left: 20px;
	top: 0px;
}




/*----------------------------------------------------------------------------- aussehen des kalenders -------------*/

.calendarHeader {
	font-family:"Trebuchet MS";
	font-weight: normal;
	color: #ffffff;
	font-size: 0.8em;
} 

.calendarToday {
	color: #000000;
	background-color:#CCCCCC;
	font-family:"Trebuchet MS";
	font-size:0.8em;
} 

.calendar {
	font-family:"Trebuchet MS";
	font-size:0.8em;
	color: #ffffff;
	background-color:#999999;	
}

a:link { text-decoration: none; color: #ffff00; }
a:visited { color: #ffff00; text-decoration: none }
a:hover { color: #000000; text-decoration: underline; }
a:active { color: #ffff00; text-decoration: underline }



/*----------------------------------------------------------------------------- inhaltselemente -------------*/




#logo
{
	top:50px;
	left:67px;
	position: absolute;
}


#headerbild
{
	top:60px;
	position: absolute;
}


#headline1
{
	top:393px;
	position: absolute;
}


#content_text_startseite
{
	top:440px;
	position:absolute;
	font-size:0.6em;
	color:#FFFFFF;
	width:270px;
	text-align:justify;
	line-height:1.6em;
}

/*--------------- wichtig: #content_text_allg außerhalb der mittlere spalte aufrufen!! -------------*/

#content_text_allg
{
	top:440px;
	left:225px;
	width:700px;
	position:absolute;
	font-size:0.6em;
	color:#FFFFFF;
	line-height:1.6em;
	text-align:left;
	margin-left: 30px;
	overflow: hidden;
}

#content_text_allg_einrücker
{
	margin-left:76px;
}

.vorschau_einrücker
{
	margin-left:76px;
}


#kalender
{
	background-color:#CCCCCC;
	
}


#news
{
	left:0px;
	top:60px;
	position: absolute;
}


#banner_unten
{
	left:0px;
	bottom:0px;
	position: fixed;
}

#iframe_1
{
	background-color:transparent;
}

/*--------------- Angaben für den Newsletter -------------*/

#newsletter_main {
	width: 320px;
	margin-top:120px;
	margin-left:35px;
	font-size:0.6em;
	color:#FFFFFF;
	text-align:justify;
	line-height:1.6em;
}

#headline_newsletter
{
	top:25px;
	position: absolute;
}