/* *********************************************************** */
/* *********************************************************** */
/* ***               					                                          *** */
/* ***  augensound.de Stylesheet  steilo punkt ze-es-es    	          *** */
/* ***                                                     				          *** */
/* *********************************************************** */
/* ***                                                     				          *** */
/* ***					Der Weg zum Ruhm!                   *** */
/* ***                                               					          *** */
/* *********************************************************** */
/* *********************************************************** */


/* ----------------------------------------------------------- */
/* ---------------- Allgemeine Tags -------------------------- */
/* ----------------------------------------------------------- */


/* ------ Tag-Grundeinstellung ------ */
*
{
	margin: 0;
	padding: 0;

	font: 12px  Tahoma, Arial, Helvetica, sans-serif;

	color: #515151;
	
	
}

body
{
	/* Hintergrundfarbe */
	background: #666;
}

b
{
	font-weight:bold;
}

i
{
	font-style: italic;
}

#container
{
	/* Position & Zentrierung */
	position: relative;
	/*left: 50%;*/
	width: 1000px;
	top:5px;
	/* margin-left: -500px; */
	/*margin-left: auto;*/
   /*margin-right: auto;*/
   
   text-align: left;
}

#Korper
{
	position:relative;
	width: 100%;
	/* Hintergrund Seitenfläche */
	background: #fff;
	/* wegen Abstand zu letzter Box */
	padding-bottom: 5px;
}


/* ------ Links ------ */
a
{
	/* Alle Links */
	text-decoration:underline;
}

a:link, a:visited
{
	/* Normaler und bereits besuchter Link */
	color: #333;
}

a:hover, a:active
{
	/* MouseOver und aktiver Link */
	color: #C51C1C;
}



/* ------ Listen ------ */
li
{
	list-style-type: none;
	list-style-image: url(bilder/pfeil.gif);
}

li a:link, li a:visited
{
	/* Links in Listen sind Ausnahme zu Links */
	text-decoration:none;
}



/* ------ Eingabefelder, Formulare ------ */
input, .dropdown
{
 	background: #fff;
 	color: #000;
 	font-size: 11px;
 	border: 1px solid #939393;
	padding: 2px;
}



/* ------ Text-Absätze ------ */
p
{
	margin:0px;
	padding: 0px;
}

/* ------ Fonts für Postkarten etc ------ */
.FontArial
{
	font: Arial;
}
.FontVerdana
{
	font: Verdana;
}
.FontTimes
{
	font: Times New Roman;
}
.FontHelvetica
{
	font: Helvetica;
}

/* ----------------------------------------------------------- */
/* ---------------- Funktions Tags --------------------------- */
/* ----------------------------------------------------------- */


/* ------ Nachrichten, Meldungen ------ */
#msg
{
	
	
	z-index: 200;
	border: 2px solid #FF0000;
	margin: 3px;

	background: #eee;
}

#msg .Inhalt
{
	
}

.info
{

	z-index: 200;
	border: 2px solid #33F;
	margin: 3px;

	background: #ddf;
}

.warning {
	z-index: 200;
	border: 2px solid #FF0000;
	margin: 3px;

	background: #eee;
}


.clearfloats {
	clear: both;
}

.tooltip 
{
    display:none;
    position: absolute; 
 
    z-index: 300; 

    
    padding: 5px; 
    border: solid 1px #444;
	
	color: #333;
	
	background: #ccc;
	
	text-align:left;

}


/* ------ Thumbs, Bigthumbs und Previews ------- */

/* Klassen für Schlagschatten */
.image {
    background: url(bilder/dropshadow.png) no-repeat bottom right;
    float:left;
}

.image img {
	border:1px solid #000;
    display: block;
    margin: 0px 9px 9px 0px;
}

.image:after {
    background: url(bilder/dropshadow.png) no-repeat bottom left;
    display:block;
    width:18px;
    height:9px;
    content:"";
    margin:-9px 0px 0px 0px;
}

