@import "teaser.css" ;
@import "rss-feed.css";
@import url('http://fonts.googleapis.com/css?family=Voltaire');

*{
margin: 0px;
padding: 0px;}


body   { 
color: #555; 
font-size: 8pt; 
font-weight: normal;
font-family:  "Trebuchet MS";
line-height: 12pt;

overflow: auto;

	/*scrollbar*/
	scrollbar-3dlight-color:#777; 
    scrollbar-arrow-color:#777;
    scrollbar-base-color:#777; 
    scrollbar-darkshadow-color:#777; 
    scrollbar-face-color:#fff;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#fff}



/*******************************************************************************/
/***  Verhalten der Links   *****************************************************/
/*******************************************************************************/
a{
text-decoration: none;
color: #777;}
.link {color:#444 !important; font-size:12px !important}
.link a{
font-size:13px;
background: url(../standardelemente/nav/extern_a.gif);
background-repeat: no-repeat; 
background-position: right 2px;
padding-right: 14px;
color: #444;
}

.link a:hover{
background: url(../standardelemente/nav/extern_b.gif);
background-repeat: no-repeat; 
background-position: right 2px;
padding-right: 14px;
color: #f60;}


.link ul, .link li{ border: 0px #fff solid !important;margin: 0}


.top_link a { 
color: #000000; 
font-size: 10px; 
text-decoration: none; 
background-image: url(../standardelemente/nav/top_a.gif); background-repeat: no-repeat; background-position: right 0;
padding-right: 16px;

 }

.top_link a:hover { 
color: #f60; font-size: 10px; text-decoration: underline; 
background-image: url(../standardelemente/nav/top_b.gif); 
background-repeat: no-repeat; background-position: right 0; padding-right: 16px }



.back_link a{
color: #000; 
font-size: 12px; 
line-height: 16px; 
font-weight: 700;
text-decoration: none;
padding-right: 16px; 
}


.news a{
content: url(neues.html) ;

}
#back  {
	margin: 32px 0px 0px 32px !important;
	}
#back li{
float: left;
border: 0px;
margin: 0px 30px 0 0;
list-style: none;}


#back a, #back a:hover {
	color: #f60 !important;
	}

/*******************************************************************************/
/*** EBENEN    *************************************************************/
/*******************************************************************************/

/*
#wrap{
	text-align:center;
	margin: 0 auto;
	max-height:100%;
	position:relative;
	background:#fff;
	width: 801px;
	}
	
*/	
#container01{
position: absolute;
top: 150px;
left: 0px;
width: 801px;
height: 100%;
z-index: 4	;
border: 0px #ddd solid;
text-align:left;
background:#fff
  }

/*Information*/
#container02{
position: absolute;
top: 150px;
left: 109px;
width: 691px;
height:100%;
max-height:900px;
overflow: visible;
z-index: 4	;


  }



.iframe-border{
border-left:1px solid #ddd;
height:900px  !important;}  

#container02.iframe-border + #hauptext{
border:0px !important}

/*Header links*/
#hg   { 
background-color: #f60; 
padding-top: 10px; 
padding-left: 0; 
position: fixed; 
z-index: 400; top: 0; 
left: 0; 
width: 100px; height: 140px }

/*Header rechts*/
#head{
z-index: 400;
left:100px;
top: 0px;
padding-left: 12px;
padding-top: 10px;
width: 680px;
height: 140px;
position: fixed;
background-color: #f60;
background-image: url(../standardelemente/fk-logo-header.svg);
background-repeat: no-repeat;
border-left: #000 10px solid;
}
/*???*/
#hgIntern   { 
background-color: #f60;
padding-top: 10px; 
position: fixed; 
z-index: 400; top: 0; 
left: 0; 
width: 100px; height: 30px }


/*???*/
#headintern{
z-index: 300;
left:100px;
top: 0px;
width: 692px;
height: 90px;
position: fixed;
background-color: transparent;
background-image: url(../standardelemente/_headintern.gif);
background-repeat: no-repeat;
border-left: #000 10px solid;

}


/*Navigationsleiste*/


