/*
name: förderverein residenzstadt putbus e.v.
adresse: http://residenzstadt-putbus.de/
beschreibung: vereinsseite realisert mit typo3 
version: 1.0
author: andreas küstermeyer
datum: 2008-11-22
div -> pk_fe_liste aufgenommen 
Bildmaterial -> Kopf getauscht mit Rosenmotiv

*/

/* ---------------------------------------------------------------------------------------
 1. grundeinstellungen 
 --------------------------------------------------------------------------------------- */

html 	   {height: 101%;}
*          {padding: 0; margin: 0;}
body  {
   background-color: #e9e9e9;
   /* font-family:  Verdana, Arial, Helvetica, 'Lucinda Grande', Verdana, 'Lucida Sans Unicode', sans-serif; */      
   font-family: Verdana,'Bitstream Vera Sans',sans-serif;
   /* Wenn es enger sein soll */
font-family: Tahoma,Arial,Helvetica,'Nimbus Sans L','Nimbus Sans L Regular',sans-serif;
   font-size: 0.7em;
   color: #295959;
   padding: 10px;
   }	

h1, h2, h3 { 
	font-weight: normal; 
	font-variant: small-caps; 
	font-family: Georgia, Arial, Verdana, Tahoma, Helvetica, 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Unicode', sans-  serif; 
	font-size: 1.8em; 
   /*      line-height: 1.1em;  */
}

/* h2 {font-size: 1.8em;
color: #393939;}
*/


h3 {font-size: 1.8em;color: #393939;}

.csc-header  {
	font-size: 145%;
	font-variant: small-caps;
	margin: 0; padding: 0;
}

p, ul, ol {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
}

ul, ol {
margin-left: 1em;
}

li {
  margin-top: 0 ;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 2em;
}

ol li {
  margin-bottom: 0.5em;
}

/* hyperlinks allgemein */

a img { border: none;  }
a  {text-decoration: none; outline: none; color: grey; }
a:link {color: #c04000;}
a:visited {color: #green; }
a:hover, a:focus {color: #c04000;}
a:active { color:  #c04000;}


/* allgemein k l a s s e n */

.skiplink{
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}




/* Bildtext */
/* .csc-textpic-caption{font-size:20px;} */

/* gesamter inhalt eines inhaltselementes text/bild o. bild */
.csc-textpic{
padding-top: 10px;
padding-bottom: 10px;
display:block;}

/* letztes bild einer reihe ? */
 .csc-textpic-lastcol{clear:right;}

/* nur das photo mit rahmen */
.csc-textpic-image a img{
   padding: 2px;
   border: 1px solid #ddd; /* entspricht #dddddd */
   border-right-color: #aaa;
   border-bottom-color: #aaa;
   display:block;
   }

/* ---------------------------------------------------------------------------------------
2. huelle und kopfbereich 
 --------------------------------------------------------------------------------------- */
/* patch zur zentrierung von  */
/* wrapper im IE5.x */
body {text-align: center;}
#wrapper {text-align: left;}

#wrapper {
 	margin-left: auto; 
	margin-right: auto; 
	width: 773px;
    height: 800px;
    padding: 0;
	}

#kopfbereich {
    height: 158px; 
	margin:0 ;
	padding: 0;
	background: url(kopf_mit_photo_120220c.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}


/* ---------------------------------------------------------------------------------------
3. mittelteil, inhaltsbereich und navigation 
--------------------------------------------------------------------------------------- */ 

#inhaltsbereich {
/*
*  width: 500px;
 \width:  505px;
  w\idth: 505px;

*/
*  width: 490px;
 \width:  515px;
  w\idth: 515px;

  
					/* siehe pm little boxes s.270 
		   				globale wirkung von clear erzeugt eine lücke 
		   				auffälligkeit: zwischen 1. beitrag mit inhaltselememt text/bild wird eine
		   				lücke zwischen text und bild erzeugt
		   				daher: overflow: hidden */
  overflow: hidden;
  margin-left: 3px;  
  padding: 5px 5px 5px 15px; 
}	

#mittelteil {
  background-image: url(inhalt_hintergrund_080811.jpg);
  background-repeat: repeat-y; 
}

#menue {
  float: right; 
  margin: 0;
  padding: 0px 0px 5px 0px; 
  width: 210px;
  \width: 217px;
  w\idth: 217px;
  font-size: 12px;
  font-weight: normal; 
  font-family: Georgia, Arial, Verdana, Tahoma, Helvetica, 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
  font-variant: small-caps;
  line-height: 1.6em;
  height: 350px;
   	}

/* sternchen-hack hasLayout für IE5x und 6.0 */
* html #inhaltsbereich {height: 1%;}
/* ----------------------------------------------------------
 navigation ungeordnete liste 
  ---------------------------------------------------------- */
UL#navigation {
    margin: 0px;
    margin-bottom: 30px;
    line-height: 1.6em; 
    font-size: 12px;
    list-style-type: none;
}
/* alle nicht ausgewählten links (text) */
UL#navigation LI A{color: #7c7c7c;}

