* {
	margin: 0;
	padding: 0;
}
body {
	font-family: verdana;
	line-height: 1.3em;
	font-size: 0.8em;
	color: #666666;
	background: url(herz-1.jpg);
}
body.s21 {
background: url(patt_4cb4d4f001487.jpg);
}
body.s21-2 {
background: url(kreis-rot.jpg);
}
p {
	padding-bottom: 1em;
}
blockquote {
	font-style: italic;
	margin-bottom: 2em;
}
h1 {
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: normal;
	color: #D5124C;
	margin-bottom: 0.5em;
	letter-spacing: 0.2em;
	float: left;
	width: 100%;
}
body.brezeltango h1 {
	color: #b05bc3;
}
h2 {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	color: #D5124C;
	margin-bottom: 0.5em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}
body.brezeltango h2 {
	color: #b05bc3;
}
.lesetipps h2 {
	margin-top: 12px; 
}
h2 a {
	text-decoration: none;
}
h3 {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
}
h4 {
	font-size: 1.0em;
	font-weight: normal;
}

a {
	color: #666666;
}
a:hover {
	color: #0066CC;
	color: #ff0099;
	color: #D5124C;
}
img {
	display: block;
	border: none;
}

.zurueck {
	display: block;
	float: left;
	padding-bottom: 12px;
}
span.weiter {
	display: block;
	text-align: right;
	margin-bottom: 12px;
}
/*
.smallfont {
	font-size: 0.9em;
}
*/

.color {
	color: #D5124C;
}
p.zitat	{
	font-style: italic;
}
p.hinweis {
	color: #740224;
	color: #FF3300;
	font-weight: bold;
}

.linkweiter {
	margin-bottom: 1em;
	text-align: right;
}
	.linkweiter a {
		background: #CF0363;
		color: #FFFFFF;
		padding: 2px 4px 2px 4px;
		text-decoration: none;
	}
	.linkweiter a:hover {
		color: #740224;
	}
span.bewertung {
	display: block;
	margin-top: 6px;
	text-align: right;
	font-style: italic;
}

object {
	background: #000000;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}



#wrapperlayout {
	width: 1002px;
	margin: 0 auto;
	margin-top: 30px;
}

#wrapperall {
	width: 1002px;
	float: left;
	background: #ffffff url(../bilder/background-navi.gif) repeat-y;
	border: solid 10px #ffffff;
	margin-bottom: 30px;
}
#wrapper {
	width: 642px;
	float: left;
	/*background: url(../bilder/background-navi.gif) repeat-y;*/
}

.totalwidth #wrapper {
	width: 1002px;
}

#header {
	width: 642px;
	height: 165px;
	background: #CCE872 url(../bilder/kehrwoche-1.jpg) repeat:none;
	float: left;
}
.totalwidth #header {
	width: 1002px;
}
#navi {
	width: 199px;
	float: left;
	font-size: 1.0em;
	padding: 10px 0 10px 0;
}

#navi .brezeltango {
	background: #33306e;
	padding-top: 3px;
}
#navi .laugenweckle {
	background: #740224;
	background: #cf0363;
	background: #f5a9ab;
	background: #f59a0b;
	padding-top: 3px;
}
#navi .cdrom {
	background: #740224;
}

#navi a {
	text-decoration: none;
	color: #FFFFFF;
}
#navi a:hover,
#navi a.active
{
	color: #740224;
	/*color: #FFFFFF;*/
}
/*
#navi li:hover {
	background: #740224;
}
*/
#navi .brezeltango a:hover, 
#navi .brezeltango a.active
{
	color: #ddb2eb;
}
#navi .laugenweckle a:hover, 
#navi .laugenweckle a.active
{
	color: #fecfe5;
	color: #e9a5c5;
	color: #ec71ab;
	color: #740224;
}
#navi .cdrom a:hover, 
#navi .cdrom a.active
{
	color: #ddb2eb;
}

