/* byteclub.eu */ 
/* 2007-09-18  */
/* goersch@bytebetrieb.com */



* { margin:0; padding:0; }
body { background:#8a8884 url(/_p/bg.jpg) top center repeat-x fixed; font:normal 62.5% 'Helvetica Neue', Helvetica, Geneva, Arial, sans-serif; line-height:200%; color:#fff; }

.c { clear:both; }

a:link 		{ text-decoration: none; color: #000; border-bottom:1px dotted #000; }
a:visited 	{ text-decoration: none; color: #000; border-bottom:1px dotted #000; }
a:hover 	{ text-decoration: none; color: #f60; border-bottom:none; background:#fff;}
a:active 	{ text-decoration: none; color: #f60; border-bottom:none; }
a img, img 	{ border: none; }
.bildliste a,
a.bildlink 	{ border: none; }

strong {font-weight:bold;}


#seitenblock {
	position:relative;
	width:790px;
	margin:0 auto;
	padding:0 0 0 0;
}

#kopf {
	display:table;
	width:790px;
	height:100px;
	margin:30px 0 0 0;
	clear:both;
}
#kopf h1 {
	text-indent:-9999px;
	width:320px;
	height:44px;
	background:transparent url(/_p/logo-top-2.png) 0 0 no-repeat;
	margin:-1px 0 0 470px;
}

#navigation {
	width:820px;
	height:30px;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	display:table;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/_p/bg-g.png');
}
html>body #navigation {
	background:transparent url(/_p/bg-g.png);
}
#navigation ul {
	list-style-type:none;
	display:table;
}
#navigation li {
	display:table;
	float:left;
}
#navigation a {
	display:table;
	border:none;
	position:relative;
	z-index:1;
	float:left;
	height:30px;
	padding:0 15px 0 30px;
	font-size:2em;
	line-height:1.5em;
	color:#fff;
}
#navigation a:hover {
	color:#f60;
	background:none;
}

#index #navigation li#navi-home  a,
#blog #navigation li#navi-blog  a,
#pics #navigation li#navi-pics  a,
#about #navigation li#navi-about  a,
#friends #navigation li#navi-friends  a {
	color:#333;
}






#inhaltsblock {
	display:inline;
	float:left;
	width:380px;
	margin:30px 0 0 30px;

}
#pics #inhaltsblock {
	width:760px;
	padding:0;
}
.newsblock {
	padding:0 0 20px;
	margin:0 0 30px;
	border-bottom:1px dotted #111;
}
.newsblock h2 {
	color:#f60;
	font-size:2em;
	line-height:1.5em;
	margin:0 0 10px;
	font-weight:bold;
}
.newsblock p {
	font-size:1.4em;
	margin:0 0 10px;
	color:#111;
	text-align:justify;
}
.newsblock p.meta {
	font-size:1em;
	margin:0 0 10px;
	color:#111;
	text-align:left;
	font-weight:bold;
}
.newsblock p.meta a {
}
.newsblock ol,
.newsblock ul {
	margin:0 0 10px 2em;
	color:#111;
}
.newsblock ul {
	
}
.newsblock li {
	font-size:1.4em;
	text-align:left;
	line-height:1em;
	margin:0 0 0.6em;
}
.newsblock img {
	margin:0 0 10px;
}
.newsblock blockquote {
	color:#fff;
	text-align:left;
	padding:0 15px;
	border-left:2px solid #fff;
}
.newsblock blockquote p {
	color:#fff;
	text-align:left;
}


