body,
html
{
	height:100%;
	width:100%;
	padding: 0;
	margin: 0;
	/*font-family: Verdana,"MS Trebuchet", Geneva, Helvetica, Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height:1.4em;
	letter-spacing:0.025em;
	color:#303030;
	text-align: center;
	background-color: #CCCCCC;
	background-image:url(../images/background.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}

body 
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

img
{
	border:0;
}

a:link
{
	color:#94cf26;
	font-weight:bold;
	text-decoration:none;
}

a:visited
{
	color:#94cf26;
	font-weight:bold;
	text-decoration:none;
}

a:hover
{
	color:#FF9A00;
	font-weight:bold;
	text-decoration:none;
}

a:active
{
	color:#FF9A00;
	font-weight:bold;
	text-decoration:none;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	color:#505050;	/* Etwas helleres Grau als #303030 um optischen Grau-Unterschied auszubessern */
}

#throbber {
	background-color:#FFFFFF;
	background-image:url(../images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	display:none;
	font-weight:bold;
	height:250px;
	left:50%;
	line-height:125px;
	margin-left:-125px;
	margin-top:-125px;
	overflow:hidden;
	position:fixed;
	text-align:center;
	text-transform:lowercase;
	top:50%;
	width:250px;
	z-index:99999;
}

#throbber-overlay {
	background-image:url(../images/throbber-overlay.png);
	display:none;
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:99998;
}

#container
{
	position:relative;
	width: 900px;
	padding-top:1em;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	z-index:1;
}

#main-column
{
	width:715px;
	float:left;
	margin-bottom:2em;	/* So hat der Footer ggf. etwas Luft */
}

#right-column
{
	width:164px;
	float:left;
	margin-bottom:2em;	/* So hat der Footer ggf. etwas Luft */
}

/* Logo Code */

#logo
{
	height:70px;
	line-height:70px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position:21px 0px;
	text-indent:88px;
	letter-spacing:0.057em;
	margin-bottom:0.5em;
	font-size:4em;
	font-weight:bold;
	color:#505050;	/* Etwas helleres Grau als #303030 um optischen Grau-Unterschied auszubessern */
}

#logo a
{
	display:block;
	height:70px;
}

.orange
{
 	color:#FF9A00;
}

.gruen
{
	color:#94cf26;
}

.gray
{
	color:#505050;	/* Etwas helleres Grau als #303030 um optischen Grau-Unterschied auszubessern */
}

#logo_tagline
{
	display:block;
	margin-top:-41px;
	margin-left:163px;
	font-size:0.3em;
	letter-spacing:0.025em;
	vertical-align:middle;
}

/* Code fuer Menu */

#menu
{
	width:860px;
	height:250px;
	padding-left:20px;
	padding-right:20px;
	clear:both;
}

