/* Default-Schrift-Definition */

body, td { 
	
	font-family: Helvetica, Arial, Tahoma, Verdana;
	font-size: 11px;
	color: black;
}

table.hell_dunkel {

        width: 100%;
        border-spacing: 2px;
        
}

td.hell {

        padding: 4px;
        background-color: #DFDFDF;

}

td.dunkel {

        padding: 4px;
        background-color: #CCCCCC;
        width: 10px;
        white-space: nowrap;
}






/* Body-Definition */

body {

	margin: 0px;
	background-color: black;
	text-align: center;

}

* Tabelle fŸr Userpage */

table.hell_dunkel {

	width: 100%;
	border-spacing: 2px;
	
}

td.hell {

	padding: 4px;
	background-color: #DFDFDF;

}

td.dunkel {

	padding: 4px;
	background-color: #CCCCCC;

}

/* Layer Inhalt */

#inhalt {       

	position: relative;
	left: -80px;
	
	text-align: left;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	
	width: 780px;
	height: 100%;

}



/* Seitentitel */

h1 {

	font-size: 14px;
	font-weight: bold;
	
	text-transform: uppercase;
	
	margin: 0px;
	margin-bottom: 12px;
	
	color: #000055;
}



/* Box-Titel */

h2 {

	font-size: 11px;
	font-weight: bold;
	
	text-transform: uppercase;
	
	margin: 0px;
	margin-bottom: 13px;
	
	color: #000055;
}



/* Normale Titel */

list {
	color: red;
	
}


h3 {
	
	font-size: 11px;
	font-weight: bold;

	padding: 2px;

	margin: 0px;
	margin-bottom: 4px;
	
	color: #000055;
	
	background: #CCCCCC url(../images/schraff_weiss.gif);
}

td.h3 {

	font-size: 11px;
	font-weight: bold;
	
	padding: 2px;

	color: #000055;
	
	background: #CCCCCC url(../images/schraff_weiss.gif);

}


/* Rot */

span.red {

	color: red;

}



/* Default-Einstellungen Tabelle */

table {

	border-spacing: 0px;
	border-collapse: collapse;
	
	empty-cells: show;

}



/* Default-Einstellungen Formular */

form {
	
	margin: 0px;
	
}



/* Tabelle fŸr Formular */

table.form {

	border-spacing: 2px;
	
}



/* Zelle fŸr Formularfeld-Beschriftung */

td.label {

	/* background: #CAC9CA; */
	padding: 8px 10px 6px 0px;
	vertical-align: top;
	
	color: black;
	
	text-align: left;
	white-space: nowrap;

}



/* Zelle fŸr Formular-Eingabefeld */

td.input {

	/* background: #E0DEE0; */
	padding: 4px 10px 3px 1px;
	vertical-align: top;
	
	color: black;
	
	text-align: left;
	
}


/* Zelle fŸr Eingabefehler */

td.fehler {

	vertical-align: top;
	
	color: red;
	font-size: 9px;
	
	text-align: left;
	
}




/* Formular: Allgemein */
input {
	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

select {

	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: white;
	border: 1px solid #CAC9CA;
	height: 19px;
}


/* Formular: Textfeld, Passwort-Feld, File */

input.feld {
	
	background: white;
	border: 1px solid #CAC9CA;
	height: 19px;
	
}

/* Formular: Button */

input.button {

	background: white;
	border: 1px solid #CAC9CA;
	height: 19px;	
	font-size: 10px;
	cursor: hand;

}


/* Tabelle fŸr BOX */

table.box {

	width: 100%;
	border-spacing: 2px;

	margin-bottom: 5px;

}




/* Zelle fŸr BOX-Titel */

td.box_titel, td.box_titel_edit {

	background: #767575 url(../images/box_horn.gif) no-repeat;
	background-position: 0px 0px;
	 
	border: 1px solid #5c5c5c;
	border-bottom: 1px solid #666666;

	
	color: white;
	font-size: 12px;
	
	font-weight: bold;
	
	text-transform: uppercase;
	
	padding-top: 4px;
	padding-left: 29px;
	
	height: 22px;
}

td.box_titel_edit {

	padding-right: 5px;
	text-align:right;
	font-size: 11px;
	
	font-weight: bold;

 	background-position: right;
	padding-left: 1px;
	
}

/* Zelle fŸr BOX-Inhalt */

td.box_text {
	
	border-top: 0px;
	background: white;
	padding: 4px;
	padding-top: 8px;
	padding-bottom: 6px;
	
	border: 1px solid #666666;
	border-top: none;
}


/* Tabelle fŸr "Dia"-†bersicht  (z.B. Usersearch-Resultate) */

table.dia {

	width: 100%;
	border-spacing: 10px;
	
}

/* Zelle fŸr Dia */

td.dia {

	padding: 15px;
	background-color: #CCCCCC;
	text-align: center;
	border: 1px solid #767575;

}



/* Inhalt Spalten & zufallsbild */

#spalten {

	position: absolute;
	top: 46px;
	left: 0px;
	border 1px solid black;
	
	background: #999999 url(../images/metall.gif) repeat-x;
	
	border-bottom: 1px solid #C1C1C1;
	border-top: 1px solid #C1C1C1;
	
	padding-bottom: 6px;
	padding-top: 14px;
	
}