.image:before {
    background: url(bilder/dropshadow.png) no-repeat top right;
    display:block;
    height:18px;
    margin-bottom:-18px;
    content:"";
}


/* Rahmen für Bilder */
.image a img, .image a img:link, .image a img:visited, .image a img:active
{
	/* Normaler Rahmen */
	border: 1px solid;
	border-color: #ccc #666 #666 #ccc;
}

.image a img:hover
{
	/* MouseOver (nicht in IE)*/
	border: 1px solid #ff0000;
}



/* ------ Bildnamen ------- */
.image_name, a.image_name:link, a.image_name:visited, a.image_name:active
{
	/* normal, link, besuchter link */
	font-size: 11px;
	color: #101010;
	text-decoration: none;
	font-weight:bold;
}

a.image_name:hover
{
	/* MouseOver */
	color: #C51C1C;
}



/* ------ Kategorienamen ------- */

/* Kategorien bei Thumbnails */
.image_categorie, a.image_categorie:link, a.image_categorie:visited
{
	font-size: 9px;
	color: #404040;
	text-decoration:none;
	line-height:15px;
}
a.image_categorie:hover
{
	color: #ccc;
}

/* Kategorien in der Kategorienliste */
.categorie, a.categorie:link, a.categorie:visited
{
	font-size: 12px;
	color: #404040;
	text-decoration:none;
}

a.categorie:hover
{
	color: #ccc;
}


/* Anzahl Bilder unter den Kategorien */
.Bilderzahl
{
	font-size: 9px;
	color:#A3A3A3;
}

/* ------ Rating-Bild ------- */
.image_rating
{
	line-height:15px;

}

/* ------ Favoriten (Lightbox) ------- */
.image_lightbox
{
	/* Posi im Thumb */
	position: relative;
	text-align: left;
	left: 80%;
	top:-18px;
}
.Lightbox_no
{
	/* Lightbox nicht gewählt */
	position: absolute;
	width: 15px;
	height: 15px;
	background: url(bilder/favoriten2.gif) no-repeat;
}
.Lightbox_yes
{
	/* Lightbox gewählt */
	position: absolute;
	width: 15px;
	height: 15px;
	background: url(bilder/favoriten.gif) no-repeat;
}
.Lightbox_off
{
	/* Lightbox aus */
	position: absolute;
	width: 0;
	height: 0;
}



/* ------ Thumbnail Zusatzinfos ------- */
.image_zusatz
{
	font-size:10px;
	color: #333;
	text-align:center;
}



/* ------ "Neu"-Schriftzug ------- */
.new
{
	color: #FF0000;
	font-size: 9px;
}



/* ------ Mitgliedsname ------- */
.mitglied, .mitglied:link, .mitglied:visited, .mitglied:active
{
	/* Name Normal, Link & Aktiv */
	font-size: 11px;
	color: #650000;
	text-decoration: none;
}

.mitglied:hover
{
	/* MouseOver */
	color: #aa6666;
	text-decoration: none;
}

.mitglied img, .mitglied img:hover
{
	/* Bild am Mitgliedsnamen (Stern) */
	border: 0px;
}

/* ------ Übergeordneter Thumbnail-Rahmen ------ */
.Thumb, #Top_1, #Top_2, #Top_3, #Top_4, #Top_5, #Top_6, #Top_7, #Top_8, #Top_9, #Top_10, #Top_11, #Top_12, #Top_13
{
	text-align:center;
	
}

/* Verticaler Zwischencontainer */
.VertiTop
{
	display: table; 
	#position: relative; 
	overflow: hidden;
	height: 100%;
}


.Verti
{
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	
	width: 100%;
}

.VertiBo
{
	#top: -50%;
	#position: relative;  
}

/* ----------------------------------------------------------- */
/* ---------------- Header & Footer -------------------------- */
/* ----------------------------------------------------------- */

/* ------ Logo ------- */
#Logo
{
	/* augensound Logo */
	height:100px;
	background: #000 url(bilder/logo.gif) no-repeat ;
	width: 1000px;

}

