* { 
	outline: none;
	}

HTML {
	height: 101%;
	}

BODY { 
	text-align: center;
	margin: 0;
	padding: 0;
	font: 12px Georgia, serif; 
	color: #555; 
	line-height: 19px; 
	background-color: #f7f6f4;
	height: 101%;
	}
	
IMG { border: 0; padding: 0; margin: 0; }	

FORM { padding: 0; margin: 0; }

H2 { font: 20px Georgia, serif; color: #494848; margin-bottom: 7px; margin-top: 5px; }


A { text-decoration: none; }

.bildunterschrift { font: 10px Tahoma; margin-top: -16px; margin-bottom: 20px; color: #999; }

#left { float: left; border: 1px solid #000; }

#left_header {
	background-image: url(img/bg_top.jpg);
	background-position:right;
	height: 121px;
	width: 100%;
	}

#content { 
	margin-top: 10px;
	background: url(img/dashed_line_bottom.gif) repeat-y top center;
	margin-left: 40px;
	margin-bottom: 10px;
	padding-bottom: 25px;
	text-align: left;
	}

#content.blog {
	background: url(img/dashed_lines_bottom.gif) repeat-y top center;
	}	
	
#postings {
	width: 470px;
	float: left;
	text-align: left;
	}		
	
.content_left  { 
	width: 450px; 
	text-align: left; 
	float: left;
	}		
	
.content_right {	
	width: 390px; 
	margin-left: 38px;
	text-align: left; 
 	padding: 0px 10px 0 30px;
	float: left; 
}
	
#header {
	background-image: url(img/bg_top.jpg);
	text-align: left;
	height: 121px;
	padding: 0px;
	position: relative;
	}
	
#logo {
	padding-top: 20px;
	padding-left: 20px;
	float: left;
	}
				
#navigation {
	background-image: url(img/dashed_line.gif);
	background-repeat: repeat-y;
	padding: 28px 0 10px 0px;
	position: absolute;
	top: 0px;
	left: 518px;
	width: 200px;
	}	
	
#navigation DIV {
	margin-bottom: 0px;
	}	
	
#navigation a { display: block; font-size: 5px; margin-left: 15px; width: 100px; height: 15px; }	

#navItem1 { background: url('img/nav.gif') no-repeat 0px 0px; }
#navItem2 { background: url('img/nav.gif') no-repeat 0px -15px; }
#navItem3 { background: url('img/nav.gif') no-repeat 0px -30px; }
#navItem4 { background: url('img/nav.gif') no-repeat 0px -45px; }

#navItem1:hover { background: url('img/nav.gif') no-repeat -100px 0px; }
#navItem2:hover { background: url('img/nav.gif') no-repeat -100px -15px; }
#navItem3:hover { background: url('img/nav.gif') no-repeat -100px -30px; }
#navItem4:hover { background: url('img/nav.gif') no-repeat -100px -45px; }



#navItem1.en { background: url('img/nav_en.gif') no-repeat 0px 0px; }
#navItem2.en { background: url('img/nav_en.gif') no-repeat 0px -15px; }
#navItem3.en { background: url('img/nav_en.gif') no-repeat 0px -30px; }
#navItem4.en { background: url('img/nav_en.gif') no-repeat 0px -45px; }

#navItem1.en:hover { background: url('img/nav_en.gif') no-repeat -100px 0px; }
#navItem2.en:hover { background: url('img/nav_en.gif') no-repeat -100px -15px; }
#navItem3.en:hover { background: url('img/nav_en.gif') no-repeat -100px -30px; }
#navItem4.en:hover { background: url('img/nav_en.gif') no-repeat -100px -45px; }

.active #navItem1, .active #navItem1:hover { background: url('img/nav.gif') no-repeat -200px 0px; }
.active #navItem2, .active #navItem2:hover { background: url('img/nav.gif') no-repeat -200px -15px; }
.active #navItem3, .active #navItem3:hover { background: url('img/nav.gif') no-repeat -200px -30px; }
.active #navItem4, .active #navItem4:hover { background: url('img/nav.gif') no-repeat -200px -45px; }