/*Home*/
#NavLinks  { 
z-index: 400; 
position: fixed; 
top: 120px; 
left: 0; 
padding-left: 20px; 
padding-top: 10px;
width: 80px; 
height: 20px; 
background-color: #fff; 
visibility: visible; 

 }
 
/*******************************************************************************/
/****    Navigations - Menues   ************************************************/
/*******************************************************************************/
 
/*Verweise zu Unterseiten*/
#NavRechts { 
visibility: visible; 
top: 120px; left: 110px; 
padding-left: 15px; 
padding-top: 10px;
position: fixed;
width: 420px; height: 20px;
z-index: 400; 

background-color: #fff;

}

/*Intern-Link*/
#NavIntern { 
top: 120px; left: 555px;
padding-top: 9px;
position: fixed;
width: 250px; height: 20px;
z-index: 400; 

background-color: transparent;
}


/*---------------------------------------------------------------*/
/*---   NavMenue - Typografie  ----------------------------------*/
/*---------------------------------------------------------------*/

.menue {
color: #000;
font-size: 12px;

font-family: "Trebuchet MS";
}

.menue ul li a{
color: #000;
text-decoration: none;
padding:0 2 0 2;

}
menue  a:hover {
color: #fff !important;
background-color:#f30 !important;
border-bottom: 1px dotted #000000;
}



.menue li{
float:left;
margin:0 3px 0 0px;
padding-right:5px;
border-right:1px solid #f60;
}

.intern li{
float:left;
margin:0 3px 0 0px;
padding-right:5px;
border-right:1px solid #fff;
}
.intern a, .intern{
color: #fff;
font-size: 12px;
font-weight: bold;
font-family: "Trebuchet MS";
padding:0 2 0 2;
}

.intern a:hover  { color: #f60 !important;background-color:#fff; }


#Navlinks .aktiv  , #Navrechts li.aktiv a
{color: #f60;
border-bottom:1px solid #f60;
}

#Navintern li.aktiv a
{
color: #fff ;
border-bottom:1px solid #fff;
}




/*******************************************************************************/
/***  Info - Bereich   *********************************************************/
/*******************************************************************************/

#Randbild{
left: 0px;
margin-top:20px;
position: relative;
width: 515px;
float:left}


#Rasterbild{
left: 0px;
margin-top:20px;
position: relative;
width: 400;}

#vollbild{
left: 0px;
margin-top: 30px;
width: 700px;
height:auto;
position: relative;;
z-index: 4;
padding-left: 20px;}

#vollbild img{
margin: 0 10 10 0;}

#BildText{

margin: 20px 0 20px 550px;
position: relative;
width: 240px;
height: auto;

z-index: 5

}
#li-spalte-sub{
	
margin: 20px 0 20px 450px;
position: relative;
width: 240px;
height: auto;

z-index: 5}

#HauptText{
border-left: 1px #ddd solid;
left: 0px;
height:auto !important;
max-height:auto;
padding-top: 30px;
width: 400px;
position: absolute;;
z-index: 4;
padding-left: 20px;
border-bottom: 0px solid #999;

}


/*Veranstaltungs - Ticker*/

/*IEx*/
#ticker img {
vertical-align: top}
#ticker p{
vertical-align: bottom;
}
/*****/

#ticker{
position: relative;
z-index: 10;

margin-top: 20px;
margin-left: 10px;
width:503;
height: 100px;
border: 1px solid #000000;
/*
background-color:#C50A33 */
}

#ticker img{
border: 0px solid black;
/*width:150px;*/
width: auto;
height: 100px;
border-right:1px solid #fff}



#ticker div{

top: 0; 
right:0;
width: auto;
padding:2;
padding-left: 5;
padding-right: 5;
font-size: 12px;
color:#fff;
background-color: #444;
z-index: 20;
position: absolute;
border-left:1px dotted #fff;
border-bottom:1px dotted #fff;
}

p.typ{
margin: 5 10 10 10;
left:150;
top: 0;
color: #444;
position: absolute}

#ticker p{
margin: 5 10 10 10;
left:150;
bottom:0;
color: #eee;
position: absolute}

#ticker em{
margin: 5 10 10 10;
left:150;
top: 20;
position: absolute;
color: #fff;font-size: 13px;
font-weight: lighter;
}