#Werbung1
{
	/* Werbebox oben */
	position: absolute;
	top: 20px;
	left: 500px;
	width:470px;
	height:60px;
	background:#151515;
	
	overflow: hidden;
}

#Werbung5
{
	/* Werbebox rechts */
	position: absolute;
	top: 0px;
	left: 1005px;
	width:165px;
	height:1300px;
		
	overflow: hidden;

}

/* ------ Menüleiste mit Tabs ------- */
#LeisteTop
{
	/* Top-Leiste */
	position: relative;
	height:30px;
	background: url(bilder/top-balken.gif) repeat-x;
}

#m_Home, #a_Home, #m_Forum, #a_Forum, #m_Galerie, #a_Galerie, #m_Suchen, #a_Suchen, #m_Faq, #a_Faq, #m_Memberlist, #a_Memberlist, #m_Kunstshop, #a_Kunstshop 
{
	/* Allgemeine Tab-Einstellungen */
	position:absolute;
	top:5px;
	height: 25px;
	text-align:center;
	line-height:25px;
}

/* Tab Positionen und Ausmaße */
#m_Home, #a_Home       { left: 0px;   width: 208px; }
#m_Galerie, #a_Galerie { left: 208px; width: 204px; }
#m_Forum, #a_Forum     { left: 412px; width: 204px; }
#m_Kunstshop, #a_Kunstshop     { left: 616px; width: 204px; }
#m_Memberlist, #a_Memberlist { right: 50px; width: 100px; }
#m_Suchen, #a_Suchen { right: 0px; width: 50px; }
/*#m_Faq, #a_Faq       { right: 0px;	width: 50px; }*/


/* Tab Aussehen und Links */
/*   Tab Inaktiv */
#m_Home	   { background: url(bilder/tab1-non.gif) repeat-x;	color:#fff; text-decoration:none; }
#m_Galerie { background: url(bilder/tab2-non.gif) repeat-x;	color:#fff; text-decoration:none; }
#m_Forum   { background: url(bilder/tab2-non.gif) repeat-x;	color:#fff; text-decoration:none; }
#m_Kunstshop   { background: url(bilder/tab2-non.gif) repeat-x;	color:#fff; text-decoration:none; }
#m_Memberlist  { color:#fff; text-decoration:none; }
#m_Suchen  { color:#fff; text-decoration:none; }
#m_Faq     { color:#fff; text-decoration:none;	 }
/*   Tab MouseOver */
#m_Home:hover	 { background: url(bilder/tab1-ove.gif) repeat-x; color:#fff; text-decoration:underline; }
#m_Galerie:hover { background: url(bilder/tab2-ove.gif) repeat-x; color:#fff; text-decoration:underline; }
#m_Forum:hover   { background: url(bilder/tab2-ove.gif) repeat-x; color:#fff; text-decoration:underline; }
#m_Kunstshop:hover   { background: url(bilder/tab2-ove.gif) repeat-x; color:#fff; text-decoration:underline; }
#m_Memberlist:hover  { color:#fff; text-decoration:underline;	 }
#m_Suchen:hover  { color:#fff; text-decoration:underline;	 }
#m_Faq:hover     { color:#fff; text-decoration:underline;	 }
/*   Tab Ausgewählt */
#a_Home	   { background: url(bilder/tab1-akt.gif) repeat-x; color:#000; text-decoration:none; }
#a_Galerie { background: url(bilder/tab2-akt.gif) repeat-x; color:#000; text-decoration:none; }
#a_Forum   { background: url(bilder/tab2-akt.gif) repeat-x; color:#000; text-decoration:none; }
#a_Kunstshop   { background: url(bilder/tab2-akt.gif) repeat-x; color:#000; text-decoration:none; }

#a_Suchen  {		 } /* obsolet, da Suchen und Faq keine aktiven Tabs haben */
#a_Faq     {		 }
#a_Memberlist {   }



