/* CSS fuer die3extremen.at */
/*--------------------------*/
* {
margin:0;
padding:0;
font-family:"Century Gothic", Arial, sans-serif;
}

html,body {
background-color:#FF6600;
color:#000000;
font-size:10pt;
margin:0;
scrollbar-arrow-color:#FF6600;
scrollbar-base-color:#B34700;
scrollbar-highlight-color:#FF6600;
scrollbar-shadow-color:#FF6600;
scrollbar-track-color:#FF6600;
cursor:url("images/guitar.cur");
height: 100%;
}
#wrap {
height: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
}

#main {padding-bottom: 30px;}  /* must be same height as the footer */
/* damit die PNG Grafiken im IE Transparent sind */
/* dazu gehören die dateien iepngfix.htc und blank.gif im root */
img, div { behavior: url(iepngfix.htc) }
 
 
a {
font-weight:700;
font-size:11pt;
color:#ffff33
}

a:hover {
cursor:url("images/guitar_2.cur");
color:#646464
}

/* remove border */
a:active, a:focus  {
outline:none;
}

hr {
  color:#000000;
  height:1px;
  text-align:center;
}

/*Definition der Tabellen*/

table {
font-size:10pt
}

table a {
color:#000000;
font-size:11pt;
text-decoration:none
}

table a:hover {
cursor:url("images/guitar_2.cur");
color:#FFFF00
}

tbody th {
background-color:#5A666E;
color:#D7DBDD;
padding:2px;
text-align:center;
border-top:1px solid #93A1AA;
border-left:1px solid #93A1AA;
border-bottom:1px solid #2F3B42;
border-right:1px solid #2F3B42
}

caption {
background-color:#5A666E;
color:#FFFFFF;
text-transform:uppercase;
font-weight:700;
font-size:10pt;
border:1px solid #000
}

.tabgray thead th {
background-color:#F5B348;
color:#724809;
padding:2px;
text-transform:uppercase;
border-top:1px solid #F4D39E;
border-left:1px solid #F4D39E;
border-bottom:1px solid #B76E00;
border-right:1px solid #B76E00
}

.tabgray tfoot th {
background-color:#F29601;
color:#724809;
padding:2px;
text-transform:uppercase;
font-size:10pt
}

.tabgray tfoot td {
background-color:#FC0;
color:#724809;
font-weight:700;
text-transform:uppercase;
font-size:10pt;
padding:0 5px
}

.tabgray tbody td {
background-color:#CCCCCC;
color:#000000;
padding:2px;
text-align:center;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-bottom:1px solid #AFB5B8;
border-right:1px solid #AFB5B8
}

.tabgray tbody td a {
color:#000000;
font-weight:700;
text-decoration:none;
font-size:10pt
}

.tabgray tbody td a:hover {
color:#ff6600
}


/*   tabelle ohne       */

.tabnormal table {
background-color:#ff6600
}

.tabnormal tbody td {
background-color:#ff6600;
color:#000000;
padding:3px;
text-align:left;
border:0 solid #ff6600
}

.tabnormal a {
color:#000000;
font-size:11pt;
text-decoration:none
}

.tabnormal a:hover {
color:#FFFF00
}

.tabnormal tbody td,.tabnormal tbody th {
border-bottom:1px solid #000000
}

/*   tabelle mit HOVER (LINKS)   */
.tablinenormal {
color:#000000;
cursor:url("images/guitar.cur")
}

.tabline,.tabline a {
color:#FFFF00
}

.tabline {
cursor:url("images/guitar_2.cur")
}


/*   tabelle JUKEBOX       */

.tabdark table {
background-color:#3C3C3C
}
.tabdark tbody td {
background-color:#2D2D2D;
color:#FFAA55;
padding:0;
text-align:left;
border:0;
font-size:88%
}
.tabdark a {
color:#FFAA55;
font-weight:400;
font-size:120%
}
.tabdark a:hover {
color:#FFFF00
}

/*ENDE Definition der Tabellen*/

.ueberschrift {
font-size:25pt;
font-style:italic;
font-weight:700;
text-align:center;
font-variant:small-caps;
color:#000000
}
.klein {
font-size:9pt;
line-height:1.2;
cursor:url("images/guitar.cur")
}
.ganzklein {
font-size:8pt;
line-height:1.2
}
.gross {
font-size:large;
font-weight:700;
line-height:1.5
}


