/**
 * # 2011-03-09 .vidlab - color: #000000; text-decoration: underline; testnew.
 *
 */

/**
 * @title CSS Datei Site
 *
 * @author TF
 * @copyright TF 2011
 * @version 0.2
 * @since 2011-03-09
 *
 * * * *
 *
 * @COLORS
 * @color #000000 (Schwarz)
 * @color #F99C4F (Helles Orange)
 * @color #ff3333  (Rot)
 * @color #4c4a46  (Dunkles Grau)
 * @color #cccccc  (Hell Grau)
 * @color #287018  (darkgreen)
 *
 *
 */

/**
 * ##################################################################################
 * ************************************** Content ***********************************
 */
/**
 * Scrollbar verschwinden lassen
 */
html, body {
  margin:0;
  padding:0;
  /*padding-left: 16px;
  padding-bottom: 16px*/
  width:100%;
  height:100%;
  overflow:hidden;
}

body {
	position: absolute;
	top: 0;
	left: 0px;
    width:100%;
    height:100%;
    background-image: url(../pics/background.jpg);
	background-attachment: fixed;
    overflow: scroll;
	font-size: 12px;
	font-family: verdana, arial;
	z-index:1;
}

#site {
	width: 888px;
	margin-left: auto;
	margin-right: auto;
}

/**
 *  Content Gesamt
 */
#cont {
	position: relative;
	top: -12px;
	width: 888px;
	background-image: url(../pics/back_hell.png);
	/*background-repeat:repeat-x repeat-y;*/
	float:left;
	margin-bottom: 34px;
}

/**
 * ##################################################################################
 * ************************************ Linkstyle ***********************************
 */
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #ff3333;
	text-decoration: underline;
}

/**
 * ##################################################################################
 * ************************************* HEADER *************************************
 */
#header {
	width: 888px;
	border: 0px;
	background-color: #000000;
}
#headerborder {
	text-align: center;
	border: 0px;
}

/**
 * ##################################################################################
 * ********************************* Navigation - Anfang ****************************
 */
#navigat {
	position: relative;
	width: 888px;
	height: 26px;
	top: -12px;
	/*background-color: #ffffff;*/
	/*background-color: #4c4a46;*/
	background-image: url(../pics/naviback_trans80.png);
	border: 0px;
}
#navi {
	position: relative;
	top: 4px;
	right: 26px;
	/*width: 600px;*/
	list-style-type: none;
}
#navi ul li {
	position: relative;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
#navi ul li a {
	color: #ff3333;
}
/* ********* Navigation - Ende ********** */

/**
 *  ##################################################################################
 * **************************** Startseite Text + Pic (Anfang) **********************
 *
 *  start welcome container
 */
#text {
	position: relative;
	/*top: -12px;*/
	width: 888px;
	/*height: 380px;*/
}

/**
 *  start welcome pic
 */
#welcompic {
	/*width: 208px;*/
	margin-top: 22px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
/**
 *  start welcome textcontainer
 */
#welcome {
	position: relative;
	top: 18px;
	width: 780px;
	padding-left: 48px;/*188*/
	text-align: center;
}
#welcome h3 {
	font-style: italic;
	font-size: 20px;
	color: #ffffff;
}
#welcome p {
	font-size: 14px;
}
#text #welcome .edit img {
	position: absolute;
	border: 0px;
	top: 10px;
	left: 20px;
}
/**
 * ************************************
 * ********* welcome Galery ***********
 */
#textgal {
	position: relative;
	/*top: -12px;*/
	width: 888px;
	/*height: 380px;*/
}
/**
 *  start welcome pic
 */
#welcompicgal {
	/*width: 410px;*/
	margin-top: 22px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
/**
 *  start welcome textcontainer
 */
#welcomegal {
	position: relative;
	top: 18px;
	width: 780px;
	/*padding-left: 268px;*/
	text-align: center;
}
#welcomegal h3 {
	font-style: italic;
	font-size: 20px;
	color: #ffffff;
}
/* Galerieuberschrift */
.gal h1 {
	color: #ffffff;
	padding-left: 10px;
}
#welcomegal p {
	font-size: 14px;
}
#textgal #welcomegal .edit img {
	position: absolute;
	border: 0px;
	top: 10px;
	left: 20px;
}
/* Galery Ende */

