/* @override http://beta.imaginale-festival.de/fileadmin/imaginale/template/styles_screen.css */

/*
ROT: #c10033
*/

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	color: #000000;
}

html {
	padding:0;
	margin:0;
}

body {
	background-color: #FFFFFF;
	padding:0;
	margin:0;
}

/* ################################# Photobook ################################# */

td.gfpb_landscape, td.gfpb_portret, td.gfpb_square {
	padding: 4px;
	margin: 0px;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	width: 128px;
}

.gfpb_singleDIV {text-align: left;}

.tx-gooffotoboek-pi1 table {width: 100%; border-spacing: 5px; /*border-collapse: collapse;*/}

td.gfpb_landscape img, td.gfpb_portret img, td.gfpb_square img {
	
}

/* ################################# Standards ################################# */

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

a, a:hover {
	color: #c10033;
}

h1 {
	font-size: 24px;
	line-height:24px;
	font-weight: bold;
	color: #c10033;
	/*padding-bottom: 12px;*/
	
}

h1.csc-firstHeader {
	margin-top:0;
}

h2 {
	font-size: 18px;
	line-height:24px;
	font-weight: bold;
	color: #c10033;
}

h3 {
	font-size: 12px;
	line-height:14px;
	font-weight: bold;
}

/*
#content-main ul {margin-left:0; padding-left:1.2em;}
#content-main ul li {list-style-image: url(bullet_4px_rot.gif);}
#content-main ol {margin-left:0; padding-left:1.8em;}
#content-main ol li {list-style-image: none;}
*/

/* ################################# Rahmendesign ################################# */

#outer_center, #outer_center_home {
	width: 791px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom: 10px;
	padding:0px;
}

#headerbox {
	height: 220px;
	background-image: url(headerimage_imaginale.jpg);
	background-image: url(headerimage_imaginale_2009.jpg);
	background-image: url(headerimage_imaginale_2010.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#toplogo {
	float:left;
}

#topnavi {
	float:right;
	/*text-align:right;*/
	margin-top: 10px;
}

#topnavi ul, #topnavi li {
	list-style:none;
	padding:0;
	margin:0;
}

#topnavi li {display:inline; margin-left: 5px;}


#topnavi a {
	color: #c10033;
	text-decoration:none;
}

#topnavi a:hover, #topnavi a.active, #topnavi a.active:hover {
	color: #000000;
}




.clear {
	clear:both;
}

#content_outer {
	/*border: 1px solid green;*/
	margin-top: 40px;
}

#content_inner {
	/*width: 680px;
	padding-top: 10px;*/
}


/* ################################# HOME ################################# */

#headerbox_home {
	height: 110px;
}

#headerbox_home ul#hauptnavigation{

}


#topnavi_home {
	/*text-align:right;*/
	margin-top: 0px;
	margin-bottom: 20px;
	text-align:right;
}

#topnavi_home ul, #topnavi_home li {
	list-style:none;
	padding:0;
	margin:0;
}

#topnavi_home li {display:inline; margin-left: 5px;}


#topnavi_home a {
	color: #c10033;
	text-decoration:none;
}

#topnavi_home a:hover, #topnavi_home a.active, #topnavi_home a.active:hover {
	color: #000000;
}


#content_outer_home {
	background-image: url(home_illu_2008.jpg);
	background-image: url(home_illu_2009.jpg);
	background-image: url(home_illu_2010.jpg);
	background-repeat: no-repeat;
	background-position: 100px 180px;
	height:770px;

}

#content_inner_home {

}

#toplogo_home {
	float: left;
	width: 500px;
}

#content-main_home {
	margin-top: 10px;
	width: 200px;
	float: right;
}

#content_unten_home {
	margin-bottom: 10px;
}

#sponsoren_home {
	padding-top: 10px;
	background-image: url(linie_strichel_h_2px_rot.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* ####################################################### */
/* #### Hauptnavi ######################################## */

div#hauptnavi {
	background-image: url(linie_strichel_h_2px_rot.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

div#hauptnavi_inner {
	background-image: url(linie_strichel_h_2px_rot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:  28px;
}

ul#hauptnavigation, ul#hauptnavigation ul, ul#hauptnavigation li {list-style: none; padding:0; margin:0; color:#c10033;}
ul#hauptnavigation a {color:#c10033; text-decoration:none; }
ul#hauptnavigation a:hover {color:#000000; text-decoration:none; }
ul#hauptnavigation a.active, ul#hauptnavigation a.active:hover {color: #000000;}




ul#hauptnavigation{
	z-index:10;
	font-size: 16px;
	font-weight:bold;
	line-height: 28px;
	color:#FFFFFF;
}

ul#hauptnavigation a {
	font-size: 16px;
	font-weight:bold;
	line-height: 28px;
	display:block;
}

