/* Allgemein                                                */

body   	{	background:#FFFFFF URL('/grafix/seite_bg3.gif') repeat-x fixed;
			margin:0px;
			padding: 0px;
			font-family:arial,helvetica,sans-serif; 
			color:#333333;}
	
a      	{	color:#555555; 
			text-decoration:none;}
	
a:hover     {	text-decoration:underline;}

h1, h2, h3 {	font-size:1.5em;font-weight:bold;margin-left:0.5em;margin-right:1em;margin-bottom:0.2em;}

p, ol, ul, blockquote {font-size:0.8em;margin-top:0.5em;margin-left:1.2em;margin-right:1em;}

li 	{margin-top:0.5em;margin-left:15px;margin-right:12px;}

p 	{text-align:justify;}




/* -------------------------------------------------------- */
/* Klassen                                                  */

.pageheadline 	{font-size:1.3em;font-weight:bold;
		margin-left:15px;margin-bottom:0.2em;text-align:left}
		
p.pageheadline	{text-align:left}
		
span.pageheadline {font-size:1.4em;font-weight:bold;margin-left:0px;text-align:left}		
		
.pageheadline img {border:0}		
		
.subheadline 	{font-size:0.7em;font-weight:bold;
		margin-left:3em;margin-bottom:1em;}
		
.subheadnavi 	{font-size:0.7em;
		margin-left:0.7em;margin-bottom:1em;}
		
.subtitel	{font-style:italic;}

.neurev {background-color:#F1F3F6; border-top:1px solid #9AA7B6; border-bottom:1px solid #9AA7B6;text-align:center;margin-bottom:0.5em;}
.neurev img {border:1px solid #9AA7B6;margin:0.35em 0.2em 0.1em 0.2em;}

img.noborder {border:0}

.mini 		{font-size:0.7em;}

.hellgrau 	{color:#999999}
.rottext 	{color:#990000;}
.blautext 	{color:#567396}
.blau 		{background-color:#F1F3F6}
.rot 		{background-color:#FFF0F0}
.gelb		{background-color:#F6F699}

.marginline 	{margin-bottom:3px;padding-top:2px;
		padding-bottom:2px;padding-left:10px;padding-right:10px;
		border-top:1px solid #9AA7B6;border-bottom:1px solid #9AA7B6;}
		
.margindot 	{margin-top:2px;margin-bottom:10px;padding-top:2px;
		padding-bottom:2px;padding-left:10px;padding-right:10px;
		border-bottom:1px dotted #9AA7B6;}

.dotblau 	{margin-top:2px;margin-bottom:2px;padding-top:2px;
		padding-bottom:4px;
		border-bottom:1px dotted #9AA7B6; background-color:#F1F3F6}		
		
.negsuche	{color:#333333;background:#F6F699;border:1px dotted #AAAAAA;
		border-right:0px none;margin-left:15px;margin-right:0px;padding:5px}

.smsearch	{margin:0px 0px 15px 0px;font-weight:normal;font-size:0.85em;}	
.smsearch input {height:1.7em;margin:0em 1em}
		
		
.einleitung {font-weight:bold;margin-top:0.8em;}
.autorstatement {font-style:italic}

.frage {color:#333;background:#F1F3F6;border:1px dotted #AAAAAA;
border-right:0px none;margin-left:2.7em;margin-top:2em;margin-bottom:1.4em;margin-right:-2px;padding:5px 10px 5px 5px}

.pullquote {font-size:0.8em;font-style:italic;text-align:center;margin-bottom:-8px}

.verlosung {width:82%; border:solid 1px #999999; padding:0.5em 0.5em 0.5em 45px;background:#FF9590 url('/freikarten.gif') 5px 10px no-repeat; margin-left:1em;}
.verlosung p {text-align:left;margin:0}
.verlosung .disclaimer {font-size:0.7em;margin-top:0.5em;margin-left:-2em;}

/* interviewbild 240 x 167: width:21.3em;height:14.8em */

.illustration {font-size:0.7em;text-align:left}
.illustration img {border:1px solid #555555;margin-right:0.5em;}
.illustration a img {border:0px;margin-right:0.5em;}
.autor {font-weight:bold;text-align:right}
.credits {font-size:0.7em;margin-left:1.3em;}
.erschienen {margin-left:1.3em;}
.copyjahr {float:right;margin-right:1.3em}	

.termin, .datum   {margin-bottom:1em;padding-bottom:0.2em;}
.terminhead {background-color:#F1F3F6;font-size:0.8em;padding:0.1em 0.2em 0.1em 0.2em;border-top:1px solid #555555;border-bottom:1px solid #555555}
.zeit {margin-left:1em;margin-right:1em}
.genreclub {float:right;font-style:italic}
.superline {font-size:0.8em;font-weight:bold;color:#6885AF;padding-left:0.2em;}
.bandname {font-size:1.5em;font-weight:bold;margin-bottom:-0.2em;}
.subline {font-size:0.8em;font-weight:bold;padding-left:0.2em;}
.besetzung {font-size:0.8em;margin-top:0.5em;padding-left:0.2em;}
.teaser {font-size:0.8em;font-style:italic;clear:left;padding-left:0.2em;}
.vsbild {float:left;margin-right:0.5em;margin-top:0.2em;margin-bottom:0.5em;border:1px solid black}

.sm_l1 {font-size:1em;font-weight:bold; 		margin-left:15px;margin-bottom:0.2em;text-align:left}

/* Styles für alphabet. Navigation */

a.alpha 	{
	display:block;
	font-size:0.6em;
	text-align:center;
	/* font-family:courier, serif; */
	background-color:#EEEEEE;
	color:#666666;
	border:1px solid  #DDDDDD;
	}

a.alpha:hover {
	background-color:#DDDDDD;
	color:#333333;	
	border:1px solid  #333333;
	text-decoration:none;
	}		

/* -------------------------------------------------------- */
/* Bereiche                                                 */

#printheader 	{display:none}
#subprintheader {display:none}


/* restl. Eigenschaften */ 
#header 		{	position:absolute;
				z-index:5;
				top:0px;
				left:0px;
				height:94px;
				width:100%;
			background: url('/bg_top_neu.gif');
			border-bottom:1px solid #555555; border-top:1px solid #555555;}
			
		
#headsubrechts 		{position:absolute;z-index:19;top:100px;left:52em;width:18em;
			text-align:right;font-size:0.7em;color:#999999;}		
		
#headsubrechts a 	{color:#999999;}
#headsubrechts img 	{margin-right:3px;border:0px;vertical-align:middle}

#headsublinks 		{position:absolute;z-index:20;top:10px;left:10px;font-size:0.7em;color:#DDDDDD;}


#headsublinks a 	{color:#DDDDDD;}
#headsublinks img 	{margin-right:3px}

#inhalt 	{	background:url('/grafix/inhalt_bg2.gif');
			margin-left:10em;
			margin-bottom:1.5em;
			width:29.5em;
			padding-top:1em;
			padding-left:0px;
			padding-right:0px;
			padding-bottom:1em;
			border:1px solid #D9DBDC; }
		
#inhalt a 	{text-decoration:underline}
		
#inhaltquer	{background:#FFFFFF url('/');
			margin-left:10em;
			margin-bottom:20px;
			width:41em;
			padding-top:1em;
			padding-left:0px;
			padding-right:0px;
			padding-bottom:1em;
			border:1px solid #D9DBDC; }
		
#inhaltquerbreit {background:#FFFFFF url('/');margin-left:10em;margin-bottom:20px;width:51.5em;
		padding-top:0.5em;padding-left:0px;padding-right:0px;padding-bottom:1em;
		border:1px solid #D9DBDC;}
		
		
#inhalt table {width:100%;}			
	
#inhalt td  { border-top:1px dotted #ddd; padding-bottom:1.2em;}

#inhalt td 	div.mini { padding-left:1.5em; 
                    
					  }	
				
#shopheader	{width:35.5em;
			background-color:#ffffff;
			margin-bottom:0;
			}
		
			
#shopheader p { margin-left:2.5em;
				margin-bottom:3px;
				padding:0 0 0.5em 0.5em;
				border-bottom:1px dotted #9AA7B6;
				border-left:1px dotted #9AA7B6;
				background:#F6F699;
				  }			
		
#shopframe {margin-top:;	height:76em;	}
			
#inhaltquer a 	{text-decoration:underline}		
				
/* skiplink */
#skiplink  		{display:none}



#footnavigation {height:30px;background-color:#F1F3F6;font-size:0.7em;padding-top:0.7em;padding-bottom:0.3em;padding-left:18em;text-align:left;border-top:1px solid #555555;}

#footindex {height:30px;background-color:#F1F3F6;font-size:0.7em;padding-top:0.7em;padding-bottom:0.7em;text-align:center;border-top:1px solid #555555;}

#footnavigation div.rssitem {display:inline;float:right;background-color:#F1F3F6;padding-left:2px;border:0}

#spalterechts       {				position:absolute;
					left:57.4em;	
					top:148px;
					width:14em;
					font-size:0.7em;	}

#skyscraper 		{ 	position:absolute;
					border:0;
					left:51.6em;	
					/* +++ alt: 
					top:148px; */
					top:154px;
					width:162px;
					/* height:600px; */
					background-color:#fff;
					color:#fff;


}

div#skyscraper .boxtop {font-size:0.8em;}

/* neue nav-styles ohne Hintergrundbild */

#hauptnavigation {position:absolute;left:5px;top:150px;width:11.3em;font-size:0.8em;}

#hauptnavigation div.hauptnaviitem a {display:block;background:#F1F3F6;color:#555555;text-decoration:none;
padding:0.15em 0.2em 0.15em 0.8em; margin-top:0.4em;margin-bottom:0.2em;font-weight:bold;border:1px solid #97ADC7;}

#hauptnavigation div.hauptnaviitem a.current {display:block;background:#DEE3E9;color:#555555;border:1px solid #97ADC7;margin-left:5px;}
#hauptnavigation div.hauptnaviitem a:hover {background:#C6D2E1;color:#333333;text-decoration:none;border:1px solid #97ADC7;}
#hauptnavigation div.hauptnaviitem a:active {background:#AAB7CC;color:#000000;text-decoration:none;border:1px solid #40566C;}

#hauptnavigation div.subnaviitem a {display:block;background: url('/grau_d.gif') no-repeat;margin-left:15px;margin-right:15px;color:#555555;font-size:0.8em;font-family:verdana, arial,sans-serif;text-decoration:none;
padding:2px 3px 2px 12px;border-left:1px dotted #9AA7B6;border-bottom:1px dotted #9AA7B6;font-weight:normal}
#hauptnavigation div.subnaviitem a:hover {background:url('/gruen_d.gif') no-repeat;text-decoration:underline;}

#hauptnavigation div.subnaviitem a.suchen {display:block;background: url('/lupe.gif') 3px 4px no-repeat;margin-left:15px;margin-right:15px;color:#555555;font-size:0.8em;font-family:verdana, arial,sans-serif;text-decoration:none;padding:3px 3px 3px 16px;border-left:1px dotted #9AA7B6;border-bottom:1px dotted #9AA7B6;font-weight:normal}
#hauptnavigation div.subnaviitem a.suchen:hover {background: url('/lupe.gif') 3px 4px no-repeat;text-decoration:underline;}

#hauptnavigation div.subnaviitem a.speak {display:block;background: url('/speak.gif') 0px 4px no-repeat;margin-left:15px;margin-right:15px;color:#555555;font-size:0.8em;font-family:verdana, arial,sans-serif;text-decoration:none;padding:3px 3px 3px 16px;border-left:1px dotted #9AA7B6;border-bottom:1px dotted #9AA7B6;font-weight:normal}
#hauptnavigation div.subnaviitem a.speak:hover {background: url('/speak.gif') 0px 4px no-repeat;text-decoration:underline;}


span.accessnavi {float:right; font-size:0.8em; font-weight:normal; color:#aabbcc;}

#topnavi {font-size:0.7em;padding-left:15.5em;background:#F1F3F6;border-bottom:1px solid #9AA7B6;border-top:1px solid #9AA7B6;margin-top:118px;margin-bottom:2em;}

* html #topnavi {font-size:0.7em;padding-left:15.5em;background:#F1F3F6;border-bottom:1px solid #9AA7B6;border-top:1px solid #9AA7B6;margin-top:121px;margin-bottom:17px;}

#topnavi_sub {}

#suchfeld       {
	position:absolute; 
	left:0px;
	 top:100px; 
	z-index:30; 
	padding-left:5px;
	 width:14.5em; 
	font-size:0.7em; 
	color:#999999; 
	}

#suchfeld form {margin-top:0px;margin-bottom:2px}

#suchfeld form img {margin-left:3px;margin-right:3px;margin-bottom:2px;vertical-align:middle}

/* ---- Bookmarks ------------------------- */

p.bookmark {	font-size:0.7em;
		clear:both;
		padding:2px;
		padding-top:5px;
		margin-top:10px;
		border-top:1px dotted #555;
	}

p.bookmark img {border:1px solid #555;
		margin-right:10px; 
		margin-top:2px; 
		padding:1px; 
	}

/* -------------------------------------------------------- */
/* Farben                                                   */

/* -------------------------------------------------------- */
/* terminstyles                                             */



/* Indexstyle: */

.teaserhead {background:url('/reiter.gif') 27em 3px no-repeat ;display:block;color:#555555;font-size:0.7em;text-align:right;padding:0.5em 1em 1px 1px;}

/* -------------------------------------------------------- */
/* artikelstyles                                            */


.intvsbild {float:left;margin-right:0.5em;margin-top:5px;margin-bottom:5px;border:1px solid #555555; height:7.4em;width:6.2em; }
.revvsbild {float:left;margin-right:0.5em;margin-top:5px;margin-bottom:10px;border:1px solid #555555;height:6.2em;width:6.2em;  }


/* Nackter Interviewteaser: */
.int-berlin, .int-portrait, .int-world, .int-more {background:url('/teaser_bg.jpg') repeat-y;height:8.5em;margin-bottom:5px;margin-top:0px;margin-right:0px;margin-left:0px;padding:0.2em 0.5em;border-top:1px dotted #C6C6C6;border-bottom:1px dotted #C6C6C6;}

/* Nackter Reviewteaser: */
.rev-world, .rev-jazz, .rev-other, .rev-concert {background:url('/teaser_bg.jpg') repeat-y;height:7.5em;margin-bottom:5px;margin-top:0px;margin-right:0px;margin-left:0px;padding:0.2em 0.5em;border-top:1px dotted #C6C6C6;border-bottom:1px dotted #C6C6C6;}

.kontakt {font-size:0.8em;font-family:verdana;font-weight:normal;text-align:center;margin-top:1.5em;}
.kontakt img {border:0px;margin-right:15px}

.kontextlinks {color:#555555;}



.boxtop {background: url('/kontext_top_bg.gif') no-repeat;color:#FFFFFF;font-weight:bold;padding:3px 3px 3px 5px;margin-bottom:3px;margin-top:6px;border-bottom:1px solid #555555}
.kontextitem {background: url('/gruen_d.gif') no-repeat;padding-left:15px;padding-bottom:3px;margin-bottom:3px;border-bottom:1px dotted #555555;clear:both;}

.rssboxtop {background-color:#FF6600;color:#FFFFFF;font-weight:bold;padding:3px;margin-bottom:0px;margin-top:9px;border:1px solid #555555}
.rssitem {background-color:#FFEEAA;padding-left:15px;padding-top:2px;padding-bottom:2px;margin-bottom:0px;border-left:1px dotted #CCBB88;border-right:1px dotted #CCBB88;border-bottom:1px dotted #CCBB88;}
.rssitem img {border:0px}
.rsslast {background: url('orange_d.gif') no-repeat;padding-left:15px;padding-bottom:1px;margin-top:6px;}

/* -------------------------------------------------------- */
/* Formular                                                 */

input, select, option {font-size:1em;border:1px solid #334466;height:1.8em;}
select {width:12em;}
input.button {background: url('/bg_bar.gif');  font-size:1em;font-weight:bold;color:#333333;border:1px solid #334466;}
input.nb {border:0px}
textarea {font-family:arial, verdana, sans-serif}
textarea.nb {border:0px}

.kontextsearch {margin-top:-3px;padding:5px;margin-bottom:5px;border-bottom:1px dotted #9AA7B6;}

/* ---------------------  Ciao-Styles ---------------- */

.bannerContainer{
	clear:both;
	width:125px;	
	padding-left:5px;
	margin-top:15px;
	font-family:arial, helvetica, sans-serif;
	font-size:0.7em;
	color:#aaa;
}
.banner_bgtop{
	background-image:url(/ciao/bg_top.gif);
    background-position:left; /* left bottom */
	float:left;
	padding:0px 0px 0px 0px;
	margin:0;
	margin-top:3px;
	height:51px; /* 51px */
	width:115px;
	-moz-box-sizing: border-box;	
	
}

.banner_bgtop span{
	background-image:url(/ciao/bg_top.gif);
	background-position:right; /*right bottom   */
	width:50px;
	height:51px;  /* 51px */
	float:right;
	padding:0px 0px 0px 0px;
	text-align:center;
	-moz-box-sizing: border-box;	
}
.banner_bgtop a img{
	align:center;
	
}
.banner_bgtop table.tableIconos{
	width:100%;
	margin-bottom:6px;
	background:transparent;
	padding: 0px 5px 0px 0px;
}

.banner_bgtop td.iconos{
	vertical-align: top;
	text-align: center;
	overflow: hidden;
	background:transparent;
}


.banner_bgmiddle{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:left top;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0;
	width:110px;
	-moz-box-sizing: border-box;	
}
.banner_bgmiddle span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:right top;
	float:left;
	padding:0px 0px 0px 5px;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	width:110px;
	-moz-box-sizing: border-box;	
	
}
* html .banner_bgmiddle span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:right top;
	float:left;
	padding:0px 0px 0px 5px;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	width:110px;
	
}

.banner_bgmiddle a.arrowCiao{
	background:transparent url(http://images.ciao.com/ide/images/box/arrow.gif) no-repeat 0px 5px!important;	
	font:11px arial!important;
	color:#ff7c00!important;
	margin:0!important;
	padding:0px 0px 0px 10px!important;
	text-decoration:underline!important;
	display:block!important;
	text-align:left!important;
	border:0!important;	
}

.banner_bgtop a.linksCiaoTop{
	background: none;
	background:transparent!important;
	background-image:none!important;
	margin:0!important;
	padding:0px 10px 0px 0px!important;
	text-decoration:none!important;
	border:0!important;	
}

.banner_bgbottom a.linksCiaoBottom{
	background: none;
	background:transparent!important;
	background-image:none!important;
	margin:0!important;
	padding:0px 0px 0px 0px!important;
	text-decoration:none!important;
	display:block!important;	
	border:0!important;	
}


.banner_bgmiddle form.busqueda{
	margin:0px;
	padding:0px;
}
.banner_bgmiddle span  input.search{
	background:url(http://images.ciao.com/ide/images/box/form_67x25.gif) no-repeat;
	font:10px arial;
	border:0px solid #ff0000;
	float:left;
	width:67px;
	height:25px;
	margin:0px 1px 0px 0px;
	padding:5px 0px 0px 0px;
	vertical-align:middle;
	text-align:center;
}

.banner_bgmiddle input.go{
	margin:2px 0px 0px 5px;
	width:20px;
	height:20px;
	display:inline;
	float:clear;
	border:0;
	padding:0px 0px 0px 0px;
}

.banner_bgbottom{
	background-image:url(/ciao/bg_bottom.gif);
	background-position:left bottom;
	float:left;
	padding:0;
	margin:0;
	color:#000000;
	height:51px;
	width:115px;
	-moz-box-sizing: border-box;	
}

.banner_bgbottom span{
	background-image:url(/ciao/bg_bottom.gif);
	background-position:right bottom;
	float:right;
	padding:0;
	font:22px bold;
	color:#000000;
	height:51px;
	width:100px;
	-moz-box-sizing: border-box;	
}
.banner_bgbottom div.footnoteCiao {
	margin: 4px 0px 0px -12px;
	padding:0;
	font: 9px arial;
	color: #7b7b7b;
	text-align: center;
}

.banner_bgbottom div.logo{
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	text-align:center;
}

.zitat {  padding-left: 55px; 
background:url('zitat.gif') top left no-repeat; 
}