/*_________________________________________Global_____________________________________________*/


* {
margin:0;
padding:0;
border:0 none;
}

html,
body{
background-color: #fff;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.2em;
}

a {
color:#000;
text-decoration:none;
font-size: .8em;
}

a:hover {
text-decoration:underline;
}

img {
border: 0;
}

/*_________________________________________Seite_____________________________________________*/

#wrapper {
/*height: 800px;*/
/*background-color: pink;*/
width: 1024px;
margin-bottom:200px;
}


/*anmationen*/
#anim1 {
float: left;
width: 150px;
margin-left: 100px;
}

#anim2 {
float: right;
width: 150px;
margin-right: 100px;
}


#anim3 {
float: left;
width: 150px;
clear: left;
}


#anim4 {
float: right;
width: 150px;
clear: right;
}

#anim5 {
float: left;
width: 150px;
clear: left;
margin-left: 100px;
}


#anim6 {
float: right;
width: 150px;
clear: right;
margin-right: 100px;
}

/*content*/
#content {
width: 421px;
margin: 0 auto;
text-align: left;
}

/*_________________________________________text_____________________________________________*/


#Titelbalken.festivalNews{
margin-bottom: 20px;
}


h1 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: left;
padding: 1px 10px 4px 14px;
height: 16px;
}

h1.seitentitelfestival {
background-color: #323297;
}

h1.seitentitelfestivalNews {
background-color: #323297;
}

h1.seitentitelmedien {
background-color: #00B5DE;
}

h1.seitentitelprogramm {
background-color: #00A592;
}

h1.seitentitelsubmission {
background-color: #673197;
}

* html h1.seitentitelfestival, * html h1.seitentitelmedien, * html h1.seitentitelprogramm, , * html h1.seitentitelsubmission {
margin-left: 300px;
width:420px;
}

h2 {
font-size: 12px;
font-weight:bold;
padding: .5em 0;
}

h3 {
font-size: 11px;
font-weight:bold;
padding: .5em 0;
}

h2.festival, h3.festival {
color: #323297;
}

h2.medien, h3.medien {
color: #00B5DE;
}

h2.programm, h3.programm {
color: #00A592;
}

h2.submission, h3.submission {
color: #673197;
}

/*________________________footer________________________*/


#footer {
font-family: Verdana, Helvetica, sans-serif;
clear:both;
text-align: right;
background-color:#ED008C;
height:15px;
width:421px;
margin-top:55px;
line-height:12px;
padding-top:2px;
margin-bottom:10em;
}

* html #footer {
margin-left:300px;
width:444px;
}

#footer ul {
list-style-type:none;
font-size:11px;
}

*+html #footer ul {
font-size:12px;
margin-right:-5px;
}

* html #footer ul {
margin-right:-5px;
font-size:12px;
}

#footer li {
display: inline;
padding-right:15px;
}

#footer a {
color: #fff;
}


#footerNews {
font-family: Verdana, Helvetica, sans-serif;
clear:both;
text-align: right;
background-color:#ED008C;
height:15px;
width:544px;
margin-top:55px;
line-height:12px;
padding-top:2px;
margin-bottom:10em;
}

* html #footerNews {
margin-left:300px;
width:544px;
}

#footerNews ul {
list-style-type:none;
font-size:11px;
}

*+html #footerNews ul {
font-size:12px;
margin-right:-5px;
}

* html #footerNews ul {
margin-right:-5px;
font-size:12px;
}

#footerNews li {
display: inline;
padding-right:15px;
}

#footerNews a {
color: #fff;
}

/*________________________navigation________________________*/

#content #navigation {
}

* html #content #navigation {
float:left;
margin-left: 150px;
width:500px;
}

#content #navigation ul {
list-style-type:none;
border-top:1px solid #ED008C;
margin-right:2.2em;
margin-top:2em;
}

* html #content #navigation ul {
margin-right:7em;
}

#content #navigation li {
display:table-cell;
padding-right: 1.3em;
}

*+html #content #navigation li {
float:left;
padding-right:0;
padding-left:1em;
padding-top:.5em;
}

* html #content #navigation li {
float:left;
padding-right:0;
padding-left:1.2em;
padding-top:.5em;
}

#content #navigation li a {
line-height:2em;
color: #ED008C;
font-weight: bold;
font-size: 1em;
}

#content #navigation li a:hover, #content #navigation li a.aktiv {
line-height:2em;
text-decoration: none;
}

