/*  
Theme Name: design54.de - the online portfolio
Theme URL: http://www.design54.de/
Description: 
Author: Michael Schaback
Last update: 27. November 2008
*/


* 
{
margin: 0;
padding: 0;
}

body,
html 
{
min-height: 100.01%;
}
	
body 
{
margin: 0;
padding: 0;
background-color: #fff;
color: #333;
}

body, 
select
{
font: 76%/1.6em verdana, tahoma, arial, sans-serif; 
}
	
abr,
acronym 
{
border-bottom: 1px dotted #3e2c2a;
cursor: help;
}

.clear
{
clear: both;
}

p 
{	
margin: 1.5em 0;
}

p.righter 
{	
margin: 1.5em 2.5em 0;
}

a:link, 
a:visited 
{
color: #333;
text-decoration: none
}

a:hover,
a:active 
{
color: #333;
text-decoration: underline;
}

hr
{
background-color: #999; /* Mozilla 1.4 */
color: #999; /* IE 6 */
border: #999; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

small 
{
font-size: .9em;
padding: .3em .6em;
}


/*  images  */


#content img, 
#content a:link img, 
#content a:visited img
{
border: 1px solid #999;
padding: 1px;
}

#content a:hover img
{
border: 1px solid #3e2c2a;
padding: 1px;
}


/*  images portfolio */


#content .portfolio_mainbox img, 
#content .portfolio_mainbox a:link img, 
#content .portfolio_mainbox a:visited img
{
margin: 0 2.8em 2em 0;
border: 1px solid #999;
padding: 1px;
}

#content .portfolio_mainbox a:hover img
{
margin: 0 2.8em 2em 0;
border: 1px solid #3e2c2a;
padding: 1px;
}


/* images float */


img.left,
img.center,
img.norm
{
margin: 5px 12px 5px 0;
border: 1px solid #999;
padding: 1px;
}

img.left
{
float: left; 
margin: 0 22px 12px 0; 
}

img.leftohne
{
float: left; 
margin: 0 12px 5px 0; 
border: none!important;
}

img.rightohne
{
float: right; 
margin: 0 0 5px 12px;
border: none!important;
}

img.center
{
display: block;
margin: 0 auto 5px auto;
}

img.right
{
float: right;
margin: 0 0 10px 22px;
}

img align left
{
float: left;
margin: 0 12px 5px 0;
}
	
#sidebar img, 
#sidebar a:link img, 
#sidebar a:visited img
{
margin: 0;
padding: 1px;
border: none;
}

#leftsidebar .trenner 
{
margin: 1em 0 1.5em 0;
padding: 0;
width: 100%;
height: 46px;
background: url(images/trenner.png) no-repeat center bottom;
}

#leftsidebar #recent 
{
margin: 1.1em 0 0 0;
}

#leftsidebar #recent img, 
#leftsidebar #recent a:link img, 
#leftsidebar #recent a:visited img
{
border: 1px solid #999;
margin: .5em 0 0 .2em;
padding: 1px;
}

#leftsidebar #recent a:hover img
{
border: 1px solid #3e2c2a;
margin: .5em 0 0 .2em;
padding: 1px;
}

#leftsidebar #respect
{
margin: 1.1em 0 0 0;
}

#leftsidebar #respect img, 
#leftsidebar #respect a:link img, 
#leftsidebar #respect a:visited img
{
border: 1px solid #999;
margin: .5em 0 0 .2em;
padding: 1px;
}

#leftsidebar #respect a:hover img
{
border: 1px solid #3e2c2a;
margin: .5em 0 0 .2em;
padding: 1px;
}

#leftsidebar #showcase
{
margin: 1.1em 0 0 0;
}

#leftsidebar #showcase img, 
#leftsidebar #showcase a:link img, 
#leftsidebar #showcase a:visited img
{
border: 1px solid #999;
margin: .5em 0 0 .2em;
padding: 1px;
}

#leftsidebar #showcase a:hover img
{
border: 1px solid #3e2c2a;
margin: .5em 0 0 .2em;
padding: 1px;
}


#leftsidebar img, 
#leftsidebar a:link img, 
#leftsidebar a:visited img
{
margin: 0;
padding: 0;
border: none;
}


/* workinprogress  */


#workinprogress_box
{
margin: 1.6em 0 1.5em 0;
padding: 0;
}

#workinprogress_box p
{
margin: 0 0 .8em 0;
font-size: .8em;
color: #666;
}

#workinprogress_box p.link
{
margin: .3em 0 0 0;
}

#workinprogress_box a 
{
margin: 0;
padding: 0;
text-decoration: underline;
color: #3e2c2a;
}

#workinprogress_box a:hover 
{
margin: 0;
padding: 0;
background-color: #3e2c2a;
color: #fff;
text-decoration: none;
}

.workinprogress
{
margin: 0;
padding: 0;
}

.workinprogress_border
{
margin: 0;
padding: 0;
height: 12px;
width: 118px;
background-color: #fff;
border: 1px solid #3e2c2a;
}

.workinprogress_border2
{
margin: 0;
padding: 0;
height: 12px;
width: 118px;
background-color: #fff;
border: 1px solid #3e2c2a;
}

.workinprogress_bar
{
margin: 2px;
padding: 0;
height: 8px;
background-color: #3e2c2a;
}

.workinprogress_spacer
{
clear: left;
}


/* seitenlayout */


#page 
{ 
width: 1000px;
margin: 0 auto;
background: #fff;
padding: 0 .2em 0 .2em;
}

#branding 
{
margin: 0 auto;
padding: 0;
width: 990px;
height: 270px;
background: url(images/header.jpg) no-repeat 50% 0;
}

#flashslideshow
{
margin: 0 auto;
padding: 15px 0 0 0;
width: 952px;
height: 283px;
}

.left 
{
float: left;
}

.right 
{
float: right;
}

#sidebar 
{
margin: 0 .5em 3em 0;
padding: 0;
float: right;
width: 200px;
background: url(images/bg_sidebar.jpg) no-repeat 0 100%;
}

#leftsidebar 
{
margin: 0 20px 0 0;
padding: 0;
width: 120px;
float: right;
}


/* Startseite - Kurzartikelspalten */


#leftcol, 
#rightcol 
{
float: left;
}	

#leftcol 
{
margin: 3em 0 0 0;
width: 287px;
padding: 0 1.7em 0 0;
border-right: 1px solid #6b6b6b;
}

#rightcol 
{
margin: 2em 0 0 0;
width: 277px;
padding: 0 0 0 1.4em;
text-align: justify;
}


/*sidenbar und leftseidebar declarationen */


.subnav ul
{
list-style-position: outside;
}

.subnav li
{
margin: 0 0 .4em 0;
padding: 0;
}

.subnav li 
{
list-style: none;
font-size: 1em;
}

.subnav li a:link,
.subnav li a:visited
{
color: #3e2c2a;
padding: 0 0 0 1.5em;
}
		
.subnav li a:hover,
.subnav li a:active
{
color: #3e2c2a;
text-decoration: underline;
}

#sidelist li
{
list-style: none;
}
	
.bullets li 
{
margin: 0 0 .5em 1.5em;
list-style: circle;
}
	
#sidelist .bullets li 
{
list-style: circle;
margin: 0 0 .5em 2.2em;
}

#sidelist .children
{
background: #ccc;
}

#sidelist .children li 
{
background: #ccc;
list-style: none;
margin: 0 0 0 1.5em;
padding: 0 0 0 1.5em;
border-bottom: 1px solid #fff;
}
	
#sidelist .children li a,
#sidelist .children li a:visited
{
padding: .2em .2em .2em 0;
border: 0;
background: #ccc;
color: #666;
}

#sidelist .children li a:hover,
#sidelist .children li a:active
{				
color: #333;
}

#sidelist .feed li
{
margin: 0 0 .5em 1.5em;
padding: 0 0 0 2em;
background: url(images/rss.gif) no-repeat 0 3px;
}

#sidelist .feed li a,
#sidelist .feed li a:visited
{
color: #333;
}

#sidelist .feed li a:hover,
#sidelist .feed li a:active
{
color: #3e2c2a;
}


/* headerbereich */


#blogtitle,
#blogtitle a 
{
margin: 0;
padding: 0;
border: none!important;
}


/* ueberschriften */


h1 
{
color: #333;
font-size: 1.8em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
margin: 0 1em 0 0;
padding: 2em 0 0 1em;
}

#bottomcontent h1
{
margin: 0 1em .7em 0;
padding: .3em 0 1em 0;
width: 200px;
font-size: 3.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: .6em;
color: #3e2c2a;
text-decoration: none;
float: left;
}

#bottomcontent h1 span
{
margin: 0;
padding: 0;
color: #960;
}

#bottomcontent p.descr
{
margin: .2em 0 0 0;
padding: 0 0 0 2em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1.6em;
color: #3e2c2a;
background: url(images/bg_kaffeetasse.jpg) no-repeat #fff 90% 100%;
}

h2
{
margin: 0;
padding: 0 0 .4em 1em;
line-height: 1.1em;
font-size: 1.8em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #3e2c2a;
border-bottom: 3px double #999;
}

h3 
{
font: 0.9em Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.3em;
margin: 0 0 .4em 0;
font-weight: bold;
color: #3e2c2a;
}

h4
{
margin: 2em 0 1em 0;
padding: .2em 0 .2em 1em;
height: 1em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #333;
}

h5
{
margin: 2em 0 1.5em 0;
padding: .2em 0 .2em 1em;
height: 1em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #666;
}

h6
{
margin: .9em 0 0.5em 0;
padding: .2em 0 .2em .5em;
height: 1em;
font-size: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #3e2c2a;
}

h3#respond 
{
margin: 4em 0 2em 2em;
padding: 0;
color: #3e2c2a;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
}

h3#comments 
{
margin: 2em 0 4em 0;
padding: 0;
height: 80px;
color: #3e2c2a;
line-height: 1.8em;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
background: url(images/trenner.jpg) no-repeat 50% 100%;
border: 1px solid #fc0;
}

h3 a:link, 
h3 a:visited
{
line-height: 1.8em;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #3e2c2a;
}

h4#comments 
{
margin: 2em 0 4em 0;
padding: 0 0 0 5.7em;
height: 80px;
color: #3e2c2a;
line-height: 1.8em;
font-size: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
background: url(images/trenner.jpg) no-repeat 50% 100%;
}

h4#comments a,
h4#comments a:visited
{
color: #3e2c2a;
text-decoration: none;
}

h4#comments a:hover,
h4#comments a:active
{
color: #3e2c2a;
text-decoration: underline;
}


/* hauptinhalt- -main content */


#content 
{
margin: 0 0 3em 0;
padding: .8em;
width: 610px;
float: left;
}

#bottomcontent 
{
z-index: 999;
clear: both;
float: left;
margin: 3em 0 3em 0;
padding: 0;
width: 615px;
}

#steam 
{
z-index: 1;
position: relative;
top: -3em;
right: 3em;
margin: 0;
padding: 0;
width: 120px;
height: 100px;
border: 1px solid #fc0;
}

#bottomcontent2
{
clear: both;
float: left;
margin: 3em 0 3em 0;
padding: 0;
width: 615px;
height: 300px;
border: 1px solid #fc0;
background-color: #3e2c2a;
}

#bottomcontent2 h1
{
margin: 0 1em .7em 0;
padding: .3em 0 1em 0;
width: 200px;
font-size: 3.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: .6em;
color: #fff;
text-decoration: none;
float: left;
}

#bottomcontent2 h1 span
{
margin: 0;
padding: 0;
color: #960;
}

#bottomcontent2 p.descr
{
margin: .2em 0 0 0;
padding: 0 0 0 2em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1.6em;
color: #fff;
background: url(images/bg_kaffeetasse.jpg) no-repeat transparent 90% 100%;
border: 1px solid #fc0;
}

#coffee_mug{
	display:block;
	position:relative;
	top:3px;
	left:61px;
	width:215px;
	height:159px;
	background:transparent;
border: 1px solid #fc0;

}
	

