/* ------ Clickstream ------- */
#LeisteClick
{
	height:20px;
	background: #FFF;
}
#LeisteClick p
{
	padding-top: 5px;
	padding-left: 10px;
	margin: 0;

}

/* ------ Kategorien------- */
#CatInhaltHome {
	padding-left: 10px;
	padding-top: 15px;
}

#CatInhaltHome .CatTable {
	height: 150px;
	
}

/* ------ Fussleiste ------- */
#LeisteBottom
{
	/* Fuss-Leiste */
	position: relative;
	height:30px;
	background: url(bilder/top-balken.gif) repeat-x;


	/* Text */
	text-align: right;
	line-height: 30px;
	padding-right: 10px;
	color: #FFF;
}
#LeisteBottom a, #LeisteBottom a:link, #LeisteBottom a:visited
{
	color: #FFF;
	text-decoration: none;
}
#LeisteBottom a, #LeisteBottom a:hover, #LeisteBottom a:active
{
	color: #FFF;
	text-decoration: underline;
}

#Copyright {height:170px; text-align:center; position:relative;}


/* ----------------------------------------------------------- */
/* ---------------- Boxen ------------------------------------ */
/* ----------------------------------------------------------- */

/* ------ Standardbox ------- */
.Box
{
	border: 1px solid #B9B9B9;
	background: #FBFBFB;
}

/* ------ Außenrand einer einzelnen Box ------- */
.Rand
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

/* ------ eingerückter Inhalt ------- */
.Inhalt
{
	padding: 8px;
}

/* ------ Überschrift einer Box ------- */
h3
{
	background: #D8D8D8;
	color:#4F4F4F;

	line-height: 25px;
}





/* ----------------------------------------------------------- */
/* ---------------- Home.html--------------------------------- */
/* ----------------------------------------------------------- */

/* ------ Boxen ------- */

/* Zeilenlayout für Home */
#homeZeile1 { position:relative; height: 499; }
#homeZeile2 { position:relative; height: 415; }
#homeZeile3 { position:relative; }
#homeZeile4 { position:relative; height: 272; }
#homeZeile5 { position:relative; height: 127; }
#homeZeile6 { position:relative; padding-top: 5px;}
#homeZeile7 { position:relative; height: 277; } /* 5px mehr wegen Platz zum Footer */

/* Box Positionen */ /* Zusätze für verticale Zentrierung */
#Login       { position:absolute; top: 5px;   left: 5px;   width: 200px;  height: 220px; }
#Kategorien  { position:absolute; top: 5px;   left: 213px; width: 400px;  height: 220px; }
#TopBildBig  { position:absolute; top: 5px;   left: 620px; width: 373px;  height: 492px; }
#TopBilder   { position:absolute; top: 232px; left: 5px;   width: 608px;  height: 265px;  }
#Statistiken { position:absolute; top: 193px; left: 5px;   width: 200px;  height: 220px; }
#Shoutbox    { position:absolute; top: 193px; left: 212px; width: 274px;  height: 220px; }
#News        { position:absolute; top: 5px;   left: 493px; width: 500px;  height: 408px; }
#Projekte    { position:absolute; top: 5px;   left: 5px;   width: 481px;  height: 181px; }
#TopBilder2  { position:absolute; top: 5px;   left: 5px;   width: 808px;  height: 265px;  }
#Partner     { position:absolute; top: 5px;   left: 820px; width: 173px;  height: 265px; }
#WolkeH      { position:absolute; top: 5px;   left: 5px;   width: 988px;  height: 127px; }
#TopBilder3  { position:absolute; top: 5px;   left: 5px;   width: 988px;  height: 265px; }



/* ------ Mitglieder-Box ABGEMELDET------- */
#Login #u_guest
{
	/* Überschrift Unangemeldet */
	background: #B9B9B9;
	color: #fff;
	font-weight:bold;
}

#Login #u_member
{
	/* Überschrift Angemeldet */
	background: #B9B9B9;
	color: #fff;
	font-weight:bold;
}

