/**	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 1244 2012-01-01 15:15:05Z rrcadmin $
 *	$HeadURL: http://svn.rm-keil.de/rrc-boetzingen/2.01%20Release/httpdocs/_webroot/stylesheets/content.css $
 *	$Date: 2012-01-01 16:15:05 +0100 (Sun, 01 Jan 2012) $
 *	$Author: rrcadmin $
 *	$Revision: 1244 $
 */

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

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;	
}

.line-through {
	text-decoration: line-through;	
}

.tiny {
	font-size: 0.8em;
}

.nomargin {
	margin: 0;
}
.notopmargin {
	margin-top: 0;
}
.nobottommargin {
	margin-bottom: 0;
}
.noleftmargin {
	margin-left: 0;
}
.norightmargin {
	margin-right: 0;
}

.nopadding {
	padding: 0;
}
.notoppadding {
	padding-top: 0;
}
.nobottompadding {
	padding-bottom: 0;
}
.noleftpadding {
	padding-left: 0;
}
.norightpadding {
	padding-right: 0;
}

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

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

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

.right {
	text-align: right;
}

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

.blue {
	color: #003366;
}

.lightblue {
	color: #336699;
}

.lightgray {
	color: #889;
}

.gray {
	color: #666;
}

/* ########## feedicon ########## */
p#feedicon {
	margin: 0;
	padding: 0;
}

p#feedicon a {
	float: right;
	border: none;
}

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

	border: #ddd solid 1px;
	background-color: #eeeeee;
}

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

	border: #ddd solid 1px;
	background-color: #eeeeee;
}

/* ########## messagebox ########## */
div.messagebox {
	margin: 0 0 3ex 0;
	padding: 1ex;
	
	border: #ddd solid 1px;
	background-color: #eeeeee;
}

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

ul#notices > li {	
	margin: 1em 0;
	padding: 1ex;
}

ul#notices > li:hover {
}
ul#notices > li.edit:hover {
	background-color: #ddd;
}

ul#notices > li a {
}
ul#notices > li.edit a {
	display: block;
	text-decoration: none;
}

ul#notices > li a:hover {
}
ul#notices > li.edit a:hover {
	text-decoration: none;
}

ul#notices > li * {
	vertical-align: middle;
}

ul#notices > li img {
	margin:0;
	padding:0;
}

ul#notices li .people {
	color: #336699;
}

ul#notices > li .date {
	font-style: italic;
	color: #666;
}

ul#notices > li .headline {
	font-size: 1.4em;
	color: #444444;
}

ul#notices li .ref {
	color: #666;
}

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

ul#news > li {	
	margin: 1em 0;
	padding: 1ex;
}

ul#news > li:hover {
	background-color: #ddd;
}

ul#news > li a {
	display: block;
	text-decoration: none;
}

ul#news > li a:hover {
	text-decoration: none;
}

ul#news > li * {
	vertical-align: middle;
}

ul#news > li img {
	margin:0;
	padding:0;
}

ul#news > li .date {
	font-style: italic;
	color: #666;
}

ul#news > li .headline {
	font-size: 1.6em;
	color: #003366;
}

ul#news > li .teaser {
}

/* ########## newsarticle ########## */
p.newsarticle * {
	vertical-align: middle;
}

p.newsarticle img {
	margin:0;
	padding:0;
}

p.newsarticle .date {
	font-style: italic;
	color: #666666;
}

/* ########## author ########## */
p.author img {
	margin:0;
	padding:0;
}

p.author  {
	padding: 0;
	margin: 0;
}
p.author * {
	vertical-align: middle;
	color: #666;
}

p.author .people {
	color: #336699;
}

p.author .date {
	color: #888899;
}

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

ul.dates > li {	
	margin: 1em 0;
	padding: 1ex;
}

ul.dates > li:hover {
	background-color: #ddd;
}

ul.dates > li a {
	display: block;
	text-decoration: none;
}

ul.dates > li a:hover {
	text-decoration: none;
}

ul.dates > li * {
	vertical-align: middle;
}

ul.dates > li img {
	margin:0;
	padding:0;
}

ul.dates > li .date {
	font-style: italic;
	color: #666;
}

ul.dates > li .headline {
	font-size: 1.2em;
	color: #003366;
}

ul.dates > li .teaser {
}

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

