/* Copyright: art-e-fact web-konzepte, Vera Wirth - Juni 2007 */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	color: #333;
}
	/* linke Spalte */
div#container {
	background: #fff url(../images/streifen_kachel_grau.gif) repeat-y;
	width: 63em; /* wegen breiter Bildschirme 1280... */
}
	/* rechte Spalte */
div#container2 {
	background: url(../images/streifen_kachel_green.gif) right repeat-y;	
} 
	/* Navigationslayer */
div#navigation {
	float: left;
	width: 175px;
	background: url(../images/logoInhalt_kino.gif) no-repeat;
/*padding-top: 2em;*/
}
 	/* ul des menus */
div#navigation ul {
	list-style-type: none; 
	margin-top: 208px;
	margin-left: 21px;
} 

div#navigation ul li.head {
	font-size: 14px;
	font-weight: 600;
	width: 126px;
	border-top: 4px solid #E7EBEF;
	padding-left: 5px;
	margin-top: 10px;
}

div#navigation ul li { 
	font: 0.85em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 0;
} 

/* +++ Linkfarben +++ */
.redLink {
	color: #930;
	border-color: #930;
}
.grayLink {
	color: #666;
	border-color: #666;
}
.greenLink {
	color: #629d04;
	border-color: #629d04;
}
.greendkLink {
	color: #576b3d;
	border-color: #576b3d;
}
.orangeLink {
	color: #f60;
	border-color: #f60;
}
.homeLink {
	color: #366;
	border-color: #366;
}

	/* menu a  */
div#navigation ul li a {
	display: block;
	text-decoration: none;
	width: 124px;
}
div#navigation ul li a.red, div#content p a.red {
	color: #930;
}
div#navigation ul li a.green, div#content p a.green {
	color: #629d04;
}
div#navigation ul li a.gray, div#content p a.gray {
	color: #666;
}
div#navigation ul li a.greendk, div#content p a.greendk {
	color: #576b3d;
}
div#navigation ul li a.orange, div#content p a.orange {
	color: #f60;
}
div#navigation ul li a.home, div#content p a.home {
	color: #366;
}	
	/* Hover status */
div#navigation ul li a:hover, div#navigation ul li a:active, div#navigation ul li a.selected, div#content p a.selected {
	text-decoration: underline;
	font-style: italic;
} 
div#navigation ul li.head a:hover {
	font-style: normal;
	text-decoration: none;
}
div#navigation ul li.head a {
	width: 125px;
}
a.greenLink:hover, a.grayLink:hover, a.redLink:hover, a.greendkLink:hover, a.orangeLink:hover {
	font-style: normal;
	text-decoration: none;
}
a.greenLink:hover {
	background: #eff5e6;
}
a.grayLink:hover {
	background: #efefef;
}
a.redLink:hover {
	background: #f7ede9;
}
a.greendkLink:hover {
	background: #eef0eb;
}
a.orangeLink:hover {
	background: #ffeee3;
}
/* +++ neu: aHauptLink +++ */
a.big_selected {
	font-style: italic;
}
div#navigation ul ul {
	margin-top: .3em;
	margin-left: 0;
	padding-left: 8px;
}

	/* Infokasten */
div#aktuelles {
	float: right;
	width: 190px;/*alt: 127px;*/ 
	margin-top: 1px;/*alt:3.95em;*/
	border-left: 2px solid #fff;
}
#aktuelles img {
	border-bottom: 2px dotted #639c10;
}
#aktuelles h2, #content h3 {
	color: #930;
	font: normal 1.1em "Trebuchet MS", Verdana, sans-serif;
}
#aktuelles h2 {
	background: #D6E3CE;
	width: 110px;
	padding-left: 1em;
	margin-top: 7em;
	margin-bottom: .9em;
	margin-left: 39px; 
}
/* ++++++ Infokasten Inhalt +++++++++ */
.news {
	width: 127px;
/*	height: 121px;*/
	padding-right: .2em; 
	margin-bottom: 1em;
	margin-left: 39px;
	}
.news h3, .news p {
	position: relative;
	margin: 0;
	color: #576b3d;
	}
.news h3 {
	padding: 0.2em;
	font: normal 13px "Times New Roman", Times, serif;
	background: #ebefe4;
	text-align: left;
	top: -.2em;	 /* muß auch auf p, nicht nur auf h1, allerdings bei em unterschiedliche Werte */
}
.news p {
	border-top: 1px solid #b0c397;
	top: -.3em;
	padding: 0.4em;
	background: #fafcf7;
	font: 0.65em/120% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.news a {
	text-decoration: none;
	color: #930;
	padding-bottom: 1px;
}
.news a:hover {
	background: #930;
	color: #fff;
}

/* ++++ Inhaltsbereich ++++++ */
div#content {
	margin-right: 190px;
	margin-left: 190px;
	min-height: 540px;
}
div#content h1 {
	font: normal 1.3em/1.25em "Trebuchet MS", Verdana, sans-serif;
	color: #7ca53f;
	padding-top: 0.5em;
}
div#content h2 {
	font: normal 1.23em "Trebuchet MS", Verdana, sans-serif;
	color: #639E10;
	margin: .3em 0 .3em -10px;
	border-bottom: 2px dotted #639C10;
	text-align: right;
	padding-bottom: 0.2em;
}

