/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	
	(c) Werbestudio - Mack 2007 
	|| Date: 08.03.2007 							 ||
	|| Update: 26.03.2007 (Layout changing) ||
	'@Entwurf'
	by: Andreas Giesa & Lukas Petri
	
	E-Mail: info@werbestudio-mack.de
	URL: http://www.werbestudio-mack.de
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BODY PAGE  */
BODY { margin: 0px; padding: 0;  background: Black url(../images/background_new.gif) repeat top center;  }
/* Header - start */
#header { margin:0; height: 100%; min-height: 800px; min-width: 900px; width: 100%; }
/* SEITEN INHALT */
#menue { padding-top:130px; width:156px; float:left;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#blank { display: none; }

#html-menue{
	width: 156px;
	height: 450px;
	padding: 155px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	background: transparent url(../images/htmlnavi-bg.gif) no-repeat 0 0;
	margin: 70px 0 0 0;
	text-align: left;
	}
#html-menue a:link, #html-menue a:visited{
	color: #333333;
	text-decoration: none;
	}	
#html-menue a:hover, #html-menue a:active{
	color: #333333;
	text-decoration: underline;
	}
#html-menue ul{
	margin: 0;
	padding: 0 5px 0 20px;
	}			
#html-menue li{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
	list-style-position: outside;
	}		

#content { padding-top:0px; margin-left:10px; width:500px; padding-left: 170px; /* 	filter:alpha(opacity=60); */	}

#sheriff {
	background-image: url(../images/sheriff.gif);
	background-repeat: no-repeat;

	width: 100px;
	height: 115px;
	/* position: relative; */
	Z-INDEX: 1; 
		padding-top: 100px;
	margin-top: 100px;
	POSITION: absolute; 
/*	min-height: 500px;
	min-width: 200px; */}
	
#inhalt {
	margin-top: 320px; 
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: normal;
	padding: 10px;
	border: 1px solid #333333;
	padding-left: 20px;
	height: 50%;
	background-image: url(../images/content.png);
	background-repeat: repeat;
/*	opacity:.6;
	-moz-opacity:.6;
	background-color: #EFEFEF; */}

#inhalt_non {
 width: 600px;
 margin-top: 320px;
 padding: 10px;
 padding-left: 20px;
 
}
#inhalt_uu {
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 13px;
 font-weight: normal;
 width: 600px;
 margin-top: 20px;
 padding: 10px;
 padding-left: 50px; }
 
.ralf, .fee, .andreas, .lukas,.reini { 
width: 600px;
height: 330px;	
background-repeat: no-repeat; 
margin-bottom: -60px; }

.ralf { background-image: url(../images/ueber_uns/ralf.gif); }
.fee { background-image: url(../images/ueber_uns/fee.gif); }
.andreas { background-image: url(../images/ueber_uns/andreas.gif); }
.lukas { background-image: url(../images/ueber_uns/lukas.gif); }
.reini { margin-bottom: 0px; background-image: url(../images/ueber_uns/reini.gif); }

.ue_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 30px;
	padding-top: 95px;
	vertical-align: middle;	
	text-align: left;
	color: #3C4134; }

.ue_link ,.ue_link a:link,.ue_link a:visited { color: #C76651; /*color: #3C4134; */ }
.ue_link a:hover { color: #000000; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#blatt { padding-left: 50px; width: 300px; height: 530px; float: left; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { position: relative; font-family: Arial, Helvetica, sans-serif;color: #FFFFFF; font-size: 12px;	font-weight: bold; text-align: center;	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#messageinfo { 
	margin-top: 320px; 
	background-image: url(../images/infoblatt.png);
	background-repeat: no-repeat;
	width: 258px; 
	height: 392px; 
	padding-top: 20px;
	}
h1 { color: #3C3B32; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: medium; text-align: left;  }
#footer, #footer A:link, #footer A:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #D2CAB2;
	text-align: center;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-decoration: none;
}

#footer A:hover { color: #FFFFFF; text-decoration: none; }

/* Formular Felder */ 
.formtop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	text-align: left;
	font-variant: small-caps;
	padding-bottom: 5px;
}

.formname {
	padding-bottom: 15px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}

.formhinweis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;	
	text-align: left;
	padding: 10px;
}

.forminput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #D2CAB2;
	border: 1px solid #3C3B32;
	padding: 2px;
	color: #3C3B32;
}

/* Formular feld */



/* Weihnachteskram */

#blackbox {position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height:100%; background-color:#000; }

#greetings { text-align:center; position: absolute; width: 100%; top: 50px; z-index: 102; }
#greetings a{ color:#FFF; font-weight:bold;  text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

#greetings img{ border:6px solid #CCC;}

#greetings-close {}