/* general CSS */
body
{
	background-color: #333333;
	margin: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;	
	font-size: smaller;
}

a:link, a:visited
{
	color: #FD5900;
	text-decoration: none;
}

a:hover,a:active
{
	text-decoration: none;
	color: #FF0000;
}

.red_bar
{
	width: 95%;
	border: 0;
	border-spacing: 1px;
	background-color: #FF0000;
	border: 1px solid #000000;
	margin: 0 auto;
}

.red_bar td
{
	padding: 2px 2px 2px 2px;
}

h2
{
	font-size: 1em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.red
{
	font-size: 12px; 
	font-weight: bold; 
	color: #FF0000;
}

.bg1
{  
	background-image: url('../images/indexback.jpg');
}

.bg2
{  
	background-image: url('../images/dirty-main_09.jpg');
}

.subkop
{
	font-style: italic;
	color: #FFFFFF;
	font-size: small;
}

.clr
{
	clear: both;
}

/* CSS for contact form */
#contact
{
	background-color: #D1CFC0;
	padding: 10px 10px 10px 10px;
}

#contact form
{
	width: 460px;
}

#contact form legend
{
	display: none;
}

#contact form fieldset
{
	border: 0;
}

#contact form label, #contact form input, #contact form textarea
{
	float: left;
	width: 340px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

#contact form label
{
	font-weight: bold;
	width: 100px;
}

#contact form textarea
{
	height: 100px;
}

#contact form br
{
	clear: both;
}

#contact form .button
{
	float: right;
	width: 150px;
	margin: 10px 0px 0px 0px;
}

/* CSS for sidebar */

#search #searchterm
{
	width: 90%;
	margin: 0px 0px 2px 0px;
}

#sidebar
{
	width: 100%;
	border: 0;
	border-spacing: 0;
	text-align: left;
	font-size: 12px;
	margin: 29px 0px 0px 0px;
}

#sidebar td
{
	padding: 0px 0px 0px 0px;
}

#sidebar td table
{
	width: 90%;
	border: 0;
	border-spacing: 0;
	margin: 0 auto;
}

#sidebar img
{
	border: 1px solid #000000;
}

#sidebar .divider, #sidebar #rss
{
	border: 0;
}

.subtitle
{
	color: #FFFFFF;
	font-size: x-small;
	text-align: center;
}

a.special:link, a.special:visited, a.special:hover,a.special:active
{
	color: #DDDDDD;
}

/* CSS for gold circle */
#gold
{
	width: 90%;
	margin: 0 auto;
	text-align: center; 
}

#gold a:link, #gold a:visited, #gold a:hover,#gold a:active
{
	font-weight: bold;
	text-decoration: underline;
}

/* CSS for spotlight */
#spotlight
{
	width: 90%;
	margin: 0 auto;
}

#spotlight table
{
	text-align: center;
}

#spotlight td
{
	vertical-align: top;
}

#spotlight img
{
	border: 1px solid #000000;
}

#spotlight h1
{
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	word-spacing: 0.2em;
	text-decoration: underline;
	margin: 0px 0px 1em 0px;
}

/* CSS for posts */
#posts
{
	text-align: justify;
	margin: 0 auto;
	border: 0;
	width: 90%;	
	padding: 0px 0px 0px 0px;
	border-spacing: 0;
}

#posts #suggestions
{
	width: 80%;
	border: 1px solid #000000;
	font-weight: bold;
	margin: 0px 0px 1em 0px;
}

#posts h1
{
	font-size: 1em;
	font-weight: normal;
	word-spacing: 0.2em;
	text-decoration: underline;
	margin: 0px 0px 1em 0px;
}

#posts .img_left
{
	margin-right: 8px;
	border: 1px solid #000000;
}

#posts .img_right
{
	margin-left: 8px;
	border: 1px solid #000000;
}

#posts .text img
{
	border: #000000 1px solid;
}

#posts .text p
{
	margin: 0px 0px 1em 0px;
}

a.permalink:link, a.permalink:visited, a.permalink:hover,a.permalink:active
{
	font-size: 8pt; 
	font-style: italic;
}
