/*
*	Styles für NIGHTRAIN
*	Website Version 1.0
*	Mar 2010
*
*	Maincolors
*		GREEN #2a3317
*		BLACK #1e1e1e
*/

/*-----------------------------  Hauptbereiche -----------------------------*/
html, body {
height:100%;
margin:0;
padding:0;
background-image:url('../img/main_bg.jpg');
background-position:top left;
font-family:"Arial";
font-size:9pt;
}

/* Wird nur eingeloggten Usern angezeigt */
#user_box {
position:fixed;
top:0;
left:0;
width:100px;
height:175px;
padding:0 0 0 10px;
background-color: rgba(126,121,84,0.68);
color:#1e1e1e;
border-top:none;
border-left:none;
border-right:1px dotted #2a3317;
border-bottom:1px dotted #2a3317;
}

#user_box a {
color:#1e1e1e;
}

#user_box a:hover {
color:#ffffff;
}

#container {
margin: 0 auto;
padding:0;
height: 100%;
width:1000px;
top:0;
}

#header {
top:0;
width:1000px;
height:275px;
background-image:url('../img/header.png');
background-position:top left;
background-repeat:no-repeat;
}

#navigation {
margin-top:-17px;
width:935px;
height:30px;
padding-left:85px;
background-image:url('../img/menu_bg.png');
background-position:top left;
background-repeat:no-repeat;
font-family:"Arial";
font-size:9pt;
}

#navigation ul {
list-style-type:none;
padding-top:5px;
}

#navigation ul li {
display:inline;
margin-right:15px;
}

#navigation ul li a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-size:11pt;
font-variant:small-caps;
}

#sidebar_left {
top:355px;
width:75px;
float:left;
padding: 25px 0 0 25px;
z-index:2;
}

#content_container {
width:1000px;
position:absolute; /*Nötig damit Schatten bis unten reicht*/
background-image:url('../img/shadow.png');
background-position:top center;
background-repeat:repeat-y;
z-index:1;
}

#content {
top:355px;
width:635px;
min-height:950px;
float:left;
padding:5px 15px 20px 25px;
background-color: rgba(126,121,84,0.68);
color:#000000;
/*background-color:#7e7954;
filter: alpha(opacity=80)
opacity:0.80;
-moz-opacity:0.80;*/
overflow:hidden;
z-index:2;
}

#sidebar_right {
top:355px;
width:225px;
margin-left:775px;
padding: 25px 0 0 0px;
z-index:2;
}

/*-----------------------------  Elemente und Klassen -----------------------------*/
#menu_img_bar {
	position:absolute;
	margin:190px 0 0 170px;
	height:75px;
	width:450px;
	background-position:top left;
	background-repeat:no-repeat;
}

.sidebar_l_element {
	width:75px;
	height:25px;
	margin-bottom:10px;
}

#sidebar_rss {
	background-image:url('../img/rss_icon.png');
	background-position:top right;
	background-repeat:no-repeat;
}

#sidebar_twitter {
	background-image:url('../img/twitter_icon.png');
	background-position:top right;
	background-repeat:no-repeat;
}

#sidebar_myspace {
	background-image:url('../img/myspace_icon.png');
	background-position:top right;
	background-repeat:no-repeat;
}

#sidebar_youtube {
	background-image:url('../img/youtube_icon.png');
	background-position:top right;
	background-repeat:no-repeat;
}

#sidebar_facebook {
	background-image:url('../img/facebook_icon.png');
	background-position:top right;
	background-repeat:no-repeat;
}

.sidebar_r_element {
	width:180px;
	padding-left:20px;
	background-color:#1e1e1e;
	color:#ffffff;
}

.sidebar_r_headline {
	color:#ffffff;
	font-variant:small-caps;
	font-size:11pt;
	display:block;
}

.sidebar_r_top {
	width:200px;
	height:17px;
	background-image:url('../img/sidebar_up.gif');
	background-position:top right;
	background-repeat:no-repeat;
}

.sidebar_r_bottom {
	width:200px;
	height:17px;
	margin-bottom:10px;
	background-image:url('../img/sidebar_bottom.gif');
	background-position:top right;
	background-repeat:no-repeat;
}

#media_content {
	margin-left:20px;
}

#music_head_links {

}

#music_head_links span {
	margin:0px 8px 0 8px;
}

#music_head_links span:hover {
	cursor:pointer;
	color:#ffffff;
}