#Login #i_uname {
	/* Feld Benutzername */
	position: absolute;
	top: 40px;
	left: 10px;
	width: 130px;
	height: 20px;
}
#Login #i_upass
{
	/* Feld Passwort */
	position: absolute;
	top: 70px;
	left: 10px;
	width: 130px;
	height: 20px;
}
#Login #i_check
{
	/* Radio+Text Autoanmelden */
	position: absolute;
	top: 100px;
	left: 10px;
	font-size: 10px;
}
#Login #i_submit
{
	/* Anmelden Knopf */
	position: absolute;
	top: 40px;
	right: 10px;
	height: 20px;
}

#Login #i_vergessen
{
	/* Passwort vergessen */
	position: absolute;
	top: 120px;
	left: 10px;
	font-size: 10px;
}

#Login #i_register
{
	/* Registrieren */
	position: absolute;
	top: 180px;
	left: 20px;
}

/* ------ Mitglieder-Box ANGEMELDET------- */
#Usermenu ul
{
	padding: 15px;
}


/* ------ Statistiken ------- */
#Statistiken .Inhalt
{
	text-align: center;
}

/* ------ Top-Bilder Link ------- */
#TopStatistik a
{
	position: absolute;
	top:470;
	left:280;
	font-size:10px;
}

/* ------- News ---------------- */
#News_Inhalt
{
	overflow:auto;
	width: 100%;
	height: 383px;
}

#News p
{
	padding: 10px;
	margin-bottom: 20px;

}
#News td.news_head
{

	font-weight:bold;
	padding: 7px;

}

#News td.news_date
{
	text-align:right;
	font-size: 9px;
	padding: 7px;
	color:#333333;
}

/* ------- Shoutbox ---------------- */
#Shoutbox_Inhalt
{
	overflow:auto;
	width: 272px;
	height: 160px;
}
#Shoutbox_Inhalt_LoggedOut
{
	overflow:auto;
	width: 272px;
	height: 195px;
}
.Shout_date
{
	text-align:right;
	font-size: 9px;
	padding: 7px;
	color:#333333;
	position: absolute;
	right: 23px;
	top: 0px;
}
.Shout_head
{
	background-color: #ddd;
	position: relative;
	padding: 5px;
}
.Shout_text
{

	font-size: 11px;
	padding: 7px;

}
#i_Shouttext
{
	bottom: 7px;
	left: 7px;
	position:absolute;
	width: 210px;
}
#i_Shoutsubmit
{
	bottom: 7px;
	right: 7px;
	position:absolute;
}

/* ------- Partner ---------------- */
#PartnerLinks
{
	text-align: center;
	padding: 10px;
}

#Partner a
{
	text-decoration: none;
	font-size: 11px;
}

/* ------- Projekte ---------------- */
#Projekte p
{
	text-align: center;
}


/* ----------------------------------------------------------- */
/* ---------------- Categories.html -------------------------- */
/* ----------------------------------------------------------- */

/* ------ Titel------- */
#TitleBox
{
	color:#FF0000;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight:bold;
}

/* ------ Tabellen Korrekturen------- */
#ThumbBox, #PagingBox, #SortBox
{
	width: 988px;  /* wegen des beschissenen I-Explorers */
}

#ThumbBox table, #PagingBox table, #SortBox table
{
	width: 970px;
}

/* ------ Bilder pro Seite ------- */
.PerPageDropDown
{
	width: 45px;
}

#UnterkategorieBox
{
	text-align: center;
	width:100%;
	padding-left: 60px;
}


/* ----------------------------------------------------------- */
/* ---------------- Details.html ----------------------------- */
/* ----------------------------------------------------------- */


/* ------ Nächste/Vorheriges Bild ------- */
#PrevNextBox table
{
	width: 970px;
}

/* ------ Bildtitel ------- */
#Bildtitel {
	width: 961;
	margin-left: 20px;
	border-bottom: 1px solid #B9B9B9;
	/* Abstand von Oben */
	margin-top: 30px;
}