.active #navItem1.en, .active #navItem1.en:hover { background: url('img/nav_en.gif') no-repeat -200px 0px; }
.active #navItem2.en, .active #navItem2.en:hover { background: url('img/nav_en.gif') no-repeat -200px -15px; }
.active #navItem3.en, .active #navItem3.en:hover { background: url('img/nav_en.gif') no-repeat -200px -30px; }
.active #navItem4.en, .active #navItem4.en:hover { background: url('img/nav_en.gif') no-repeat -200px -45px; }
	
.languageswitch {
	float: right;
	height: 25px;
	padding-left: 42px;
	font: 10px Tahoma, Arial;
	color: #979797;
	line-height: 25px;
	}	
	
.languageswitch.de {
	background: url('img/flag_en.gif') no-repeat;	
	}
	
.languageswitch.en {
	background: url('img/flag_de.gif') no-repeat;		
	}
	
.languageswitch A {
	color: #222;
	padding: 1px 0px 1px 0px;
	margin: 0 4px 0 4px;
	
	}
	
.languageswitch A:hover {
	background-color: #3a3736;
	color: #FFF;
	padding: 1px 2px 2px 2px;
	margin: 0 2px 0 2px;
	border: none;
	}
		

#wall {	
	background-image: url(img/bg_tapete.jpg);
	height: 275px;
	position: relative;

	}
	
#wall_big {	
	background-image: url(img/bg_tapete.jpg);
	height: 338px;
	position: relative;
	}	
	
.wall_headline { 
	font-family: Tahoma, Helvetica, Arial, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	color: #f9f6ef;
	font-weight: bold;
	letter-spacing: 3px; 
	margin: 0 0 10px -16px; 
	}	

#wall_bottom {
	background-image: url(img/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 200px;
	}
	
#wall_bottom_center {
	background-image: url(img/bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: top right;
	}	
	
.bg_left  { background-position: left; }
.bg_right { background-position: right; }
.bg_top   { background-position: top; }

/* --------------------------------------------------------------------- BLOG -------------------------------------------------------------------------- */

#search {
	background-image: url(img/dashed_line.gif);
	background-repeat: repeat-y;
	width: 220px;
	height: 100px;
	position: absolute;
	top: 0px;
	right: 40px;
	}
	
#search.noline {
	background-image: none;
	}	

#searchform {
	float: right;
	position: absolute;
	bottom: 10px;
	right: 0px;
	}
	
#s {
	background-image: url(img/search_input.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 168px;
	border: 0px solid #fff;
	padding: 5px 0px 0px 5px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	float: left;
	}
	
#searchsubmit {
	background-image: url(img/search_button.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	border: 0px solid #fff;
	float: left;
	margin-left: 2px;
	cursor: pointer;
	}
	
.pagetitle {
	text-align: center;
	margin-bottom: 15px;
	}	
	
#postarea { 
	position: absolute; top: 420px; left: 30px;  
	width: 475px; 
	text-align: left; 
	padding-top: 5px; 
	background: url(img/dashed_line.gif) repeat-y;  
	background-position: right;
	padding-right: 15px;
	}

#centerbar { 
	width: 162px;
	text-align: left; 
	float: left;
	margin-left: 30px;
	font: 11px Tahoma, Helvetica, Arial, Verdana;
	}
	
#centerbar a:link, #centerbar a:visited, #projektliste a:link, #projektliste a:visited { color: #666; border: none; }
#centerbar a:hover { border: none; background-color: none; margin: 0; padding: 0; }	

#projektliste A.active { color: #444; font-weight: bold; }

#projektliste A {
	line-height: 17px;
	}

#sidebar { 
	width: 200px; 
	margin-left: 40px;
	text-align: left; 
	line-height: 25px;
	font: 11px Tahoma, Helvetica, Arial, Verdana;
	float: left;
	position: relative;
	overflow: hidden;
}

#abdeckung {
	position: absolute;
	bottom: 0px;
	z-index: 100;

	}

#sidebar a, #centerbar a, #projektliste a, .comment_text a, #commentform a { 
	color: #1f1f1f; text-decoration: none; padding: 1px 1px 1px 1px;
	}
	
#archiv A { 

	color: #0f0f0f;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
 }	
	
.post_content A, .content_left A, .content_right A, #referenztext A {
	color: #0f0f0f;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
	padding: 1px 2px 0px 2px;
	}
	