#ticker a:hover em { color: #fff; text-decoration: underline}


/*******************************************************************************/
/***  Verhalten der RSS-Feed   *****************************************************/
/*******************************************************************************/

#rss-container {
position:relative;
/**top:470px;**/

left:0;
margin: 10px 0px 10px 10px;
width:780px;

}



/*******************************************************************************/
/***   Zusatzinfo Hautptxt    **************************************************/
/*******************************************************************************/
.zinfo{
border: 1px solid rgb(153, 153, 153);left: 440px; height: 97 !Important; margin:0 0 10 0}
.zinfo h4{
margin: 2px 0pt 0px 10px; color: rgb(255, 255, 255);}
.zinfo a{text-align: right; display: block; padding-right: 10px; margin-bottom: 10px;}

/*******************************************************************************/
/***   
*********************************************************/
/*******************************************************************************/

#marginalien{
border-top: #000 0px solid;
border-bottom: #000 0px solid;
height:auto;
z-index: 3;
width: 180px;
left:810px;
top:0px;

position: relative;
background-color: #fff;

visibility: visible; 
display: block;
}


/*Typo - Maginalien*/
.AktTermin{
border:1px dashed #CC9966 !important;
margin:0pt -2pt 0pt -5px;
padding:0pt 2px 0pt 5px !important;
}



.ver, .ver a[name=index], .ver a:hover[name=index]{
font-size: 11px !important;
font-weight: lighter;
color: #444;
}


.ver a {
background: url(../standardelemente/nav/intern_a.gif);
background-repeat: no-repeat; 
background-position:  right 4px;

font-weight: bold;
padding-right: 14px;
color: #444;
}

.ver h4 a, .ver h4 a:hover{
background: none; color:#c96; font-weight:lighter; cursor: pointer; padding:0}

.ver a[name="index"]{background: none;text-align: right}
.ver a:hover[name="index"]{background: none;}


.ver a:hover{
background: url(../standardelemente/nav/intern_b.gif);
background-repeat: no-repeat;
background-position: right 4px; 
text-decoration: underline;
padding-right: 14px;
font-weight: bold;

color: #f60;}

.ver em{
font-family: arial;
font-size: 12x;
font-weight:600;
color:#444;display: block}

.ver a.addthis_button, .ver a:hover.addthis_button {
	background:none;
	padding-right:2px}

#marginalien ul { padding:0 0 10 10}
ul h4{color: #c96;margin: 5px 0px 5px 0px; text-transform: uppercase;font-weight:normal;
letter-spacing:1px; font-size:13px }

ul.firstmarg{ 
background-color:#000; 
padding: 0 0 0 0 !important; 
color:#fff; 
height:145px; 
margin-bottom:20px
;width:180px; 
position:fixed !important;
top:0px!important;
border-bottom:5px solid #CC9966 !important;
z-index:400}

ul.firstmarg h4, ul.firstmarg .submenue{ color:#ccc;margin:5 0 15 10}

.ver ul{top:170px;position:relative;}
#conainer 01.ver ul{top:0px;position:relative;}

ul.firstmarg .submenue{ color:#ccc;margin:0 5 0 10; line-height:14px}
ul.termin{
margin: 10px 0px 0px 0px; 
border: 0px #000 solid; 
border-bottom: #cc9966 1px solid;
border-top: #cc9966 0px solid}

ul.termin li {border: 0px #000 solid; 
border-top: #cc9966 0px dashed;
padding: 5px 0px 5px 0px; 
}

ul{margin:0;padding: 0;list-style: none}

.ver ul li {
border-bottom: #666 solid 1px;
border-top: #666 solid 0px;
margin: 5 0 0 0;
padding-bottom: 10;
display: block;
}

/*
li a{display: block}
*/

/*Header-Typo*/

.toplayer{

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18pt;
line-height: 20pt;
color: #fff;
}

.submenue {
color: #777; 
font-size: 11px; 
font-weight: normal;}

.submenue a {
background: url(../standardelemente/nav/sub2_a.gif);
background-repeat: no-repeat; 
background-position: right 2px;
}

.submenue a:hover {
background: url(../standardelemente/nav/sub1_a.gif);
background-repeat: no-repeat; 
background-position: right 2px;
padding-right: 16px;
color: #f60;}



/*PAGE-Index zum Blättern im Iframe*/
.pagei{
left: 545px;
top: 100px;
width: 240;
position: absolute;
z-index: 5;
text-align: left;
padding-left: 10px;
border: 2px solid #777;
background-color: #777;
color: #eee;
visibility:hidden
}
.pagei a{
font-weight: 900;
text-decoration: none;
color: #fff;
}


table{
width:100%;
border: 0pt;}




/*
#links{
z-index:5;
height: 590px;
width: 100px;
text-align: right;
padding-right: 0;
padding-left: 10px;
left: 0px;
top: 150px;
position: absolute;
background-color: transparent;
}


*/



i   { color: #699; font-style: normal; font-weight: bold; text-align: inherit }
b	{color:#444;font-weight: bold}

em    {color:#000000;
font-style:normal;
font-weight:normal;
text-align:inherit; }

.justify{
text-align:justify}


/*++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++  INDEX  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++*/
.date{color: #444;font-family: georgia;; font-weight: normal; font-size: 10pt;margin:0}
h1 {
color:#FF6600;

font-family:'voltaire', sans serif !important;
font-size:36px;
text-align:left !important;
font-weight: lighter;
letter-spacing:0pt;
line-height:42px;
margin-bottom:10px;
}

#haupttext h1 {
	font-size:26px !important;
	line-height:32px}
	
h2  {color: #f30; font-family: georgia; font-weight: normal; font-size: 10pt;margin-top:10}

/*subheads der hauptseiten
h2{color:;font-size:10pt;}*/
/*subsites_Idex*/
h3{
	color:#CC9966;
font-size:16px;
font-weight:normal;
letter-spacing:2px;
margin:0pt;
text-transform:normal; }
	
h4{margin-top: 0;font-weight: bold;font-size: 11px;}
h5{margin: 5 0 5 0; color:#444; font-size:13px; font-weight:lighter}

.orange, .orange a {color:#f60 !important}
.sub{
color:#FF6600;
font-family:inherit;
font-size:13px;
letter-spacing:1px;
width:315px;}
.sub a {
color: #f30;
background-image: url(../Standardelemente/nav/intern_a.gif);
background-repeat: no-repeat; background-position: right 2px; 
padding-right: 15px }

.sub a:hover{ 
color: #f60; text-decoration: underline; 
background-image: url(../Standardelemente/nav/intern_b.gif); 
 }

.sub_bild { 
padding-right: 6px; width: 140px; border-width: 0; padding-top: 4px;}
.sub_bild img { 
float: right; border: solid 1px #ddd;}
.sub_bild img a:hover{ 
border: solid 1px #369 }

/*.sub_ohnebild{ 
padding-right: 0px; width: 180px; border-width: 0;}*/
.sub_ohnebild2 { 
padding-right: 6px; width: 188px; border-width: 0;}

.kurztext { font-size: 12px; line-height: 16px; width: 315px; }
.namen		{
color:#333333;
font-family:inherit;
font-size:12px;
line-height:16px;
padding-top:2px;
width:400px; }

.fliess { 
font-size: 10pt;
line-height: 16pt;
font-weight: lighter;  
text-align: justify }

/*Auszeichnungen*/
.dot { color: #f30;font-weight: 400; padding-right: 0; border-bottom: 1px dotted #f60 }
.orange { color: #f30; font-size: 10pt; font-weight: 400; padding-right: 0}

.erg{
font-size: 12px;
font-weight: 400;
padding-right: 20px;
}

/*Flickr galerie*/

.flickr p {
float:left;
width:275px;
margin: 10 10 10 0;
}
.flickr img{
display:block;
margin: 10 0 10 0 !important;

}
.flickr p>span{
margin: 10 0 0 0 !important;
display:block
}

.flickr  a{
cursor:pointer;
color: #ff6600 !important;
font-size:12;
}

.flickr a:hover span, .flickr span a:hover{ border-bottom: 1px dotted #ff6600}