/** CSS Styles kurzfilmtage.de */

/** Part 1: general setup */

/** *-Operator - general setup for all elements
*	generally every element without borders, margin or padding
*	standard fonts Verdana, 11px in 15px lines,
*		black color with white background
*/
* {
	margin:  0px;
	padding: 0px;
	border:  0px;
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background: #ffffff;
	word-wrap: break-word;
}

.bodytext {
	line-height: 18px;
}

/**	centers website in Internet Explorer */
html, body {
	text-align:center;
}

/**	element that wraps up the whole site
*	width of site: 805px, centered on screen, alignment: left
*/
#wrapper {
	width: 809px;
	margin: auto;
	margin-top: 0px;
	text-align:left;
	background: url(../img/kfo_back.gif);
	background-repeat: no-repeat;
}


/** definition of headlines
*	h1 - headline of content element
*	h2 - headline of whole site (deprecated - since use of image)
*	h5 - headline of the timetable
*/

h1 {
	font-family: Interstate Condensed, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
}

h2{
	font-family: Interstate Light Condensed, sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	margin-top: 15px;
	color: #000000;
}


/** forces new line - deprecated since used in other rules */
.clear {
	clear: both;
}

/** images displayed without borders */
img {
   border: 0px;
}

img.spacer-gif {
	display: none;
}

/** definition of horizontal lines
*	standard height: 1px;
*	left column: Breite 340px
*	right column: Breite 450px
*/

hr {
	height: 1px;
	width: 340px;
	color: #000000;
	background: #000000;
	display: block;
	margin: 5px 0px;
	clear: both;
}

#left>hr {
	margin: 10px 0px;
}

hr.bold {
	margin: 10px 0px;
	height: 5px;
}

#left>hr.bold {
	margin: 20px 0px;
}

#right hr {
	width: 450px;
}

#linkkasten hr {
	margin-bottom: 0px;
}

.bildlink hr {
	margin-top: 8px;
	margin-bottom: 10px;
}



#katalog hr {
	margin-top: 3px;
	margin-bottom: 0px;
}


/** Part 2: Links
*	first general setup of links, then specific setups
*	last hover
*/
a {
	background: url(../img/back_link.gif) no-repeat;
	color: #A8A8A8;
	text-decoration: none;
	padding-left: 12px;
}

a.home, a.indexedSearch_sectionLink, a.sponsors, a.barelink, a.reflink  {
	background: url(../img/_blank.gif) no-repeat;
}
a.reflink {
	display: block;
	float: right;
	line-height: 1px;
	height: 1px;
	width: 1px;
}

a.print {
	background: url(../img/back_print.gif) no-repeat;
	padding-left: 14px;
}

a.send {
	background: url(../img/back_send.gif) no-repeat;
	margin-left: 10px;
	padding-left: 17px;
}

a.top {
	background: url(../img/back_top.gif) no-repeat;
	margin-left: 7px;
	padding-left: 14px;
}

a.clip {
	background: url(../img/back_clip.gif) no-repeat;
	margin-left: 10px;
	padding-left: 19px;
}

a.vote {
	background: url(../img/back_vote.gif) no-repeat;
	margin-left: 10px;
	padding-left: 19px;
}

a.download {
	background: url(../img/back_download.gif) no-repeat;
	margin-left: 0px;
	padding-left: 14px;
}

/** deprecated - sine use of images */
a#homelink {
	font-family: Interstate Light Condensed, sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	background:none;
	font-weight: bold;
	color: #000000;
}


/** is moved to the right by #nav_sub li */
#nav_sub a {
	padding-left: 0px;
}

#nav_meta a, #nav_meta a span {
	font-size: 9px;
	color: #A8A8A8;
	height: 12px;
	line-height: 12px;
	background: url(../img/_blank.gif) no-repeat;
 	padding-left: 0px;
}

.nav_ext a, a.imagelink, a.imagelink_kf, #sponsoren a, #footer_left a {
	height: 15px;
	padding: 0px;
	background: url(../img/_blank.gif) no-repeat;
	display: inline;
}

.imagelink {
	width: 340px;
	margin-top: 11px;
	margin-left: 0px;
}

/** a link on current root line */
.nav_act {
	color: #000000;
	text-decoration: underline;
	padding: 0px;
}

.nav_ext .nav_act {
	color: #A8A8A8;
}

/** a link to current site */
.nav_cur, #nav_meta .nav_cur {
	background-color: #000000;
	color: #ffffff;
	padding: 1px 0px;
}

#nav_main a {
	background: url(../img/_blank.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	color: #000000;
	float: left;
}

#nav_main li>a {
	float: none;
}