div#content h3 {
	padding-top: 1em;	
	margin-bottom: .5em;
	border-bottom: 1px solid #930;
	width: 12em;
}
div#content h3.long {
	width: 25em;
}
div#content h3.longlong {
	width: 27em;
}
#content h4 {
	font: 600 0.9em "Trebuchet MS", Verdana, sans-serif;
	color: #666;
}
#content p, #content ul, #content ol {
	font: 0.8em/1.35em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
}
#content ul {
	margin: 2em;
}
#content p a, #content li a, #content address a {
	color: #639c10;
	text-decoration: none;
	font-weight: 600;
}
#content p a:hover, #content li a:hover, #content address a:hover {
	color: #fff;
	background: #639c10;
}
#content p.anbieter {
	margin-bottom: 2.5em;
	margin-top: 2.3em;
	margin-left: 185px;
}

#content p img {
	float: left;
	margin: 0.4em;
}
#content p img.rechts {
	float: right;
	margin: 0.4em;
}
	/* Clearing the Contents */
#cleardiv {
	clear: both;
	height: 2em;
}
	/* Footer formatieren */
div#footer {
	clear: both;
	padding: .5em 0 .5em .7em;
	background: #fff;
	margin-left: 175px;
	border-top: 2px dotted #7ca53f;
	text-align: right;
	width: 51.3em; /* wegen großer Bildschirmauflösung 1280... */
}

	/* ul Footer formatieren */
#footer ul {
	margin: .7em 0 .4em 0;
	/*padding: 5px;*/
	list-style: none; 
}
#footer ul li {
	display: inline; 
	margin-right: .9em; 
	font: 0.9em "Trebuchet MS", Verdana, sans-serif;
}
#footer ul li a {
	color: #416d0a;
	text-decoration: none;
	padding: 1px;
}
#footer ul li a:hover, #footer ul li a.selected {
	background: #639C10;
	color: #fff;
} 
table.chat, table.chatbreit {
	font: 0.75em Verdana, Arial, sans-serif;
	color: #576b3d;
	margin-bottom: 1em;
	text-align: left;
}
table.chat {
	width: 20em;
}
table.chatbreit {
	width: 40em;
}
table.chat th, table.chatbreit th {
	background: #C2D4A2;
	padding: .2em .3em;
}
table.chat th {
	width: 5em;
}
table.chatbreit th {
	width: 10em;
}
table.chat td, table.chatbreit td {
	background: #EAF0DF;
	padding: .2em .3em;
}
p.top {
	text-align: right;
	margin-top: 2em;
}
blockquote {
	font-style: italic;
	margin: .5em 4em 1em 3em;
	background: #eaf0df;
	padding: .2em;
}
#content address {
	margin: 1em 0 1.5em 2em;
	font: 0.9em/1.3em Georgia, "Times New Roman", Times, serif;
	color: #576b3d;
}
p.dji {
	background: #EFF3E5;
	padding: .3em;
}
p.datenschutz {
	background: #ffeee3;
	border: solid #FF8C00;
	border-width: 2px 0 0 2px;
	font-weight: 600;
	padding: .2em 0 .2em .2em;
}
img.dji {
	border: 2px solid #639E10;
	border-width: 0 0 3px 3px;
	padding: 0 0 2px 2px;
	
}
.djioben {
	margin-top: 4em;
}
p.kino {
	background: #eff5e6;
	margin-top: .7em;
	color: #930;
	padding: .3em .2em;
}
p.kino2 {
	background: #FFF2E1;
	margin-top: .7em;
	color: #416d0a;
	padding: .3em .2em;
}
/* +++++++++ filmbesprechung ++++++++ */
div.film {
	border: 1px solid #367E88;
	width: 580px;
	padding: .5em;
	margin-top: 1.5em;
	/*background: #F1F8F8;*/
}
#content div.film h3, #content div.film h4, #content div.film h5, #content div.film p {
	font-family: "Courier New", Courier, monospace;
}
#content div.film h4, #content div.film h5, #content div.film p, #content div.film a.film {
	color: #316563;
}
div.film h5 {
	font-size: 0.80em;
	font-weight: 600;
	background: #E5E9EC;
	padding: .2em;
	text-align: right;
}
#content div.film a.film {
	font-weight: normal;
	color: #930;
	margin-right: .5em;
	/*margin-top: -1em;*/
	display: block;
	text-decoration: none;
	text-align: right;
	margin-left: 430px;
}
#content div.film a.film:hover {
	color: #fff;
	background: #316563;
}
#content div.film img {
	float: left;
	margin: 0 .5em .5em 0;
}