/* @override http://www.kunst-der-vermittlung.de/static/css/kunst-der-vermittlung.css */

/* @override 
	http://localhost:8000/static/css/kunst-der-vermittlung.css
	http://www.kunst-der-vermittlung.de:8044/static/css/kunst-der-vermittlung.css
*/

body {font-family:"News Gothic MT", Helvetica, Arial, sans-serif;}

#container {margin-top:2em;}

/* @group Header */

#header {height:10em;}
#header h1 {width:27.41em;height:2.666em;font-size:1em;}
#header h1 span {background:url(../img/kunst-der-vermittlung.gif) no-repeat;position:absolute;width:27.41em;height:2.666em;}

@media print {
	#header h1 span {display:none;}
	#header h1 {margin-left:2.5cm;font-family:Futura;color:black;font-style:normal !important;font-size:1em;}
	#header h1 a {text-decoration:none;color:black;font-style:normal;}

	a:link, a:visited {background:transparent;font-weight:normal;}
	a:link:after, a:visited:after {content:"";}
	div#navigation, .user-tools {display:none;}
	div#content {margin-left:2.5cm;width:12cm;}
}

/* @end */

body.imprint #content-main {font-size:0.916em;}
#partners {margin-top:6em;}
.heading h2 {font-size:inherit;}

object {background-color:lightgrey;}

/* @group Forms */

label {font-weight:bold;font-size:0.833em;}

form.newsletter label {float:left;}
form.newsletter li label {float:right;}
form.newsletter li {clear:both;float:left;}
form.newsletter li input {float:left;}
form.newsletter label {clear:both;}
form.newsletter p {clear:both;}
form.newsletter ul {margin:0.5em 0;}
form.newsletter input {display:block;margin-left:13.333em;}

/* @end */

form.search th, form.search td {vertical-align:top;}
form.search input[type=text] {width:20em;}
form.search li input {margin:0 4px 4px 4px;}
form.search li {list-style-type:none;}

div.search table.results {width:590px;}
div.search table.results td {border-top:1px solid #eee;}


/* @group Filmografie */

@media screen {
	.filmography.title, .screenings {background-color:#212121;border-color:#212121;color:whitesmoke;}
	.filmography * {color:black}
	.filmography.title * {color:whitesmoke;}
	.screenings * {color:whitesmoke;}
	.frontpage .filmography {background-color:#212121;}
	.frontpage .filmography * {color:whitesmoke;}
}
.screenings img {max-width:600px;}

div.filmography, div.screenings {-webkit-border-radius:5px;-moz-border-radius:5px;border-width:4px;border-style:solid;border-radius:5px;margin:-10px;padding:5px;margin-bottom:30px;}

.filmography h4 {font-weight:bold;text-transform:uppercase;font-size:0.916em;}
.filmography, .screenings {font-size:0.916em;}
/*ul.filmography, ul.filmography * {background-color:white;color:black;}*/

ul.filmography {padding:0;margin-left:0; margin-bottom:24px;}
ul.filmography li {list-style-type:none;margin-left:2em;margin-bottom:0.4em;text-indent:-2em;}
h4.series {margin-bottom:0;text-transform:uppercase;font-size:0.833em;}
ul.filmography li::before {content:"– ";}
.movie-title, .film-reference {text-transform:uppercase;font-size:0.916em;}
/*.filmography a:link, .filmography a:visited {color:white;}*/
.role-label {font-size:0.833em;color:steelblue;}
div.releases {font-size:0.916em;font-weight:normal;}
div.releases h5 {margin:0.5em 0 0.5em 2em;}
div.releases ul li {list-style-type:square;}
div.releases ul li::before {content:"";}
.filmography table th {text-align:left;vertical-align:top;font-weight:normal;color:steelblue;}

ul.filmography-results li,
ul.filmography-results li a {background-color:#212121;border-color:#212121;color:whitesmoke;font-size:0.9em;}

ul.filmography-results {padding:0;}
ul.filmography-results li {-webkit-border-radius:5px;-moz-border-radius:5px;border-width:4px;border-style:solid;border-radius:5px;padding:4px;margin:0 0 10px 0;}

@media print {
.filmography, .screenings, .filmography *, .screenings * {background-color:none;border-color:#212121;color:#333;}
.filmography a:link, .filmography a:visited {color:#333;}
}

/* @end */

/* @group Tags */

.tag {color:white !important;background-color:slategray;font-size:0.833em;padding:0.2em 0.4em;line-height:2em;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;white-space:nowrap;margin-right:4px;}
.tag:after {content:" ";}

/* @end */

/* @group Events */

table.events {margin-top:2em;border-collapse:collapse;border-bottom:4px double darkgray;}
table.events th {border-bottom:4px double darkgray;border-top:4px double darkgray;text-align:left;}
table.events td {border-bottom:1px solid darkgray;}
table.events td img {max-width:100%;}
table.events dl {margin:0;}
table.events dt {float:none;font-size:0.916em;font-weight:bold;}
table.events dd {clear:left;margin-left:2em;}
table.events .date {display:block;float:left;margin-right:1em;}
table.events .location {display:block;margin-left:8em;}
table.events .topic {display:block;float:left;margin-right:1em;}
table.events .guest {display:block;margin-left:10em;}

/* @end */

#partners ul {margin-top:0;}
#partners ul li {margin:1em 0;}
#partners ul li {display:inline;list-style-type:none;margin-right:2em;}
#partners ul li img {margin-bottom:2em;}
.changed-dates {font-size:0.75em;color:grey;}
li#nav-search {margin-bottom:1em;}

/* @group Editing Interface */

.element {padding:0.5em 0.5em 0;border-left:1px dotted lightgrey;border-top:1px dotted lightgrey;}
.element.private {border-left:2px dotted lightgreen;}
.element.working_copy {background-color:#fff9d6;}
.element-label {color:slategray;float:left;margin-left:-10em;text-align:right;width:8em;font-size:0.75em;}

.rst-editor textarea {font:0.833em/1.47 Monaco, "Courier New", Courier, mono;/*background: url(/static/img/grid.png) repeat scroll;*/}

/* @end */


div:lang(en) {color:gray;font-size:0.916em;}
a {text-decoration:none;border:none;color:inherit;}
a[href]:link, a:visited {color:#005392;}
a[href]:hover {color:darkslategray;text-decoration:underline;}
#footer a:link, #footer a:visited {color:slategray;}

/* @group News/Blog */

#content.blog h2 {font-size:100%;font-weight:bold;}
#content.blog h3 {font-weight:bold;}

ul.blog-entries {margin-left:0px;}
ul.blog-entries li {list-style:none;margin-bottom:40px;}

.blog-entry .meta, 
.blog-entry .comments-meta {font-size:90%;color:lightslategray;}
.blog-entry .excerpt {font-weight:bold;}
.blog-entry .body {margin-bottom:20px;width:510px;}

.comment-form label {vertical-align:top;width:64px;float:left;}
.comment-form input[type=text], .comment-form textarea {margin-left:48px;margin-top:2px;background-color:#f8f8f8;border:dotted black;border-width:0 0 1px 0;}

.comment-preview {background-color:#f8f8f8;padding:16px;}

a.button {background-color:darkslategray;color:white;margin:0 0 0 1em;font-size:90%;padding:3px 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
a.button[href]:link, a.button:visited {color:white;}

/* @end */