

/*  
Theme Name: Metallbau Loosen
Theme URL: http://www.metallbau-loosen.de/
Description: Metallbau Loosen in Cochem-Brauheck
Author: Michael Schaback, design54 - the online portfolio
Last update: 17. Januar 2009
*/


@import url("styles/reset.css");
@import url("styles/navigation_loosen.css");


* 
{
margin: 0;
padding: 0;
}

body,
html 
{
min-height: 100.01%;
}
	
body 
{
margin: 0;
padding: 0;
background: #fff url(images/bg_loosen.jpg) repeat-x 0 0;

color: #333;
}

body, 
select
{
font: 76%/1.6em verdana, tahoma, arial, sans-serif; 
}
	
abr,
acronym 
{
border-bottom: 1px dotted #010043;
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 #010043;
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;
}


/* seitenlayout */


#page 
{ 
width: 925px;
margin: 0 auto;
background: none;
padding: 0 .2em 0 .2em;
}

#branding 
{
margin: 26px auto 0 auto;
padding: 0;
width: 920px;
height: 415px;
background: url(images/header.png) no-repeat 0 0;
}

.left 
{
float: left;
}

.right 
{
float: right;
}

#sidebar 
{
margin: 0 5px 3em 0;
padding: 0;
float: right;
width: 250px;
background: #fff url(images/bg_sidebar.gif) no-repeat 0 100%;
}


/* Startseite - Kurzartikelspalten */


#leftcol, 
#rightcol 
{
float: left;
}	

#leftcol 
{
margin: 3em 0 0 0;
width: 287px;
padding: 0 1.7em 0 0;
}

#rightcol 
{
margin: 2em 0 0 0;
width: 277px;
padding: 0 0 0 1.4em;
text-align: justify;
border-left: 1px solid #6b6b6b;
}


/*sidebar und leftseidebar declarationen */


.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: #010043;
padding: 0 0 0 1.5em;
}
		
.subnav li a:hover,
.subnav li a:active
{
color: #010043;
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: #010043;
}


/* 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;
}

h2
{
margin: 0;
padding: 0 0 .4em 1em;
line-height: 1.2em;
font-size: 1.8em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #010043;
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: #010043;
}

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: 1em 0 1em 3.5em;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #010043;
}

h3#respond 
{
margin: 4em 0 2em 2em;
padding: 0;
color: #010043;
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: #010043;
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.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-variant: small-caps;
color: #010043;
}

h4#comments 
{
margin: 2em 0 4em 0;
padding: 0 0 0 5.7em;
height: 80px;
color: #010043;
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: #010043;
text-decoration: none;
}

h4#comments a:hover,
h4#comments a:active
{
color: #010043;
text-decoration: underline;
}


/* hauptinhalt- -main content */


#content 
{
margin: 0 0 3em .5em;
padding: .8em;
width: 610px;
float: left;
}

#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: #010043;
}

#content p a,
#content p a:visited
{
color: #2626ac;
text-decoration: none;
}

#content p a:hover,
#content p a:active
{
color: #010043;
text-decoration: underline;
}

.description 
{
font-size: 1.3em;
font-weight: bold; 
color: #999;
}


/* Featured Articles - metallbau loosen - formatiert fuer "leftcol" */


.feature 
{
margin: .7em 0 3em 0;
padding: 1em;
background: url(images/bg_featured.jpg) no-repeat 100% 100% #fff;
border: 1px solid #ccc;
}

.feature p, 
#rightcol p 
{ 
margin: .5em 0 .5em 0;	
}

#leftcol img, 
#rightcol img 
{
padding: 1px;
border: 1px solid #999;
}
	
#rightcol a:link,
#rightcol a:visited
{
color: #010043;
text-decoration: none;
font-weight: bold;
}

#rightcol a:hover,
#rightcol a:active
{
color: #010043;
text-decoration: underline;
font-weight: bold;
}

#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: #010043;
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;
line-height: 1.2em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
background-color: #444;
border-bottom: 3px double #999;
}

#sidebar h2
{
margin: 1.2em 0 1em 0;
padding: 0 0 .3em 1em;
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #010043;
border-bottom: 3px double #999;
}

#sidebar address 
{
margin: .5em 0 0 0;
width: 230px;
height: 230px;
font-style: normal;
padding: 1em 0 1em 1.5em;
clear: both;
color: #6d6d6d;
background: url(images/telefon1.jpg) no-repeat 0 100%;
}

#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: 275px;
background: #fff url(images/lupe.jpg) no-repeat 0 0;
}

#searchfield input
{
margin: 0 .5em 0 0;
padding: .4em;
width: 150px;
border: 1px solid #010043;
background: #fff url(images/shadow_top.gif) repeat-x top;
font: .9em Verdana, Arial, Serif;
}

#searchform 
{
margin: 0 0 0 2.8em;
padding: 0;
border: 0px solid #fc0;

}

#searchfield input#searchsubmit 
{ 
/* den Submit-Button */
float: none;
margin: 0;
padding: .3em;
width: 70px;
height: 23px;
font: .8em Verdana, Arial, Serif;
}



/* kontaktadresse */


#kontaktadresse
{
margin: 0;
padding: 0;
background: #fff url("images/phone.jpg") 80% 0% no-repeat; 
}

#kontaktadresse dl 
{
margin: 1em 0 2em 2em;
font-size: 1.15em;
font-family: tahoma, arial, verdana, sans-serif; 
font-weight: normal;
line-height: 1em;
color: #010043;
}

#kontaktadresse dl dt
{
margin: 1.5em 0 1em 1em;
font-size: 1.1em;
color: #010043;
}

#kontaktadresse dl dd 
{
margin: 0.5em 0 0.5em 1.3em;
font-size: 1em;
color: #333;
}





/*   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 #010043;
}

#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 #010043;
}

#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: #010043;
border-left: 6px solid #010043;
}

#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 #010043;
}

#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: #010043;
background-color: #fff;
border-left: 6px solid #010043;
}

.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 #010043;
}

#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 #010043;	
border-bottom: 1px solid #010043;	
}
				

/* 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 #010043;
background: #fff url(images/shadow_top.gif) repeat-x top;
font: .9em Verdana, Arial, Serif;
}

#commentform textarea 
{
margin: .5em .5em .1em 0;
padding: .2em;
border: 1px solid #010043;
width: 90%;
line-height: 2em;
height: 20em;
background: #fff url(images/shadow_top.gif) repeat-x top;
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 #010043;
}

.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 #010043;
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: 920px;
font-size: 1em;
text-align:  center;
}


/*   inner footer - copyright und informationen   */


#innerFooter 
{
clear: both;
display: block;
margin: 2em 0 0 0;
padding: .5em .5em;
text-align: center;
background: #fff url(images/.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 #fax
{
background-image: url(images/fax.gif);
}

#footer #email 
{
background-image: url(images/email.gif);
}

#innerFooter a
{
padding: 0.1em;
color: #010043;
text-decoration: none;
}

#innerFooter a:hover
{
padding: 0.1em;
color: #010043;
text-decoration: underline;
}


/* dashboard */


#dashboard .rss 
{ 
background: transparent url("images/icon_rss_blue.gif") 0 0 no-repeat; 	
font: normal .9em/1.2 Tahoma, Arial, Verdana, Helvetica, sans-serif;
padding: 0 0 0 18px;
margin: -26px 0 0 0;
height: 18px;
letter-spacing: .04em;
float: right;
display: block;
}

#dashboard .rss a, 
#dashboard .rss a:visited 
{
color: #fff;
text-decoration: none;
padding: 0;
border: none;
background: none;
}

#dashboard .rss a:hover 
{
text-decoration: none; 
background: none; 
color: #ccc;
}

#dashboard
{
width: 920px;
margin: 2em auto 0 auto;
padding: 0;
background: #19253f url(images/dashboard2.jpg) no-repeat 0 0;
border: 1px solid #fff;
}

#dashboard h2
{
margin: 0;
padding: .2em 0 .4em 1em;
line-height: 1.1em;
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #fff;
border-bottom: 3px double #999;
}

#dashboard .block
{
float:left;
width: 31%;
margin-left: 27px;
}

* html #dashboard .block
{
}

#dashboard .first, 
* html #dashboard .first
{
clear: both;
margin: 0;
}

#dashboard .first blockquote 
{
background: transparent url("images/quotes.gif") 0 2em no-repeat;
padding: 1.5em .5em 1.5em 3em;
margin: 0;
font-size: 1.3em;
}

#dashboard .first blockquote p 
{	
/*	font: italic 1.2em/1.4 Georgia, "Times New Roman", Times, serif; 
*/	
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.4;
font-size: 1em;
font-style: italic;
margin: 0 0 .7em 0;
color: #dbdbdb;
letter-spacing: 0;
}

#dashboard .first blockquote cite
{
font: normal .9em/1.1 Georgia, "Times New Roman", Times, serif;
color: #666;
letter-spacing: .03em;
margin: 0;
padding: 0;
display: block;
text-decoration: none;
border: none;
text-align: right;
background: none;
outline: none;
}

#dashboard ul 
{
background: transparent;
padding: 0;
margin: 0 0 1em 0;
padding: 1px 0 0 0;
}

#dashboard ul li 
{
background: transparent url("images/line_dotted.gif")  repeat-x left bottom;
padding: 0 0 1px 0;
margin: 0;
clear: left;
font-weight: normal;
color: #ccc;
}

#dashboard ul li a, 
#dashboard ul li a:visited 
{
font: normal 1.1em/1.4 "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
color: #fff;
padding: .3em .2em;
text-decoration: none;
margin: 0;
display: block;
border: none;
}

#dashboard ul li a:hover 
{
color: #19253f;
background-color: #f8f8f8;
text-decoration: none;
padding: .3em .2em;
margin: 0;
display: block;
}

#dashboard ul li .date 
{
font: normal .85em/1.4 Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #999;
font-weight: normal;
padding: .1em 0 0 1em;
display: block;
letter-spacing: .04em;
}


/* leistungen */


#leistungen
{
background-color: #fff;
padding: 0;
margin: 0 2em 2em 0;
}

#leistungen h5
{
margin: 1em 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;
}

#leistungen ul 
{
margin: 0 1em 1em 0;
padding: .1em 0 0 0;
}

#leistungen ul li 
{
background: transparent url("images/bullet.gif") 0 .1em no-repeat;
padding: 0 0 1px 2em;
margin: 0;
clear: left;
font-weight: normal;
color: #010043;
}


/* barrierefreiheit */


#barrierefreiheit
{
background-color: #fff;
padding: 0;
margin: 0 0 2em 0;
}

#barrierefreiheit h5
{
margin: 1em 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;
}


/* referenzen*/


#referenzen dl 
{
margin: 1em 0 1.5em 0;
padding: .2em 0 .2em 1em;
}

#referenzen dl dt
{
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #333;
margin: 0 1em .5em 0;
padding: .1em 0 0 0;
}

#referenzen dl dd 
{
background: transparent url("images/todo.gif") 0 .4em no-repeat;
padding: 0 0 1px 1.5em;
margin: 0 0 2em 1em;
clear: left;
font-weight: normal;
color: #666;
}


.gallery
{
float: left;
width: 580px;
margin: 2em auto 0 auto;
padding: 1.4em 0 0 0;
background: #fff url(images/bg_gallery.jpg) no-repeat 0 4em;
}

#content .entry .gallery .fotos img
{
float: left;
margin: 1em 0.6em 1em 0.6em;
}

.gallery .fotos 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: #010043;
border-bottom: 3px double #999;
}