ul.trainer > li {	
	margin: 0.5em 0;
	padding: 1ex;
}

ul.trainer > li:hover {
	background-color: #ddd;
}

ul.trainer > li a {
	display: block;
	text-decoration: none;
}

ul.trainer > li a:hover {
	text-decoration: none;
}

ul.trainer > li * {
	vertical-align: middle;
}

ul.trainer > li img {
	margin:0;
	padding:0;
}

ul.trainer > li .date {
	font-style: italic;
	color: #666;
}

ul.trainer > li .headline {
	font-size: 1.4em;
	color: #003366;
}

ul.trainer > li .teaser {
}

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

ul.dancer > li {	
	margin: 0.5em 0;
	padding: 1ex;
}

ul.dancer > li:hover {
	background-color: #ddd;
}

ul.dancer > li a {
	display: block;
	text-decoration: none;
}

ul.dancer > li a:hover {
	text-decoration: none;
}

ul.dancer > li > * {
	vertical-align: middle;
}

ul.dancer > li .headline {
	font-size: 1.2em;
	color: #003366;
}
ul.dancer > li .teaser {
}

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

ul#pages > li {	
	margin: 1em 0;
	padding: 1ex;
}

ul#pages > li:hover {
	background-color: #ddd;
}

ul#pages > li a {
	display: block;
	text-decoration: none;
}

ul#pages > li a:hover {
	text-decoration: none;
}

ul#pages > li * {
	vertical-align: middle;
}

ul#pages > li img {
	margin:0;
	padding:0;
}

ul#pages > li .headline {
	font-size: 1.6em;
	color: #003366;
}

ul#pages > li .teaser {
}

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

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

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

ul.dancerprofile li p {
	margin: 0;
}
/* ########## results ########## */
ul.results {
	margin: 0;
	padding: 0; 
	
	list-style-type: none;
}

ul.results > li {	
	margin: 0.5em 0;
	padding: 1ex;
}

ul.results > li:hover {
	background-color: #ddd;
}

ul.results > li a {
	display: block;
	text-decoration: none;
}

ul.results > li a:hover {
	text-decoration: none;
}

ul.results > li > * {
	vertical-align: middle;
}

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

ul.sitemap > li {	
	margin: 0.5em 0;
	padding: 1ex;
}

ul.sitemap > li:hover {
	background-color: #ddd;
}

ul.sitemap > li a {
	text-decoration: none;
}

ul.sitemap > li a:hover {
	text-decoration: none;
}

ul.sitemap > li a.page {
	display: block;
}

ul.sitemap > li a.subpage {
	margin-right: 1em;
}

ul.sitemap > li * {
	vertical-align: middle;
}

ul.sitemap > li img {
	margin:0;
	padding:0;
}

ul.sitemap > li a.page .headline {
	font-size: 1.2em;
	color: #003366;
}

ul.sitemap > li a.subpage .headline {
	font-size: 1.0em;
	color: #000;
}

ul.sitemap > li a.subpage:hover .headline {
	color: #666666;
}

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

ul#guestbook > li {	
	margin: 1em 0;
	padding: 1ex;

	background-color: #f0f0f0;
}

#additionalcontent ul#guestbook > li {
	background-color: #222222;	
}

ul#guestbook > li:hover {
}
ul#guestbook > li.edit:hover {
	background-color: #ddd;
}

ul#guestbook > li a {
}
ul#guestbook > li.edit a {
	display: block;
	text-decoration: none;
}

ul#guestbook > li a:hover {
}
ul#guestbook > li.edit a:hover {
	text-decoration: none;
}

ul#guestbook > li * {
	vertical-align: middle;
}

ul#guestbook > li img {
	margin:0;
	padding:0;
}
ul#guestbook li .people {
	color: #336699;
}

ul#guestbook > li .date {
	font-style: italic;
	color: #666;
}

ul#guestbook > li .headline {
	font-size: 1.6em;
	color: #003366;
}

ul#guestbook > li .teaser {
}

p#pages {
	text-align: center;
}
/* ########## profiles ########## */
ul.profiles {
	margin: 0;
	padding: 0; 
	
	list-style-type: none;
}

ul.profiles > li {	
	margin: 0.5em 0;
	padding: 1ex;
}

ul.profiles > li:hover {
	background-color: #ddd;
}

ul.profiles > li a {
	display: block;
	text-decoration: none;
}

