/** styleshet for DG-Classic Photos **/
* { margin:0; padding:0; font-size:100.01%; }

body { background-image:url(../images/top-border-bg.png); background-repeat:repeat-x; font-family:tahoma, arial, helvetica, sens-serif; font-size:12px; text-align:justify; color:#333; }

p { padding: 0 0 15px 0; font-size: 12px; }

h1 { font-size: 16px; padding: 10px 0; }
h2 { font-size: 14px; padding: 5px 0; }
h3 { font-size: 12px; padding: 5px 0; }
h4 { font-size: 11px; padding: 0 0 2px; }
h5 { font-size: 11px; padding: 0 0 2px; }

a { text-decoration:none; color:#FBB34E; }
a:hover { text-decoration:none; color:#777; }

#inhalt .thumbnail { display: inline-block; width: auto; border: 1px solid #ccc; padding: 2px; }

ul,ol { margin: 0 0 0 20px; }

/* !wrapper 
---------------------------------------------------------*/
#wrapper { width: 960px; height: auto; margin: 0 auto; z-index: 0; }

/* !container
----------------------------------------------------------------*/
#container,
.container,
#gallery_container { position:relative; width:960px; height: 636px; background:transparent url(../images/logo.png) no-repeat left top; z-index: 1; }

/* !header
----------------------------------------------------------------*/
#header { width: 100%; margin-bottom: 52px; }

	
/* !Top Navigation
----------------------------------------------------------------*/
.nav { display: none; }
	
/* !logo
----------------------------------------------------------------*/
#logo { position:absolute; left:14px; top:50px; width:200px; height:140px; }
#logo a { display:block; width:200px; height:140px; }
#logo h1 { display: none; }

	
/* !side-navigation
----------------------------------------------------------------*/
ul.side-nav { display: none; }

	
/* !content
----------------------------------------------------------------*/
#content { width: 480px; min-height: 607px; margin: 0 0 0 222px; padding: 5px 25px 5px 45px; color: #555; background: #fff url(../images/content_bg.gif) no-repeat 0 0; }

#inhalt { padding: 0 10px; }

	
/* !gallery
----------------------------------------------------------------*/
#gallery { position: absolute; top: 80px; left: 217px; width: 500px; height: 520px; }

	
/* !inhalt der conents
----------------------------------------------------------------*/
/*
.timeline {
	width:374px;
	height:117px;
	margin:10px 0 10px 45px;
}
*/

.line { border:1px dashed #DDD; background-color: #F6F6F6; margin: 5px 0; padding: 4px; font-family:arial; font-size: 11px; color:#888; }

.intro { border:1px solid blue; }

#clear { clear:left; }


/* !blog
----------------------------------------------------------------*/
#inhalt div.ditto_summaryPost { margin: 0 0 15px; }
#inhalt .ditto_summaryPost .ditto_tags a.ditto_tag { color:#333; text-decoration:underline; }
#inhalt .ditto_summaryPost .ditto_tags a.ditto_tag:hover { color:#FFCC5D; }

#inhalt div.ditto_summaryPost div.ditto_info { height:20px; line-height:19px; margin:0 0 10px; padding:0 4px; color:#aaa; background-color: #40403F; }
#inhalt div.ditto_summaryPost p { padding:0 2px 10px 5px; }
#inhalt div.ditto_summaryPost div.ditto_info a.comments { float:right; }
#inhalt div.ditto_summaryPost div.ditto_info a.comments:hover { color:#fff; }

#inhalt .timeline { position: relative; }
#inhalt .timeline .download { left: 0; position: absolute; top: 0; z-index: 20; }
#inhalt .timeline img,#inhalt .timeline .download { float:none!important; }
#inhalt .timeline .download a.area { display:block; position:absolute; border:0; }
#inhalt .timeline .download a.area.a { left:0; top:20px; width:160px; height:120px; }
#inhalt .timeline .download a.area.b { left:161px; top:0; width:120px; height:160px; }
#inhalt .timeline .download a.area.c { left:281px; top:20px; width:100px; height:160px; }
#inhalt .timeline .download a.area.d { left:0; top:20px; width:150px; height:120px; }
#inhalt .timeline .download a.area.e { left:151px; top:0; width:75px; height:160px; }
#inhalt .timeline .download a.area.f { left:226px; top:0; width:102px; height:160px; }
#inhalt .timeline .download a.area.g { left:0; top:0; width:90px; height:160px; }
#inhalt .timeline .download a.area.h { left:90px; top:0; width:90px; height:160px; }

	
/* !footer
----------------------------------------------------------------*/
#footer { display: none; }