ul#hauptnavigation li{
	float: left;
	white-space:nowrap;
	margin-right: 14px;
}


ul#hauptnavigation li span.hn {display:block;}

ul#hauptnavigation li ul {
	position: absolute;
	display: none; /* Menue Ausblenden */
	left:auto;
	padding:3px 0 0 0;
	width:185px;
	background-color:transparent;
	
	
}

ul#hauptnavigation li li a {
	font-size: 12px;
	line-height: 14px;
	padding: 8px 3px 8px 3px;
	font-weight:normal;
	display:block;
}

ul#hauptnavigation li ul li {
	background-color:#F8F8F8;
	padding:0;
	margin:0;
	white-space:normal;
	background-image: url(linie_strichel_h_2px_rot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}



/* Bei Hover einblenden: */
ul#hauptnavigation li:hover ul,
ul#hauptnavigation li.over ul {
	display: block;
}

ul#hauptnavigation li li {
	display: block;
	width:185px;
	/*border-bottom: 1px solid #ffffff;*/

}


ul#hauptnavigation li li a:hover {}

ul#hauptnavigation li > ul{
	top: auto;
	left: auto;
}



/* ################################# Subnavi (vertikalontal) ################################# */

#subnaviDIV {}

ul#subnavi, ul#subnavi li, ul#subnavi ul {margin:0; padding:0; list-style:none;}


ul#subnavi {
	background-image: url(linie_strichel_h_2px_rot.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

ul#subnavi li {
	list-style:none;
	padding: 6px 0 6px 0;
	background-image: url(linie_strichel_h_2px_rot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

ul#subnavi li li{
	background-image: none;
}

ul#subnavi li a {
	display: block;
	text-decoration:none;
	color: #c10033;
	
}

/* Farbcode! */
ul#subnavi li a:hover, ul#subnavi li a.active {color: #000000;}

/* ############ level 1 ############ */

ul#subnavi li.level1 a {
	font-size: 14px;
	line-height:16px;
	font-weight: bold;
}

/* ############ level 2 ############ */

ul#subnavi li.level2 {margin: 0px 0 0px 0; padding:4px 0 2px 0;}

ul#subnavi li.level2 a {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

/* Farbcode! */
ul#subnavi li.level2 a:hover, ul#subnavi li.level2 a.active {background-image: none;}

/* ############ level 3 ############ */

ul#subnavi li.level2 ul {margin-left:10px;}

ul#subnavi li.level3 {margin: 0; padding: 4px 0 0 0;}

ul#subnavi li.level3 a {
	padding-left: 0;
	font-weight: normal;
	background-image: none;
}

ul#subnavi li.level3 a:hover, ul#subnavi li.level3 a.active {background-image: none;}

/* ################################# Spalten Unterseite (HTML in TS erzeugt) ################################# */

.ticket-link-linke-spalte {margin-top:20px;}

#content-left {
	width: 221px;
	float:left;
}

#content-left-content {
margin-top: 20px;
color: #c10033;
}

#content-main {
	width: 539px;
	float:right;
}

#content-mainFull {
}

/* @group Mailformplus */

/* ################################# mailformplus ################################# */

#mailform {width:300px;}
#mailform legend {display:none;}
#mailform input {width:100%; border: 1px solid #717479;}
#mailform select {width:100%; border: 1px solid #717479;}
#mailform textarea {width:100%; border: 1px solid #717479;}

#mailform input, #mailform select, #mailform textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
}


#mailform input.mailformbutton {width:300px; border: 1px solid #717479;}

#mailform input.csc-mailform-radio {width:auto; border:none;}

.tx-thmailformplus-pi1 td {
	text-align: left;
	vertical-align: top;
}

fieldset.csc-mailform {
  border:none;
  /*border: 1px solid #666666;*/
  padding:10px;
  padding-right:15px;
  padding-bottom:0px;
  margin:0;
}

.csc-mailform-submit, .csc-mailform-reset {background-color: #FFFFFF;}

div.csc-mailform-field {margin-bottom: 10px;}

fieldset#mailformanrede {border:none; padding:0px; margin: 0px;}


.mailform_error {color: #c10033;}
h3.mailform_error {}
p.mailform_error {border-bottom: 1px solid #c10033;}

/* @end */