.post_content a:hover, #sidebar a:hover, #centerbar a:hover, #projektliste a:hover, .content_left a:hover, .content_right a:hover, 
.comment_text a:hover, #commentform a:hover, #archiv a:hover, #referenztext a:hover, #footer a:hover { 
	color: #fff; background-color: #54abcb; 
	text-decoration: none; 
	border: none;
	padding-bottom: 1px;
	}
	
A.noHover {
	border: none !important;
	}	
	
A.noHover:hover {
	background: none !important;
	border: none !important;
	}	

#sidebar A { text-decoration: none; border-bottom: 1px dotted #aaa; padding-bottom: 0px; }

#archiv { padding-left: 10px; }

.blogposts { float: left; }

.post { 
	padding-bottom: 30px;
	font: 12px Georgia;
	line-height: 18px;
	width: 460px;
	}
	
.post A {
	padding-bottom: 0px;
	}	

.post IMG { 
	margin: 0; 
	background-color: #fff;
	border: 3px solid #FFF;
	margin-left: -4px;
	}
	
.languageNotAvailable {
	margin-top: 20px;
	text-align: center;
	}	

BLOCKQUOTE {
	color: #777; 
	margin: 20px 60px 10px 25px;
	padding: 0px 0px 0px 40px;
	

	border-top: 1px dotted #c7c7c7;
	border-bottom: 1px dotted #c7c7c7;	

	background-image: url(img/blockquote.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}	
	
.postmetadata { text-align: center; padding: 3px; color: #999;  }
		
.postmetadata a { border-bottom: none; font: 11px Tahoma, Helvetica, Arial, Verdana; color: #999; text-decoration: none; }
.postmetadata a:hover { border-bottom: none; font: 11px Tahoma, Helvetica, Arial, Verdana; color: #fff; }

.postend {
	background-image: url(img/postend.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 25px;
	margin-top: 20px;
	}	
	
.linktipp { line-height: 14px; 	margin-bottom: 12px;  }	
.linktipp p { margin: 0px; }

.entry a { color: #1f1f1f; text-decoration: none; border-bottom: 1px dotted #aaa; padding: 1px 2px 1px 2px; }
.entry a:hover { color: #fff; background-color: #444; text-decoration: none; border-bottom: none; padding: 1px 2px 1px 2px; }
.entry p { margin: 10px 0 8px 0; padding: 0; }

.entry STRONG { color: #000; }

.postinfos { float: left; width: 180px; margin: 5px 10px 5px 10px; }

p .more-link { display: inline; }



.post_title { font: 23px Georgia, serif; color: #484848; clear: both; letter-spacing: -1px; padding-bottom: 3px; line-height: 20px; }	

.post_title a:link { color: #484848; text-decoration: none; }
.post_title a:visited { color: #484848; text-decoration: none; }
.post_date { color: #999; margin: 0px 0 10px 0; text-align: center; }

#comments { 
	margin: 15px 0 0 0; 	
	}
	
.comment_author {
	font: 10px Tahoma, Helvetica, Arial, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	color: #54abcb;
	font-weight: bold;
	}
.comment_author A { border: none; padding: 0; margin: 0; }	
	
#commentlist .comment_date { font: 11px Tahoma; color: #888; border: none; line-height: 14px; }	
#commentlist .comment_text { padding: 10px 20px 25px 25px; margin: 0; text-align: left; }	
#commentlist .comment_text p { margin-bottom: -10px;  }		

#commentform { margin-left: 13px; }

.comment_meta { padding: 2px; margin-bottom: -20px; }

.comment_meta a { 
	font: 10px Tahoma, Helvetica, Arial, Verdana;
	color: #54abcb;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 4px;
	text-decoration: none; 
	}
	
.comment_meta a:hover { color: #fff; background-color: #54abcb; margin: 0; padding: 2px; }
	

.headline_small {
	font: 10px Tahoma, Helvetica, Arial, Verdana;
	color: #444;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 5px;
	clear: left;
	}
	
#blog_categories { padding-bottom: 20px; }	


#blog_categories a { line-height: 16px; }
#blog_categories a:hover { color: #FFF; padding: 3px; margin: -1px; padding-bottom: 2px; margin-bottom: -3px; }

#blogroll a:hover { color: #FFF; padding: 2px; }

#blogroll { clear: both; padding-top: 15px; line-height: 16px; }
#centerbar a { padding-left: 5px; }
#centerbar a:hover { padding: 1px 3px 2px 3px; }

#featuredProjects { border-bottom: 1px dotted #DDD; padding: 15px 0 15px 0; }
#featuredProjects a { padding: 0; margin: 0; }
#featuredProjects a:hover { padding: 0; margin: 0; } 

#rss_links { border-top: 1px dotted #DDD; border-bottom: 1px dotted #DDD; padding: 15px 0 15px 0; }
#rss_links a { margin: 0; padding: 0; }
#rss_links a:hover { margin: 0; padding: 0; background: none; }

#twitter {
	border-top: 1px dotted #DDD; 
	margin-top: 20px;
	padding-top: 15px;
	border-bottom: 1px dotted #DDD; 
	padding-bottom: 30px;
	}

#twitter UL {
	margin: 10px 0 0 0;
	padding: 0;
	padding-bottom: 10px;
	}
	
#twitter LI {
	line-height: 14px;
	list-style-type: none;
	padding-left: 0px;
	clear: both;
	}	
	
#twitter LI A {
	float: right;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 1px;
	margin-top: 1px;
	}
	
#twitter LI SPAN A {
	float: none;
	margin: 0;
	padding: 0 1px 1px 1px;
	}
	
#twitter LI SPAN A:hover {
	margin: 0;
	padding: 0 1px 1px 1px;
	}					
	
#twitter LI A:hover {
	padding: 0px 4px 1px 4px;
	margin-bottom: 15px;
	margin-top: 1px;
	}	
	
#twitter LI SPAN {
	clear: both;
	padding-top: 10px;
	display: block;
	}
	
#twitter .twitterBird, #twitter .twitterBird:hover {
	margin: 0;
	padding: 5px 0 20px 5px;
	background: none;
	}	
	
	

/* --------------------------------------------------------------------- PORTFOLIO -------------------------------------------------------------------------- */
	
#bg_portfolio {
	width: 620px; height: 349px;
	position: absolute;
	top: -5px; left: -52px;
	background-image: url(img/canvas.gif);
	}	

#screen { 
	position: absolute;
	left: 0px;
	}
	
#schablone {
	position: absolute;
	top: 24px;
	left: 88px;
	z-index: 10000000;
	}	
	
