/* boxbody = boxleft + boxcenter
boxwrap = boxbody + boxright */
.boxwrap	{ width: 975px; margin-left: auto; margin-right: auto; }
.boxbody	{ width: 780px; float: left;  }
.boxleft	{ width: 100px; float: left;  }
.boxright	{ width: 180px; float: right; }
.boxcenter	{ width: 650px; float: right; }
.boxclear	{ clear: both; }
.iehackwrap	{ text-align: center;  }
.boxwrap	{ text-align: left; margin: 0 0 3em 0; }
/* .boxcenter { background-image:url(/2files/content.jpg); background-repeat:no-repeat; padding: 5px 5px 5px 5px; } */

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #CCCCCC;
	background-color:  #000000;
	margin: 0px;
}

.highlight  
 {  
 background: #CEDAEB;  
 }  
  
 .highlight_important  
 {  
 background: #F8DCB8;  
 }  


.candiv { display:none; } 
.candiv2 { display:block; } 

a:link       { color: #66ccff; text-decoration: none; }
a:visited    { color: #49b4e9; text-decoration: none; }
a:active     { color: #66ccff; text-decoration: none; }
a:hover      { color: #66ccff; text-decoration: underline; }

a.Shopping:link       { color: #9f700d; text-decoration: none; }
a.Shopping:visited    { color: #9f700d; text-decoration: none; }
a.Shopping:active     { color: #9f700d; text-decoration: none; }
a.Shopping:hover      { color: #9f700d; text-decoration: underline; }


/*
a.Serie:link       { color: #66ccff; text-decoration: none; }
a.Serie:visited    { color: #49b4e9; text-decoration: none; }
a.Serie:active     { color: #66ccff; text-decoration: none; }
a.Serie:hover      { color: #66ccff; text-decoration: underline; }

a.Film:link       { color: #2E2EFF; text-decoration: none; }
a.Film:visited    { color: #2E2EFF; text-decoration: none; }
a.Film:active     { color: #2E2EFF; text-decoration: none; }
a.Film:hover      { color: #2E2EFF; text-decoration: underline; }

a.Band:link       { color: #FB9191; text-decoration: none; }
a.Band:visited    { color: #FB9191; text-decoration: none; }
a.Band:active     { color: #FB9191; text-decoration: none; }
a.Band:hover      { color: #FB9191; text-decoration: underline; }

a.Event:link       { color: #B37DB9; text-decoration: none; }
a.Event:visited    { color: #B37DB9; text-decoration: none; }
a.Event:active     { color: #B37DB9; text-decoration: none; }
a.Event:hover      { color: #B37DB9; text-decoration: underline; }


a.Game:link       { color: #3DDB8F; text-decoration: none; }
a.Game:visited    { color: #3DDB8F; text-decoration: none; }
a.Game:active     { color: #3DDB8F; text-decoration: none; }
a.Game:hover      { color: #3DDB8F; text-decoration: underline; }

a.Artist:link       { color: #551BB3; text-decoration: none; }
a.Artist:visited    { color: #551BB3; text-decoration: none; }
a.Artist:active     { color: #551BB3; text-decoration: none; }
a.Artist:hover      { color: #551BB3; text-decoration: underline; }


a.Home:link       { color: #CCCCCC; text-decoration: none; }
a.Home:visited    { color: #CCCCCC; text-decoration: none; }
a.Home:active     { color: #CCCCCC; text-decoration: none; }
a.Home:hover      { color: #CCCCCC; text-decoration: underline; }


*/

.cutamapromo { width:320px; 
		text-overflow:ellipsis; 
		overflow:hidden;
		white-space:nowrap;
		}


a.h1:link       { font-size:12px;  }
a.h1:visited    { font-size:12px;  }
a.h1:active     { font-size:12px;  }
a.h1:hover      { font-size:12px; }

a.ref:link       { font-size:9px; }
a.ref:visited    { font-size:9px; }
a.ref:active     { font-size:9px; }
a.ref:hover      { font-size:9px; }


h1 { 
font-size: 12px;
display:block; 
margin:0px 0px 4px 0px;
padding:4px;
font-weight:bold; 
border:1px ridge #666666;
background-image:url(/oschti/images/bgimages/h1bg.gif); 
}

h2 { 
font-size: 14px;
display:inline;
margin:0px 0px 0px 0px;
padding:4px;
font-weight:bold; 
border:1px ridge #666666;
background-image:url(/oschti/images/bgimages/h1bg.gif); 
}

.contentbox { border:1px ridge #666666; padding:4px; }
.contentbox2 { border-bottom:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; padding:4px; }

.liste { padding:12px; }

.containerbox { border:1px ridge #666666; padding:4px; background-image:url(../images/bgimages/container.jpg); background-repeat:no-repeat; overflow:hidden; white-space:nowrap; width:170px; text-overflow: ellipsis; }

.containerbox2 { border:1px ridge #666666; padding:4px; background-image:url(../images/bgimages/container.jpg); background-repeat:no-repeat; width:170px; }

.containertitel { text-align:center; font-weight:bold; }

.containerspacer { width:180px; height:20px; background:url(/oschti/images/bgimages/container_spacer.jpg); }

.spacer { width:660px; height:20px; background:url(/oschti/images/bgimages/spacer.jpg); }

.rot { color:#FF0000; font-size: 11px; } 

.red { color:#ff3333; } 
.blau { color:#0040ff; } 
.gruen { color:#66cc66; } 
.gelb { color:#ffff33; } 


.input_field { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; background-color:#666666; border-style: inset; border-color: #666666; }

.input_but { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #666666; border-color: #666666; }


.bildcont {
float: left; 
padding:4px;  
font-size: 9px; 
border:1px ridge #666666; 
height:150px; 
width:198px;
margin:4px 2px 4px 2px; 
/* margin: 'margin-top' 'margin-right' 'margin-bottom' 'margin-left'*/
}

.tvcont {
float: left; 
padding:4px;  
border:1px ridge #666666; 
height:220px; 
width:198px;
margin:4px 2px 4px 2px; 
text-align:center; 
/* margin: 'margin-top' 'margin-right' 'margin-bottom' 'margin-left'*/
}

a img { border:1px solid #66ccff; } 
img.grau { border: 1px solid #999999; }

td.groove { border:1px solid #666666; }

.ref { 	font-size: 11px; color:#999999; }
.ref2 { 	font-size: 9px;  color:#999999; }

a.songref:link       { font-size: 9px; color: #66ccff; font-weight: normal; text-decoration: none; }
a.songref:visited    { font-size: 9px; color: #66ccff; font-weight: normal; text-decoration: none; }
a.songref:active     { font-size: 9px; color: #66ccff; font-weight: normal; text-decoration: none; }
a.songref:hover      { font-size: 9px; color: #66ccff; font-weight: normal; text-decoration: underline; }



/* pageing */
/***********/
.pageing ul {list-style: none;margin: 0;padding: 0; }
/* macht dass es nebeneinander ist und zeichnet den rahmen */
.pageing li {border-width: 1px;border-style: solid; border-color:#66ccff; margin-right: 3px;float: left;position: relative; width:24px}
/* abstand des rahmens */
.pageing a, .pageing li span {text-align: center; text-decoration: none; padding: 1px 4px 1px 4px;display: block;}
/* macht den rahmen weiss bei hoover */
.pageing li:hover {border-color:#fff}
.pageing a,.pageing li span,.pageing li.children span {background-image:url("/oschti/images/bgimages/icons/pageingbg.jpg"); }
.pageing a:hover { background-image: url("/test/test2.jpg"); }
.pageing li.nix {border-width: 0px;border-style: solid; border-color:#66ccff; margin-right: 3px;float: left;position: relative; }
.pageing .skip, .pageing .skip:hover, .pageing .skip:active {border: none;}
.pageing .skip a, .pageing .skip a:hover, .pageing .skip a:active, .pageing .skip span {background-color: transparent;background-image: none !important;border: none;margin: 0;padding: 0;}
.pageing .skip {padding: 1px 1px !important;width: 16px;}
.pageing .skip img {vertical-align: middle; border:none;  padding: 0 0 0 0;display: block; margin-right: 3px;float: left;position: relative; }
/* ENDE pageing */

/* ajax dropdown menu series */
.sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

.sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
}

.sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 0px 0px;
	width: 152px;

	color: #66ccff;
	text-align: center;
	text-decoration: none}

.sddm li a:hover
{	/* background: #333333 */ }

.sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #666666;
	border: 1px solid #FFFFFF;
	z-index:2; }

.sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 2px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #333333;
	color: #999999 ;
	font: 11px arial}

.sddm div a:hover
{	background:  #666666;
	color: #FFF}

		
td.unten { 
border-top: 1px solid #666666; 
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}

/* STAR RATING */
	.star-rating{
		list-style:none;
		margin-left:5px!important;
		margin-top:4px;
		margin-bottom:4px;		
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(/oschti/rating/alt_star.gif) top left repeat-x; background-color:#000000;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		float: left;
	}

	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/oschti/rating/alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(/oschti/rating/alt_star.gif) left center;
	
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
/* ENDE STAR RATING */


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0 0; /* set margins as desired */
font: 12px Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 1px solid #666666; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 2px 3px 2px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
margin-right: -2px;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9, body#tab10 li.tab10, body#tab11 li.tab11, body#tab12 li.tab12, body#tab12 li.tab12, body#tab13 li.tab13, body#tab14 li.tab14, body#tab15 li.tab15, body#tab16 li.tab16, body#tab17 li.tab17, body#tab18 li.tab18, body#tab19 li.tab19 { /* settings for selected tab */
border-right: 1px solid #000000; /* set border color to page background color */
border-bottom: 1px solid #000000; /* set border color to page background color */
background-color: #CCCCCC; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a, body#tab10 li.tab10 a, body#tab11 li.tab11 a, body#tab12 li.tab12 a, body#tab13 li.tab13 a, body#tab14 li.tab14 a, body#tab15 li.tab15 a, body#tab16 li.tab16 a, body#tab17 li.tab17 a, body#tab18 li.tab18 a, body#tab19 li.tab19 a { /* settings for selected tab link */
background-color: #000000; /* set selected tab background color as desired */
/* color: #FFFFFF; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 2px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #999999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #333333; /* set unselected tab background color as desired */
/*color: #66ccff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #000000; /* set desired hover color */
}

/* end css tabs */