#content p.ansage
{
margin: 1em 0 0 3.5em;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #3e2c2a;
}

#content p a,
#content p a:visited
{
color: #9b4e09;
text-decoration: none;
}

#content p a:hover,
#content p a:active
{
color: #9b4e09;
text-decoration: underline;
}

.description 
{
font-size: 1.3em;
font-weight: bold; 
color: #999;
}


/* Featured Articles - design54 - formatiert fuer "leftcol" */


.feature 
{
background: url(images/backgrounds/bg_featured.jpg) repeat-x #fff;
padding: 15px;
}

.feature p, 
#rightcol p 
{ 
margin: 0;	
}

#leftcol img, 
#rightcol img 
{
padding: 1px;
border: 1px solid #999;
}

#leftcol .feature 
{	
margin-bottom: 15px; 
}
	
#leadpic 
{
float: left;
margin: 0 18px 8px 0;
padding: 1px;
border: 1px solid #999;
}

.title, 
a.title  
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: bold;
color: #3e2c2a;
letter-spacing: normal;
}
	
#lead p 
{
margin: 0 0 1em 0;
}


/* allgemeine artikelleiste formatiert fuer "rightcol"  */


#rightcol img 
{
float: left;
margin: .3em 1em .4em 0;
}

#leftcol img 
{
margin: 0 0 .4em 0;
display: block;
}
	