#navi ul {
	list-style-type: none;
	padding-top: 20px;
	font-weight: bold;
}
#navi ul li {
	padding-bottom: 0.25em;
	padding-left: 10px;
	padding-top: 0.25em;
}
#navi ul li a {
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 2px 2px 2px 5px;
	color: #FFFFFF;
}


#navi ul ul {
	display: none;
	padding-top: 0px;
}
#navi ul ul.active {
	display: block;
}
#navi ul ul li {
	padding-bottom: 0px;
}
#navi ul ul li a {
	font-size: 0.85em;
}
#nav-ruanda {
	display: none;
}

.teaser {
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	background: #D3D45C;
	background: #DDB2EB;
	background: #D3D45C;
	background: #ffe337;
	background: #ffffff;
	background: #33306e;
	
	/*background: #e99b03;*/
	color: #740224;
	color: #33306E;
	color: #b05bc3;
	color: #ffffff;
}
body.brezeltango .teaser h2 {
	color: #33306E;
	color: #ffffff;
}

#navi .teaser a {
	color: #740224;
	color: #b05bc3;
	color: #ffffff;
}
#navi .teaser a:hover {
	color: #ddb2eb;
}

/* content */
#content {
	padding: 30px 20px 20px 20px;
	width: 403px;
	float: left;
	background: #FFFFFF;
}
.totalwidth #content {
	width: 763px;
}

#content ul, #content ol {
	padding-left: 2.0em;
	margin-bottom: 1em;
}
.rubrik {
	text-align: right;
	width: 120px;
	float: left;
	padding-bottom: 1.8em;
	padding-right: 20px;
	clear: both;
}
.rubriktext {
	width: 450px;
	float: left;
	padding-bottom: 1.8em;
}
#footer {
	display: none;
	clear: both;
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 0.8em;
}

#sidebar {
	width: 360px;
	float: left;
	text-align: left;
	color: #000000;
	font-size: 0.9em;
	/*margin-left: -1px;*/
}
	#sidebar  img {
		display: inline;
		/*margin-bottom: 10px;*/
	}
	#sidebar .caption {
		margin: 5px 10px 5px 10px;
		display: block;
	}
	#sidebar .spacetop {
		padding-top: 165px;
	}
	

#drucken {
	font-size: 0.8em;
	margin-top: 20px;
	margin-left: 20px;
}
#foto {
	float: left;
	margin-right: 10px;
}
.textintro {
	float: left;
	width: 100%;
	margin-bottom: 1.5em;
}
.clearer {
	clear: both;
}


/* bilderalbum*/
		.album {
			/*
			margin-left: -12px;
			*/
			width: 700px;
			float: left;
		}
		
			#content .album ul  {
				margin: 0;
				padding: 0;
			}
		
			.album span.verticalaligner {
				height: 110px;
				width: 2px;
				background: red;
			}
		
			.album li {
				float: left;
				display: inline;
				margin: 0 17px 17px 0;
				padding: 0;
				background: none;
				font-size: 0.9em;
			}
			.album li.clearer {
				float: left;
				height: 1px;
				width: 100%;
				margin: 0;
				font-size: 0em;
			}
			.album p {
				margin-bottom: 0;
			}
				.album .image {
					/*
					position: relative;
					border: 1px solid #cccccc;
					*/
					width: 110px;
					height: 110px;
					padding: 5px 5px 5px 4px;
					background: #cccccc;
					text-align: center;
				}
					.album .image img {
						vertical-align: middle;
						display: inline;
						margin-bottom: 5px;
					}



/* bilder
Treppenhaus
http://www.photocase.com/de/photodetail.asp?i=41849
Kehrwochenschild
http://www.flickr.com/photos/undinger/116837557/

high heels
http://www.flickr.com/photos/60501352@N00/2197791156/sizes/o/

stiefel
http://www.pixelio.de/details.php?image_id=209358&mode=search

Glas mit lippenstift
http://www.flickr.com/photos/96dpi/488700426/
*/