/*
	Screen Design & CSS:
	design rabe 08/2005
	info@design-rabe.de
	
*/
/*
	######################################
	Allgemeine Voreinstellungen
	
*/
body {
	background: url(../images/filmup_bg.jpg) #E2E2E2 repeat-x 0 0;
	font: 100.01%/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li, dl,dt,dd,hr,form,input,td { margin: 0; padding: 0; color: #444444; }

.hidden, hr, .invis {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 0px;
	height: 0px;
	display: inline;
	overflow: hidden;
}


.nobr { white-space: nowrap; }

.clearall { clear: both; }

.floatkill { clear: both; line-height: 0; font-size: 0; margin: 0; padding: 0; }

/*
	######################################
	Layout-Container
*/
div#totalwrapper { position: relative; margin: 0 auto; text-align: left; }

div#headloader, div#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 950px;
	height: 320px;
	background: transparent url(../images/filmup_head_bg1.jpg) no-repeat 0 0;
}

div#header { background-image: url(../images/filmup_head_bg.jpg); }

div#topmenue { position: absolute; top: 5px; right: 0; z-index: 999; }

div#logo {
	position: absolute;
	top: 10px;
	left: 17px;
	width: 238px;
	height: 64px;
	background: url(../images/filmup_logo.jpg) no-repeat 0 0;
}

div#mainmenue {
	position: absolute;
	top: 83px;
	left: 11px;
	width: 248px;
	height: 130px;
	overflow: auto;
	overflow-x: hidden;
}

div#submenue {
	position: absolute;
	top: 83px;
	left: 271px;
	width: 358px;
	height: 130px;
	overflow: auto;
	overflow-x: hidden;
}

div#sub2menue {
	position: absolute;
	top: 83px;
	left: 641px;
	width: 308px;
	height: 130px;
	overflow: auto;
	overflow-x: hidden;
}

div#wrapper { position: absolute; top: 250px; width: 950px; }

div#inhalt { position: absolute; top: 0px; left: 20px; width: 610px; }

div#spalte_rechts { position: absolute; top: 0px; left: 645px; width: 305px; }

div#footer { text-align: right; clear: both; }


/*
	######################################
	Allgemeines
*/
h1 {
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

h2 {
	margin: 0.5em 0 1em 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
}

h3 {
	margin: 1em 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2em;
}

h4 {
	margin: 1em 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.2em;
}

h5 {
	margin: 1em 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
}

h6 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
}

p {
	margin-bottom: 1.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
}


img { border: 0; }

input{ line-height: 1em; }

a, a:link, a:visited, a:hover, a:active { color: #444444; font-weight: bold; text-decoration: none; }

div#logo a { display: block; width: 250px; height: 60px; }

.formelement{ padding: 0.25em 0 0.15em 0.25em; font-size: 0.75em; }

.formbutton{ font-size: 0.75em; padding: 0.2em 0.15em 0.05em 0.15em; }

.suchbutton{
	width: 2em;
	border-width: 1px;
	background: url(../images/suchlupe.gif) #FFCC00 no-repeat 0 -2px;
}

.suchtext{ padding: 0.15em 0 0 0.4em; width: 10em; }

address, .autor	{ font-size: 0.75em; margin-top: 1em; font-style: italic;  float: right;  }

 
.en { font-style: italic; }

:lang(en) { font-style: italic; }

 
/* 
	######################################
	TOPMENUE 
*/
#suche { float: right; margin: -2px 0 0 0; width: 190px; text-align: right; }

* html #suche { margin: 1px 0 0 0; }

#suche .formelement {
	background-color: transparent;
	padding-left: 0;
	border: none;
	border-bottom: 1px solid #990000;
	color: #990000;
}

#topmenueliste { float: right; top: 5px; right: 200px; }

#topmenue ul{ list-style: none; white-space: nowrap; }

#topmenue li { display: inline; }

#topmenue a {
	display: block;
	float: left;
	margin: 0 0 0 20px;
	color: #990000;
	font-size: 0.65em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#topmenue a:hover { text-decoration: underline; }

#redaxlogin{ display: inline; }

/* 
	######################################
	MAINMENUE 
*/
#mainmenue ul, #submenue ul, #sub2menue ul { list-style: none; }