/**
 *   Newsticker (Anfang)
 */
#newsticker {
	position: relative;
	/*top: -42px;*/
	height: 28px;
}
#news {
	position: relative;
	top: 4px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ff3333;
}
/*  Newsticker (Ende)  */

/**
 * ##################################################################################
 * ***************************** Video Formatierung (Anfang) ************************
 *
 *  **** Video Gesamtübersicht - Anfang ****
 *
 *  container
 */
.vid_list {
	position: relative;
	color: #ffffff;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 34px;
}
/**
 *  ausgabe link YYYY
 */
.videos_ln {
	position: relative;
	padding-top: 18px;
	display: block;
	/*color: #ffffff;*/
}
/*.video_ln a:hover {
	color: #ff3333;
}*/
.videos_ln .vid_y {
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
}
.vid_y a {
	color: #ffffff;
}
.vid_y a:hover {
	color: #ff3333;
}
/**
 *  ausgabe link bands/jahr
 */
.videoln {
	position: relative;
	color: #ffffff;
	font-size: 14px;
	display: inline;
}
.videoln a {
	color: #ffffff;
}
.videoln a:hover {
	color: #ff3333;
}
.vid_band {

}
/* **** Video Gesamtübersicht - Ende **** */

/**
 * ********** Video Ausgabe - Anfang *********
 *
 * frame(s) ausgabe
 */
.videoausgabe {
	position: relative;
	/*top: -22px;*/
	width: 410px;
	height: 350px;
	color: #ffffff;
	float: left;
	left: 16px;
	padding: 10px;
	/*border: 0px;*/
}
/**
 *  bandname
 */
.vidlab {
	font-size: 16px;
	font-weight: bold;
	/* videos 2008-? keine Linkfarbe + text-decoration - neu */
	text-decoration: underline;
	color: #ffffff;
}
/**
 *  konzertdatum
 */
.viddat {
	font-size: 12px;
	font-style: italic;
}
/**
 *  bandinfo - homepage
 */
.vidlin {
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}
.vidlin a {
	color: #ffffff;
}
.vidlin a:hover {
	color: #ff3333;
}
/**
 *  ********** Video Ausgabe - Ende *********
 * ***************************** Video Formatierung (Ende) ************************
 */

/**
 * ##################################################################################
 * ******************************* Bildergalerie ************************************
 */
.bilderausgabe {
	position: relative;
	/*top: -22px;*/
	width: 410px;
	/*height: 370px;*/
	color: #ffffff;
	float: left;
	left: 16px;
	padding: 10px;
	/*border: 0px;*/
}
.bilderausgabe img {
	width: 410px;
	/*height: 261px;*/
	cursor: url(../pics/zoom.png), move;
	border: 0px;
}

/**
 * ##################################################################################
 * **************************** Locations Ausgabe - Start ***************************
 */
#location {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#location h1 {
	position: relative;
	padding-top: 20px;
	padding-left: 60px;
	color: #ffffff;
}
#location p {
	float: left;
	margin-top: 10px;
	padding-left: 60px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
#location p a {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}
#location p a:hover {
	color: #ff3333;
}
#adressback {
	clear: both;
}
#adressback img {
	position: relative;
	padding-top: 20px;
	padding-left: 120px;
}
/* **** Locations Ausgabe - Ende **** */

/**
 * ##################################################################################
 * ****************************** Eingabeformular - Anfang **************************
 * formularcontainer
 */
#form {
	position: relative;
	top: 40px;
	width: 488px;
	/*height: 520px;*/
	font-size: 14px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
/**
 *  form legend
 */
.forb {
	font-size: 18px;
	font-weight: bold;
}
/**
 *  eingabefeld beschriftung
 */
.forc {
	font-size: 14px;
	font-weight: bold;
}
/**
 *  eingabefeld
 */
.feld {
	background: transparent;
	border: 1px solid #cccccc;
}
/**
 *  maxzeichenfeld
 */
