/* 
yarabluemel.de
Author: Moritz Limanski
URL: http://www.portnull.de
---------------------------------------------------- */
* {padding: 0; margin: 0;}


/* $TYPO
---------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #000;}
a:hover {
	color: #ff549d;}
a img {border: 0;}

#header a, #sidebar a {text-decoration: none;}

h1 {font-size: 1.3em;}
h1 a:link, h1 a:visited {color: #ff549d;}
h2 {
	font-size: 1.5em;
	margin: 0 0 6px 0;}

p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 10px 0 0;}

strong {font-weight: bold;}
em {font-style: normal; color: #ff549d;}
	
/* CLASSES */
.highlight, .highlight a:link {color: #ff549d;}
.light {color: #666;}
	
	
/* $BASIC
---------------------------------------------------- */
body {
	padding: 32px 0 32px 32px;
	margin: 0 0 32px 0;
	background: #fff;}
	
#wrapper {
	width: 932px;}


/* -- customize background */	
body#index {background: url("gfx/bodybg_index.jpg") top left no-repeat;}
body#theater {background: url("gfx/bodybg_theater.jpg") top left no-repeat;}
body#musiktheater {background: url("gfx/bodybg_musiktheater.jpg") top left no-repeat;}
body#hoerspiel {background: url("gfx/bodybg_hoerspiel.jpg") top left no-repeat;}
body#choreographie {background: url("gfx/bodybg_choreographie.jpg") top left no-repeat;}
body#film {background: url("gfx/bodybg_film.jpg") top left no-repeat;}
body#presse {background: url("gfx/bodybg_presse.jpg") top left no-repeat;}
body#fotos {background: url("gfx/bodybg_fotos.jpg") top left no-repeat;}
body#links {background: url("gfx/bodybg_links.jpg") top left no-repeat;}
body#kontakt {background: url("gfx/bodybg_kontakt.jpg") top left no-repeat;}
body#impressum {background: url("gfx/bodybg_impressum.jpg") top left no-repeat;}


/* $NAVIGATION
---------------------------------------------------- */
#sidebar {
	float: left;
	width: 212px;}
#sidebar ul {font-size: 1.5em;}

ul#navigation {
	font-weight: bold;
	padding: 6px 0 26px;
	background: url("gfx/bg_navfooter.gif") bottom left no-repeat;}

ul#navigation li {
	list-style-type: none;}

#sidebar li.notyet a {
	text-decoration: line-through;
	cursor: default;
	color: #666;}
	
body#theater a#nav_theater, body#musiktheater a#nav_musiktheater,
body#hoerspiel a#nav_hoerspiel, body#choreographie a#nav_choreographie,
body#film a#nav_film, body#presse a#nav_presse,
body#fotos a#nav_fotos, body#links a#nav_links,
body#kontakt a#nav_kontakt, body#impressum a#nav_impressum {text-decoration: line-through;}



/* $HEADER
---------------------------------------------------- */
#header	{
	padding: 0 0 21px;
	background: url("gfx/bg_navheader.gif") bottom left no-repeat;}
		
		
/* $CONTENT
---------------------------------------------------- */
#content {
	float: right;
	width: 603px;}

.txt {padding: 6px 0 0 275px;}

.img {
	width: 603px;
	height: 483px;
	margin: -9px 0 0 0;}


/* -- lists */
ul, ol {
	margin: 0 0 10px 0;
	font-size: 1.2em;}

.txt ul {line-height: 1.4em;}

li {list-style: none;}
.txt ul li {padding: 10px 0 0; }
ul.nopadding li {padding: 0;}


/* $FOOTER
---------------------------------------------------- */
#footer {padding: 8px 0 30px 275px;}


/* EXTRA
---------------------------------------------------- */		
/* clear floats */
.xclear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
/* clear floats for stoopid IE 7 */
*:first-child+html .xclear {min-height: 1px;}
/* clear floats for stoopider IE 6 */
* html .xclear {height: 1%;}