/* Staatspreis Wirtschaftsfilm Screen Styles */

/*-----------------------------
  Rendering: force full stretch
-----------------------------*/

body,html
{
	margin: 0;
	padding: 0;
	height: 100%;
}

/*-----------------
  Layout
-----------------*/

body {
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 13px;
	color: #303030;
	background-color: #fff;
	background-image: url(images/page_bg5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

@media only screen, only tv, only projection {
	/* hide non standard expressions inside a media query */
	body {
		/* text-rendering is not a CSS standard, but a SVG property */
		text-rendering: optimizeLegibility;
	}
	/* rgba shadows are not standard but supported by most browsers */
	.content h2
	{
		text-shadow: 0px 0px 2px rgba(255,255,255,0.8);
	}
	span.numberbox
	{
		text-shadow: 0px 1px 2px rgba(0,0,0, 0.2);
		box-shadow: 0px 1px 3px rgba(0,0,0, 0.3);
		-webkit-box-shadow: 0px 1px 3px rgba(0,0,0, 0.3);
		-moz-box-shadow: 0px 1px 3px rgba(0,0,0, 0.3);
		-o-box-shadow: 0px 1px 3px rgba(0,0,0, 0.3);
	}
}

.noview { display: none; }
strong { font-weight: 600; }
em { font-style: italic; }

.quicknav { display: none; }

div#pagewrapper
{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 951px;
	position: relative;
	vertical-align: top;
}
div#pagetrail
{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 477px;
	height: 66px;
	position: relative;
	vertical-align: top;
	float: right;
}

div#stplogo
{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 31px;
	top: 32px;
}

div#topspacer
{
	margin: 0;
	height: 130px;
	width: 100%;
	position: relative;
	width: 477px;
	float: right;
}

div#content,
div#content2
{
	clear: both;
	width: 390px;
	position: relative;
	padding: 0;
	margin: 0 0 0 474px;
}
div#content.widecontent {  width: 476px; }

div#einreichungsspacer
{
	clear: both;
	margin: 0;
	height: 72px;
	width: 100%;
	position: relative;
	width: 477px;
	float: right;
}

div#widecontent
{
	clear: both;
	width: 514px;
	position: relative;
	padding: 0;
	margin: 0 0 0 436px;
}

div#footer
{
	position: fixed;
	left: 0;
	right: 0;
	height: 52px;
	bottom: 0;
	background-image: url(images/red.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: visible;
}

div#button_einreichung
{
	position: absolute;
	left: 309px;
	top: 85px;
	margin: 0;
	padding: 0;
	width: 121px;
	height: 121px;
	display: block;
	background-image: url(images/button_einreichen.jpg);
	background-repeat: no-repeat;
}
div#button_einreichung:hover
{
	background-image: url(images/button_einreichen_hi3.jpg);
}

div#button_persanmeldung
{
	position: absolute;
	left: 309px;
	top: 85px;
	margin: 0;
	padding: 0;
	width: 121px;
	height: 121px;
	display: block;
	background-image: url(images/button_persanmeldung2017.jpg);
	background-repeat: no-repeat;
}
div#button_persanmeldung:hover
{
	background-image: url(images/button_persanmeldung2017_hi.jpg);
}

div#button_persanmeldung2017
{
	position: absolute;
	left: 309px;
	top: 85px;
	margin: 0;
	padding: 0;
	width: 121px;
	height: 121px;
	display: block;
	background-image: url(images/button_persanmeldung2017.jpg);
	background-repeat: no-repeat;
}

div#button_preistraeger2011
{
	position: absolute;
	left: 309px;
	top: 85px;
	margin: 0;
	padding: 0;
	width: 121px;
	height: 121px;
	display: block;
	background-image: url(images/button_preistraeger2011.jpg);
	background-repeat: no-repeat;
}
div#button_preistraeger2011:hover
{
	background-image: url(images/button_preistraeger2011_hi.jpg);
}

div#button_preistraeger2013
{
	position: absolute;
	left: 309px;
	top: 85px;
	margin: 0;
	padding: 0;
	width: 121px;
	height: 121px;
	display: block;
	background-image: url(images/button_preistraeger2013.jpg);
	background-repeat: no-repeat;
}
div#button_preistraeger2013:hover
{
	background-image: url(images/button_preistraeger2013_hi.jpg);
}

div#button_nobackground
{
	position: absolute;
	left: 309px;
	top: 85px;
	margin: 0;
	padding: 0;
	width: 121px;
	height: 121px;
	display: block;
}

div#bmwfjlogo
{
	position: absolute;
	left: 854px;
	top: 32px;
	margin: 0;
	padding: 0;
}

div#bmdwlogo
{
	position: absolute;
	left: 844px;
	top: 32px;
	margin: 0;
	padding: 0;
}

div#footermask
{
	margin: 1px auto 0 auto;
	height: 51px;
	padding: 0;
	width: 951px;
	position: relative;
	background-image: url(images/footer_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	opacity: 0.95;
}
div#footermask.widecontent { background-position: -30px 0 !important; }

div#footerlogos
{
	position: absolute;
	left: 783px;
	top: -14px;
	width: 176px;
	vertical-align: middle;
	background-image: url(images/footer_logo_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 8px 0 8px;
	white-space: nowrap;
}

div#footerlogo
{
	position: absolute;
	left: 895px;
	top: -14px;
	width: 64px;
	vertical-align: middle;
	background-image: url(images/footer_logo_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0 8px 0 8px;
	white-space: nowrap;
}

div#pagenav
{
	position: absolute;
	/* left: 40px; */
	/* left: 474px; */
	left: 50px;
	top: 7px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.004em;
}
/* div#pagenav.widecontent { left: 436px !important; } */
a.toplink
{
	color: #3a3a3a;
	text-decoration: none;
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 0 -68px;
	padding-left: 13px;
	margin-left: 2px;
}
a.printlink
{
	color: #3a3a3a;
	text-decoration: none;
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 0 -92px;
	padding-left: 12px;
}
a.dsvolink
{
	color: #3a3a3a;
	text-decoration: none;
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 0 -140px;
	padding-left: 9px;
	margin-left: 2px;
}

a#logo_faf
{
	margin-right: 12px;
	display: block;
	float: left;
}
a#logo_iv
{
	display: block;
	float: left;
	margin-top: 5px;
}

/*-----------------
  Navigation
-----------------*/

div#navigationbox
{
	position: absolute;
	left: 19px;
	top: 251px;
	margin: 0;
	padding: 0;
}
ul#navigation
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#navigation li
{
	margin: 0;
	padding: 0;
	width: 254px;
	height: 24px;
	line-height: 24px;
	display: block;
}

ul#navigation li a
{
	width: 253px;
	height: 24px;
	display: block;
	line-height: 24px;
	background-image: url(images/nav4.jpg);
	background-repeat: no-repeat;
	cursor: default;
}
ul#navigation li a span { left: -9999px; position: absolute; }

ul#navigation li.home a { background-position: 0 0; }
ul#navigation li.einreichung a { background-position: 0 -24px; }
ul#navigation li.reglement a { background-position: 0 -48px; }
ul#navigation li.preistraeger a { background-position: 0 -72px; }
ul#navigation li.jury a { background-position: 0 -96px; }
ul#navigation li.partner a { background-position: 0 -120px; }
ul#navigation li.home a:hover { background-position: -254px 0; }
ul#navigation li.contact a { background-position: 0 -144px; }
ul#navigation li.datenschutz a { background-position: 0 -168px; }

ul#navigation li.home a:hover { background-position: -256px 0; }
ul#navigation li.einreichung a:hover { background-position: -256px -24px; }
ul#navigation li.reglement a:hover { background-position: -256px -48px; }
ul#navigation li.preistraeger a:hover { background-position: -256px -72px; }
ul#navigation li.jury a:hover { background-position: -256px -96px; }
ul#navigation li.partner a:hover { background-position: -256px -120px; }
ul#navigation li.contact a:hover { background-position: -256px -144px; }
ul#navigation li.datenschutz a:hover { background-position: -256px -168px; }

ul#navigation li.home_hi a,
ul#navigation li.home a:active { background-position: -512px 0; }
ul#navigation li.einreichung_hi a,
ul#navigation li.einreichung a:active { background-position: -512px -24px; }
ul#navigation li.reglement_hi a,
ul#navigation li.reglement a:active { background-position: -512px -48px; }
ul#navigation li.preistraeger_hi a,
ul#navigation li.preistraeger a:active { background-position: -512px -72px; }
ul#navigation li.jury_hi a,
ul#navigation li.jury a:active { background-position: -512px -96px; }
ul#navigation li.partner_hi a,
ul#navigation li.partner a:active { background-position: -512px -120px; }
ul#navigation li.contact_hi a,
ul#navigation li.contact a:active { background-position: -512px -144px; }
ul#navigation li.datenschutz_hi a,
ul#navigation li.datenschutz a:active { background-position: -512px -168px; }


/*-----------------
  General content
-----------------*/

.content h1
{
	color: #cd0237;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	margin-top: 0;
	margin-bottom: 24px !important;
}

.content h2
{
	color: #85868a;
	font-size: 13px;
	font-weight: 600;
	line-height: 22px;
	margin-top: 1.5em;
}

.content h2.red { color: #cd0237; }
.content h2.big { font-size: 13px; }

em.red { font-style: normal !important; color: #cd0237 !important; }
strong.red { color: #cd0237 !important; }

.content p
{
	line-height: 19px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.content p.spaceafter { margin-bottom: 2em !important; }

.content ul
{
	list-style-type: square;
	margin: 1em 0 2em 0;
	padding-left: 2em;
	list-style: none;
}
.content ul > li::before
{
	content: "\25AA";
	color: #85868a;
	display: inline-block;
	width: 1em;
	margin-left: -1.25em
}
.content li
{
	line-height: 19px;
	margin-bottom: 2px;
}

.content a:link,
.content a:visited,
.content a:hover
{
	color: #cd0237;
	text-decoration: underline;
}
.content a:active
{
	color: #f60;
	text-decoration: underline;
}

.content a.link
{
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 8px;
}

.content a.backlink
{
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 0 -20px;
	padding-left: 10px;
}

.content a.videolink
{
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 0 -45px;
	padding-left: 17px;
}

.content a.stronglink
{
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 0 -116px;
	padding-left: 9px;
}

.content h3
{
	font-size: 13px;
	font-weight: normal;
	margin-top: 2.5em;
	margin-bottom: 1em;
	line-height: 19px;
}

.content h3.category
{
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
.content h3.category + p
{
	margin: 0.5em 0 0 0.75em;
}
.content ul.category
{
	margin-top: 0.5em;
}

td.logo_separator { width: 32px; }
.flow { line-height: 19px; }

div.linkbox
{
	margin-top: 3em;
	margin-bottom: 3em;
}

div.linkbox p
{
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

a.noline:link,
a.noline:visited
{ text-decoration: none; }
a.noline:hover,
a.noline:active
{ text-decoration: underline; }

a.notesign
{
	font-size: 16px;
	line-height: 10px !important;
	display: inline-block;
	margin-left: 2px;
}

a.tellink
{
	color: inherit !important;
	text-decoration: none !important;
}
a.tellink:hover,a.tellink:focus,a.tellink:active { text-decoration: underline !important; }

p.einreichtoolbutton
{
	margin-left: 120px;
	margin-bottom: 1.75em;
}
p.einreichtoolbutton a
{
	background-color: #cd0237 !important;
	color: #fff !important;
	display: inline-block;
	text-align: center;
	padding: 2px 12px 2px 12px;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 600;
	border-radius: 12px;
	-webkit-border: 1px #fff solid !important;
	-moz-border: 1px #fff solid !important;
	-o-border: 1px #fff solid !important;
	border: 1px #fff solid !important;
}
p.einreichtoolbutton a:hover,p.einreichtoolbutton a:focus
{
	border: 1px #efdd12 solid !important;
	-webkit-text-shadow: 0 0 2px #fa837a;
	-moz-text-shadow: 0 0 2px #fa837a;
	-o-text-shadow: 0 0 2px #fa837a;
	text-shadow: 0 0 2px #fa837a;
}
p.einreichtoolbutton a:active
{
	background-color: #f8f8f8 !important;
	color: #cd0237 !important;
	border: 1px #cd0237 solid !important;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
}

.content h1 span.smallspace
{
	display: inline-block;
	width: 3px;
	min-width: 3px;
}

.inset { margin-left: 1.2em !important; }


/*-----------------
  Jury
-----------------*/

h3.jury_name
{
	font-size: 13px;
	line-height: 19px;
	margin-top: 2em !important;
	margin-bottom: 0 !important;
	font-weight: normal;
}
p.jury_data
{
	margin-top: 0 !important;
	margin-bottom: 1em;
	margin-left: 1.2em;
	color: #4e4f51;
}

/*-----------------
  Filmlists
-----------------*/

table.filmlist
{
	margin-top: 1.5em;
	margin-bottom: 2.5em;
	margin-left: 1.2em;
}

table.filmlist td
{
	line-height: 19px;
	vertical-align: top;
	padding-bottom: 1px;
}
td.filmlist_separator { width: 24px; }
td.filmlist_caption
{
	white-space: nowrap;
	color: #85868a;
	font-weight: 600;
	font-size: 12px;
}
td.filmlist_winnerdata
{
	font-weight: 600;
	color: #d31920;
}
td.filmlist_title
{
	font-weight: 600;
}

/*-----------------
  Forms
-----------------*/

table.form_dvd td
{
	line-height: 19px;
	vertical-align: middle;
	padding-bottom: 4px;
}
table.form_einreichung td
{
	line-height: 19px;
	vertical-align: top !important;
	padding-bottom: 4px;
}

td.form_checkbox
{
	text-align: right;
	padding-right: 1em;
}
td.form_labeldata
{
	white-space: nowrap;
	width: 64px;
	min-width: 64px;
}
td.form_checkboxdata_disabled {
	color: #707070 !important;
}
input.form_textbox,
input.form_textbox_plz,
input.form_textbox_ort,
input.form_textbox_time,
input.form_textbox_year,
input.form_textbox_single,
textarea.form_textbox
{
	color: #000;
	font-family: 'Lucida Grande',arial,helvetica,sans-serif;
	font-size: 11px;
}
input.form_textbox
{
	width: 330px;
}
input.form_textbox_plz
{
	width: 54px;
}
input.form_textbox_ort
{
	width: 262px;
}
.form_fieldseparator
{
	width: 8px;
	min-width: 8px;
	text-align: center;
	display: inline-block;
}
textarea.form_textbox
{
	width: 330px;
}
input.form_textbox_time
{
	width: 30px;
}
input.form_textbox_single
{
	width: 10px;
}
input.form_textbox_year
{
	width: 74px;
}
td.formnote
{
	padding-left: 6px;
	color: #85868a;
	font-size: 11px;
	line-height: 16px !important;
}
td.form_buttons { text-align: right; }
label.missing,
p.missing,
span.missing,
td.missing
{ color: #b8161c !important; }

/*
input.missing,
textarea.missing
{ border-color: #303030 !important; }
*/


td.form_labeldata_einreichung
{
	padding-right: 4px;
	width: 174px;
	min-width: 174px;
}
td.form_labeldata_einreichung small
{
	font-size: 10px;
	line-height: 14px;
}
td.form_inputdata
{
	width: 100%;
}
hr.form_divider
{
	width: 100%;
	border: 0;
	color: #dddee4;
	background-color: #dddee4;
	height: 1px;
}

hr.note_divider
{
	width: 58%;
	border: 0;
	color: #dddee4;
	background-color: #dddee4;
	height: 1px;
	margin-top: 2.2em;
}
p.formnote
{
	color: #85868a;
	font-size: 11px;
}

p.timestamp
{
	color: #85868a;
	font-size: 11px;
}

/*-----------------
  Einreichung
-----------------*/

td.numberindex { vertical-align: top; }
span.numberbox
{
	padding: 0;
	min-width: 22px;
	min-height: 22px;
	width: 22px;
	height: 22px;
	color: #fff;
	background-color: #e41e26;
	font-size: 15px;
	line-height: 23px;
	font-weight: 600;
	vertical-align: middle;
	text-align: center;
	display: block;
}
span.numberbox_gray { background-color: #97989c !important; }
td.graytext, td.graytext a:link, td.graytext a:visited { color: #85868a !important; }
td.graytext a:hover { color: #cd0237 !important; }
td.graytext a:active { color: #f60 !important; }

td.numberspacer { width: 22px; }
td.verticalpadding { padding-top: 0.7em; padding-bottom: 0.7em; }

h3.form_einreichung
{
	font-weight: 600 !important;
	color: #85868a !important;
	margin-top: 1.5em !important;
	margin-bottom: 0.5em !important;
}
h3.form_einreichung + p
{
	margin-top: 0.5em !important;
}

/*-----------------
  Preistraeger
-----------------*/

table.gallery td
{
	background-color: #fff;
}

img.galleryimg
{
	border: 1px #c8c8c8 solid;
	padding: 2px;
	background-color: #fff;
}

p.redbg
{
	background-color: #cd0237;
	color: #fff;
	font-weight: 600 !important;
	padding: 1px 8px 1px 8px;
}

p.redbg a { color: #fff !important; }
p.redbg a:link,p.redbg a:visited { text-decoration: none; }
p.redbg a:hover,p.redbg a:active { text-decoration: underline; }
p.redbg a:active { color: #303030 !important; }

a.entrybutton
{
	display: block;
	line-height: 18px;
	margin-top: 1em;
	margin-bottom: 1.5em;
	background-color: #cd0237;
	color: #fff !important;
	font-weight: 600 !important;
	padding: 1px 8px 1px 18px;
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 8px -114px;
}
a.entrybutton:link,a.entrybutton:visited { text-decoration: none; }
a.entrybutton:hover,a.entrybutton:active { text-decoration: underline; }
a.entrybutton:active { color: #303030 !important; }



p.lineabove
{
	margin-top: 3em !important;
	padding-top: 2em;
	border-top: 1px #ddd solid;
}

.content a.winnerurl
{
	background-image: url(images/assets.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 8px;
	font-weight: normal !important;
	margin-bottom: 3px;
	line-height: 19px;
	display: inline-block;
	text-decoration: none;
}
.content a.winnerurl:hover,
.content a.winnerurl:focus,
.content a.winnerurl:active
{
	text-decoration: underline;
}

.heavy { font-weight: 600; }

figure.img { margin: 2.4em 0; padding: 0; }
figure.img img
{
	width: 360px;
	height: auto;
	margin: 0 auto;
	padding: 9px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(117,93,91, 0.375);
}
figure.img figcaption
{
	font-size: 92%;
	font-style: italic;
	line-height: 150%;
	color: #444;
	margin: 1em 1em 0 1em;
}

/* eof */