#mainmenue li, #submenue li,#sub2menue li { display: inline; }

#mainmenue li a {
	display: block;
	margin: 4.2px 0 0 0;
	padding: 0.15em 0 0.15em 25px;
	font-size: 0.85em;
	line-height: 1em;
	color: #FFFFFF;
	background: url(../images/aufz2.gif) no-repeat 10px 0.35em;
}

* html #mainmenue li a { margin: 5px 0 0 0; }

#mainmenue li a:hover { cursor: pointer; background-color: #990000; }

#mainmenue li a.strong { cursor: pointer; background-color: #CC0000; }

#submenue li a, #sub2menue li a {
	display: block;
	margin: 4.5px 0 0 0;
	padding: 0.15em 0 0.15em 25px;
	font-size: 0.85em;
	line-height: 1em;
	color: #FFFFFF;
	background: url(../images/aufz2.gif) no-repeat 10px 0.35em;
}

* html #submenue li a { margin: 5px 0 0 0; }

* html #sub2menue li a { margin: 5px 0 0 0; }

#submenue li a:hover, #sub2menue li a:hover { cursor: pointer; background-color: #990000; }

#submenue li a.strong, #sub2menue li a.strong { cursor: pointer; background-color: #CC0000; }

/* 
	######################################
	
*/
div#breadcrumb span { font-size: 0.8em; }

div#breadcrumb a { color: #B6B6B6; }

 
/* 
	######################################
	INHALT 
*/
div#inhalt a:hover{ text-decoration: underline; }

.artikellist div { margin: 1em 0 0 0; clear: both; }
.akteurlist div { margin: 0.5em 1% 0.5em 0; height:5.5em; width:47%; float:left; overflow:hidden;}
.artikellist div h2, .akteurlist div h2 { margin: 1em 0 0.25em 0; padding: 0 0 0 90px; font-size: 0.9em; }
.artikellist div h3, .akteurlist div h3 { margin: 0 0 0.25em 90px; padding: 0; font-size: 0.75em; }
.artikellist div p, .akteurlist div p { margin: 0 0 0.25em 90px; }

.medienzentren div { margin: 0.5em 1% 0.5em 0; height:5.5em; width:47%; float:left; overflow:hidden; 
	background-color:#fff; border:1px solid #666; padding: 5px 0 5px 5px;}
.medienzentren div h2 { margin: 1em 0 0.25em 0; padding: 0 0 0 132px; font-size: 0.7em; }
.medienzentren div h3 { margin: 0 0 0.25em 132px; padding: 0; font-size: 0.7em; }
.medienzentren div p { margin: 0 0 0.25em 132px; line-height:1.2em; font-size: 0.7em; }

.suchergebnis{ margin: 2em 0 2em 0; }

.suchergebnis div {
	padding-left: 20px;
	background: url(../images/aufz2aktiv.gif) no-repeat 0 0.4em;
	margin: 2em 0 0 0;
}

.suchergebnis p { margin: 0; }

#inhalt ol, #inhalt ul { 
	margin-left: 0.5em;
	padding-left: 0.5em; 
}
#inhalt li  {
	margin-bottom: 0.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	list-style: circle;
}


#tagebuch{ 
}
#tagebuch p{
	margin: 0 0 0 0; 
}
#tagebuch h3, .datum, .titel, .text{ padding: 0px 0px 0px 10px;}

#tagebuch h3{
	margin: 0 0 0 0;
	padding: 5px 0px 5px 10px;
	font-size: 0.75em;
	font-weight: bold;
	background-color: #CCCCCC;
}

#tagebuch .datum{
	margin: 0 0 -2 0;
	font-size: 0.65em;
	font-weight: normal;
}
#tagebuch .titel{
	font-size: 0.75em;
	font-weight: bold;
}
#infobox .text{
	font-size: 0.75em;
	font-weight: normal;
}
/* 
	######################################
	Images
		
*/

/* bilder in den submenues, wenn kein menue da ist */
#submenue .menueimg, #sub2menue .menueimg { margin: 7px 0 0 10px; overflow: hidden; height: 110px; }
#submenue .menueimg img, #sub2menue .menueimg img {float:left; }

