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

body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-align: justify; background: url(../images/top-border-bg.png) repeat-x 0 0; }

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; font-size: 12px; }

a:hover { text-decoration:none; color:#777; }
a.arrow { padding-left: 10px; background: url(../images/list_arrow.png) no-repeat 0 center; }

#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 { margin: 0 auto; width: 36em; height: 49px; text-transform: uppercase; text-align: center; }
.nav li { list-style:none; float:left; line-height:40px; height:45px; padding:2px 14px; }
.nav li:hover { background:url(../images/current.png) no-repeat center; }
.nav li a.current { background:url(../images/current.png) no-repeat center -2px; }
.nav li a { display:block; height:49px; color:#aaa; }
.nav li a:hover { color:#FFF; }
.nav li.current a { color:#FFCC5D; }

	
/* !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 { position:absolute; left:16px; top:260px; margin:0; width:160px; z-index: 9999; }
ul.side-nav li { position: relative; list-style: none; margin: 0 0 14px; z-index: 9999; }
ul.side-nav li a { display:block; text-align:right; font-size:16px; line-height:16px; color:#999; letter-spacing:1px; padding-right:10px; }
ul.side-nav li a:hover,
ul.side-nav li a.current { color:#333; background:url(../images/hover.png) no-repeat right; }
ul.side-nav li ul { display: none; position: absolute; top: -10px; left: 158px; width: auto; padding: 5px 0; margin: 8px 0; border: 2px solid #fff; background-color: #222; z-index: 9999; }
ul.side-nav li:hover ul { display: block; text-align:left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 7px #555; -webkit-box-shadow: 0 0 7px #555; filter: progid:DXImageTransform.Microsoft.Shadow(color='#555', Direction=145, Strength=5); box-shadow: 0 0 7px #555; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .8; }

/* My Comment */
ul.side-nav li ul li { position: relative; margin: 0 0 4px; width: 110px; z-index: 9999; }
ul.side-nav li ul li:hover { background-color: #777; }
ul.side-nav li ul li a { display: block; width: 100%; font-size:12px; padding-left:10px; text-align:left; }
ul.side-nav li ul li a:hover,
ul.side-nav li ul li a.current { color: #fff; background-image: none; }

	
/* !content
----------------------------------------------------------------*/
#content { width: 480px; min-height: 607px; *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; }
#inhalt ul.linklist { margin-top: 5px; list-style: none; }
#inhalt ul.linklist li { margin-bottom: 10px; padding-left: 15px; background: url(../images/list_arrow.png) no-repeat 0 center; }
#inhalt h1.created { font-size: 13px; padding: 0 0 5px; margin-bottom: 5px; color: #555; }

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

	
/* !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 .ditto_summaryPost { margin:0 0 15px; }
#inhalt .ditto_summaryPost h3 { padding: 0 0 5px; border-bottom: 1px solid #e8e8e8; margin-bottom: 5px; }
#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 .ditto_summaryPost .ditto_info { height:20px; line-height:19px; margin:0 0 10px; padding:0 4px; color:#aaa; background-color:#40403F; }
#inhalt .ditto_summaryPost .ditto_info a.comments { float:right; }
#inhalt .ditto_summaryPost .ditto_info a.comments:hover { color:#fff; }
#inhalt .ditto_summaryPost .ditto_info p.date { text-align: right; color: #FBB34E; }
#inhalt .ditto_summaryPost p { padding: 0 0 10px; }


#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; }

#inhalt .counter { display: block; width: 75px; height: 30px; margin: 0 auto 15px; }
#inhalt .date { color: #FFFFFF; display: block; font-family: Monospace; font-size: 24px; font-weight: normal; height: 28px; line-height: 30px; text-align: center; width: 100%; background: none repeat scroll 0 0 #40403F; }

/* ditto pager
----------------------------------------------------------------*/
#ditto_pages {}
#ditto_pages span.ditto_currentpage,
#ditto_pages a.ditto_page { display: inline-block; margin: 0 3px 0 0; font-size: 11px; width: 14px; height: 14px; text-align: center; padding: 0; line-height: 14px; }
#ditto_pages a.ditto_page { background-color: #efefef; border: 1px solid #ddd; }
#ditto_pages a.ditto_page:hover { background-color: #ccc; border: 1px solid #999; }
#ditto_pages span.ditto_currentpage { border: 1px solid #fff; }


#ditto_pages a.ditto_next_link { font-size: 11px; }
	
/* !footer
----------------------------------------------------------------*/
#footer { position:fixed; bottom:0; right:12px; padding:3px; color:#ccc; }
#footer .designed { text-align:right; }
#footer .designed p { font-size: 11px; }
#footer a { color:#aaa; }

#footer a:hover { color:#777; }