#rightcol .clearfloat 
{
border-bottom: 1px solid #999;
padding: 12px 0;
}	
	
#sidebar h5
{
margin: 1.2em 0 0.8em 0;
padding: .2em 0 0.2em 1em;
height: 1em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
background: url(images/h5.jpg) 0 .4em no-repeat;
color: #444;
border-bottom: 3px double #999;
}

#sidebar h2
{
margin: .5em 0 1em 0;
padding: 0 0 .4em 1em;
line-height: 1.6em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #3e2c2a;
border-bottom: 3px double #999;
}

#leftsidebar h5
{
margin: 1.2em 0 0.8em 0;
padding: .2em 0 0.2em 1em;
height: 1em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
background: url(images/h5.jpg) 0 .4em no-repeat;
color: #444;
border-bottom: 3px double #999;
}

#leftsidebar h2
{
margin: .5em 0 0 0;
padding: 0 0 .4em 1em;
line-height: 1.6em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #3e2c2a;
border-bottom: 3px double #999;
}

#sidebar p.statistik
{
margin: 0 0 1em .5em;
padding: 0;
}

#sidebar .backtotop a
{
float: right;
margin: 2em 0 .5em 0;
padding: 0;
width: 100px;
height: 34px;
text-decoration: none;
border: none;
}