#screen span{
	display:block;
	float:left;
	width: 460px;
	height: 300px;
}

#prev A {
	height: 29px;
	width: 29px;
	position: absolute;
	left: 66px;
	top: 160px;
	background: url('img/arrowButtons.png') 29px 0px;
	cursor: pointer;
	}
	
#prev A:hover {
	background: url('img/arrowButtons.png') 29px 29px;	
	}
	
#next A {
	height: 29px;
	width: 29px;
	position: absolute;
	left: 541px;
	top: 160px;
	background: url('img/arrowButtons.png') 0px 0px;
	cursor: pointer;
	}
	
#next A:hover {
	background: url('img/arrowButtons.png') 0px 29px;	
	}	

.mask {
	position: absolute; 
	left: 88px; 
	top: 24px; 
	width:460px;
	height:300px;
	overflow: hidden;
}

#arrowButtons {
	position: absolute;
	top: 40px;
	left: 200px;
	z-index: 10000;
	}
	
#nav_screens { 
	margin-top: -12px; 
	width: 465px;
	}

#thumbs7{
	position:relative;
	clear:both;
	height:8px;
	overflow:hidden;
	float: right;
}

#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	height:8px;
}

#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:9px;
	height:8px;
	margin:0;
	float:left;
	cursor:pointer;
}

#thumbs7 .thumbs div img{
	float:right;
}

#thumbs_handles7 span{
	/*background:url(thumb_invisible.gif) no-repeat;*/
}

#thumbs_mask7{
	width:1200px;
	background:url('img/thumbs_mask.gif') no-repeat center top;
}


#screen #hscroll DIV { margin: 0; padding: 0; float: left; margin-right: 10px; cursor: pointer; }

#calendar { position: absolute; top: 10px; left: 520px; }
#clock { position: absolute; top: 40px; left: 850px; z-index: 0; }
#poster { position: absolute; top: 25px; left: 35px; }
#gummibaum { position: absolute; top: 85px; left: 494px; }
#aktenschrank { position: absolute; top: 75px; left: 630px; }