#content #navigation li#festival{
width:4em;
}

*+html #content #navigation li#festival{
padding-left:0;
}

* html #content #navigation li#festival{
padding-left:0;
margin-right:-.5em;
}

#content #navigation li#programm{
width:5em;
}

#content #navigation li#medien {
width:4em;
}

#content #navigation li#submission{
width:5em;
}

*+html #content #navigation li#submission{
width:5.3em;
}

#content #navigation li#home img {
margin-left:2.25em;
}

*+html #content #navigation li#home {
width:4em;
}

*+html #content #navigation li#home img {
float:right;
margin-left:0;
margin-top:-.5em;
}

* html #content #navigation li#home img {
margin-top:-.5em;
margin-left:2.4em;
}


#content #navigation li#festival a:hover, #content #navigation li#festival a.festival {
color: #323297;
}

#content #navigation li#programm a:hover, #content #navigation li#programm a.programm {
color: #00A592;
}

#content #navigation li#medien a:hover, #content #navigation li#medien a.medien {
color: #00B5DE;
}


#content #navigation li#submission a:hover, #content #navigation li#submission a.submission {
color: #673197;
}

/*--------Subnavigation Festival------------*/

#Subnavifestival {
clear: left;
color: #323297;
padding-top: 2px;
margin-left:-20px;
width: 545px;
}

*+html #Subnavifestival {
margin-left:-20px;
}

* html #Subnavifestival {
margin-left:-20px;
}

.subnavfestival
{
float: left;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
padding: 0px 0px 15px 20px;
white-space: nowrap;
background-color: #fff;
color: #323297;
}

.subnavfestival a {
color: #ED008C;
}

.subnavfestival a.naviaktivfestival {
color: #323297;
}

.subnavfestival a:hover {
color: #323297;
text-decoration: underline;
}

/*--------Subnavigation Medien------------*/

#Subnavimedien {
clear: left;
color: #00B5DE;
padding: 2px 0 0 154px;
width: 545px;
}

*+html #Subnavimedien {
padding-left:156px;
}

* html #Subnavimedien {
padding-left:153px;
}

.subnavmedien {
float: left;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
padding: 0px 0px 15px 20px;
white-space: nowrap;
background-color: #fff;
color: #00B5DE;
}

.subnavmedien a {
color: #ED008C;
}

.subnavmedien a.naviaktivmedien {
color: #00B5DE;
}

.subnavmedien a:hover {
color: #00B5DE;
text-decoration: underline;
}

/*--------Subnavigation Programm------------*/

#Subnaviprogramm {
clear: left;
color: #00A592;
padding: 2px 0px 0px 55px;
width: 545px;
}

*+html #Subnaviprogramm {
padding-left:60px;
}

* html #Subnaviprogramm {
padding-left:54px;
}

.subnavprogramm {
float: left;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
padding: 0px 0px 15px 20px;
white-space: nowrap;
background-color: #fff;
color: #00A592;
}

.subnavprogramm a {
color: #ED008C;
}

.subnavprogramm a.naviaktivprogramm {
color: #00A592;
}

.subnavprogramm a:hover {
color: #00A592;
text-decoration: underline;
}

/*--------Subnavigation Submission------------*/

#Subnavisubmission {
clear: left;
color: #673197;
padding: 2px 0px 0px 232px;
width: 545px;
}

*+html #Subnavisubmission {
padding-left:237px;
}

* html #Subnavisubmission {
padding-left:237px;
}

.subnavsubmission {
float: left;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
padding: 0px 0px 15px 20px;
white-space: nowrap;
background-color: #fff;
color: #673197;
}

.subnavsubmission a {
color: #ED008C;
}

.subnavsubmission a.naviaktivsubmission {
color: #673197;
}

.subnavsubmission a:hover {
color: #673197;
text-decoration: underline;
}




/*_________________________________________________ Textbereich_____________________________________________*/


.lauftext {
padding: 15px 20px 3px 15px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #000;
}

* html .lauftext {
padding-left:314px;
width: 400px;
}

.lauftext p {
padding-bottom:1em;
}

.lauftext p.sprache {
text-align:right;
padding-bottom:15px;
margin-top:-10px;
margin-right:-20px;
}

.lauftext ul {
padding-left: 1.5em;
list-style-type: circle;
padding-bottom: .8em;
clear:left;
}

.lauftext ol {
padding-left: 1.5em;
padding-bottom: .8em;
}

.lauftext li {
padding: .25em 0;
}

.lauftext li ul li {
font-size: 1.3em;
line-height: 1.5em;
}

.lauftext a {
font-size:11px;
text-decoration: underline;
}

.lauftext a:hover {
color: #ED008C;
}

.lauftext input#address {
font-size:12px;
border: 1px solid;
color: #ED008C;
margin-bottom:10px;
}

*+html .lauftext input#address {
height:15px;
}

* html .lauftext input#address {
height:15px;
}

.lauftext tr {
color: #323297;
}

.lauftext td {
color: #ED008C;
}

.lauftext input#submit {
font-size:12px;
border: 1px solid;
color: #ED008C;
background-color:#fff;
margin-top:10px;
}

*+html .lauftext input#submit {
width: 149px;
}

* html .lauftext input#submit {
width: 149px;
}

/*----alt----*/

#text img {
float:left;
margin:1em 1em 1.5em 1em;
}

#text hr {
border-bottom: 1px dotted #F48200;
visibility: visible;
margin:.5em 0 .5em 0;
color: #fff;
}

#text table {
border: 0;
border-collapse:collapse;
border-spacing:0;
margin-bottom:1em;
}

#text td {
width: 220px;
vertical-align:top;
}

#text td h4 {
margin-top:-.5em;
}

/*_________________________________________ALT Hauptnavigation_____________________________________________*/


/*
#navigation {
float: left;
width: 13em;
font-style: italic;
color: #000;
padding-top: 2em;
background:#9A0000 url('http://www.ffu-pee.ch/cms/upload/bilder/nav1vert.png') 35px 0 repeat-y;
}

#navigation ul {
list-style-type: none;
}

#navigation li {
background: url('http://www.ffu-pee.ch/cms/upload/bilder/nav1.png') 35px 12px no-repeat;
margin-left: -9px;
}

#navigation li a {
color:#fff;
font-size: .7em;
display:block;
padding-left: 60px;
padding-top: 1em;
line-height: 23px;
min-height: 22px;
}

#navigation li.active {
background: url('http://www.ffu-pee.ch/cms/upload/bilder/navAnimN.gif') 35px 12px no-repeat;
color:#F78602;
min-height: 22px;
}

#navigation li a:hover {
color:#F78602;
background: url('http://www.ffu-pee.ch/cms/upload/bilder/navAnimHover.gif') 35px 12px no-repeat;
line-height: 23px;
min-height: 22px;
}

#navigation li.active a {
color:#F78602;
}

#navigation li.active a:hover {
color:#F78602;
}

#navigation ul li ul {
padding-left: 15px;
padding-right: 3px;
padding-top: 0;
font-size: .85em;
list-style-type: none;
}

#navigation li ul li {
background: none;
padding-top: .25em;
}

#navigation li.active ul li a {
color:#fff;
padding-top: 0;
padding-bottom: .25em;
}

#navigation li.active ul li a:hover {
background:url('http://www.ffu-pee.ch/cms/upload/bilder/navSubaktiv.gif') 38px 8px no-repeat;
color:#F78602;
}

#navigation li ul li a {
font-size: .75em;
}

#navigation li ul li.active {
background:url('http://www.ffu-pee.ch/cms/upload/bilder/navSubaktiv.gif') 38px 12px no-repeat;
}

#navigation li ul li.active a {
color:#F78602;
background: none;
}

*/


/*---------Alt Text------------*
#text {
padding: 1.5em;
}

#text strong {
color: #333;
font-size: .9em;
}

#text h2 {
font-size: 1.2em;
font-weight: normal;
line-height: 1.4em;
color: #F48200;
font-style: italic;
padding-bottom: .3em;
text-transform: uppercase;
}

#text h3 {
font-size: .9em;
font-weight: bold;
color: #F48200;
font-style: italic;
padding-top: .8em;
padding-bottom: .5em;
text-transform: uppercase;
}

#text h4 {
font-size: .75em;
font-weight: bold;
color: #F48200;
font-style: italic;
padding-top: .8em;
padding-bottom: .5em;
text-transform: uppercase;
}

#text h4 a {
color: #F48200;
font-size: 1em;
}

#text p, #text ul, #text ol {
font-size: .8em;
line-height: 1.6em;
padding-bottom: .5em;
}

#text p.kursiv {
font-size: .7em;
font-style: italic;
}

#text p.politik {
font-size: .7em;
font-style: italic;
margin-top:1em;
}
*/