ul.profiles > li a:hover {
	text-decoration: none;
}

ul.profiles > li > * {
	vertical-align: middle;
}

ul.profiles > li .headline {
	font-size: 1.2em;
	color: #003366;
}
ul.profiles > li .teaser {
}
/* ########## users ########## */
ul.users {
	margin: 0;
	padding: 0; 
	
	list-style-type: none;
}

ul.users > li {	
	margin: 0.5em 0;
	padding: 1ex;
}

ul.users > li:hover {
	background-color: #ddd;
}

ul.users > li a {
	display: block;
	text-decoration: none;
}

ul.users > li a:hover {
	text-decoration: none;
}

ul.users > li > * {
	vertical-align: middle;
}

ul.users > li .headline {
	font-size: 1.2em;
	color: #003366;
}
ul.users > li .teaser {
}
/* ########## groups ########## */
ul.groups {
	margin: 0;
	padding: 0; 
	
	list-style-type: none;
}

ul.groups > li {	
	margin: 0.5em 0;
	padding: 1ex;
}

ul.groups > li:hover {
	background-color: #ddd;
}

ul.groups > li a {
	display: block;
	text-decoration: none;
}

ul.groups > li a:hover {
	text-decoration: none;
}

ul.groups > li > * {
	vertical-align: middle;
}

ul.groups > li .headline {
	font-size: 1.2em;
	color: #003366;
}
ul.groups > li .teaser {
}

/* ########## templates ########## */

/* Picture */
div#picture {

	background-color: #222222;
    margin: 0 0 0 3ex;
    padding: 1ex;
	float: right;
}

div#picture a {
	display: block;
	margin: 0 auto;
}

div#picture img {
	display: block;
	margin: 0;
	padding: 0;
}

/* Siderpicture */
div#sidepicture {
	float: right;
    padding: 1ex;
	margin: 0 0 0 3ex;
    background-color: #222;
}

div#sidepicture a {
	display: block;
	padding: 0; 
	margin: 1ex;	
	background-color: #222;
}

div#sidepicture a:hover {
}

div#sidepicture img {
	display: block;
	border: none;
	margin: 10px auto;
	margin: auto;
	
}

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

div#picturebrowser_small, div#picturebrowser_tiny {
	margin: 0;
	padding: 0;
}

div#picturebrowser a, div#picturebrowser_small a, div#picturebrowser_tiny a {
	display: block;
	float: left;

	margin: 1ex 0.5ex;	
	padding: 0;
	
	height: 120px;
	width: 120px;

	border: none;
	background-color: #222;
}

div#picturebrowser_small a {
	display: block;
	float: left;

	margin: 1ex 0.5ex;	
	padding: 0;

	height: 220px;
	width: 220px;

	border: none;
	background-color: #222;
}


div#picturebrowser a img, div#picturebrowser_small a img, div#picturebrowser_tiny a img {
	display: block;
	border: none;
	margin: 10px auto;
}

div#picturebrowser a:hover, div#picturebrowser_small a:hover, div#picturebrowser_tiny a:hover {
	background-color: #333333;
}

div#picturebrowser a:hover img, div#picturebrowser_small a:hover img , div#picturebrowser_tiny a:hover img {
}

/* Inlinepicture */
div.inlinepicture {
	margin: 1em 0;
	padding: 0;
}

div.inlinepicture a {
	padding: 1ex;
	margin: 0;
	display: block;
	background-color: #f0f0f0;
}

div.inlinepicture a:hover {
	background-color: #ddd;
}

div.inlinepicture a img {
	border: 0.5ex #222 solid;
	margin: 0;
	padding: 0;
}

/* Videobrowser */
div.videobrowser {
	margin: 1em 0;
	padding: 0;
}

div.videobrowser a {
	padding: 1ex;
	margin: 0;
	display: block;
	background-color: #f0f0f0;
}
div.videobrowser a:hover {
	background-color: #ddd;
}

div.videobrowser a img {
	border: 0.5ex #222 solid;
	margin: 0;
	padding: 0;
}

/* ########## newsletter ########## */
form.newsletter {
	width: 45%;
	margin: 2ex 1ex;
	padding: 1ex;
	float:left;
}

form#newsletter_register {
		background-color: #222222;
}
form#newsletter_register h4 {
	color: #ffffff;
	border-bottom: 1px #667 solid;
}	

