/**	RRC-Bötzingen (rrc-boetzingen.de) - content.css
 *	syles the page content

 *	Author:	Roman Matthias Keil
 *	Copyright: Roman Matthias Keil
 *	Publisher: RRC-Bötzingen (rrc-boetzingen.de)
 
 *	$Id: content.css 419 2009-04-02 13:50:12Z rrcadmin $
 *	$HeadURL: http://svn.rm-keil.de/rrc-boetzingen/development/Release%20(version1.0)/httpdocs/stylesheets/content.css $
 *	$Date: 2009-04-02 15:50:12 +0200 (Thu, 02 Apr 2009) $
 *	$Author: rrcadmin $
 *	$Revision: 419 $

 *	TODO:
 */

/* ########## text styles ########## */
span.bold {
	font-weight: bold;
}

span.italic {
	font-style: italic;
}

span.underline {
	text-decoration: underline;	
}

span.tiny {
	font-size: 0.8em;
}

/* ########## content styles ########## */
div.clear {
	clear: both;
}

div.clearleft {
	clear: left;
}

div.clearroght {
	clear: right;
}

/* ########## paragraph styles ########## */
p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

/* ########## text color ########## */
span.red, p.red {
	color: #a11;
}

span.lightgray, p.lightgray {
	color: #889;
}

span.gray, p.gray {
	color: #666;
}

/* ########## feedicon ########## */
a#feedicon {
	float: right;
	border: none;
}

/* ########## errorbox ########## */
div.errorbox {
	margin: 3ex 0;
	padding: 1ex;

	border-top: #000 dotted 1px;
	border-bottom: #000 dotted 1px;
	background-color: #f8f4f4;
}

/* ########## informationbox ########## */
div.informationbox {
	margin: 3ex 0;
	padding: 1ex;

	border-top: #000 dotted 1px;
	border-bottom: #000 dotted 1px;
	background-color: #f4f8f4;
}

/* ########## messagebox ########## */
div.messagebox {
	margin: 3ex 0;
	padding: 1ex;

	border-top: #000 dotted 1px;
	border-bottom: #000 dotted 1px;
	background-color: #f4f4f8;
}

/* ########## notices ########## */
ul#notices {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#notices li {
	padding: 1ex;
	padding: 0 0.5ex; /* schauen */
	padding: 0 1ex; /* schauen */	

	margin: 3ex 10ex;
	border-top: #000 dotted 1px;
	border-bottom: #000 dotted 1px;
	background-color: #f4f4f8;
}

ul#notices li span.notice {
	font-style: italic;
	font-size: 0.8em;
}

/* ########## news ########## */
ul#news {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#news li {
	padding: 0 0.5ex;
	margin: 5ex 0;
/*	background-color: #f4f4f8;*/
}

/* ########## dates ########## */
ul.dates {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.dates li {
	padding: 0 0.5ex;
	margin: 2ex 0;
}

ul.dates li p {
	margin: 0;
}

/* ########## guestbook ########## */
ul#guestbook {
	list-style-type: none;
	
	margin: 0;
	padding: 0;
}

ul#guestbook li {
	padding: 0 0.5ex;
	padding: 0 1ex;	
	
	border-top: #000 dotted 1px;
	border-bottom: #000 dotted 1px;
	
	margin: 0;
	margin: 3ex 0;
	background-color: #f4f8f4;
}

ul#guestbook li.snd {
	background-color: #f8f4f4;
	background-color: #f4f8f4;
	background-color: #f4f4f8;
	background-color: #f4f4f4;
	
	
	background-color: #f4f4f8;
}

p#pages {
	text-align: center;
}

/* ########## news-templates ########## */
/* Siderpicture */
div#content div#sidepicture {

	background-color: #f4f4f4;
	border-left: #000 dotted 1px;
	border-right: #000 dotted 1px;
    right: 0px;
	padding: 0 1ex;
	margin: 0 0 0 3ex;
    float: right;
}

div#content div#sidepicture a {
	display: block;
	margin: 2ex auto;
}

div#content div#sidepicture img {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

/* Picturebrowser */
div#content div#picturebrowser {
	margin: 10ex 5ex 0;
	padding: 0;
}


div#content div#picturebrowser a {
	display: block;
	width: 120px;
	height: 120px;
	float: left;
	padding: 0; 
	margin: 1ex 0.5ex;	
	background-color: #f4f8f4;
	border-top: #000 dotted 1px;
	border-bottom: #000 dotted 1px;
}

div#content div#picturebrowser a img {
	display: block;
	border: none;
	margin: 10px auto;
}
/* ########## newsletter ########## */
form.newsletter {
	width: 45%;
	border: #000 dotted 1px;
	margin: 2ex 1ex;
	padding: 1ex;
	float:left;
}

form#newsletter_register {
		background-color: #f4f4f8;
}

form#newsletter_activate {
		background-color: #f8f4f4;
}

form#newsletter_modify {
		background-color: #f4f4f8;
}

form#newsletter_code {
		background-color: #f8f4f4;
}

form#newsletter_delete {
		background-color: #f8f4f4;
}

/* ########## dancers ########## */
span.dancers, div.dancers {
	margin: 0;
	padding: 0;
	width: 30%;
	display: block;
	float: left;
}

ul.dancers {
	list-style-type: none;
	margin: 0 2ex 2ex;
	padding: 0;
}

ul.dancers li {
	padding: 0;
	margin: 0;
}

ul.dancers li p {
	margin: 0;
}