/* c.windhausen Stylesheet */
/* by Moritz Böhm, 06/05 */

#body {
	background-color: #FFFFFF;
	margin: 0 0 0 0px;
}

/* ##### Text ##### */

.title, h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #AD3C3F;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.title_category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646464;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.title_tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #AD3C3F;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AD3C3F;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.title_grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	font-weight: bolder;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646464;
	text-decoration: none;
	text-align: left;
	vertical-align:text-top;
	line-height: 16px;
}

.redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AD3C3F;
	text-decoration: none;
	text-align: left;
	line-height: 14px;
}

.text_grey, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	line-height: 16px;
}

.text a  { color: #ad3c3f; text-decoration: none }
.text a:link { font-weight:none; color:#AD3C3F; text-decoration:none }
.text a:visited { font-weight:none; color:#AD3C3F; text-decoration:none }
.text a:hover { font-weight:none; color: #fff; background-color: #646464 }
.text a:active { font-weight:none; color: #AD3C3F; text-decoration:none }
.text a:focus { font-weight:none; color: #AD3C3F; text-decoration:none }

.tinytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
	text-decoration: none;
	line-height: 14px;
}

.tinytext a:hover { font-weight:none; color: #fff; background-color: #646464 }
.redtext a:hover { font-weight:none; color: #fff; background-color: #646464 }

/* ##### Layoutblöcke ##### */

#flashlogo {
	position: absolute;
	height: 126px;
	width: 127px;
	left: 75px;
	top: 78px;
}

#namenslogo {
	position: absolute;
	height: 10px;
	width: 153px;
	left: 308px;
	top: 78px;
}

#titlebar {
	position: absolute;
	height: 39px;
	width: 410px;
	left: 308px;
	top: 185px;
}

#textbar {
	position: absolute;
	width: 410px;
	left: 308px;
	top: 234px;
}

#imagebar {
	position: absolute;
	width: 108px;
	left: 759px;
	top: 0px;
}

#lbarchiv {
	position: absolute;
	width: 165px;
	left: 759px;
	top: 195px;
}

/* ##### Navigation ##### */

ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation {
	position: absolute;
	width: 158px;
	left: 15px;
	top: 254px;
	
	margin: 0 0 0 90px;
	text-align: left;
}

#navigation li a
{
	height: 15px;
	text-decoration: none;
}	
	
#navigation li a:link, #navigation li a:visited
{
	height: 15px;
	display: block;
}
	
#navigation li a:hover, #navigation li a:active, #navigation li a:focus
{
	height: 15px;
	background: url(../gfx/cw_nav_circles.png);
	padding: 0px 0 0 0px;
}
.navigation_current {
  	height: 15px;
	text-decoration: none;
	background: url(../gfx/cw_nav_circles_red.png);
	padding: 0px 0 0 0px;
	display: block;
}
	
/* ##### Loudblog ##### */

#textblock {
	margin: 5 0 5 0px;
}

/* ##### Diverse ##### */

.audioplayer
{
	margin: 9 0 0 0px;
	text-align: left;
}

/* COMMENTS */

form {
border-top: 1px dotted black;
padding-top: 0em;
margin-top: 0em;
width: 340px;
}

div.input {
width: 160px;
float: left;
}

label {
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}

div.input input {
width: 110px;
}

div#message {
width: 340px; 
float: left;
margin-top: 1.2em;
}

div#message textarea {
width: 334px;
height: 120px;
}

div#buttons {
width: 330px;
float: right;
margin-top: 35px;
overflow: hidden;
}

div#buttons input {
width: 160px;
float: left;
}

div#file input {
width: 220px;
}