form#newsletter_activate {
		background-color: #222222;
}
form#newsletter_activate h4 {
	color: #ffffff;
	border-bottom: 1px #667 solid;
}	

form#newsletter_modify {
		background-color: #222222;
}
form#newsletter_modify h4 {
	color: #ffffff;
	border-bottom: 1px #667 solid;
}	

form#newsletter_code {
		background-color: #222222;
}
form#newsletter_code h4 {
	color: #ffffff;
	border-bottom: 1px #667 solid;
}	

form#newsletter_delete {
		background-color: #222222;
}
form#newsletter_delete h4 {
	color: #ffffff;
	border-bottom: 1px #667 solid;
}	

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

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

ul.document p {
	padding: 0;
	margin: 0;
}

ul.document li * {
	vertical-align: middle;
}

ul.document li img {
	margin:0;
	padding:0;
	display: block;
}

ul.document li .icon {
        display: inline-block;
}
/* ########## library ########## */
ul.library {
	list-style-type: none;
	margin: 0 2ex 2ex;
	padding: 0;
}

ul.library li {
	padding: 0;
	margin: 0;
	
	border-top: #f4f4f8 solid 1px;
	border-bottom: #f4f4f8 solid 1px;
}

ul.library p {
	padding: 0;
	margin: 0;
	background-color: inherit;
}

ul.library li:hover {
	border-top: #000 dotted 1px;
	border-bottom: #000 dotted 1px;
}

ul.library li * {
	vertical-align: middle;
}

ul.library li img {
	margin:0;
	padding:0;
	display: block;
}

ul.library li form {
	margin:0;
	padding:0;
}

ul.library li .icon {
        width: 3ex;
        display: inline-block;
}

ul.library li .directory {
	width: 24ex;
	display: inline-block;
}

ul.library li .file {
	width: 24ex;
	display: inline-block;
}

ul.library li .size {
	width: 24ex;
	text-align: right;
	display: inline-block;
}

ul.library li .time {
	width: 32ex;
	display: inline-block;
}

/* ####### additionalcontent */

div.additionalcontent {
	margin: 0;
	padding: 0;
	width: 33.333%;
	float: left;
}

div.additionalcontent div.content {
	 margin: 1ex;
}

div#additionalcontent div.content h5 {
	color: #ffffff;
	border-bottom: 1px #ffffff solid;
}

div.additionalcontent ul {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 0.8em;

	text-decoration: none;
	font-weight: normal;
	text-align: left;

	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.additionalcontent ul li {
	margin: 1em 0;
	padding: 1ex;

	background-color: inherit;
}

div.additionalcontent ul li:hover {
	background-color: #222;
}

div.additionalcontent ul li a {
	display: block;
	text-decoration: none;
}

div.additionalcontent ul li a:hover {
	text-decoration: none;
}

div.additionalcontent ul li * {
	vertical-align: middle;
}

div.additionalcontent ul li img {
	margin:0;
	padding:0;
}

div.additionalcontent ul li .notice {
	font-style: italic;
	font-size: 0.8em;
	line-height: 2em;
}

div.additionalcontent ul li .people {
	color: #336699;
}

div.additionalcontent ul li .date {
	font-style: italic;
	color: #889;
}

div.additionalcontent ul li .title {
	color: #fff;
}

div.additionalcontent ul li .content {
	color: #889;
}

div.additionalcontent ul li .ref {
	padding: 0;
	margin: 1ex 0;
	margin: 0;
	line-height: 2em;
}

div.additionalcontent ul li .ref * {
	vertical-align: middle;
	color: #666;
}

/* ####### comment */
.addcomment {
	display: block;
}

.addcomment_form {
	background-color: #f0f0f0;

	margin: 1em 0 0 0;

	padding-right: 2ex;
	padding-left: 2ex;
	padding-bottom: 1ex;
	padding-top: 1ex;
}

#comment_form {
	margin-top: 1em;
	margin-right: 0pt;
	margin-bottom: 1em;
	margin-left: 0pt;

	padding-top: 1ex;
	padding-right: 1ex;
	padding-bottom: 1ex;
	padding-left: 1ex;
	
	background-color: #f0f0f0;
}

#comment_form:hover {
	background-color: #dddddd;
}

#comment_form .button {
	font-size: 1.4em;
	color: #444444;
}