body,html 
{
	font:12px/15px Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	background-color: #000;
	margin:0;
	padding:0;
}

h1
{
	margin:0;
	padding:0 10px 12px 0;
	font:12px/15px Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

h2
{
	margin:0;
	padding:0 10px 0 0;
	font:12px/15px Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

p
{
	margin:0;
	padding:0 10px 12px 0;
	font:12px/15px Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	font-weight:normal;
}

a {
  color: #ddd;
  text-decoration: underline;
}

a:hover {
  color: #e10000;
  text-decoration: underline;
}

.extralink {
  font: 1px Arial, Helvetica, Verdana, sans-serif;
  color: #000000;
  text-decoration: none;
}

.extralink:hover {
  font: 1px Arial, Helvetica, Verdana, sans-serif;
  color: #000000;
  text-decoration: none;
}

small
{
	font-size:9px;
	line-height:11px;
}

#container
{
	width:980px;
	padding:0;
	margin:0;
}

#container #kopf
{
	display:block;
	width:980px;
	height:110px;
	margin:0;
	padding:0;
}

#container #inhalt
{
	float:left;
	display:inline;
	margin:0 0 10px 10px;
	padding:0;
	width:750px;
	height:auto;
}

#container #inhalt div.teaser
{
	margin:0 0 10px 0;
	padding:0;
	width:750px;
	height:130px;
}

#container #inhalt div.teaser img
{
	border:none;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

#container #rechts
{
	float:left;
	display:inline;
	margin:0 0 10px 10px;
	padding:0;
	width:200px;
	height:auto;
}

div.btn_newsletter
{ 
	height:34px;
	background: transparent url(../pix/button_rechts_newsletter.gif) 0 -3px no-repeat;
}

#container #rechts div.infobox
{
	margin-bottom:10px;
	padding:10px 0 0 0;
	width:200px;
	display:block;
	background:#000 url(../pix/hintergrund_rechte_spalte.gif) 0 0 repeat-y;
}

#container #rechts div.infobox p,
#container #rechts div.infobox h2,
#container #rechts div.infobox small
{
	padding-left:10px;
}

#container #rechts div.button
{ 
	display:block;
	width:200px;
	height:40px;
	margin:0 0 10px 0;
	padding:0;
}

#container #rechts div.button a
{ 
	display:block;
	height:40px;
	margin:0;
	padding:0;
	text-decoration:none;
}

div.btn_futube, 
div.btn_futube a, 
div.btn_futube a:link, 
div.btn_futube a:visited 
{ 
	height:40px;
	background: transparent url(../pix/button_rechts_futube.gif) 0 0 no-repeat;
}

div.btn_futube a:focus, 
div.btn_futube a:hover 
{ 
	background: transparent url(../pix/button_rechts_futube-over.gif) 0 0 no-repeat;
}

div.btn_player, 
div.btn_player a, 
div.btn_player a:link, 
div.btn_player a:visited 
{ 
	height:40px;
	background: transparent url(../pix/button_rechts_player.gif) 0 0 no-repeat;
}

div.btn_player a:focus, 
div.btn_player a:hover 
{ 
	background: transparent url(../pix/button_rechts_player-over.gif) 0 0 no-repeat;
}

div.btn_mailderwoche, 
div.btn_mailderwoche a, 
div.btn_mailderwoche a:link, 
div.btn_mailderwoche a:visited 
{ 
	height:40px;
	background: transparent url(../pix/button_rechts_mailderwoche.gif) 0 0 no-repeat;
}

div.btn_mailderwoche a:focus, 
div.btn_mailderwoche a:hover 
{ 
	background: transparent url(../pix/button_rechts_mailderwoche-over.gif) 0 0 no-repeat;
}

div.btn_buchdesmonats, 
div.btn_buchdesmonats a, 
div.btn_buchdesmonats a:link, 
div.btn_buchdesmonats a:visited 
{ 
	height:40px;
	background: transparent url(../pix/button_rechts_buchdesmonats.gif) 0 0 no-repeat;
}

div.btn_buchdesmonats a:focus, 
div.btn_buchdesmonats a:hover 
{ 
	background: transparent url(../pix/button_rechts_buchdesmonats-over.gif) 0 0 no-repeat;
}

.formular {
	margin:10px 0 0 0;
	float:left;
	display:inline;
}

.formular p {
	text-align:right;
	width: 198px;
	margin:10px 10px 0 10px;
	padding:0;
} 

.formular label, 
.formular input.sichtbar, 
.formular input.text_input, 
.formular select,
.formular textarea { 
	font: 12px/12px Helvetica, Arial, Verdana, sans-serif;
	display: block;
	float: left;
	width: 198px;
	height:17px;
	color: #000;
	background-color: #fff;
	border: none; 
	padding:0 0 0 3px;
	margin:10px 19px 0 10px;
}

.formular input.sichtbar, 
.formular input.text_input, 
.formular textarea { 
	width: 300px; 
}

.formular select {
	width: 305px; 
	height:auto;
	padding-left:0px;
}

.formular form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	clear: left; /* das floating der labels und inputs aufheben */
}

.formular input.btn_submit
{ 
	float: left;
	display:block;
	height:17px;
	padding:0;
	margin:10px 10px 0 250px;
	border:none;
	color:#000;
 	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

.formular label {
	text-align:right;
 	padding-top:2px;
 	border:none !important;
 	background:none !important;
}

.formular form {
	margin:0 0 0 0;
	padding:0;
}

.form_klein
{
	margin:0;
	width:auto !important;
	background-color:transparent !important;
}

.form_klein form
{
	margin:0 !important;
}

.form_klein input.sichtbar
{ 
	font: 10px/10px Helvetica, Arial, Verdana, sans-serif;
	height:14px;
	width: 140px;
	margin:0 0 0 10px;
}

.form_klein input.btn_submit
{ 
	margin:0;
	width:40px !important;
	background: transparent url(../pix/button_form_klein_bestellen.gif) 0 0 no-repeat;
}

.form_klein input.btn_submit:hover
{ 
	background: transparent url(../pix/button_form_klein_bestellen-over.gif) 0 0 no-repeat;
}