/*############################################################################
# CSS fuer bestof.stefblog.de #
# (C) handcoded by Stef  #
# www.bestof.stefblog.de #
# 04/2009 #
############################################################################*/

/*##################################
# GENERELLES #
###################################*/

body {
	background-image: url("background.jpg");
	background-color: Black;
	font-family:Verdana,Arial,Helvetia,sans-serif; 	
	font-size: 12px;
	background-attachment:fixed;	
	margin: 0px 0px 10px 0px;
   padding: 0; 
}	

#container {
	text-align: left;
	background-image: url("background.jpg");
	vertical-align: middle;
	margin: 0px auto 0px;
	padding: 0px 0px;
	width: 700px;
/*	background-color: #fff;*/
	border: 0px;
}

/*##################################
# HEADER #
###################################*/
#header {
	height: 179px;
	padding-top: 0px;
	margin: 0px;
	background-image: url("grafiken/header3.jpg"); /*	text-transform: uppercase;*/
	z-index: 3;
	background-repeat: no-repeat;
}

h1 { 
	line-height:17pt; 
	font-size:15pt; 
	color:Silver; 
	text-align:left; 
	font-weight:bold;
	letter-spacing: .2em;
	padding-top: 10px;
	padding-left: 140px;
	}
	
h6 { 
	line-height:10px; 
	font-size:8px; 
	color:Grey; 
	text-align:left; 
	font-weight:bold;
	letter-spacing: .1em;
	padding-top: 78px;
	padding-left: 435px;
/*	padding-bottom: 10px;*/
/*	text-transform:capitalize*/
	}
	
	
/*##################################
# FIXER QUICKMENUBUTTON #
###################################*/	

#quicknavi {
	height: 150px;
	width: 30px;
	background-color: transparent;
	top:100px; 
	left: 50px; 	
	position: fixed;
}

/*##################################
# FIXER STEFBLOG #
###################################*/	

#stefblog {
	height: 120px;
	width: 90px;
	background-color: transparent;
	bottom:20px; 
	left: 20px; 	
	position: fixed;
	text-align: center;
}	

/*##################################
# CONTENT #
###################################*/

#content {
	width: 600px;
	background-color: #fff;
	text-align: left;
	float: left;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	border: 5px grey solid;

}


.text, p,ul,li { 
	line-height:16pt; 
	font-size:10pt; 
  text-align:left; 
  color: #171717;
	}
	


/*##################################
# Stenavi (am Seitenende) #
###################################*/

#sitenavi {
	width: 600px;
	background-color: transparent;
	text-align: center;
	float: left;
/*	padding-left: 30px;
	padding-right: 20px;*/
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 10px;
	color: Gray;
	line-height: 13px;

}

#sitenavi a:link {  
	color:Gray; 
	text-decoration:none;
	}
	
#sitenavi a:visited {  
	color:Gray; 
	text-decoration:underline;
	}
	
#sitenavi a:hover { 
	color:Gray; 
	text-decoration:underline; 
	}

/*##################################
# FOOTER #
###################################*/

#footer {
	width: 600px;
	background-color: transparent;
	text-align: left;
	float: left;
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	text-align: left;
	font-size: 10px;
	color: Gray;
	line-height: 13px;

}

#footer a:link {  
	color:Gray; 
	text-decoration:underline;
	}
	
#footer a:visited {  
	color:Gray; 
	text-decoration:underline;
	}
	
#footer a:hover { 
	color:Silver; 
	text-decoration:underline; 
	}


	
/*##################################
# GENERELLE SCHRIFTEN, LINKS #
###################################*/


/*Definitionen Schrift, Links, Ueberschriften */	

	
blockquote { 
	line-height:14pt; 
	font-size:10pt; 
	color:#5B5B5B; 
  text-align:left; 
  font-style: italic;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px gray solid;
	}	
		

.klein { 
	line-height:15pt; 
	font-size:10pt; 
	color:#000; 
   text-align:left; 
	}

.quelle {
	color: Gray;
	font-size: 8pt;
	font-style: italic;
}


/* Horizontale Linie zwischen den Beiträgen */		
hr {
	color: Gray;
	margin-top: 35px;
	margin-bottom: 35px;
}	
			
#content a:link {  
	color:Gray; 
	text-decoration:underline;
	}
	
#content a:visited {
	color: Gray;
	text-decoration: underline;
}
	
#content a:hover { 
	color:Gray; 
	text-decoration:none; 
/*	background-color:#0000FF;*/
	}
	
/*Titel*/	

/* Beitragsueberschrift */	
h2 { 
	line-height:20pt; 
	font-size:12pt; 
	color:#171717; 
	text-align:left; 

/*	font-weight:bold;*/
	}
	
/* Metadaten wie Datum */
h3 { 
	line-height:14px; 
	font-size:11px; 
	color:Silver; 
	text-align:left; 

/*	font-weight:bold;*/
	}	

	
.url { 
	line-height:14pt; 
	font-size:8pt; 
	color:#666666; 
	text-align:center;
	}
	
	
.date { 
	line-height:14pt; 
	font-size:10pt; 
	color:#000000; 
	}
	
.rot {
	color: Red;
}

.footer {
	width:100%; 
	height:113px; 
	text-align:left;
	overflow:auto;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


/*hochgestellt fuer TradeMark*/
.trademark {
	color: Silver;
	font-size: smaller;
}	

/*##################################
# EXTERNE LINKS #
###################################*/


a.liexternal { padding-right: 14px; background: url(grafiken/link.gif) no-repeat right; }
a.liwikipedia { padding-right: 16px; background: url(grafiken/wiki.gif) no-repeat right; }
a.lipdf { padding-right: 20px; background: url(grafiken/pdf.gif) no-repeat right; }