span.image_left { float: left;  margin: 0.2em 20px 1em 0; width: 82px; overflow: hidden; }
span.image_left img {border:1px solid #666;}
span.image_left span { display: block; font-size: 0.65em; background-color:transparent; line-height: 1em;}
.medienzentren span.image_left { float: left;  margin: 0.2em 20px 1em 0; width: 134px; overflow: hidden; }
.medienzentren span.image_left img {border:none; width: 132px; height:80px;}
.medienzentren span.image_left span { display: block; font-size: 0.65em; background-color:transparent; line-height: 1em;}

span.contentimageleft { float: left; margin: 0.25em 10px 0.25em 0; }
span.contentimageleft span { display: block; font-size: 0.75em; }

span.contentimageright { float: right; margin: 0.25em 0 0.25em 10px; }
span.contentimageright span { display: block; font-size: 0.75em; }

/* 
	######################################
	Rechte Spalte
		
*/
#spalte_rechts .kasten { 
	margin: 0 0 2em 0; 
}
#spalte_rechts .ticker { 
	margin: 0 0 2em 0; 
	padding:0 0.5em 0.5em 0.5em;
	border: 1px solid #666;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.kasten_beitragstitel {
	padding: 0.15em 0 0.15em 0;
	margin: 0 0 0.5em 0;
	font-size: 0.85em;
	font-weight: bold;
	color: #CC0000;
}

#spalte_rechts h3{ margin: 0.5em 0 0.25em 0; font-size: 0.75em; font-weight: bold; }

#spalte_rechts h3.withimage{ margin: 1em 0 0.25em 0; }

#spalte_rechts p { margin: 0 0 0.75em 0; font-size: 0.75em; }

#spalte_rechts ul{ margin: 0; list-style: none; }

#spalte_rechts li{ margin: 0 0 1em 0; line-height: 110%; font-size: 0.75em; }

#spalte_rechts .smallimage{ margin: 1em 0 0.5em 0; border: 1px solid #666666; overflow: hidden;}
/* Explorer-Hack, damit die bild-divs keinen rand unten haben (eigentlich:40px in template festgelegt) */
* html #spalte_rechts .smallimage{ height:39px;}


#infobox{ margin: 2em 0 0 0;}

#infobox h3{
	margin: 0 0 0 0;
	padding: 5px 0px 5px 10px;
	font-size: 0.75em;
	font-weight: bold;
	background-color: #CCCCCC;
}

#infobox .kasten{ margin: 0 0 1em 0; padding: 10px 0px 10px 10px; }

#infobox .images{ margin: 0 0 1em 0; padding: 10px 0px 10px 10px; }
#infobox .images div{ float: left; overflow: hidden; margin: 0 2px 0 0; width: 96px; height: 105px; }
#infobox .images div div.img{ float: none; overflow: hidden; width: 90px; height: 66px; }
#infobox .images div p { margin-top:5px; line-height: 1em; font-size: 0.65em; }

div.sponsor {
	padding: 0.45em 0.25em 0em 0em;
	border: 1px solid #666666;
	margin: 3em 0 0 0;
	font-size: 0.85em;
}
div.sponsor p { line-height: 1.1em; }
div.sponsor img { float: left; margin: -8px 5px 0 0; }

/* 
	######################################
	Footer
		
*/

#footer { border-top: 1px solid #444444; margin: 3em 0 0 0; }
#footer a { padding: 0 5px 0 5px; color: #444444; text-align: right; }
#footer a:hover{ text-decoration: none; color: #A0A0A0; }


/* 
	######################################
	styles aus redax, die überschrieben werden und hier wieder Ihre Bedeutung erlangen:
		
*/

	a.formbutton, a.formbutton2,  a.formbutton2disabled  {
		color:#FFFFFF;
		padding:1px;
		padding-left:4px;
		padding-right:4px;
		text-decoration:none;
	}
	
	a.formbutton:hover , a.formbutton2:hover {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	
	a.formbutton2disabled {
		background-color:transparent;
		border: 1px solid #DDDDDD;
		font-size:10px;
		color:#ccc;
	}
	
	a.formbutton2disabled:hover {
		color:#ccc;
		text-decoration:none;
	}