/* 1er-Spalte */

td.spalte_small {

	width: 260px;	
	vertical-align: top;
	text-align: center;
	padding: 2px;

}



/* 2er-Spalte */

td.spalte_medium {

	width: 520px;	
	vertical-align: top;
	text-align: center;
	padding: 2px;

}



/* 3er-Spalte */

td.spalte_large {

	width: 780px;	
	vertical-align: top;
	text-align: center;
	padding: 2px;

}




/* Header (weisser Hintergrund fŸr div. Browser) */

#header {
	
	position: absolute;
	background-color: white;
	
	width: 100%;
	height: 300px;
	
}



/* Logo */

#logo {

	position: absolute;
	left: 10px;
	top: 20px;
	background-color: white;
	
}


/* Flash-Top */
#flash {

	position: absolute;
	left: 0px;
	top: 0px;
	background-color: white;

}


/* Banner 468x60 */

#banner {

	position: absolute;
	left: 300px;
	top: 15px;

}



/* Naviagtion */

#navi {

	position: absolute;
	left: 0px;
	top: 97px;

	height: 23px;
	width: 100%;

	background: url(../images/bg_navi.gif);

}


/* Login-Balken */

#login {

	position: absolute;
	left: 0px;
	top: 120px;

	height: 23px;
	width: 100%;

	background: #333333;
	
	border-top: 1px solid #999999;
	
	vertical-align: middle;
	
}


/* Login Formularfelder */

input.login 
{
	background-color: #333333;
	border: 1px solid #999999;
	
	height: 16px;
	width: 70px;
	
	color: White;
}


/* Zelle Login */

td.login
{

	color: white;
	font-size: 11px;
	
	padding-right: 3px;
	padding-left: 5px;
	
}

/* Link Login */

a.login:link, a.login:active, a.login:visited
{
	color: white;
	text-decoration: none;
}

a.login:hover
{
	color: Red;
	text-decoration: none;
}

/* Zelle Navi */

td.navi {

	height: 23;
	padding-left: 15px;
	padding-right: 10px;
	white-space: nowrap;
	text-align: center;

}


/* Tab ausgewaehlt */

#active {

	background: red;

}


/* TD: Zufalls-Bild */

#Pic {

	width: 780px;

	background: #999999 url(../images/metall.gif) repeat-x;
	background-position: bottom;
	
	padding: 0px;
	padding-bottom: 8px;

}

#StartPic 
{

	width: 510px;
	height: 217px;
	margin-right: 1px;

}


/* Buttons auf Userpage */
td.mybuttons {

	padding-right: 4px;
	padding-bottom: 5px;

}


/* Skyscraper-Banner rechts */

#skyscraper {

	position: absolute;
	left: 800px;
	top: 15px;

}

a:link, a:visited {
	color: #000055;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: none;
}

a:active {
	color: red;
	text-decoration: none;
}

a.navi:link {

		margin-left: 8px;
		margin-top: 6px;
		
		font-size: 13px;
		text-decoration: none;
		color: white;
		white-space: nowrap;
		text-shadow: #6B6B6B 1px 1px;
		
		font-weight: bold;
		
	text-transform: uppercase;
}

a.navi:visited {
		font-size: 13px;
		text-decoration: none;
		color: white;
		font-weight: bold;
		text-shadow: #6B6B6B 1px 1px;
	text-transform: uppercase;
}

a.navi:active {
		font-size: 13px;
		text-decoration: none;
		color: white;
		font-weight: bold;
	text-transform: uppercase;
		text-shadow: #6B6B6B 1px 1px;
}

a.navi:hover {
		font-size: 13px;
		text-decoration: none;
		color: #6B6B6B;
		text-shadow: #2C2C2C 1px 1px;
		font-weight: bold;
	text-transform: uppercase;
}

a.editlink{
		padding-left:10px;
  text-align : right;
}

td.stylelist {
	border-top: 1px solid #CAC9CA;
	padding-top:5px;
	font-size: 13px;
	font-weight:bolder;
	text-decoration: none;
	color:#000000;
}

img.usercollage 
{

	margin-bottom: 4px;
	width: 518px;	
	
}