#stamps {
	position: absolute;
	top: 12px; 
	left: 553px;
	height: 230px; 
	width: 425px;
	z-index: 1;
	}
	
#content STRONG {
	color: #333;
	}	
	
#content {
	margin-left: 35px;
	}	
	
#content.referenzen UL {
	margin: 10px 0 10px 0;
	padding: 0;
	}	

#content.referenzen LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url('img/bullet.gif') no-repeat 0px 1px;
	padding-left: 20px;
}	

#portfolio_content {
	width: 455px;
	text-align: left;
	padding-bottom: 15px;
	}
	
#tagcloud {
	padding: 0px 10px 5px 10px;  	
	width: 380px;
	text-align: left;
}	


#tagcloud .headline_small {
	margin-bottom: 15px;
	margin-top: 8px;
	}
	
.tag {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	}
	
#filter { clear: left; }	

#tagfilter {
	clear: left;
	margin: 15px 0 25px -3px;
	visibility: hidden;
	padding: 0;
	}

#tagfilter a:link, #tagfilter a:visited {
	border: none;
	padding: 0;
	}
	
#tagfilter a:hover {
	border: none;
	background-color: none;
	}	
	
#projektliste {
	font: 11px Tahoma, Helvetica, Arial, Verdana; 
	line-height: 12px;
	color: #666;
	margin-top: 15px;
	}
	
#projektliste A:hover {
	background: none !important;
	color: #000 !important;
	}	
	
#projekte TD {
	border-bottom: 1px dotted #DDD;
	border-right: 1px dotted #DDD;
	padding: 2px 3px 3px 3px;
	}
		
.gotourl {
	color: #999; 
	margin: 20px 60px 0px 25px;
	padding: 14px 15px 15px 22px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;	
	background-image: url(img/gotourl.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none; 
	}
	
.gotourl A {
	border-bottom: none;
	}
	
#content A.Link {
	background: url('img/gotourl.gif') no-repeat 1px 2px;
	padding-left: 21px;
	border: none;
	color: #555;
	margin-top: -7px;
	float: left;
	line-height: 15px;
	
	}

#content A.Link:hover {
	
	color: #222;
	padding: 1px 0 0px 21px;
	
	}	
	
p.Leistungen {
	font-weight: bold;
	margin: 15px 0 -3px 0;
	color: #333;
	font: 10px Tahoma;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	}
	

	
	
	
	


	

/* --------------------------------------------------------------------- KONTAKT -------------------------------------------------------------------------- */	

#kontaktinfo {
	position: absolute;
	left: 40px;
	top: 30px;
	text-align: left;
	color: #5c584e;
	width: 200px;
}

#bambus {
	position: absolute;
	left: 375px;
	top: 162px;
	z-index: 5;
	}
	
#postkasten {
	position: absolute;
	left: 250px;
	top: 50px;
	}
	
#plakat {
	position: absolute;
	left: 475px;
	top: 4px;
	}
	
#wandtelefon {
	position: absolute;
	left: 855px;
	top: -5px;
	}
	
.textfeld {
	width: 250px;
	background-color: #fff;
	vertical-align: middle;
	padding: 5px;
	display: block;
	border: none;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	font: 12px Georgia, serif;
	color: #000;
	}
	
.combo {
	padding: 3px;
	width: 250px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;	
	border-left: none;
	border-right: none;
	margin-top: 2px;
	}	

.button {
	padding: 2px;
	font: 11px Tahoma;
	font-weight: bold;
	}
	
	
TEXTAREA {
	width: 370px;
	height: 100px;
	background-color: #fff;
	padding: 5px;
	display: block;
	border: none;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	font: 12px Georgia, serif;
	}

.kontaktNachricht {
	width: 335px;
	}				
	
LABEL {
	font: 11px Tahoma, Helvetica, Arial, Verdana;
	color: #888;
	padding: 8px 0 1px 0;
	display: block;
	}
	
.required {
	padding-left: 3px;
	}	
	


/* ---------------------------------------------------------- INFO ---------------------------------------------------------------------*/

#info {
	position: absolute;
	left: 35px;
	}
	
#lichtschalter {
	position: absolute;
	left: 465px;
	top: 140px;
	}
	
#regal {
	position: absolute;
	left: 522px;
	top: -5px;
	}
	
#portrait {
	position: absolute;
	left: 787px;
	top: 30px;
	}	
	
