/* 
Theme Name: Rockfreunde
Theme URL: 
Description: Rockfreunde Theme
Author: Sebastian Thoennes
Author URI: 
Version: 1.0.4

*/

#background{position:absolute; z-index:1; width:100%; height:100%;}

#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow: auto; z-index:500;} 

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


body, font, input, textarea, select, table, td, th, p {
	font-family : Helvetica, Arial, Verdana, sans-serif; 
	font-size : 12px; 
	line-height: 20px;
	color: #fff;
}

body	{
	background-color:#000;
}


input {
color: #333;
}

textarea {
color: #333;
}

div 	{
	text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbŸndig ausgerichtet sind */
		}


#zentriert	{
	position:relative;
	text-align:left;
	width:1000px;
	margin-bottom:10px;
			}



#logo	{
	width:303px;
	height:237px;
	position:absolute;
	background-image: url(images/Rockfreunde_Logo.png);
    background-repeat: no-repeat;
}


#container	{
position:relative;
}



h1	{
	font-family : Arial, Helvetica, Verdana, sans-serif;
    font-size : 24px;
    letter-spacing: 0em;
    line-height: 30px;
    color: #fff;
    font-weight:normal;
    padding-top:0;
    margin-top:0;
	}

h2	{
	font-size:24px;
	font-weight:normal;
	text-transform: normal;
	line-height:30px;
	color:#fff;
	vertical-align:middle;
	padding-top:2px;
	padding-bottom:1px;
	}

h3	{
	font-size:12px;
	font-weight:bold;
	text-transform: normal;
	line-height:16px;
	color:#666666;
	border-bottom:1px solid #cccccc;
	vertical-align:middle;
	padding-top:20px;
	margin-bottom:10px;
	}	

#sponsoren {
margin-bottom:0px;
}


#sidebar h2	{
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#fff;
	padding-top:2px;
	margin-bottom:0px;
	}
	
#sidebar h1	{
	font-size:25px;
	font-weight:normal;
	font-style: normal;
	line-height:27px;
	color:#fff;
	padding-top:10px;
	margin-bottom:10px;
	}

h4	{
	font-size:18px;
	line-height:24px;
	color:#666666;
	margin-bottom:5px;
	padding-top:10px;
	text-decoration:none;
	}



#post h4 a	{
	color:#fff;
	border-bottom:0px solid #456b85;
	text-decoration:none;
	
	}

#post a	{
	color:#fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	}


#post a:hover	{
	color:#fcf308;
	border-bottom:0px solid #fcf308;
	text-decoration:none;
	}

#post- a	{
	color:#fff;
	border-bottom:0px solid #fff;
	text-decoration:none;
	}
	

#post- a:hover	{
	color:#fff;
	border-bottom:0px solid #fff;
	text-decoration:none;
	}
	

	

	
#post- h2 a	{
	color:#666;
	text-decoration:none;
}

#post h2{
	color:#fff;
	margin-top:8px;
	margin-bottom:5px;
	text-decoration:none;
}

#post p	{
padding-bottom:10px;
}


#post- p	{
padding-bottom:10px;
}

#post strong	{
font-weight:bold;
color:#fff;
}





/* Navigation */
#navigation	{
	margin-left:268px;
	position:relative;
	width:730px;
	height:210px;
	padding-left:2px;
    position: relative;
    background-image: url(images/Neonreohren_oben.png);
    background-repeat: no-repeat;
}





#navigation ul{
	padding: 15px 0 0 0px;
	margin: 0;
}


#navigation li {
	display: inline;
}


#navigation li a {
	font-size : 11px;
    font-weight: bold;
    color:#ffc018;
    float: left;
    margin: 0px 10px;
    text-decoration: none;
    text-transform:uppercase;
    letter-spacing: 1px;

}

#navigation li a:hover {
	font-weight: bold;
    color:#fcf308;
    text-transform:uppercase;
    letter-spacing: 1px;

}


#navigation .current_page_item a {
    font-size : 11px;
    font-weight: bold;
    color:#fff;
    float: left;
    margin: 0px 10px;
    text-decoration: none;
    text-transform:uppercase;
    letter-spacing: 1px;
    border-bottom:2px solid #fff;

}







#post	{
padding-left:280px;
float:left;
position:relative;
width:545px;
margin-right:20px;
margin-bottom:30px;
		}
		
#post-	{
float:left;
padding-left:280px;
position:relative;
width:440px;
padding-right:10px;
margin-bottom:30px;

		}

#bildergalerie	{
float:left;
position:relative;
width:600px;
margin-bottom:30px;
		}

.ngg-albumtitle a	{
	color:#333;
	border-bottom:0px solid #456b85;
	text-decoration:none;
}

.ngg-albumtitle a:hover	{
	color:#999;
	border-bottom:0px solid #ffc018;
	text-decoration:none;
}

.ngg-albumtitle {
	color:#666;
	margin-bottom:10px;
	text-decoration:none;
}

	
#sidebar {
position:relative;
width:150px;
float:left;
}


/* Listen 
-----------------------------------------------------------------------------*/


#sidebar ul                        {
                        margin-left:0em; padding-left: 0em;
                        margin-top:0em; margin-bottom:0em;
                        }

#sidebar li                        {
						line-height:18px;
						padding-bottom:12px;
                        list-style-type: none;
                        padding-left:0em;}


#post ul                        {
                        margin-left:0em; padding-left: 1.5em;
                        margin-top:0em; margin-bottom:0em;
                        }

#post li                        {
						line-height:18px;
						padding-bottom:12px;
                        list-style-type: disc;
                        padding-left:0em;}


#sidebar a	{
	color:#fff;
	text-decoration: none;
	}


#sponsoren a {
	border:none;
	text-decoration:none;
	border-bottom:1px solid #fff;
	}

#sidebar p {
	padding-bottom:15px;
	}

#sidebar a:hover	{
	color:#fcf308;
	text-decoration:none;
	border-bottom:0px solid #fff;
	}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.nachoben a	{
position:relative;
margin-left:300px;
color:#456b85;
border-bottom:1px solid #456b85;
text-decoration:none;
		}
		
.nachoben a:hover	{
color:#3678a6;
border-bottom:0px solid #456b85;
text-decoration:none;
		}

#footer	{
background-image: url(images/Neonroehre_unten.png);
background-repeat: no-repeat;
position:relative;
margin-left:273px;
color:#999;
height:50px;
padding-top:28px;
padding-left:10px;
		}
		
#footer span	{
color:#999;
		}		

		
#footer a	{
	color:#fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	}

#footer a:hover	{
	color:#fcf308;
	border-bottom:0px solid #fcf308;
	text-decoration:none;
	}


#postmeta{
position:relative;
}

#postnavigation{
position:relative;
}

#searchform{
position:relative;
}




/* TABELLEN */

td	{
text-align:left;
vertical-align:top;
padding-right:10px;
padding-bottom:10px;
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */