/**************************************
blackfrog.ch | CSS
(cc) 2007-09 by Sascha Haehni
some rights reserved
see /impressum for more informations 
***************************************/

/* Formatierung Tags */
html { padding:0 0 0 0; margin:0 0 0 0; }

body { background-color:#383838;
	background-image:url(background.jpg);
	background-repeat:repeat;
	padding:0; margin:0; }
	
a { color:#000000; text-decoration:underline; }
a.none { text-decoration:none; }

blockquote { padding-left:10px; border-left:3px #999999 double; }
blockquote:hover { border-left:3px #000000 double; }

div.comments { height:auto;
	overflow:hidden;
	width:500px;
	background-color:#D1DFD6;
	color:#000000;
	border:#000000 1px solid;
	position:absolute;
	top:50px;
	font-size:11px;
	left:50%; margin-left:-250px;
	padding:20px 20px 20px 20px;
	display:none; }
	
h1 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-stretch:expanded;
	margin:15px 0 5px 0;
	font-weight:bold; }

h2 { text-transform:uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:#000000 1px solid;
	margin:0 0 5px 0;
	font-weight:bold; }
	
input,textarea,select { background-color:#DDDDDD; border:#000000 1px solid; }
	
p { padding:0; margin:0 0 10px 0; }
p.commentbody { padding-left:5px; border-left:#999999 1px solid; }

table.album { width:100%;
	height:auto;
	border:none;
	text-align:center;
	margin-bottom:30px;
	text-align:center;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif; } 
	
table.thumbs { width:100%;
	height:120px;
	table-layout:fixed;
	vertical-align:middle; text-align:center;
	margin:0; }

ul { margin:10px 0 10px 0; padding:0; }
li { margin:0 0 0 50px; padding:0; }

	
/* Formatierung Inhalt */
#content_table { margin:0; padding:0; table-layout:fixed;
	color:#000000;
	height:auto; width:691px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif; }
	
#content_text { margin:0 0 0 0; padding:0 0 0 17px;
	height:auto; width:480px;
	vertical-align:top; overflow:hidden; }
	
#content_navigation { margin:0; padding:0 10px 20px 25px;
	height:auto; width:auto;
	vertical-align:top; overflow:hidden; }
	
#content_navigation a { text-decoration:none; }
#content_navigation li, #text_navi ul { margin:0; list-style:none; }
#content_navigation ul.children { padding:0 0 0 10px; margin:0; font-style:italic; }

#pageinformation { 	position:absolute; top:12px; left:550px;
	margin:0 0 0 0; padding:0;
	color:#213925;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0; margin:0; }
	
#pageinformation a { text-decoration:none; color:#213925; }
	
/* Blog */
input#s, input#searchsubmit { background-color:#7c9786; border:#213925 1px solid; }

.postmetadata { font-style:italic; margin-bottom:30px; color:#555555; }
.postmetadata a { color:#555555; }

.commentmetadata a { color:#555555; text-decoration:none; }

textarea.comment { width:450px; height:150px; }

ul.post-meta { background-color:#EBEBEB; list-style-type:square; }

.flickrmeta { font-size:10px; margin:10px 0 20px 0; color:#555555; }
.flickrmeta a { color:#555555; }

/* Albenansicht */
#alben { position:absolute;
	background-image:url(alben_bg2.png);
	background-repeat:repeat;
	min-height:600px; width:750px;
	top:10px; left:50%;
	margin:0 0 0 -375px;
	padding:20px;
	border:#000000 solid 2px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:6; }

#alben_bg { position:absolute;
	background-image:url(alben_bg.png);
	background-repeat:repeat;
	height:100%; width:100%;
	top:0; left:0;
	margin:0;
	z-index:5; }

/* Anzeige bei ausgeschaltetem Javascript oder deaktivierten Cookies */
#browsererror { position:fixed; top:10px; left:10px;
	background-color:#990000; color:#CCCCCC; border:1px solid #000000;
	width:200px; height:auto; padding:10px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:5; }
	

/* Kleine Schrift */
.smalltxt { margin:0;
	padding:0;
	font-size:9px;
	font-weight:normal; }


/* Designgeruest */
#headerline { position:absolute;
	width:50%; height:215px;
	margin:0;
	background-image:url(headerline.jpg); background-repeat:repeat-x; }
	
#header { position:relative;
	width:691px; border:none;
	left:50%; margin:0 0 0 -346px; }
	
#body { position:relative;
	width:691px; height:auto; min-height:400px;
	left:50%; border:none;
	margin:0 0 0 -346px; padding:0;
	background-image:url(body.jpg); background-repeat:repeat-y;}
			
#footer { position:relative;
	width:691px; height:87px;
	bottom:0px; left:50%; border:none;
	margin:0 0 0 -346px; padding:0;
	background-image:url(footer.jpg); background-repeat:no-repeat; }