#info_links {	
	width: 450px; 
	padding: 0px 0 0 2px; 
	position: absolute; top: 420px; left: 30px; 
	text-align: left; 
}





/* -------------------------------------------------------------------------------------------------------------------------------------*/
	
.tooltip_header {
	width: 200px;
	text-align: left;
	font: 11px Tahoma, Helvetica, Arial, Verdana;
	font-weight: bold;
	padding: 7px 0px 0px 10px;
	color: #333;
	background: #fef5bc;
	border: 0px solid #000;
	filter: Alpha(Opacity=85); -moz-opacity: 0.85;
	}
	
.tooltip_header_small {
	width: 140px;
	text-align: left;
	font: 11px Tahoma, Helvetica, Arial, Verdana;
	font-weight: bold;
	padding: 7px 0px 0px 10px;
	color: #333;
	background: #fef5bc;
	border: 0px solid #000;
	filter: Alpha(Opacity=85); -moz-opacity: 0.85; 
	}	

.tooltip_body {
	width: 200px;
	text-align: left;
	font: 9px Tahoma, Helvetica, Arial, Verdana;
	line-height: 11px;
	padding: 1px 0 20px 10px;
	color: #444;
	background-image: url(img/bg_tooltip.gif);
	background-position: bottom left;
	border: 0px solid #000;
	filter: Alpha(Opacity=85); -moz-opacity: 0.85;
	z-index: 100;
	}	
	
.tooltip_body_small {
	width: 140px;
	text-align: left;
	font: 9px Tahoma, Helvetica, Arial, Verdana;
	line-height: 11px;
	padding: 1px 0 20px 10px;
	color: #444;
	background-image: url(img/bg_tooltip.gif);
	background-position: bottom left;
	border: 0px solid #000;
	filter: Alpha(Opacity=85); -moz-opacity: 0.85; 
	z-index: 100;
	}		
	
.kleingedrucktes {
	font: 10px Tahoma, Helvetica, Arial, Verdana;
	line-height: 12px;
	color: #999;
	}
	
#footer {
	margin: 0;
	background: url(img/bgFooterWood.jpg) repeat-x top center;
	height: 192px;
	text-align: center;
	font: 11px Tahoma, Arial, sans-serif;
	position: relative;
	overflow: hodden;
	}	

#footerPalmtree {
	background: url(img/footerPalmtree.jpg) top left;
	width: 200px;
	height: 192px;
	position: absolute;
	left: 455px;
	top: -24px;
	}

#footer A { padding: 1px 3px 1px 3px; }
#footer A:hover { background-color: #FFF; color: #0b0b0b; }

#rssIcon A:hover { background: none; }

#footerFooter {
	clear: left;
	color: #c6c6c6; 
	padding-top: 16px;
	font: 10px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	padding-left: 5px;

	}
	
#footerContent {
	top: 24px;
	width: 920px;
	height: 160px;
	margin: 0 auto; 
	text-align: left;
	position: relative;
	
	}
	
#lastEntries {
	width: 240px;
	overflow: hidden;
	float: left;
	padding-bottom: 5px;
}	

#lastComments {
	float: left;
	width: 270px;
	overflow: hidden;
	padding-bottom: 5px;
	position: relative;
	}
	
#flickr {
	position: absolute;
	right: 10px;
	top: 5px;
}

	
#flickrRahmen {
	position: relative;
	z-index: 1000;
	}	
	
#flickrFotos {
	position: absolute;
	left: 22px;
	top: 23px;
	z-index: 10;
	}	

#copyright {
	clear: left;
	margin-left: 15px;
	font: 10px Tahoma, Arial, sans-serif;
	color: #838383;
	margin-top: 25px;
	text-transform: uppercase;
	
	}	

.recentEntry {  }
.recentEntry IMG { margin-bottom: -3px; }
.recentEntry A { color: #e5e2df; margin-left: 5px; line-height: 14px; height: 14px; overflow: hidden; display: block; }		
	
.bright { color: #8d897b; }
.pl-15 { margin-left: -15px; }
.center { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.w50 { width: 50px; float: left; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.ml25 { margin-left: 25px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }

.pl5 { padding-left: 5px; }

.braun { color: #5c584e; }
.categoryCount { color: #ccc; font-size: 10px; }