/*******************************************************
*  THM 20090811a
* fjk 20090812
*  layout22.css, http://typo3-beratung.com
*
* #333 -- dgr -- Schrift
* #CCC -- hgr
* #D91F66 -- violett -- Links
* #FCC -- rosa
* #EF84AB -- pink
*
******************************************************/

body {
	font-size: 10pt; 
	font-family: 'Helvetica', 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	text-align: center;
	background-color: #666;
}

a { text-decoration: none; color: #D91F66; }

#inhalt0 a:hover, #inhalt a:hover, #unten a:hover, #fussbereich a:hover  { text-decoration: underline; }


.rahmen {
	margin: 30px auto;
	width: 960px;
	background-color: white;
}

#meta, #kopf, #links, #mitte, #letzte {
	text-align: left;
}

#meta, #links  {
  margin-left: 15px; 
}


/* *** Menues *************************************** */

#meta { 
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.9em;
	text-align: center;
	font-size: 11pt;
}

#meta, #meta a, #letzte, #erstellt, #erstellt a {
	color: #333;
}

#meta a:hover, #erstellt a:hover { color: #D91F66; }


/* *** HMenue ****************************** */


#hmenue {
	border: none;
	text-align: center;
	background-color: white;
	display: block;
	height: 30px;
	font-size: 11pt;
}
#hmenue ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#hmenue li  {
	display: inline;
}
#hmenue li a {
	color: #333;
	float: left;
	padding: 6px 12px;
	text-decoration: none;
}
#hmenue li.aktiv  a  {
	color: #D91F66;
	font-weight: bold;
}

#hmenue a:hover, #hmenue li.aktiv a:hover {
	color: #D91F66;
}

/* *** Kopf ******************************** */

#kopf {
	height: 129px;
	background-color: #FCC;
	border-bottom: 10px solid white;
}


/* *** 2spaltiges Layout ******************************** */

#links {
	float: left;
	width: 500px;
	_width: 480px; /* IE */
}

#mitte{
	float: left;
	margin-left: 15px;
	width: 420px;
	_width: 400px; /* IE */
}
 
#unten {
	border-top: 20px solid white;
	border-bottom: 20px solid white;
} 
 
 /* *** 3spaltiges Layout ********************************************** */

#links3, #mitte3, #rechts3 {
	float: left;
	margin-left: 15px;
	width: 300px;
	_width: 280px; /* IE */
}
#links3 h2 {margin-bottom:0px; margin-top: 30px; font-size: 12pt; color: #EF84AB; }
#links3 .csc-header * {line-height:10px;}


.kasten {
	border: 30px solid #FCC;
	background-color: #FCC;
	color: #333;
	font-size: 18pt;
	font-weight: bold;
}


/* *** Mitte/Inhaltsbereich 2spaltig******************************** */

#links h1, #mitte h1 { margin-top: 0; margin-bottom: 0px; font-size: 12pt; }
#links h2, #mitte h2 { margin-top: 0; margin-bottom: 0px; font-size: 12pt; }
#links p, #mitte p,
#links ul, #mitte ul { margin-top: 5px;  margin-bottom: 5px; }

#links .csc-header { height: 25px; }

#mitte a { color: #D91F66; }
#mitte a:hover { 
	text-decoration: underline; 
}

.pink { color:  #EF84AB; }

td, td > p.bodytext { line-height: 12px; margin: 0; padding-top: 0; padding-bottom: 0; }


/* *** Fuss ********************************************** */

#fusszeile {
	padding: 10px 25px;
	font-weight: normal;
	text-align: center;
}
#fusszeile, #fusszeile a {
	color: #666;
}
#meta { display: inline; }

#letzte {
	float: left;
	width: 300px;	
	display: inline;
}
#erstellt {
	float: right;
	text-align: right;
	width: 400px;	
	display: inline;
}

#letzte, #erstellt  {
	font-size: 0.9em;
}



/* *** Registrierungsformular **************************************************** */
/*  Alle Eingabefelder auf gleiche Breite bringen*/
#tx-srfeuserregister-pi1-comments {width:100%;}
.tx-srfeuserregister-pi1-text {width:100%;}
.tx-srfeuserregister-pi1 select {width:100%;}
.tx-srfeuserregister-pi1-password {width:100%;}
#links3 .tx-felogin-pi1 fieldset {border:1px solid grey;margin-top:20px;}

.tx-felogin-pi1 input {border:1px solid grey; margin-bottom:5px;}


/* *** Mailformular **************************************************** */
.tx_mailform_submitextended , .tx_mailform_submit, .tx_mailform_navi_reload, .tx_mailform_file * {margin:5px 0 10px 0;border-color: #dddddd }
.tx_mailform_submitextended {margin-top:20px;}

#pinkpost-counter-left, .tx_mailform_div_label_left, .tx_mailform_layout_title h3 {margin:0;font-weight:normal;font-size:1em;text-decoration: none;color: #d91f66;margin-top:10px;}
.tx_mailform_textarea, .tx_mailform_file  {border:1px solid #dddddd;}
.mailform-table-outer textarea {width:100%; }
.pinkpost-counter-number {background-color:#EF84AB;padding:3px 10px; 3px 10px;color: #ffffff}
.counter-message {color:red;}
.tx_mailform_div_err_msg_1 {color:red;}


#tx-srfeuserregister-pi1-fe_users_form dt {width:180px;}
#pinkpost-kontostand {font-weight:bold;}