#sidebar .backtotop a:hover
{
float: right;
margin: 2em 0 .5em 0;
padding: 0;
width: 100px;
height: 34px;
text-decoration: none;
}

#searchfield
{
float: right;
margin: -2.3em 0 0 0;
padding: 0;
width: 300px;
background: #fff url(images/lupe.jpg) no-repeat 0 0;
}

#searchfield input
{
margin: 0 .5em 0 0;
padding: .4em;
width: 150px;
border: 1px solid #3e2c2a;
background:#fff url(images/shadow_top.gif) repeat-x 0 0;
font: .9em Verdana, Arial, Serif;
}

#searchform 
{
margin: 0 0 0 4.9em;
padding: 0; 	
}

#searchfield input#searchsubmit 
{ 
/* den Submit-Button */
float: none;
margin: 0;
padding: .3em;
width: 70px;
height: 23px;
font: .8em Verdana, Arial, Serif;
}


/*   kontaktformular   */


#kontaktformular
{
margin: 2em 0 2em .5em;
padding: 0;
}

#kontaktformular form 
{
margin: .5em 0 .5em 0;
padding: 1em .5em 1em .5em;
}

#kontaktformular legend
{
margin: .5em 0 .5em 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
color: #555;
font-size: 1.5em;
line-height: 3em;
text-align: left;
}

#kontaktformular input 
{
float: left;
margin: .2em 0 1em 0;
padding: 0;
display: block;
float: left;
width: 200px;
border: 1px solid #3e2c2a;
}

#kontaktformular label 
{
margin: .3em 0 .3em 0.5em;
padding: 0;
width: auto;
line-height: 1.8em;
color: #333;
text-align: left; 
}

#kontaktformular textarea 
{
margin: 0 0 .3em 0;
padding: 0;
text-align: left; 
border: 1px solid #3e2c2a;
}

#kontaktformular form br 
{ 
clear: left; 
}

#kontaktformular input#submit 
{ 
/* den Submit-Button */
float: none;
width: 100px;
}


/*  impressum   */


#impressum
{
margin: 0;
padding: 0;
}

#impressum dl 
{
margin: 1em 0 2em 2em;
font-size: 1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1em;
color: #333;
}

#impressum dl dt
{
margin: 1.5em 0 1em 1em;
font-size: 1.1em;
color: #333;
}

#impressum dl dd 
{
margin: 0.5em 0 0.5em 1.3em;
font-size: 1em;
color: #555;
}


/* kolophon */


#kolophon blockquote,
#impressum blockquote
{
margin: 3em 0 2em 2.2em;
padding: 0 2.5em 0 1em;
font-style: italic;
color: #3e2c2a;
border-left: 6px solid #3e2c2a;
}

#kolophon blockquote p
{
margin: 0.5em 0 0.5em 0;
padding: 0;
}

#kolophon cite,
#impressum cite
{
margin: 0 0 0 4.5em;
padding: 0 .5em 0 1em;
font-style: italic;
font-size: .8em;
color: #666;
border-left: 2px solid #3e2c2a;
}

#fragment-1 cite
{
margin: 0 0 0 .5em;
padding: .5em 0 0 .5em;
font-style: italic;
font-size: .8em;
color: #333;
}


/* accessibility */


.accesskeys ul 
{
margin: 1.2em 0 1.6em 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

.accesskeys ul li 
{
margin: 0.1em 0 0.2em 2em;
font-size: 1.1em;
}

#browser dl dt
{
margin: .9em 0 1.3em .5em;
font-size: 1.1em;
color: #333;
line-height: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
border-bottom: 1px solid #666;
}

#browser dl dd 
{
margin: 0.2em 0 0.5em 1.3em;
font-size: 1.1em;
line-height: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

code
{
padding: 0 0.1em 0 0.1em;
font-family : "Courier New",monospace;
text-align: left;
font-size: 1.1em;
line-height: 1.4em;
color: #fff;
background-color: #999;
}


/* sitemap */


#sitemap
{
margin: 0;
padding: 0;
}

#sitemap dl 
{
margin: 2em 0 0 2em;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1em;
}

#sitemap dl dd 
{
margin: .5em 0 1em 1.3em;
font-size: 1em;
}

#content #sitemap img
{
border: 0!important;
margin: 0.5em 0 0 0;
padding: 0;
}

#content #sitemap a:hover img
{
border: 0!important;
margin: 0;
padding: 0;
}


/* post formatting */


.entry 
{
padding: 0 1.5em 2.8em 1.5em;
text-align: justify;
}

.post blockquote 
{
color: #666;
background: #fff;
padding: 6px 14px;
margin: 18px 35px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}	

.post ul li 
{
list-style: none;
margin: 0 0 .5em 4em;
}

.post ol li 
{
margin: 0 0 .5em 4.8em;
}
	

.entry blockquote
{
margin: 3em 0 2em 2.2em;
padding: 0 2.5em 0 1em;
font-style: italic;
color: #3e2c2a;
background-color: #fff;
border-left: 6px solid #3e2c2a;
}

.entry cite
{
margin: 0 0 0 4.5em;
padding: 0 .5em 0 1em;
font-style: italic;
font-size: .8em;
color: #666;
background-color: #fff;
border-left: 2px solid #3e2c2a;
}

#tags 
{
padding: .3em;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;	
}	
	
.postmetadata 
{
font-size: 0.9em;
margin: 0 0 10px 0;
padding: .5em 1em;
background: #fff;
border-top: 1px solid #3e2c2a;	
border-bottom: 1px solid #3e2c2a;	
}
				

/* Form Elements */


select 
{
background: #f2f2f2;
border: 1px solid #9c9c9c;
width: 100%;
}
	

/* kommentarfunktion und formen */


#commentform 
{
margin: 0 0 0 5em;
padding: 0;
}

#commentform input 
{
margin: .5em .5em .1em 0;
padding: .2em;
width: 150px;
border: 1px solid #3e2c2a;
background:#fff url(images/shadow_top.gif) repeat-x 0 0;
font: .9em Verdana, Arial, Serif;
}

#commentform textarea 
{
margin: .5em .5em .1em 0;
padding: .2em;
border: 1px solid #3e2c2a;
width: 90%;
line-height: 2em;
height: 20em;
background:#fff url(images/shadow_top.gif) repeat-x 0 0;
font: .9em Verdana, Arial, Serif;
}


/* comments */


.commentlist 
{
padding: 0 0 0 3em;
}
	
.commentlist li 
{
margin: 1.5em 0 .3em;
padding: 1em 1.5em 1em 1.5em;
background-color: #fff;
border-bottom: 1px solid #3e2c2a;
}

.commentlist li a,
.commentlist li a:visited
{
color: #3c2c2a;
text-decoration: none;
}

.commentlist li a:hover,
.commentlist li a:active
{
color: #3c2c2a;
text-decoration: underline;
}

#commentform small 
{
font-weight: bold;
background-color: #fff;
padding: 0;
}
	
.commentmetadata 
{
display: block;
}

.commentlist small 
{
border-bottom: 1px solid #3e2c2a;
background-color: #fff;
}


/* Float Properties*/


.clearfloat:after 
{
display: block;
visibility: hidden;
clear: both;
height: 0;
content:".";
}
	
.clearfloat 
{
display: inline-block;
}	

.clearfloat 
{
display: block;
}
	

/*  Footer  */


html #footer 
{
height: 1%;
}

#footer
{
clear: both;
margin: 2em auto 0 auto;
padding: 1em 0 0 0;
width: 990px;
font-size: 1em;
text-align:  center;
}


/*   inner footer - copyright und informationen   */



#innerFooter 
{
clear: both;
display: block;
margin: 2em 0 0 0;
padding: .5em .5em;
height: 135px; /*zusatz*/
text-align: center;
background: #fff url(images/inner_footer.jpg) no-repeat 0 0;
}

#innerFooter ul 
{
clear: both;
margin: .1em 0 0 0;
width: auto;
line-height: 1.7em;
text-align: center;
color: #333;
}

#innerFooter li 
{
display: inline;
padding: .6em .1em .6em .1em;
background: url(images/spacer.gif) no-repeat 0 50%;
}

#innerFooter #kontaktinfos li 
{
padding: 0 0 0 1.8em;
background-position: 0 55%;
}

#footer #telefon 
{
background-image: url(images/telefon.gif);
}

#footer #mobil 
{
background-image: url(images/mobil.gif);
}

#footer #email 
{
background-image: url(images/email.gif);
}

#innerFooter a
{
padding: 0.1em;
color: #3e2c2a;
text-decoration: none;
}

#innerFooter a:hover
{
padding: 0.1em;
color: #3e2c2a;
text-decoration: underline;
}

.portfolio_mainbox
{
margin: 1em 2em 4em 0;
padding: 1em 0 1em .2em;
}

.portfolio_mainbox h3
{
margin: 0;
font-size: 1.2em;
line-height: 1.8em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

.portfolio_description
{
margin: .5em .5em 0 0;
padding: 0;
}

.portfolio_description ul
{
margin: 0;
padding: 0;
}

.portfolio_description ul li
{
margin: 0 0 .5em 0;
padding: 0!important;
line-height: 1.6em;
color: #333;
}

.portfolio_description ul li strong
{
color: #555;
}

.portfolio_description ul li a
{
margin: 0 0 0.5em 0;
padding: 0 0 0 1em;
color: #9b4e09;
text-decoration: none;
}

.portfolio_description ul li a:hover
{
margin: 0 0 0.5em 0;
padding: 0 0 0 1em;
color: #9b4e09;
text-decoration: underline;
}

#coffeesteam
{
position: absolute;
top: -10em;
left: 6.5em;
margin: 1em 0 1.5em 0;
padding: 0;
width: 230px;
height: 200px;
background-color: transparent;
border: 2px solid #fc0;
}