/*_________________________________________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;
}


/*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: center;
/*background-color: orange;*/
}

/*_________________________________________Header_____________________________________________*/


#content #header {
text-align: right;
}

#content #header h1 {
color: #ED008C;
font-weight: bold;
font-size: 1.4em;
padding-bottom: .5em;
margin-top: 2em;
}

#content #header h2 {
color: #ED008C;
font-size: 1em;
font-weight: bold;
padding-bottom: 2em;
}

/*bild*/
#content #bild {
margin: 0 auto;
height: 421px;
background: #fff url("http://www.pinkapple.ch/2009/images/logoPinkapple.gif") no-repeat;
}


#content #apfel {
background: #fff url("http://www.pinkapple.ch/2009/images/apfel.gif") no-repeat;
height: 41px;
margin-left: 384px;
}

#content hr {
border-bottom: 1px solid #ED008C;
color: #fff;
visibility: visible;
margin:.5em 0;
}

/*___________________________________Navigation__________________________________*/



#content #navigation {
margin-top: .25em;
text-align: right;
}

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

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

#content #navigation li a {
line-height:2.5em;
display:block;
color: #ED008C;
font-weight: bold;
font-size: 1.2em;
}

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

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


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


*+html #content #navigation li#programm{
width:6em;
}

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

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

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

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

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

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



/*_________________________________________Eigentlicher Textbereich_____________________________________________*/

#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;
}


/*-------------------------------*/

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

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

#text li {
padding: .25em 0;
}

#text li ul li {
font-size: 1.3em;
line-height: 1.5em;
}

#text a {
text-decoration: underline;
font-size: .9em;
}

#text a:hover {
color: #999;
}

#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;
}


* html #navigation {
width: 423px;
}

* html #navigation li {
float:left;
}

*+html #navigation {
width: 423px;
}

*+html #navigation li {
float:left;
margin-left: 1px;
}


* html #anim1 {
margin-left: 50px;
}

* html #anim2 {
margin-right: 50px;
}


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


* html #anim4 {
margin-right: 20px;
}

* html #anim5 {
margin-left: 50px;
}


* html #anim6 {
margin-right: 50px;
}

/*content*/
* html #content {
width: 421px;
}