/* style.css

NEISSE FILMFSTIVAL 

Farben

NFF rot: #DB0032
Text: #666
Grau: #CCC

2011
NFF green: #00973D

*/

/* by gina 24.2.09 */

.banner {
	background: #FFF url(../grafik/footer-sponsoren.gif) no-repeat;
	width: 913px; /*925*/
	height: 73px; /*115*/
	padding: 42px 0 0 12px;
}
.bannereintrag {
	float: left;
}
.bannereintrag img {
	border: none;
}

/* by Peter 18.02.2011 */


.important {color: #00973D; font-weight: bold;}

html, body {
   margin:0;
   padding:0;
}


body {
	background: #9FCD6F url(../grafik/body-bg-motiv-heller.png) repeat-x 0 0;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 13px;
	color: #666;
	padding: 30px 0 20px 0;
}

a { color: #00973D;  text-decoration: none;}
a:visited { color: #00973D;}
a:hover { color: #00973D; text-decoration: underline; }
a:focus {outline-style: none;}

/* Headlines */

h1, p { margin-top: 0; padding-top: 0; } 

h1, h5 { 
	font-size: 21px;
	letter-spacing: -0.5px; 
	line-height: 28px;
	margin-top: 15px;
	margin-bottom: 15px;
        padding-right: 8px;
	background: #FFF;
        display: inline;
	clear: both;
}


.csc-header { 
	background: #FFF url(../grafik/h1-bg.gif) repeat-x center;
	margin-top: 15px;
	margin-bottom: 15px;
        display: block;
	clear: both;
}

.csc-header-n2 h5 { 
	color: #00973D;
	background: #FFF;
        display: inline;
}


.csc-header-n2 { 
	background: #FFF url(../grafik/h1-bg-important.png) repeat-x center;
	margin-top: 15px;
	margin-bottom: 15px;
        display: block;
	clear: both;
}

h2 { color: #666; font-size: 16px;line-height: 21px; background: #FFF;}
h3 { color: #666; font-size: 14px; margin-bottom: 1px; background: #FFF;}
h4 { color: #666; font-size: 12px; margin-bottom: 1px;background: #FFF;}


.red { color: #3200DB;}

blockquote {
	color: #002D58;
	font-style: italic;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


hr { 
	background: #FFF;
	border: none;
	height: 1px;
	margin: 1px 0 15px 0;
	padding: 0;
	border-top: 1px dotted #999;
}

.hr-solid, .hr-dotted {
	height: 15px;
	margin-top: 15px;
	border-top: 1px solid #CCC;
}

.hr-dotted { border-top-style: dotted; }

.hspace10 { clear: both; height: 10px;}
.hspace20 { clear: both; height: 20px;}
.hspace30 { clear: both; height: 30px;}


/* WRAPPER
----------------------------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 926px; /* 926 */
}

#wrap2 {
	float: left;
	background: #FFF;
	padding: 0 13px 0 13px;
	margin-bottom: 11px;
	background: #FFF url(../grafik/nav-bg.gif) repeat-y 13px;
	border-bottom: 13px solid #FFF;
}

/* HEADER
----------------------------------------------------------------------------- */

#header {
 	width: 900px;
	height: 150px;
	border-top: 13px solid #FFF;
}

#header h1 { 
	padding: 0; margin: 0;
}

#header img { border: 0; float: left;}


.fische {
	position: absolute;
	width: 425px;
	height: 100px;
	margin: 13px 0 0 475px;
	background: transparent url(../grafik/header-fisch-2011.png) no-repeat 20px 0;
}


/* Language */

#lang ul {
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 13px 0 0;
	margin: 0;
	text-align: right;
}

#lang ul li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 2px 5px 0px 5px; 
	background: #FFF;
}

#lang ul li a {
	padding: 0 0 0 14px;
	color: #999;
}

a.de { background: #FFF url(../grafik/lang-de.gif) no-repeat left center; }
a.en { background: #FFF url(../grafik/lang-en.gif) no-repeat left center; }
a.en.absent { background: #FFF url(../grafik/lang-en-grau.gif) no-repeat left center; }

#lang a.active { color: #00973D; }

/* SOCIAL NETWORKS
----------------------------------------------------------------------------- */
#social-network {
	background: transparent;
	height: 300px;
	width: 100px;
	margin: 0px 0 0 -51px;
	position: absolute;
}

#social-network img {
	border: 4px solid #fff;
}


/* NAV
----------------------------------------------------------------------------- */

#nav {
	float: left; 
	width: 225px;
	display: inline;  /* FIX IE double margin bug */
	margin: 0;
   	padding: 25px 0 45px 0; /* bottom padding = height of subnav */
	overflow: hidden;
	text-align:left;
	background: #CCC;
}

#footer .subnav a {
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	height: 40px;
	padding-left: 30px;
	position: absolute;
	margin: -65px 0 0 13px;
}

.subnav a:hover { color: #666;}

/* CONTENT
----------------------------------------------------------------------------- */

#content {
    float: left;
    width: 610px;
    min-height: 300px;
    margin-top: 15px;
    margin-left: 30px;
    padding: 0px 0px 10px 0px;
    line-height: 18px;
}

#content img {	border: 0;}

/* Links */

#content p a { border-bottom: 1px dotted #00973D;}
#content p a:hover { border-bottom: 1px solid #00973D; text-decoration: none;}
#content a.noborder { border: 0; }
#content a:hover.noborder { border: 0; }


/* --- News --- */

dl img {vertical-align:bottom; border:0;}

dl a { 	
	margin: 0; padding: 0;
}


dl dd.csc-textpic-caption { 	
	border-bottom: 10px solid #FFF; 
}


dd.csc-textpic-caption { 	
	background: #DDD; 
	border: 0px solid red;
	margin: 0; 
	padding: 3px 5px;
}


/* --- Kurzfilm-Wettbewerb --- */

.csc-textpic.csc-textpic-intext-left-nowrap p {
margin: 0;
}

dl.csc-textpic-image img {
vertical-align:middle;
}

dl.csc-textpic-image.csc-textpic-lastcol dt {
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom: 0px;
}

.csc-textpic.csc-textpic-intext-left-nowrap h2 { 
	margin-top: 0; 
	padding: 0;
}


/* Tabelle Programm */

table.contenttable.contenttable-0 {
	background: #D0D0D0;
	width: 100%;
	margin: 0 0 15px 0;
	border-collapse: collapse;
}

table.contenttable.contenttable-0 tr.tr-0 td {
	background: #DDD;
	text-align: left;
	font-weight: bold;
	padding: 4px 0 4px 7px;
}

.contenttable.contenttable-0 tr td {
	background: #EEE;
	padding: 4px 0 4px 7px;
}
.contenttable.contenttable-0 tr.tr-odd td { background: #FFF; }
.contenttable.contenttable-0 tr.tr-even td { background: #EEE; }
.contenttable.contenttable-0 tr.tr-even:hover td, .contenttable.contenttable-0 tr.tr-odd:hover td  { background: #BFF0FF;}
.contenttable.contenttable-0 tr.tr-0.tr-even:hover td { background: #DDD;}


/* --- Filmreihen --- */

.contenttable.contenttable-1 {
	border-collapse: collapse;
	margin-bottom: 15px;
}

.contenttable.contenttable-1 tr.tr-0 td.td-0,
.contenttable.contenttable-1 tr td.td-0 {
	border-bottom: 3px solid #FFF;
	padding: 15px;
}

.contenttable.contenttable-1 tr.tr-0 td { font-weight: normal; }

.contenttable.contenttable-1 tr.tr-odd td { background: #E0E0E0; margin-bottom: 10px;}
.contenttable.contenttable-1 tr.tr-even td { background: #E0E0E0; }
.contenttable.contenttable-1 tr.tr-even td:hover,.contenttable.contenttable-1 tr.tr-odd td:hover { background: #F1F1F1; }

.contenttable-1 h6, .contenttable-1 h6 a {
	font-size: 24px;
	margin: 0 0 8px 0;
	padding: 0;
	color: #666;
}

.contenttable-1 h6 a:hover {color: #00973D;}


/* --- Galerie --- */

.galerie {
	background: #FFF;
	float: left;
	width: 624px;
	margin-left: -1px;
}

.album {
	float: left;
	width: 189px;
	background: #CCC;
	margin: 0px 12px 15px 0;
	padding: 0px 0 3px 5px;
	font-weight: normal;
	border: 1px solid #FFF;
}

.album img {
	margin: 0px 0 0px -5px;
	padding: 0px;
	text-decoration: none;
}

#content .album a {
	border: none;
	text-decoration: none;
	color: #666;
	display: block;
}

#content .album a:hover { color: #00973D;text-decoration: none;border: none;}
#content .album:hover { background: #DDD; border: 1px solid #00973D;}


/* --- List --- */

#content ul {
	padding-left: 20px;
	list-style: none;
}

#content ul li {
        padding-left: 12px;
}

/* --- Downloads --- */

.csc-uploads-fileName p {
	float: left;
	margin: 0px;
}

p.csc-uploads-description {
margin: 0 0 0 7px;
}


table.csc-uploads {
	background: #D0D0D0;
	width: 100%;
	margin: 0 0 15px 0;
	border-collapse: collapse;
}

.csc-uploads tr td {
	background: #EEE;
	padding: 5px 0 5px 10px;
}

.csc-uploads tr.tr-odd td { background: #FFF; }
.csc-uploads tr.tr-even td { background: #EEE; }
.csc-uploads tr.tr-0.tr-even:hover td { background: #DDD;}


.csc-uploads a[href$=".pdf"],
.csc-uploads a[href$=".zip"],
.csc-uploads a[href$=".doc"],
.csc-uploads a[href$=".eps"],
.csc-uploads a[href$=".jpg"]{
padding: 1px 0 1px 23px;
}

.csc-uploads a[href$=".pdf"] { background: url(../grafik/icon-pdf.gif) no-repeat left center; }
.csc-uploads a[href$=".zip"] { background: url(../grafik/icon-zip.gif) no-repeat left center; }
.csc-uploads a[href$=".doc"] { background: url(../grafik/icon-doc.gif) no-repeat left center; }
.csc-uploads a[href$=".eps"] { background: url(../grafik/icon-eps.gif) no-repeat left center; }
.csc-uploads a[href$=".jpg"] { background: url(../grafik/icon-jpg.gif) no-repeat left center; }



/* FOOTER
----------------------------------------------------------------------------- */


#footer {
	clear: both;
	width: 926px;
	color: #FFF;
	background: #FFF;
	margin: 0px 0 0 0;
}


/* ACCESSIBILITY
----------------------------------------------------------------------------- */

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted #333;
   margin: 1em;
}


.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}