#Bildtitel span, #BildDetails .BildUberschrift
{
	/* Titeltext */
	font-size: 15px;
	letter-spacing: 1px;
	font-weight:bold;
}

/* ------ Bild ------- */
#Bild
{
	width: 100%;
	text-align:center;
	/* Abstand von Oben */
	padding-top: 40px;
}
#Bild img
{
	border-color: #ccc #666 #666 #ccc;
}

/* ------ Bild Informationen ------- */
#BildInfos
{
	width: 941;
	margin: 20px;
	border-top: 1px solid #B9B9B9;
	padding:10px;
	/* Abstand von Oben */
	margin-top: 40px;
}

#BildBeschreibung
{
	width: 400px;;
	padding: 10px;
	position:absolute;
}

#BildDetails, #BildAction
{
	position: relative;
	width: 500px;
	top: 0px;
	left: 420px;
	border: 1px solid #B9B9B9;
	background: #FBFBFB;
	padding: 10px;
}

#BildAction
{
	margin-top: 10px;
}

#BildAction ul
{
	padding-left: 20px;
}

#BildDetails .Zeilenkopf
{
	/* Schrift von Bezeichner */
	width:130px;
	font-weight:bold;
	bottom:0px;
	padding-top:10px;
}

#BildDetails .Zeilenfuss
{
	/* Schrift von Inhalt */
	padding-top:10px;
}

#BildDetails .Zeilenfuss .keywords a
{
	/* Schrift Keywords */
	font-size: 10px;
	text-decoration:none;
}

#BildDatum
{
	/* Datum */
	position: absolute;
	text-align: right;
	font-size: 10px;
	right: 10px;
}

#DateiDetails
{
	/* Bildgröße, Dateigröße */
	position: absolute;
	text-align: right;
	font-size: 10px;
	right: 10px;
}



/* ----------------------------------------------------------- */
/* ---------------- Kommentare ------------------------------- */
/* ----------------------------------------------------------- */

.CommentBit
{
	width: 978px;
	margin: 10px;
	border: 1px solid #B9B9B9;
	background: #FBFBFB;
	padding:0px;
	position: relative;
}

.CommentBottomActions {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	padding: 3px;
	
}

.CommentBottomActions a{
	text-decoration: none;
}

.CommentReply {
	width: 15px;
	height: 15px;
	border: 0;
	
	text-decoration: none;
}

.CommentBottomActions a .CommentReply,
.CommentBottomActions a:link .CommentReply,
.CommentBottomActions a:visited .CommentReply {
	background: url(/templates/augensound/bilder/answer.gif);
}

.CommentBottomActions a:hover .CommentReply {
	background: url(/templates/augensound/bilder/answer2.gif);
}

.CommentDetails
{
	/* Feld mit Kommentarinformation */
	font-size: 11px;
	width: 88px;
	background: #D8D8D8;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 20px;
}

.CommentAvatar
{
	/* Avatar */
	text-align: center;
	width: 80px;
	height: 80px;
	
}

.CommentAvatar img
{
	border: 1px solid #FBFBFB;
}

.CommentHeadline
{
	/* Überschrift */
	background: #D8D8D8;
	font-weight: bold; 
	font-size: 13px;
	padding-left: 6px; 
	padding-top: 6px;
	padding-bottom: 6px;

}

.CommentAction
{
	/* Bearbeiten usw. Links */
	position: relative;
	top: -22px;
	right: 10px;
	font-size: 10px;
	text-align: right;
	color: #fff;
}

.CommentText
{
	/* Kommentartext */
	padding: 20px;
}

#CommentForm
{
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
}

#CommentForm select {
	height: 15px;
}

#CommentHeadline
{
	width: 500px;
}

#CommentBody
{
	width: 500px;
}

.CommentBeschZeile
{
	width: 200px;
}

#CommentSubmit
{

	text-align: right;
}

/* short */ /* 978 */
.CommentShortBit
{
	width: 478px;
	margin: 5px;
	background: #FBFBFB;
	padding:0px;
	
}