/* link der gerade überflogen wird */
UL#navigation LI A:hover{color: #c04000;} 


/* 1. E B E N E 
aktives element aus 1. ebene */
UL#navigation li.menu1-level1-act A{color: #c04000;}

/* 2. E B E N E 
inaktives element aus 2. ebene  */
UL#navigation li.menu1-level2-no A {padding-left: 20px;}

/* aktives element aus 2. ebene */
UL#navigation li.menu1-level2-act A{ padding-left: 20px; color: #c04000;}


/* 3. E B E N E
gesamter bereich aller elemente aus ebene 3 die nicht gewählt 
wurden. wird angesprochen um hintergrunddarstellung zu steuern  */
UL#navigation li.menu1-level3-no {
margin: 0px;
margin-left: 60px;
padding-left: 10px;
background-color: white;
}

/* 3. E B E N E
bereich des elementes aus ebene 3, das gewählt 
wurde. wird angesprichen um hintergrunddarstellung zu steuern  */
UL#navigation li.menu1-level3-act {
margin-left: 60px;
padding-left: 10px;
background-color: white;
}
/* aktives element aus 3. ebene */
UL#navigation li.menu1-level3-act A{color: #c04000;}



/* ---------------------------------------------------------------------------------------
4. inhalt a l l g e m e i n
--------------------------------------------------------------------------------------- */ 


#inhaltsbereich p {line-height: 1.3;}
#inhaltsbereich h1 {margin: 0 0 5px 0; padding: 0;}




/* ---------------------------------------------------------------------------------------
4.1 inhalt g r a f i k
--------------------------------------------------------------------------------------- */ 


/* Bereich unter jedem bild (auch zwischen reihen) */
   
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 12px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 12px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

#inhaltsbereich a:hover img {border: 1px solid  #c04000;padding: 2px;}


/* ---------------------------------------------------------------------------------------
4.2 inhalt  L O G I N F O R M U L A R  
--------------------------------------------------------------------------------------- */ 

#inhaltsbereich table.csc-loginform{font-size: 100%;}
#inhaltsbereich form {background-color: silver;}

/* Eingabefeld */
#inhaltsbereich input{
    font-size: 100%;
	/* border: none; */
	font-family: Verdana, Tahoma, Helvetica, 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;;
}



/* ---------------------------------------------------------------------------------------
4.3 inhalt  S A T Z U N G
--------------------------------------------------------------------------------------- */ 

/* #bodytext_satzung ol, ul, li {padding: 5px 20px 0 20px ;} */


#bodytext_satzung h1 {margin: 0 0 5px 0;font-size: 200%;}
#bodytext_satzung h2 {margin: 5px 0 5px 0;padding: 0;font-size: 130%;}
#bodytext_satzung ul.pur {list-style-type: none;}

/* ---------------------------------------------------------------------------------------
4.4 inhalt  A G  S T A D T H A U S Schilderdarstellung
--------------------------------------------------------------------------------------- */ 

#stadthaus_schild_intro {text-align: center; padding-bottom: 35px;}
#stadthaus_schild_intro h1 {font-size: 200%;} 


#inhaltsbereich .bodytext_stadthaus_schild {
text-align: center;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
border: 2px solid #ddd;
border-right-color: #aaa;
border-bottom-color: #aaa;
background-color: silver;
}

#inhaltsbereich .bodytext_stadthaus_schild h1 {	text-align: center;}
#inhaltsbereich .bodytext_stadthaus_intro{border: none;background-color: transparent;}

#inhaltsbereich .stadthaus_schild_titel_n{
margin-left:  25px;
margin-right: 25px;
border: none;
text-align: center;
}

#inhaltsbereich .stadthaus_schild_titel_1{
margin-left:  25px;
margin-right: 25px;
border: none;
text-align: center;
}

/* ---------------------------------------------------------------------------------------
4.5 inhalt  A G  I N T E R N E T  Tipps für Redakteure
--------------------------------------------------------------------------------------- */ 


#inhaltsbereich .pk_typo_befehlsliste {
text-align: left;
font-family: Courier, "Courier New", monospace; 
font-size: 100%
}


/* ---------------------------------------------------------------------------------------
4.6 inhalt  B A C K E N D  U S E R  Auflistung der Mitglieder
--------------------------------------------------------------------------------------- */ 


#pk_fe_user{
margin-top: 10px;
}
/* ---------------------------------------------------------------------------------------
4.7 inhalt  T T _ B O A R D Mitteilungsseite
--------------------------------------------------------------------------------------- */ 

#pk_tt_board_cat_forums{

}

#pk_tt_board_single_forum {
padding-top: 15px;
padding-bottom: 20px;
/* margin-right: -6px; */
}


#pk_tt_board_single_forum input{
font-size: 70%;
}



#pk_tt_board_thread{
margin-right: -6px;
padding-top: 15px;
padding-bottom: 10px;
}

.csc-mailform-field textarea {
margin: -1px;
border: none;
}

/* ---------------------------------------------------------------------------------------
5. fussbereich 
--------------------------------------------------------------------------------------- */ 

#fussbereich {
	clear: both; 
	font-family: Georgia, Arial, Verdana, Tahoma, Helvetica, 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	font-variant: small-caps;
	padding: 0 0 0 55px;
	height: 40px; 
	border: 0;
	text-align: left; 
	background: url(inhalt_hintergrund_unten_080811.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}


#rp_newsletter {
	color: #7c7c7c;
}

#newslatest {
height: 60px;
color: #295959;
}

/*------------   A K T U E L L Hinweis ------------*/

/* gesamter Bereich rechte Spalte */
#newslatest{
height: 60px;
padding-left: 18px;
font-size: 120%;
}

/* link und teaser der letzten news */
.news-latest-item {
padding-top:5px;
padding-bottom: 5px;
}


.news-amenu-container h2{
	margin: 0 0 5px 0; 
	padding: 0;
	font-size: 18px;
	/* color: #7c7c7c; */
	/* border-bottom: solid 1px #7c7c7c; */
}
.news-list-container H3{
  	margin: 0 0 5px 0; 
  	padding: 0; 
   line-height: 22px; 
  	font-size: 12px;

}
.news-list-container H3 A {
	text-decoration: none;
}
.news-list-container H3 A:VISITED {
	color:orange;
}
.news-list-container H3 A:HOVER {
	text-decoration: underline;
}
/*
.news-list-date, .news-list-morelink {
	font: normal 0.7em/1.4em;
}
*/


/*------------  DATEI  E N D E ------------*/