/*Definition GALLERY      */

.bilderbox_left,.bilderbox_right {
	width:130px;
	background:#f60;
	margin-top:0
}
.bilderbox_left {
	float:left;
	height:510px;
	color:#000;
	margin-right:30px;
	margin-left:10px
}
.bilderbox_right {
	float:right;
	height:500px;
	color:black;
	margin-right:10px;
	margin-left:40px
}


/* schreibmaschine   */
.schreibmaschine_normal {
font-size: 90%;
font-family: "Courier New", Courier, monospace;
padding:10px 50px 20px 50px;
margin-right:100px;
margin-left:100px;
line-height: 150%
}

.schreibmaschine_normal,.schreibmaschine_normal a {
background:#fff;
color:#000
}
.schreibmaschine_normal a {
font-family: "Courier New",Courier,monospace
}
.schreibmaschine_normal a:hover {
color:#f60
}
.schreibmaschine_strong {
    font-family: "Courier New", Courier, monospace;
    font-weight: bolder;
}


/* index.htm versteckt Beschreibung */
.beschreib {
line-height:0;
color:#ff6600;
font-size:1px
}

/* Postit Date */
.post_cal {
     border: 2px solid #FFFFFF;
     text-align: center;
     width: 55px;
     float: left;
     margin: 0 10px 5px 0;
}
 .post_cal .dayname {
      background-color: #FF9900;
      border-bottom: 1px solid #A6A6A6;
      color: #505050;
      font-size:.7em;
      font-weight: normal;
      width: 100%;
}

 .post_cal .daynum {
      background-color: #E0E0E0;
      border-bottom: 1px solid #A6A6A6;
      font-size:2em;
      font-weight: bold;
      width: 100%;
 }

 .post_cal .month, .post_cal .year {
      font-size:.8em;
      width: 100%;
      background: #EFEFEF;
}

.postmetadata {
 font-weight: bold;
}
/* End Postit Date */


/*Definition HEADER LOGO  */
#logo-links {
position:absolute;
top:0;
left:2px;
z-index:50;
width:218px
}

/* Menu linke Seite */
#menu {
margin-top:5px;
}

#menu dl {
/*unterer rand*/
width: 200px;
background: #f60;
}

#menu dt {
/*ueberschrift*/
margin:0;
padding: 10px;
font-size: 1.8em;
font-weight:bold;
color: #000;
background: #f60;
}

#menu dd {
/*menueintraege*/
margin:0;
padding:0;
color: #000;
font-size: 1em;
background: #f60;
}

#menugallery a, #menugallery a:visited {
color:#000;
text-decoration:none;
display:block;
padding:3px 5px 3px 28px;
background: #f60;
width:200px;
font-weight: bold;
}

#menugallery a:hover {
background: #f60 url(../images/ball3.gif) no-repeat 5px 4px;
color:#ff3;
font-weight: bold;
}

/*Definition Scroller unter MENU */

#layer1 {
position: absolute;
width:180px;
height:95px;
border:2px none #000000;
z-index:51;
left:25px;
top:600px;
background-color:#ff6600;
}


/*Definition HAUPTTEIL   */

#content {
padding-top:0;
padding-bottom:30px;
padding-left:230px;
margin-right:15px;
position: relative;
min-height: 100%;
}

* html #content {
height: 100%;
}


#content h1 {
color:#000000;
background-color:transparent
}


/*   thumbnail link      */

#thumbs img {
border:0 solid #FF6600;
padding:0;
margin:0
}

#thumbs a {
border:1px solid #FF6600
}

#thumbs a:hover {
border:1px solid #CCCCCC
}


/*   FOOTER             */

#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	text-align:right;
	color:#404040;
	background:#ff9966;
	text-decoration:none;
  font-size: 9pt;
}

div#footer a {
  font-size: 9pt;
	text-decoration:none;
    background:#ff9966;
	color:#404040;
  font-weight: normal
}

div#footer a:hover {
	color:#ff6;
	cursor:url(images/guitar_2.cur)
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*   FOOTER ENDE         */


/*div#prelast{
 clear:both;
 height:30px;
}*/

/* scroller */
#pscroller1{
width: 130px;
height: 80px;
border: 1px solid black;
padding: 10px;
background-color: #ff6600;
}

.scrollerclass{ //class to apply to your scroller(s) if desired
}