dl.galerieliste {
	margin:0;
	padding:0;
}
.galerieliste dt {
	color:#f60;
	font-size:2em;
	line-height:1.5em;
	margin:0 0 10px;
	display:block;
	font-weight:bold;
}
.galerieliste dt .meta {
	font-size:0.66em;
	line-height:1.5em;
	color:#666;
	font-weight:bold;
}
.galerieliste dd {
	float:left;
	margin:0 0 12px 0;
	width:370px;
	padding:0;
	height:149px;
	overflow:hidden;
	border:2px solid #fff;
	
	text-align:center;
}
.galerieliste dd.zeile-1 {
	margin-right:12px;
}
.galerieliste dd a {
	display:block;
	margin:0;
	width:360px;
	padding:0 5px;
	height:149px;
	overflow:hidden;
}
.galerieliste dd a:hover {
	color:#f60;

	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.party-titel {
	font-size:2em;
	line-height:1em;
	font-weight:bold;
	color:#fff;
}
a:hover .party-titel {
	color:inherit;
}


dl.bildliste {
	margin:0;
	padding:0;
}
.bildliste dt {
	color:#f60;
	font-size:2em;
	line-height:1.5em;
	margin:0 0 10px;
	display:block;
	font-weight:bold;
}
.bildliste dt .meta {
	font-size:0.66em;
	line-height:1.5em;
	color:#666;
	font-weight:bold;
}
.bildliste dd {
	float:left;
	margin:0 0 12px 12px;
	width:177px;
	height:177px;
	overflow:hidden;
	border:2px solid #fff;
}
.bildliste dd.zeile-1 {
	margin-left:0;
}
.bildliste dd a img {

}
.bildliste dd a:hover img {
	-moz-opacity:0.35;
	opacity:0.35;
	filter:alpha(opacity=35);
}
.bildliste dd a.meta {
	display:block;
	text-align:center;
	height:177px;
	
	font-size:2em;
	line-height:1.5em;
	margin:0;
	padding:2em 0 0;
	font-weight:bold;
}
.bildliste dd a.meta:hover {
	color:#f60;
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}

ul.linkliste {
	margin:0 0 10px 0;
	color:#111;
	list-style-type:none;
}
.linkliste li {
	display:block;
	width:378px;
	
	border-left:2px solid #fff;
	
	font-size:1.4em;
	text-align:left;
	line-height:1.4em;
	margin:0 0 1em;
	clear:both;
}
.linkliste a {
	display:block;
	width:380px;
	overflow:hidden;
	padding:5px 0 0 8px;
	
	line-height:120%;
}
.linkthumb {
	float:right;
	display:block;
	width:60px;
	height:60px;
	margin:-5px 0 0 15px;
	overflow:hidden;
}
.linkliste img {
	float:left;
	margin:-5px 0 5px -10px;
}
.linkliste .url {
	margin:0 0 5px;
	display:block;
	font-weight:bold;
	color:#666;
}
.linkliste a:hover .url {
	color:inherit;
}






/*
#randnotizen {
	display:inline;
	float:left;
	width:320px;
	margin:30px 0 0 60px;
	padding:0 0 540px;
}
*/
#randnotizen {
	position:absolute;
	top:163px;
	left:470px;
	width:320px;
	padding:0 0 540px;
}

#randnotizen a {
	position:relative;
	z-index:1;
}
#randnotizen a {
	position:relative;
	z-index:1;
}
#randnotizen a:hover {
	color:#111;
	background:none;
}

.randblock {
	font-size:1.2em;
	border:2px solid #fff;
	padding:10px 15px;
	margin:0 0 30px;
	width:286px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/_p/bg-o-2.png');
}

html>body .randblock {
	background:transparent url(/_p/bg-o-2.png);
}

.randblock h3 {
	font-size:1em;
	font-weight:bold;
	color:#333;
	margin:0 0 0.2em;
}
.randblock h3 a {
	border:none;
	background:none;
}
.randblock img {
	margin:0 0 0.2em;
}

.bildblock {
	border:2px solid #fff;
	padding:0;
	margin:0 0 30px;
	width:316px;
}
.bildblock a img {

}
.bildblock a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}


ul.paginierung
	{
	list-style-type:none;
	clear:both;
	text-align:center;
	margin:10px 0;
	}
.paginierung li
	{
	display:inline;
	padding:0 5px;
	}
.zurueck
	{
	}
.weiter
	{
	
	}

dl.kommentarliste {
	margin:0;
	padding:0;
}
.kommentarliste dt {
	margin:0 0 10px;
	display:block;
	font-weight:bold;
}
.kommentarliste dt a {
	padding:0 10px;
	margin:0 10px 0 0;
}
.kommentarliste dt a.komment-uri {
	margin:0 5px;
	padding:0;
}
.kommentarliste dd {
	font-size:1.4em;
	margin:0 0 10px;
	padding:0 0 10px;
	display:block;
	
	border-bottom:1px dotted #f60;
}
#kommentare
	{
	margin:20px 0;
	color:#111;
	text-align:left;
	}
#kommentare h4
	{
	font-weight:bold;
	}
#kommentar-richtlinien
	{
	color:#fff;
	}
input {
	margin:0 5px 0 0;
}

input#kommentar-absenden {
	display:block;
	margin:0 0 10px;
	padding:5px;
	border:1px solid #fff;
	background:#fff;
	color:#111;
	font-size:1em;
	font-family:'Helvetica Neue', Helvetica, Geneva, Arial, sans-serif;
}
textarea,
input.textfeld {
	display:block;
	margin:0 0 10px;
	width:370px;
	padding:5px;
	border:1px solid #fff;
	border-width:0 0 2px;
	background:none;
	color:#fff;
	font-size:1.4em;
	font-family:courier, monospace;
}
textarea {
	border-width:2px 2px 2px 2px;
}

legend,
label {
	color:#fff;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
}

.youtube {
	width:380px;
	height:300px;
	overflow:hidden;
}