.CommentShortBit a
{
    text-decoration:none;
}


.CommentShortBit table
{
	border: 1px solid #B9B9B9;
}

/*
.CommentShortBit table:hover
{
	border: 1px solid #ff0000;
}*/

.CommentShortDetails
{
	/* Feld mit Kommentarinformation */
	font-size: 10px;
	width: 25%;
	background: #DDD;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 10px;
}

.CommentShortHeadline
{
	/* Überschrift */
	background: #DDD;
	font-size: 10px;
	padding: 3px;

}

.ShortHeadline
{
	font-weight: bold;
	font-size: 9px;
}

.CommentShortAction
{
	/* Bearbeiten usw. Links */
	position: absolute;
	right: 20px;
	line-height: 25px;
	font-size: 10px;
	test-align: right;
	color: #fff;
}

.CommentShortText
{
	/* Kommentartext */
	font-size: 9px;
	padding: 8px;
}


/* ----------------------------------------------------------- */
/* ---------------- Eingabetabellen (Upload/Kontrolzentr) ---- */
/* ----------------------------------------------------------- */

.InputBeschZeile
{
	width: 200px;
}

#InputSubmit
{

	text-align: right;
}

/* ----------------------------------------------------------- */
/* ---------------- Galerieseite ----------------------------- */
/* ----------------------------------------------------------- */
#GalerieShoutbox
{
	position: relative;
	width: 274px;
	height: 220px;

}

#GalerieCats
{
	position: absolute;
	left: 286px;
	height: 220px;
	width: 707px;
}

/* ----------------------------------------------------------- */
/* ---------------- Forum -------------------------------- */
/* ----------------------------------------------------------- */

.forum_headline
{
	font-weight: bold;
	text-decoration: none;
}

/* ----------------------------------------------------------- */
/* ---------------- Sonstiges -------------------------------- */
/* ----------------------------------------------------------- */

.AboLink
{
	font-size: 9px;
}

#ExceptTitle
{
	/* Titeltext Verbannung, Fehlermeldung, etc*/
	font-size: 15px;
	letter-spacing: 1px;
	font-weight:bold;
	text-align: center;
}

.ZusatzText
{
	/* Kleine Schrift für Zusatzinfos */
	font-size: 9px;
}

#Captcha_Image
{
	/* Captcha Bild */
	border: 1px solid;
	border-color: #ccc #666 #666 #ccc;
}

/* ------- Wortwolke ---------------- */
.Wolke a
{
	/* Wortwolke */
	text-decoration: none;
}

.Wolke
{

	text-align: justify;
	padding: 10px;

}

/* ------- messagelinks ---------------- */
.message_link
{
	text-decoration: none;
	font-size: 9px;
}

.message_link_new
{
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
}


/* -------Ajax-Suche ---------------- */


	
/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:175px;  /* Width of box */
  height:250px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #939393;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-size:0.9em;
  z-index:100;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#333;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}
	
/* -------Debug ---------------- */
#scripttime {
	font-size: 9px;
	background-color:#CCC;
	border: 1px solid #666;
	
	position: relative;
	width: 250px;
	top: 50px;
	left: 10px;
	padding: 5px;
	text-align: left;
	
	
}

#querys {
	font-size: 9px;
	background-color:#CCC;
	border: 1px solid #666;
	
	position: relative;
	top: 50px;
	left: 10px;
	padding: 5px;
	text-align: left;
	width: 1000px;
}

/* ------- Profil ---------------- */

#profile_Menu {
	position: relative;

	background: #efefef;
	padding: 10px;
	
		
	margin-bottom: 10px;
}

#profile_Menu_Area {
	position: absolute;
	width: 780px;
	height: 40px;
	
	left: 200px;
	top: 5px;

}

.profile_Menu_ButtonAkt {

	background: #efefef;
	
	text-align: center;
	text-decoration: none;
	
	font-weight: bold;
	
	padding: 10px;
	
	width: 100px;
	margin: 5px;
	
	float:left;

}

a.profile_Menu_Button {

	background: #e4e4e4;
	
	text-align: center;
	text-decoration: none;
	
	padding: 10px;
	margin: 5px;
	
	width: 100px;
	
	float:left;
	
}

a.profile_Menu_Button:hover {

	background: #e9e9e9;
	
	text-align: center;
	text-decoration: none;
	
	padding: 10px;
	margin: 5px;
	
	width: 100px;
	
	float:left;
	
}

#profile_images_left {
	
	
	width: 785px;
	
	float: left;
}

#profile_images_right {
	
	margin-left: 790px;
	width: 200px;
	
	
	
}


#profile_Left {

	/* border: 1px solid #0F0; */
	
	width: 570px;
	margin-left: 25px;
	margin-right: 20px;
	padding-top: 40px; 
	
	float: left;
	
}

#profile_AvatarBox {

	position: absolute;
	border: 1px solid;
	border-color: #ccc #666 #666 #ccc;
	
	background: #efefef;
	
	width: 80px;
	height: 80px;
	
	text-align: center;
	
	margin: 2px;
}

#profile_MainData {

	
	
	padding-left: 100px;
	line-height: 17px;
	
	height: 90px;
	
}

#profile_TextData {

		margin-bottom: 20px;

}

#profile_TextData p {

	
	/* border: 1px solid #0FF; */
	padding-top: 10px;
	line-height: 16px;

	
}

#profile_Right {

	margin-left: 630px;
	
	width: 360px;
	
	margin-top: 20px;
}

.profile_MessageLink {
	
	position: relative;
	left: 130px;
	text-align: right;

}

.FullName {

	color:#A00;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight:bold;
	line-height: 20px;
}

.ScreenName {
	font-size: 11px;
}


a.button, a.button:link, a.button:visited {
	background: #fff;
 	color: #000;
 	font-size: 11px;
 	border: 1px solid #939393;
	padding: 2px;
	text-decoration: none;
	display: block;
}

a.button:hover, a.button:active {
	background: #fff;
 	color: #000;
 	font-size: 11px;
 	border: 1px solid #000;
	padding: 2px;
	text-decoration: none;
	display: block;
}

/* ------- Gästebuch ---------------- */
#Gaste_Inhalt
{
	overflow:auto;
	width: 357px;
	height: 200px;
	
	
}
#Gaste_Inhalt_LoggedOut
{
	overflow:auto;
	width: 357px; 
	height: 235px;
	
	
}
.Gaste_date
{
	text-align:right;
	font-size: 9px;
	padding: 7px;
	color:#333333;
	position: absolute;
	right: 23px;
	top: 0px;
}
.Gaste_head
{
	background-color: #ddd;
	position: relative;
	padding: 5px;
}
.Gaste_text
{

	font-size: 11px;
	padding: 7px;

}
#i_Gastetext
{
	bottom: 7px;
	left: 7px;
	position:absolute;
	width: 293px;
}
#i_Gastesubmit
{
	bottom: 7px;
	right: 7px;
	position:absolute;
}


/* Fanfunktion */
img.miniavatar {
	width: 55px;
	height: 55px;
}

img.fanstar {
	position:absolute;
	right: 80px;
	top: 3px;
}


/*  --- Memberlist --- */
.MemberBit
{
	position: relative;
	width: 950px;
	margin: 10px;
	border: 1px solid #B9B9B9;
	background: #FBFBFB;
	padding:0px;
}

.MemberDetails
{
	background: #D8D8D8;
}

.MemberAvatar
{
	/* Avatar */
	text-align: center;
	width: 80px;
	height: 80px;
	
}

.MemberAvatar img
{
	border: 1px solid #FBFBFB;
}

.MemberMainData {
	line-height: 20px;
	padding-left: 30px;
}

.MemberStatistics {

}

.MemberTopImage {
	padding-top: 10px;
	width: 200px;
}


/*  --- Upload--- */

.upload_image  {
	border: 1px solid;
	border-color: #ccc #666 #666 #ccc;
}