/*------------------------------------------------------
css daily.elsch.eu       design and code by ms@elsch.info
copyright michael schäfer 2004-2007. all rights reserved
----------------------------------------------------- */

@import "http://www.xn--michaelschfer-kfb.de/elscheu/reiternav.css";

html { /*height: 100%;*/ } 
body { 
	/*min-height: 101%;	*/
	margin: 0; 
	padding: 0; 
	font-family: verdana, lucida, arial, helvetica, sans-serif; 
	color: #666; 
	font-size : 13px; 
	text-align: center; 
	background: #f2f2f2 url(balken.jpg) no-repeat top center; }

#page {
	background: url(buehne.jpg) repeat-y top center;
	margin: 55px auto 0 auto;
	padding: 0;
	text-align: left;
	width: 780px; }

#logo {
	float: left;
	padding: 2px 0 0 15px;
	width: 250px; }

#logo a { 
	padding:0 0 0 42px;
	background: transparent url(http://www.xn--michaelschfer-kfb.de/elscheu/elsch-sign.jpg) no-repeat left;
	height: 55px;
	text-align: left; }
#logo a img { padding:10px 0 0 0; }

#image-navigation { 
	font-size:10px; 
	height : 20px; 
	margin: 0; 
	padding: 0 22px; }
	
#image-info { 
	background : transparent url(unten.jpg) no-repeat bottom center; 
	font-size:10px; 
	height : 50px; 
	padding: 0px 16px 0px 16px; }
	
#top {
	background: transparent url(oben.jpg) no-repeat top center;
	height: 20px;
	margin: 0;
}

#buehne { 
	padding: 0 20px 50px 20px; 
	text-align: center; 
	font-size:10px; 
}

a, a:active, a:visited { 
	color: #666; 
	text-decoration: none; 
	background : transparent; }
a:hover { color: black; }
a:focus { outline: none; }

a.title, a.title:active, a.title:visited { 
	font: bold 1.2em verdana, lucida, arial, helvetica, sans-serif; 
	color: #666; 
	text-decoration: none; 
	background : transparent; 
	border : none; }
a.title:hover { color: black; }
/* titel und link info+kommentare */

#buehne a, #image, #calendar a { border : none; }

#error { padding: 5px 16px 0px 0px; float:right; font: normal 12px "Courier New", Courier, monospace; color: red; }

#elschfooter, #motto { color: #a1a1a1; font-size:9px; margin-top: 40px; }
#motto { margin-top:0; }
#elschfooter a, #elschfooter a:active, #elschfooter a:visited,
#motto a, #motto a:active, #motto a:visited { color: #a1a1a1; text-decoration: none; background : transparent; border : none; }
#elschfooter a:hover, #motto a:hover { text-decoration: underline; }

#login { position:absolute; left:10px; top:10px; z-index: 10; }
#rss { position:absolute; right:10px; top:10px; z-index: 10; }

.key { border-bottom : 1px solid #666; font-style : normal; }
/* accesskeys unterstreichen */

/*------------------------
  archivseite 
-------------------------*/	
.thumbnails { padding:2px; border:none; }
#navunten { width:760px; font-size:10px; text-align: right; margin: 10px 6px 6px 6px; }
/* einzelnes foto */

#katfilter { margin: 2px 6px 0px 0px; padding: 5px; float:right; width:170px; height:264px; background:#ccc; }
/* filterbox (nicht aktiv) */
select.archiv, input.archiv { width:150px; }
/* button filter (nicht aktiv) und dropdown-filter */

.archive-navigation { font-size:10px; height : 20px; margin: 0; padding: 0 22px; float:right; }


/*------------------------
  kalenderseite/archiv 
-------------------------*/	
#kalender { margin-left: 10px; }	
#kalender .h { width:100px; float: left; text-align: center; border : 1px solid #ccc; margin:1px 1px 1px 0px; background : #f1f1f1; }
#kalender .d, #kalender .today { height: 90px; width:100px; float: left; text-align: center; border : 1px solid #ccc; margin:1px 1px 0px 0px; background : transparent; }
#kalender .today { background : #f1f1f1; font-weight: bold; }
#kalender img { margin-top: 2px; border: 1px solid #ccc; }
#kalender img:hover { border: 1px solid #666; } 
	
	
/*------------------------
  kommentarfenster 
-------------------------*/		
#image-notes {  width:370px; margin: 10px 0 0 10px; background : #fff url(daily.gif) no-repeat top right; font-size : 12px; line-height : 150%; padding: 5px; text-align:left; }
#image-notes p { margin: 5px 0px 5px 0px; }
#image-notes p.exif { font-size : 10px; line-height : 120%; margin: 15px 0px 5px 0px; }
#image-notes p.datum { font-size : 10px; margin: 0px; }
#thumbpic { margin:0px; float:left; width:180px; padding:0px; }
#thumbtxt { margin:25px 0px 0px 10px; float:left; width:170px; padding:0px; }
/* thumbnail sowie beschreibung/notizen */

#kommentare {  width:380px; margin: 10px 0 0 10px; position : relative; text-align: left; }
/* box um bisherige kommentare + formular */

#comments { margin:0px; padding: 8px 0px 20px 0px; font-size : 12px; line-height : 150%; }
#comments ul { padding:0px; list-style-type:none; margin:0px; }
#comments li { background:#fff; display:block; margin-bottom:10px; padding: 8px 5px 5px 5px; }
#comments .datum { font-size : 10px; }
/* einzelne kommentare */

#danketext { margin: 0px; color: red; font-weight: bold; background : transparent; padding: 0px 0px 40px 5px; font-size : 12px; line-height : 150%; }
#danketext a { font-size : 10px; font-weight: normal; }
/* dankebox */

#addcomment { padding: 0 0 20px 0; margin:0;}
#kommentare form {	display: inline; margin:0; padding:0; }
#kommentare textarea { width: 370px; margin:0; }
#kommentare input, #kommentare textarea { padding:5px; font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; border:1px solid #ccc; background:#fff; color:#444; }
#kommentare input { width: 353px; }

#kommentare input#id_name {
	padding-left: 22px;
	background-image: url('author.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
#kommentare input#id_email {
	padding-left: 22px;
	background-image: url('mail.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
#kommentare input#id_url {
	padding-left: 22px;
	background-image: url('url.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
}

#kommentare input.button { 
	background-image: url('button.gif');
	background-repeat: no-repeat;
	background-position: 0 -32px;
	width: 380px;
	border:none;
	padding:0;
	height:30px;
	padding: 5px 0;
}

#kommentare input.button:hover {
	background-image: url('button.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 380px;
	border:none;
	padding:0;
	height:30px;
	padding: 5px 0;
}


.subri { font-size : 10px; float:right; }
/* kommentarformular */
		
	
/*------------------------
  kalender unten
-------------------------*/	
#calendar { width:760px; font-size:10px; letter-spacing:-1px; margin: 20px auto 6px auto; }
#calendar ul { text-align: left; margin:0px; background:#fff; list-style: none; padding: 6px 5px 6px 5px; border: 1px solid #ccc;}
#calendar li { display: inline; padding: 5px; }
#calendar li.img { background:#ddd; border: 1px solid #f1f1f1; }
#calendar li.img:hover { background: #999; } 
#calendar li.today { background:#ccc; border: 1px solid #f1f1f1; }
#calendar li.today:hover { background: #ffa500; } 

#soloIT { float:right; width:240px; text-align:right; padding-right:10px; }
#bildnav { float:left; width:240px; }
#link_under { float:left; width:240px; text-align:left; padding-left:10px;}