.music_content {
	display:none;
}

.music_recordinfo {
	padding-top:10px;
}

.music_content img {
	width:250px;
	border:none;
	margin:0 20px 20px 0;
	float:left;
}

.blog_info {
	font-style:italic;
	margin:-5px 0px 30px 0px;
	font-size:8pt;
}

.blog_comment {
	margin-bottom:20px;
}

.blog_comment span {
	font-size:8pt;
	color:#2a3317;
}

.guestbook_item span {
	font-size:8pt;
}

.guest_sign {
	margin:5px 0px 0px 5px;
}

.admincomment {
	color:#FFF;
	font-style:italic;
	margin:5px 0px 5px 10px;
}

/*--------------------------------*/
.record_rev {
	width:500px;
	margin:0px 0px 25px 20px;
}

.rev_cont {
	width:450px;
	font-style:italic;
	padding:0px 25px 0px 25px;
}

.rev_sign {
	text-align:right;
	margin-top:5px;
}

.quot_l {
	width:500px;
	height:25px;
	background-image:url('../img/quot_left.png');
	background-position:top left;
	background-repeat:no-repeat;
}

.quot_r {
	width:500px;
	height:25px;
	background-image:url('../img/quot_right.png');
	background-position:bottom right;
	background-repeat:no-repeat;
}
/*--------------------------------*/

h1 {
	font-size:13pt;
}

h1,h2,h3,h4,h5,h6 {
	font-variant:small-caps;
	color:#2a3317
}

a {
	text-decoration:none;
	color:#2a3317;
}

#sidebar_right a {
	text-decoration:none;
	color:#ffffff;
}

#content a {
	text-decoration:none;
	color:#2a3317;
}

#content a:hover {
	color:#ffffff;
}

.gig {
	margin-bottom:15px;
}

.gig .event {
	background-color: #eee !important;
}

.gig_title {
	font-weight:bold;
}

.gig_title a {
	color:#000 !important;
}

.gig_title a:hover {
	color:#fff !important;
}

#sidebar_nextgig img {
border:0;
width:150px;
margin-bottom:10px;
}

#sidebar_nextgig, #sidebar_tweets {
width:175px;
font-size:8pt;
padding-right:5px;
}

#sidebar_nextgig a, #sidebar_tweets a {
color:#ffffff !important;
text-decoration:none;
}

.cont_container {
padding-left:20px;
}

.shop_div {
margin-bottom:40px;
}

.shop_item {
border-top:none;
border-right:none;
border-bottom:1px dotted #2a3317;
border-left:none;
margin-bottom:20px;
}

.shop_item img {
margin-right:20px;
border:none;
width:150px;
float:left;
}

.shop_textbox {
}

.shop_infobox {
display:none;
margin-top:5px;
color:#ffffff;
font-weight:bold;
}

#cart_container {
border:1px dotted #2a3317;
padding:10px;
}

#shop_versand {
display:none;
}

#sum_price {
margin-top:10px;
border-bottom:none;
border-right:none;
border-top:1px solid #2a3317;
border-left:none;
font-weight:bold;
}

#newsletter_infobox {
display:none;
}

.backend_span {
color:#2a3317;
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px dotted #2a3317;
width:560px;
margin-bottom:15px;
}

.backend_span:hover, .backend_span_x:hover {
cursor:pointer;
}

.backend_span_x {
color:#2a3317;
width:545px;
margin-bottom:25px;
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px dotted #2a3317;
}

.backend_div {
display:none;
margin-left:15px;
}

.linie {
border-top:1px dotted #2a3317;
border-bottom:none;
border-right:none;
border-left:none;
margin:5px 0 10px 0;
}

.borders {
border:1px dotted #2a3317;
margin:5px 10px 10px 10px;
padding:5px;
}

.headline {
	font-variant:small-caps;
	color:#2a3317;
	margin-bottom:10px;
}

#show_files table th {
	background: none;
	height: auto;
	color: #000;
	text-align: left;
}
/* Captcha Block im Gästebuch */
#sicherheitscode{
	margin:10px 0 0 15px;
}

#guest_form tr td img {
	display:block;
	float:left;
}

.captcha_msg {
	font-weight:bold;
	color:#cc0000;
	margin-bottom:15px;
}

.title_link:hover {
	cursor: pointer;
}

#social_widgets {
	display: none;
}

.mandatory {
	font-weight: bold;
}

/*-----------------------------  Clearfix -----------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