a:hover {
	text-decoration: underline;
}

/* Link auf einem Bild zur Vergoesserung */
div.csc-textpic a {
	background: url(../img/_blank.gif) no-repeat;
	padding: 0px;
}



/** Part 3: Left column */

#left {
	float:left;
	width: 340px;
	margin-top: 60px;
}

#left .content-container {
	padding: 0px;
	display: block;
	width: 340px;
}


/** wraps the main navigation (first & second level & meta navigation) */
#nav_main, #nav_meta {
	text-align:left;
	margin-top: 5px;
	margin-bottom: 34px;
}

#linkbox {
	width: 340px;
	color: #000000;
	line-height: 20px;
}

#left>#linkbox {
	padding-top: 5px;
}


/** Part 4: Right column */

#right {
	float: right;
	width: 450px;
	margin-left: 15px;
	max-width: 450px;
}

#flash {
	width:450px;
	height:125px;
	vertical-align: top;
}

/** deprecated - since use of image */
#pagetitle {
	font-family: Interstate Light Condensed, sans-serif;
	font-size: 16px;
	line-height:24px;
	letter-spacing: 0px;
	margin: 15px 0px 0px 0px;
}

#textbox {
	width:450px;
	line-height: 18px;
}

.bodytext {
   text-align: left;
}

/** definition of content containers - wrap every content element */
#right .content-container {
	width: 450px;
	padding: 10px 0px;
	display: block;
}

#right .content-container table td {
	padding: 0px 0px 10px 0px;
}

.news {
	font-weight: bold;
}

.timetable {
	width: 450px;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 15px;
}

.timetable_title {
	width: 450px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #CCCCCC;
	padding: 17px 5px 10px 5px;
}

#programm {
	width:450px;
	margin-top: 8px;
	margin-left: 0px;
	line-height: 15px;
}

#katalog {
	width: 450px;
	margin-top: 5px;
}

#katalog td {
	padding: 7px 0px 8px 0px;
}


/** Part 5: Footer */

#footer	{
	width:805px;
	height:30px;
	margin-top: 150px;
	color: #A8A8A8;
	clear: both;
}

#footer_left {
	float: left;
	width: 340px;
}

.footer_spacer {
	padding: 0px 5px;
	color: #A8A8A8;
}

#footer_right	{
	float: right;
	width:450px;
}


/** Part 6: lists ul/li */

ul {
	list-style-type: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

li {
	display: block;
	padding: 0px;
	margin: 0px;
}

ul#nav_main {
	float: left;
	width: 210px;
	display: inline;

}

#nav_sub li {
	margin-left: 20px;
}

ul#nav_meta {
	float: right;
	width: 130px;
	/*border: 1px solid black;*/
	/*padding-left: 15px;*/
	padding: 0px;
	font-size: 9px;
}

div>ul#nav_meta {
	width: 130px;
}

ul.nav_ext {
	line-height: 18px;
	display: block;
	max-width: 450px;
	width: 450px;
}

.nav_ext li {
	padding-right: 3px;
	display: inline;
}

#footer ul {
	padding-top:7px;
}

#footer li {
	display: inline;
	margin-left: 0px;
}

/** Part 7: formulars */
#search {
	width:340px;
	color: #000000;
	vertical-align: bottom;
	border: 0px;
	width: 340px;
	margin: 4px 0px;
}

#search tr {
	vertical-align: baseline;
}

td#search_label{
	width: 100px;
	vertical-align: baseline;
}

td#search_fields {
	width: 240px;
	text-align: right;
	vertical-align: baseline;
}

.search_input	{
	width: 200px;
	height: 21px;
	border: 1px solid #000000;
	margin: 0px 5px;
}

.search_button {
	margin: 0px 0px -4px 5px;
	border: 0px !important;
}

td>.search_button {
	margin: 0px 0px -9px 5px;
}

textarea.search_input {
	width: 200px;
	height: 63px;
	border: 1px solid #000000;
	margin: 0px 5px;
}

table.imgtext-table img {
	margin: 4px 10px 0px 0px;
}

.csc-loginform input {
	border:1px solid #000000;
	margin-left: 15px;
	padding: 3px 0px;
}

/* Styles for Useraccount Registration Form */
#tx-srfeuserregister-pi1-static_info_country,
input.tx-srfeuserregister-pi1-text,
input.tx-srfeuserregister-pi1-password,
input.tx-srfeuserregister-pi1-submit {
	border:1px solid #000000;
}

#tx-srfeuserregister-pi1-fe_users_form dt span {
	color: #000000;
}


/* Styles for Authentication Login Form */
#user,
#pass,
td input[submit] {
	border:1px solid #000000;
}