/*STYLES SIGGIBLEY.DE */
 
 
/* -------- TAGS ------ */
 
html {
	overflow-y:scroll;  /* erzwingt Scrollbar wegen zentriertem Inhalt */
	scrollbar-track-color: #DFDFDF; 
}
body {
	background-color:#DFDFDF; 
	margin:0px; padding:0px; 
	/* font-size:10pt; font-family: Arial, Helvetica, sans-serif; */
}
td td {
	background-image: url(x.gif); /* prevent Bugs */
}
body,div,td,th,p,li {
	font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
}
td p:first-child {
	margin: 0 auto; 
}
p + p { 
	margin: 12px auto; 
}
/*
   tr { vertical-align: top; text-align:left; }
*/
ul {
	margin-top: -12px; 
}
a, a:link, a:visited {
	color:#3366FF; 
}
a:focus, a:hover {
	color:#00FF00; 
}

a:active {
	color:#FF6633;
}
/*
    Reihenfolge fuer a-tag lt. selfhtml
    a:link, a:visited, a:focus, a:hover, a:active 

*/
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif; color:#F0F0FF; 
}
h1 {
	font-size:22pt; color:#EEEEEE; margin-bottom:5px;
}
h2 {
	font-size:16pt;
}
h3 {
	font-size:14pt; 
}
h4 {
	font-size:12pt; margin-bottom: -12px; 
}
 
/* ------ ID's -------- */
 
#MainTable, #TableFon, #TableHead, #TableCont, #TableFoot  {
	margin: 0 auto; 
	width:777px; overflow:hidden; 
}
#MainTable {
	height:630px; 
}
#TableHead {
	height:155px; 
}
#MainTable, #TableHead {
	background-image: url(img/backStar.gif); background-repeat:no-repeat; 
}
#TableCont {
	background-image: url(img/backCont.gif); background-repeat:repeat-y; 
}
#TableFoot {
	background-image: url(img/backFoot.gif); background-repeat:no-repeat; 
}
#Counter img {
	margin-left:5px
}
#HomeButton {
	 float:right; margin:5px 5px 5px 25px;
}
 
/* ---- ID-ANIMATIONEN ---- */
 
#GuitarSB:active {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#IndexNavi a, #TelDesktop { /* Buttons */
	margin-left: 0px; 
}
#IndexNavi a:hover { 
	margin-left: 20px; 
}
#fuerSpruch:hover {
	text-shadow: 1px 1px #CC9966;
}
#TelDesktop:hover {
	margin-left: 0px; /* NIX */
}
#Blinker { /* für Script Animation */
	color:#FF6633; 
}
 
/* ----- FRAME-LAYER ------ */
 
#LayerTanken {
	left:30%; top:375px; height:auto;
	width:145px;
}
#LayerZeigen {
	left:50%; top:110px; height:auto;
	width:250px; overflow:visible; 
}
.InfoLayerBody {
	border: 3px double #303030;
	background-color:#DFDFDF;
}
.InfoLayerHead {
	text-align: right; 
}
.CloseButton {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:24px; line-height:1.1em;
	font-weight:bold; color:#000000;
}
.CloseButton:focus, .CloseButton:hover {
	color:#FFFFFF; background-color:#CC9966;
	cursor: pointer; 
}
 
  
/* ----- CLASSES ------ */
 
td.btn {
	background-image: url(img/MButtonBg.gif); background-repeat:no-repeat;
	vertical-align:middle; text-align:center; 
	width:92px; max-width:92px; overflow:hidden;
}
td.btn a.navig {
	color:#000000; 
	font-size:9pt; text-decoration:none; width:99%; 
}
td.btn a.navig:hover {
	color:#E00000; 
}
.arrow  {
	background-image: url(img/arrowUp.gif); background-repeat:no-repeat; 
}
.IExHidden {
	height: auto; 
}
.contentBg {
	background-color:#000000; 
}
 
 
/* ----- SMARTPHONE ------ */
 
#TelSmartphone {
		display:none; 
}
#TelDesktop {
		display:inline; 
}
 
@media only screen and (max-device-width: 480px) {
 
  /* SEITE Index */
	body#Index p {
		max-height: 999999px; /* prevent mobile-font-boosting - element oder parent */
	}
	#TelDesktop {
		display:none;
	}
	#TelSmartphone {
		display:inline;
	}
}