#menu ul,
#menu ul li
{
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li
{
	width:220px;
	height:250px;
	float:left;
	margin-right:10px;
	line-height:250px;
	text-align:center;
}

#menu ul li a
{
	display:block;
	width:220px;
	height:250px;
	line-height:250px;
	color:#94cf26;
	font-size:2em;
}

#menu ul li a.active
{
	color:#FF9A00;
}

#menu ul li a:hover
{
	color:#FF9A00;
}

#menu ul li a span
{
	line-height:57px;
	vertical-align:bottom;
}

#musik
{
	background-image:url(../images/musik.jpg);
	background-repeat:no-repeat;
}

#musik-selected
{
	background-image:url(../images/musik-selected.jpg);
	background-repeat:no-repeat;
}

#filme
{
	background-image:url(../images/filme.jpg);
	background-repeat:no-repeat;
}

#filme-selected
{
	background-image:url(../images/filme-selected.jpg);
	background-repeat:no-repeat;
}

#about
{
	background-image:url(../images/about.jpg);
	background-repeat:no-repeat;
}

#about-selected
{
	background-image:url(../images/about-selected.jpg);
	background-repeat:no-repeat;
}

#content
{
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}

#content h1
{
	margin:0;
	margin-top:2.2em;
	margin-bottom:-1.0em;
	padding:0;
	font-size:0.9em;
}

#content h2
{
 	margin:0;
 	margin-top:0.25em;
 	margin-bottom:0.25em;
 	padding:0;
 	padding-top:0.5em;
 	color:#FF9A00;
 	clear:both;
}
 
#content h2.newsheader
{
	margin-top:1.5em;
} 
 
#content h2 a:link,
#content h2 a:visited
{
 	color:#FF9A00;
}

#content h2 a:hover,
#content h2 a:active
{
	color:#94cf26;
}
 
#content h3
{
	margin:0;
	padding:0;
	font-size:1.2em;
}

#content img
{
	border:7px solid #414141;
	-moz-border-radius:11px;
}
 
.post_autor
{
  	background-image:url(../images/autor.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	margin-left:4px;
}
 
.post_datum
{
   	background-image:url(../images/datum.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:16px;
	margin-left:4px;
}

#content ul,
#content ol
{
	margin:2em;
}

#content ul li,
#content ol li
{
	margin-bottom:0.33em;
}

.back
{
	font-size:1.2em;
	padding-top:1.0em;
	padding-bottom:1.5em;
	clear:both;
}

.back:before
{
	content:  "\AB\20"; 
}
 
.rating-box
{
	margin-left:2.6em;
	margin-top:-3.57em;
	height:25px;
	width:125px;
}

.rating_confirm 
{
	display:block;
	position:absolute;
	left:205px;
	top:470px;
}

 /* Code um grosse Buttons unter Artikel-Volltext zu formatieren */

#options
{
	width:715px;
	list-style-type:none;
	line-height:82px;
	margin:0;
	padding:0;
	display:block;
	clear:both;
}

#options li
{
	float:left;
	list-style-type:none;
	width:338px;
	height:82px;
	text-indent:82px;
	line-height:82px;
	font-weight:bold;
	margin-bottom:2em;
}

#options li#amazon
{
	background-color:transparent;
	background-image:url(../images/amazon-cd.jpg);
	background-repeat:no-repeat;
	background-position:center left;
}

#options li#friend
{
	background-color:transparent;
	background-image:url(../images/friend-mail.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	clear:right;
}

#options li a
{
	display:block;
	width:338px;
	height:82px;
	word-spacing:-0.1em;
}
 
 /* Code fuer Kommentare */
 
.comcounter
{
	width:100%;
	display:block;
	clear:both;
	text-align:right;
	margin-bottom:2.5em;
}
 
#comment-1,
#comment-3,
#comment-5,
#comment-7,
#comment-9,
#comment-11,
#comment-13,
#comment-15,
#comment-17,
#comment-19,
#comment-21,
#comment-23,
#comment-25,
#comment-27,
#comment-29,
#comment-31,
#comment-33,
#comment-35,
#comment-37,
#comment-39 {
	background-color:#ECECEC;
}
 
.kommentarbox{
	display:block;
	padding-top:1.0em;
	padding-right:4.0em;
	padding-bottom:1.0em;
	padding-left:4.0em;
	font-size:0.85em;
	margin-top:1.0em;
	margin-bottom:1.0em;
}

.comment-author {
	font-weight:bold;
}

.Kommentar-Heading
{
	font-weight:bold;
	border-top:2px solid #8F8F8F;
	width:100%;
	clear:both;
	display:block;
	text-align:center;
	padding-top:1em;
 	color:#FF9A00;
 	font-size:1.5em;
 	margin-bottom:1em;
}

#comments-link
{
	font-size:0.8em;
	line-height:16px;
	width:100%;
	clear:both;
	display:block;
	text-align:center;
}

#kommentare p
{
	float:left
}

#commentator-used{
	font-size:1.66em;
	font-weight:bold;
	color:#FF9A00;
	margin-top:1.5em;
}

#password-hinweis{
	font-size:0.66em;
	color:#303030;
}

#name-paragraph
{
	margin-right:72px;
}

#optional
{
	font-size:0.66em;	
}

#kommentare input
{
	border:0;
	border-bottom:2px solid #8F8F8F;
	border-top:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	color:#FF9A00;
	height:19px;
	width:200px;
	line-height:19px;
	font-size:18px;
	margin:0;
	padding:0;
}

#kommentare textarea
{
	border:0;
	border-bottom:2px solid #8F8F8F;
	border-top:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	height:160px;
	width:673px;
	line-height:16px;
	font-size:12px;
	font-family: Arial, sans-serif;
	text-align:justify;
	margin:0;
	padding:0;
}

.search-highlight
{
	font-weight:bold;
	background-color:#94cf26;
}

#submit
{
	border:2px solid #8F8F8F;
	color:#94cf26;
	font-size:1.25em;
	float:right;
	background-color:#FFFFFF;
	-moz-border-radius:5px;
}
 
/* Code fuer Login Form */

.formfeld:hover,
.formfeld:active,
.formfeld:focus
{
	background-color:#ECECEC;
}

#login_box
{
 	height:226px;
 	padding-top:36px;
 	margin-bottom:18px;
}
 
 #login_form fieldset
 {
 	margin:0;
 	padding:0;
 	border:0;
 }

 #login_form p
 {
  	margin:0;
 	padding:0;
 }

#login_form input
{
	border:0;
	border-bottom:2px solid #8F8F8F;
	border-top:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	color:#FF9A00;
	height:24px;
	width:164px;
	line-height:24px;
	font-size:23px;
	margin:0;
	padding:0;
	margin-bottom:0.5em;
}

#login_form button
{
	border:0;
	margin:0;
	padding:0;
	margin-top:0.5em;
	margin-bottom:0em;
	background-color:#FFFFFF;
	float:right;
	cursor:pointer;
}

#login_newmembers
{
	clear:both;
	text-align:center;
	border-bottom:2px solid #8F8F8F;
	margin-top:1.0em;
}
 
 .boxheader
 {
 	width:164px;
 	height:1.35em;
 	line-height:1.35em;
 	margin:0;
 	padding:0;
 	background-color:#303030;
 	background-image:url(../images/boxheader-gray.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
 }
 
.box
{
    	background-color:#ECECEC;
    	margin-bottom:2em;
    	padding:4px;
}
 
.box hr
{
	border:0;
	background-color:#FFFFFF;
	color:#FFFFFF;
	height:1px;
	clear:both;
	margin:0;
	padding:0;
	margin-top:0.25em;
	margin-bottom:0.25em;
}

#tools
{
	margin:0;
	padding:0;
	height:35px;
	list-style:none;
}

#tools li
{
	margin:0;
	padding:0;
	float:left;
	margin-right:4px;
} 

.hidden-objects-for-javascript-interaction
{
	display:none;
}

#searchform
{
	clear:both;
	display:block;
}

#searchform,
#searchset
{
	border:0;
	margin:0;
	padding:0;
}

.searchfield
{
	border:0;
	border-bottom:2px solid #8F8F8F;
	border-top:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	color:#FF9A00;
	height:24px;
	width:154px;
	line-height:24px;
	font-size:23px;
	margin:0;
	padding:0;
}

select.dropdowner
{
	border:0;
	border-bottom:2px solid #8F8F8F;
	border-top:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	color:#FF9A00;
	height:18px;
	max-width:606px;
	line-height:18px;
	font-size:17px;
	margin:0;
	padding:0;
}

input[type="checkbox"]
{
	border:0;
	border-bottom:2px solid #8F8F8F;
	border-top:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	color:#FF9A00;
}
  
.autor_name
{
  	background-image:url(../images/autor-gray.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	float:left;
}
  
.autor_rss
{
	float:right;
}
  
.autor_suche
{
	float:right;
	margin-right:4px;
}

#footer
{
	width:900px;
	line-height:12px;
	color:#FFFFFF;
	background-color:#414141;
	display:block;
	clear:both;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
}

#footer img
{
	display:inline;
	margin-left:1em;
	margin-bottom:-5px;
}