.felds {
	position: relative;
	left: 30px;
	background: transparent;
	color: #000000;
	border: 0px;
}
/**
 *  button
 */
.button {
	background: transparent;
	border: 0px;
	color: #000000;
}
/* **** Eingabeformular - Ende **** */

/**
 * ##################################################################################
 * *********************************** Gästebuch Anfang *****************************
 * guestbook container
 */
#guest {
	position: relative;
	padding-top: 20px;
	margin-left: 40px;
}
/**
 *  neuer eintrag
 */
.newgbook {
	font-size: 16px;
	font-weight: bold;
}
/**
 *  eintrag container
 */
.eintragstil  {
    width: 688px;
	margin-top: 42px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: justify;
	font-size: 14px;
}
/* **** Guestbook Ende **** */

/**
 * ##################################################################################
 * *********************************** Footer - Anfang ******************************
 * footer container
 */
#footer {
	position: relative;
	clear: both;
	top: -46px;
	width: 888px;
	height: 166px;
	padding-top: 20px;
	/*background-color: #4c4a46;*/
	background-image: url(../pics/footerback_trans80.png);
	background-repeat: repeat-x;
	/*background-image: url(../pics/videoall_trans.png);*/
	/*float: left;*/
}
/**
 *  Login
 */
#eingang {
	position: relative;
	width: 400px;
	font-size: 12px;
	color: #ffffff;
	top: 46px;
	left: 60px;
	visibility: hidden;
}

#eingang input {
	position: relative;
	background: transparent;
	font-size: 12px;
	border: 1px solid #706a51;
}
/**
 *  User Online
 */
#useron {
	position: relative;
	width: 320px;
	color: #ffffff;
	top: 28px;
	left: 602px;
}
#footer hr {
	width: 840px;
	color: #F99C4F;
}
#copy {
	position: relative;
	top: 60px;
	text-align: center;
}
#copy a {
	text-decoration: none;
}
#copy2 {
	position: relative;
	top: 96px;
	text-align: center;
}
/* **** footer Ende **** */

/**
 * ##################################################################################
 * ************************************** Senden (Anfang) ***************************
 * send Container
 */
#send {
	position: relative;
	height: 320px;
	font-size: 18px;
	text-align: center;
	margin-top: 140px;
}

/**
 * ##################################################################################
 * *************************** Access - NoAccess - Fehler (Anfang) ******************
 * Access - Access Denied - ERROR Container
 */
#noacc {
	position: relative;
	top: -12px;
	width: 888px;
	height: 400px;
	text-align: center;
	background-image: url(../pics/back_hell.png);
	float:left;
	margin-bottom: 34px;
}
/**
 *  Access Denied Text
 */
#no_ac {
	position: relative;
	top: 100px;
}
/* noaccess - error Ende */

/**
 * ####################################################################################
 * ************************** Formatierungs Klassen (Anfang) **************************
 */

.clear {
	clear: both;
}
.noborder {
	border: 0px;
}
/**
 *  **** FARBEN ****
 */
.green {
	color: #00ff00;
}
.darkgreen {
	color: #287018;
}
.red {
	color: #ff3333;
}
.lightgrey {
	color: #cccccc;
}
.darkgrey {
	color: #4c4a46;
}
.darkergrey {
	color: #0d0d0d;
}
.white {
	color: #ffffff;
}
/**
 *  **** TEXT + OBJECTAUSRICHTUNG ****
 */
.middle {
	vertical-align: top;
}
.center
{
	text-align: center;
}
.left
{
	text-align: left;
}
.right
{
	text-align: right;
}
/**
 *  **** SCHRIFTFORMATIERUNG ****
 */
.kursiv {
	font-style: italic;
}
.small {
	font-size: small;
}
.bold {
	font-weight: bold;
}
.fosi8 {
	font-size: 8px;
}
.fosi10 {
	font-size: 10px;
}
.fosi12 {
	font-size: 12px;
}
.fosi14 {
	font-size: 14px;
}
.fosi16 {
	font-size: 16px;
}
.fosi18 {
	font-size: 18px;
}
/**
 * ************************** Formatierungs Klassen (Ende) **************************
 * ##################################################################################
 * #################################   End CSS  #####################################
 */