@charset "utf-8";
/* CSS Document */

body
	{
	font-family:Helvetica,ArialVerdana,sans-serif;
	font-size:12px;
	font-style:normal;
	margin:8px;
	padding:0px;
	border:0px;        
	background-image:url(http://media.punkfoto.de/website/pattern.jpg);
	}
	
.actionMsg
	{ 
	background-color:#F9C;
	}
	
.actionMsgText
	{ 
	font-size: 100%; 
	font-weight: bold; 
	text-align:center;
	color: #000000;
	margin: 7px;
	}

	
	
A { color:#000000; text-decoration: underline }
A:visited { text-decoration:underline }
A:active { text-decoration: none }
A:hover { color:#cc00cc; text-decoration: none }
A.footerLink { color: #FFFFFF; text-decoration: underline }
A.footerLink:visited { color: #FFFFFF;text-decoration: underline }
A.footerLink:active { color: #FFFFFF;text-decoration: none }
A.footerLink:hover {color:#FCF; text-decoration: none }
A.whiteLink { color: #FFFFFF; text-decoration: underline }
A.whiteLink:visited { color: #FFFFFF;text-decoration: underline }
A.whiteLink:active { color: #FFFFFF;text-decoration: none }
A.whiteLink:hover {color:#FCF; text-decoration: none }
A.startBildInfoLink { color: #AAAAAA; text-decoration: underline }
A.startBildInfoLink:visited { text-decoration: underline }
A.startBildInfoLink:active { text-decoration: none }
A.startBildInfoLink:hover {color:#FCF; text-decoration: none }
A.doubleTeaserLink { color: #AAAAAA; text-decoration: underline }
A.doubleTeaserLink:visited { text-decoration: underline }
A.doubleTeaserLink:active { text-decoration: none }
A.doubleTeaserLink:hover {color:#FCF; text-decoration: none }
A.mainNaviLink { color: #CCCCCC; text-decoration: underline }
A.mainNaviLink:visited { text-decoration: underline }
A.mainNaviLink:active { text-decoration: none }
A.mainNaviLink:hover {color:#cc00cc; text-decoration: none }
	
/* AB HIER ALLE STYLES DES MASTER TEMPLATES */	

/* Popup-Tabelle */
.popupTable 
	{
	background-color:#FFF;
	}

/* Haupttabelle */
.masterTable 
	{
	background-color:#FFF;
	}

/* Inpit Feld der Suche */
.mainSearchfield	
	{
	font-size: 78%; 
	}

/* Such-Pulldown */
.mainSearchPulldown	
	{
	background-color: #FFF;
	font-size: 90%; 
	}
		
/* Angaben u Mitglieds- und Bilderzahl */		
.statistics	
	{
	font-family: Helvetica,Verdana, Arial, sans-serif;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	text-align:justify;
	width: 299px;
	}
	
/* Main-Haupttabelle */		
.footer	
	{
	margin-top:10px;
	font-weight: bold;
	color: #ffffff;
	}
	
/* AB HIER ALLE STYLES DES MAIN INCLUDES */	

/* Main-Haupttabelle */
.main	
	{
	background-color: #FFF;
	}	




/* AB HIER ALLE STYLES DER MARGIN-SPALTE */		

/* Margin-Haupttabelle */	
.margin	
	{
	background-color: #FFF;
	}
	
.marginNewsbox	
	{
	background-color: #E5E5E5;
	}
	
.marginLinksHeadline	
	{
	font-size:92%;
	font-weight: bold;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:-10px;
	}
		
.marginLinksText	
	{
	font-size:92%;
	margin-left:10px;
	margin-bottom:0px;
	}
		
.newsletterInput	
	{
	font-size:84%;
	}
	
.newsletterImg 
	{
	margin-bottom:-20px;
	}
	
.mainNavi	
	{
	font-size:120%;
	color: #666666;
	}
.mainNaviManually	
	{
	font-size:82%;
	}
	
.mainNaviLine	
	{
	height:20px;
	}
	
	
.memberGallery 
	{
	
	}
	
/* AB HIER ALLE STYLES DER STARTSEITE */	
	
	
/* Bild mit Rechereche-Aufforderung */
.startbildImg 
	{
	margin-bottom:-192px;
	}

/* einleitende Ueberschrift im Startbild */
.startBildInfoPre 
	{
	margin-top:15px;
	margin-left:15px;
	margin-bottom:0px;
	font-weight: bold; 
	color: #AAAAAA;
	text-transform:uppercase;
	}

/* Haupt-Ueberschrift im Startbild */
.startBildInfoHeadline 
	{
	margin-top:0px;
	margin-left:15px;
	margin-bottom:0px;
	font-weight: bold;
	color: #FF99FF;
	font-size: 190%; 
	}

/* Text unter der Ueberschrift im Startbild */
.startBildInfoPost 
	{
	margin-top:3px;
	margin-left:15px;
	margin-bottom:0px;
	font-weight: bold; 
	color: #AAAAAA;
	text-transform:uppercase;
	}
	
.startImageTransparenz	{
		background-color: #000;
		}		
	
	
/* Ueberschrift eines der Doppelbilder. */
.doubleTeaserTitle 
	{
	margin-top:15px;
	margin-left:15px;
	margin-bottom:0px;
	font-weight: bold; 
	color: #FF99FF;
	text-transform:uppercase;
	}
	
/* Zeile unter der Ueberschrift eines der Doppelbilder. Im allgemeinender  Albumtitel */
.doubleTeaserPost 
	{
	margin-top:5px;
	margin-left:15px;
	margin-bottom:0px;
	font-weight: bold; 
	color: #AAAAAA;
	text-transform:uppercase;
	}

/* Transparenzeinstellung des Blocks des Startbildes. */
.doubleTeaserTransparenz	
	{
	background-color: #000;
	}
		
/* eines der Doppelbilder. Im allgemeinen Albumtitel */		
.doubleTeaserImg 
	{
	margin-bottom:-105px;
	}
	
	
/* die Vorschau aufs Punk-Universum */		
.randomGalleryStart 
	{
	background-color: #333333;
	}
	
	
	
	
/* AB HIER ALLE STYLES DER EINZELBILDSEITE */


/* Hintergrund des Bildes */
.mainMediaDisplay	
	{
	background-color: #000000;
	}
	
/* Bildunterschrift */	
.mainMediaSubline	
	{
	background-color: #000000;
	color:#FFF;
	margin:7px;
	font-size:110%;
	font-weight:500;
	}
	
/* Bildnavigation Hauptzeile*/	
.mainMediaNavi	
	{
	font-size:120%;
	margin-bottom:0px;
	}
	
	
/* Bildnavigation Unterzeile*/	
.mainMediaNaviSub	
	{
	font-size:100%;
	margin-top:3px;
	}
	
.missingInfo 
	{
	color:#F00;
	}
	

/* Kommentarergebnis */	
.mainCommentResult	
	{
	background-color: #000000;
	color:#FFF;
	font-weight: bold; 
	margin:6px;
	font-size:100%;
	}
	
	
/* Kommentarergebnis */	
.mainCommentHeadlineWrite	
	{
	background-color: #000000;
	color:#FFF;
	font-weight: bold; 
	margin:6px;
	font-size:100%;
	}
	
/* Bilddarstellung Avatar in Kommentaren */	
.mainCommentAvatar	
	{
	border: 5px solid #ffffff;
	margin:6px;
	}
	
/* Bilddarstellung Media in Kommentaren */	
.mainCommentMedia	
	{
	border: 5px solid #ffffff;
	margin-left:0px;
	margin-top:-7px;
	}
	
.mainConfCommentMedia	
	{
	border: 5px solid #ffffff;
	margin-left:0px;
	margin-top: 5px;
	}

.mainCommentMediaEdit	
	{
	margin-left:32px;
	margin-top: 5px;
	}
.mainCommentText	
	{
	font-size:110%;
	margin-left:20px;
	margin-top:13px;
	}
	
.mainCommentWriter	
	{
	font-size:90%;
	font-weight: bold; 
	margin-left:20px;
	margin-top:23px;
	}
	
.mainCommentFieldNames	
	{
	font-size:100%;
	margin-top:12px;
	}
	
	
.tableRowCommentA {
		background-color: #FAFAFA;
		}
		
.tableRowCommentB {
		background-color: #F0F0F0;
		}
		
.tableRowPublicA {
		background-color: #FAFAFA;
		}
		
.tableRowPublicB {
		background-color: #F0F0F0;
		}
	
.mainCommentTextTextarea 
	{
	font-family:Helvetica,ArialVerdana,sans-serif;
	font-size:12px;
	color:#1F1F1F;
	border: 1px solid #AAAAAA;
	padding:5px;
	width:628px;
	height:100px;
	margin-top:10px;
	}
	
	
.mainCommentTextInput 
	{
	font-family:Helvetica,ArialVerdana,sans-serif;
	font-size:12px;
	color:#1F1F1F;
	border: 1px solid #AAAAAA;
	padding:2px;
	margin-top:10px;
	margin-bottom:10px;
	width:300px;
	}
	
.mainHeadlineBlock1 
	{
	background-color: #CCCCCC;
	color:#000;
	font-weight: bold; 
	margin:6px;
	font-size:110%;
	}
	
.mediaHint 
	{
	background-color: #000;
	color:#fff;
	margin:6px;
	}
	
.mediaHintHeadline 
	{
	background-color: #000;
	color:#ff01ff;
	font-weight: bold;
	text-transform:uppercase;
	margin:6px;
	font-size:145%;
	}
	
.mediaHintMarvel 
	{
	color:#ff01ff;
	}
	
	
.mainContentHeadline 
	{
	font-size:115%;
	font-weight: bold; 
	margin-bottom:10px;
	}
	
.mainHeadlineBlock2 
	{
	background-color: #666666;
	color:#FFF;
	font-weight: bold; 
	margin:6px;
	font-size:100%;
	}
	
	
.memberheadBlock
	{       
	background-image:url(http://media.punkfoto.de/website/block_verlauf.jpg);
	height: 193px;
	}
	
.memberheadBlockSmall
	{       
	background-image:url(http://media.punkfoto.de/website/block_verlauf.jpg);
	height: 110px;
	}
	
	
.membershipHead 
	{
	font-size:140%;
	font-weight: bold; 
	margin-top:24px;
	margin-bottom:0px;
	}
	
.membershipSubhead 
	{
	font-size:90%;
	text-transform:uppercase;
	margin-top:2px;
	color:#656565;
	margin-bottom:16px;
	}
	
	
/* Kommentarergebnis */	
.mainTableHead	
	{
	background-color: #999999;
	color:#FFF;
	font-weight: bold; 
	margin:1px;
	font-size:100%;
	}
	
	
	
/* Kommentarergebnis */	
.mediaGalleryHead	
	{
	background-color: #CCCCCC;
	color:#000000;
	font-weight: bold; 
	margin:6px;
	font-size:115%;
	text-transform:uppercase;
	}
	
	
.mainTextareaFullWidth 
	{
	font-family:Helvetica,ArialVerdana,sans-serif;
	font-size:12px;
	color:#1F1F1F;
	border: 1px solid #AAAAAA;
	padding:5px;
	width:628px;
	height:100px;
	margin-top:10px;
	}
	
.mainTextInput 
	{
	font-family:Helvetica,ArialVerdana,sans-serif;
	font-size:12px;
	color:#1F1F1F;
	border: 1px solid #AAAAAA;
	padding:2px;
	margin-top:10px;
	margin-bottom:10px;
	width:300px;
	}
		
.headline	{
		font-size:20px;
		font-weight: bold;
		padding-top:10px;
		padding-bottom:10px;
		}
		
.article	{
		background-color: #FFF;
		}
		
.loggedIn	{
		background-color:#FF9;
		}

.gallerySubline	{
		font-size:9px;
		padding-top:3px;
		text-align:center;
		}
		
.tableTextSmall	{
		font-size:10px;
		}
		
.formTextSmall	{
		font-size:10px;
		}
		
.popup{
		font-size:12px;
		}


#header_logo { width:172px;height:114px;float:left;}
#navi_div { background-color:#E7EAEE; width:960px; float:left;height:70px; color:#fff; z-index:200;}



#content {	
	margin:0;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	height:100%;;
	background-color:#8694AC;	
}

#navi_outside{
	
	background:#E7EAEE;
	padding-top:20px;
	z-index:801;
	}

form {
	display:inline;
}
                   
ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #000000; border-bottom:1px solid #000000; font:normal 12px Helvetica,Verdana, Arial; z-index:802;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:128px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#000000; color:#FFFFFF; width:148px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#666666; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
	



ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:195px; position:absolute; top:21px; left:-1px; border:1px solid #FFFFFF; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:195px; clear:left; width:195px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#CCCCCC; padding:4px 0; width:195px; border:none; border-bottom:1px solid #ffffff; color:#000000; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#AAAAAA; padding:4px 0; width:195px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#0072be; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#6D7992; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#6D7992; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }