/* ******************************************************
   * Open-Air-Kino Laufen                       		*
   * WEB STYLESHEET                                     *
   * ----------------------------------------------	    *
   * Supported: IE7, IE8, Firefox , Safari  	        *
   * Not testet: Opera
   * Not supported: IE6                                 *
   * ----------------------------------------------	    *
   * created 2010 by:                                   *
   * Magicline   			                            *
   * Hauptstrasse 5   			                        *
   * 4242 Laufen   			                            *
   * +41 61 761 36 46  			                        *
   * http://www.magicline.ch                			*
   ************************************************ 	*/

/* ************************************************
    HTML tags
   ************************************************ 	*/
   
html	{
	height : 100%;
	width : 100%;
}

body 				{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: #ffffff;
}

div, table,td, p	{
	margin : 0;
	padding : 0;
	text-align : left;
    font: 12px Verdana, Helvetica, sans-serif;
	color: #000000;
}

h1		{
	color : #351311;
	font-size : 13px;
	font-weight : bold;
	padding : 0;
	margin : 0px 0px 5px 0px;
}

h2		{
	color : #351311;
	font-size : 12px;
	font-weight : bold;
	padding : 0;
	margin : 0px 0px 2px 0px;
}

h3		{
	color : #351311;
	font-size : 12px;
	font-weight : bold;
	padding : 0;
	margin : 0px 0px 2px 0px;
}

a:link,
a:visited,
a:active		{
	color : #351311;
    text-decoration : underline;
	font-weight : normal;
	border : 0px;
}

a:hover			{
	color : #000000;
	text-decoration : none;
	font-weight : normal;
	border : 0px;
}

a img		{
	border : 0px;
}

#design a,
#design a:link,
#design a:visited,
#design a:active,
#design a:hover		{
	color : #ffffff;
	font-weight : normal;
	border : 0px;
	text-decoration : underline;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea, option {
	font-size: 12px;
	line-height:normal;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #FFFFFF;
}

button {
	font-size: 12px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.center		{
	text-align: center;
}



/* ***********************************************
    Page layout
   *********************************************** */

#backgroundimage    {
    position: fixed;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
    overflow: hidden;
}

#layer-oben-rechts     {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 870px;
    height: 314px;
    margin: -20px 0px 0px -870px;
    padding: 0;
    background: transparent url(../images/bg-rechts-oben.png) no-repeat;
    z-index: 7;
}

#navi-programm      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 82px;
    height: 10px;
    margin: 67px 0px 0px 8px;
    padding: 0;
    color: #FFFFFF;
}

#navi-about      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 10px;
    margin: 147px 0px 0px 149px;
    padding: 0;
    color: #FFFFFF;
}

#navi-angebote      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 10px;
    margin: 216px 0px 0px 289px;
    padding: 0;
    color: #FFFFFF;
}

#navi-info      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 10px;
    margin: 255px 0px 0px 436px;
    padding: 0;
    color: #FFFFFF;
}

#navi-tickets      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 10px;
    margin: 134px 0px 0px 449px;
    padding: 0;
    color: #FFFFFF;
}

#navi-home      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    margin: 49px 0px 0px 544px;
    padding: 0;
}

#layer-oben-links     {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 573px;
    height: 553px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/bg-links-oben.png) no-repeat;
    z-index: 2;
}


#layer-unten-links     {
    position: fixed;
    top: 100%;
    left: 0px;
    width: 219px;
    height: 190px;
    margin: -190px 0px 0px 30px;
    padding: 0;
    background: transparent url(../images/bg-links-unten.png) no-repeat;
    z-index: 4;
}

#layer-unten-rechts     {
    position: fixed;
    top: 100%;
    left: 100%;
    width: 869px;
    height: 264px;
    margin: -264px 0px 0px -869px;
    padding: 0;
    background: transparent url(../images/bg-rechts-unten.png) no-repeat;
    z-index: 5;
}

#contentlayer      {
    position: absolute;
    top: 260px;
    left: 0px;
    width: 100%;
    height: 450px;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    text-align: left;
    z-index: 6;
}

#title      {
    position: relative;
    top: 25px;
    left: 30px;
    width: 30%;
    height: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0px solid #000000;
}

#content      {
    position: relative;
    top: 0px;
    left: 30px;
    width: 30%;
    height: 340px;
    margin: 35px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    overflow: auto;
    border: 0px solid #000000;
}

#window-contentlayer    {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 80%;
    height: 90%;
    margin-left: -40%;
    padding: 0;
    background: #FFFFFF;
    text-align: left;
    z-index: 6;
}

#window-title      {
    position: relative;
    top: 25px;
    left: 30px;
    width: 90%;
    height: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0px solid #000000;
}

#window-content      {
    position: relative;
    top: 0px;
    left: 30px;
    width: 90%;
    height: 90%;
    margin: 35px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    overflow: auto;
    border: 0px solid #000000;
}

#unavilayer     {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 327px;
    height: 375px;
    margin: -413px 0px 0px -170px;
    padding: 0;
    background: transparent url(../images/bg-unavi.png) no-repeat;
}

#unavi      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 160px;
    margin: 55px 0px 0px 65px;
    padding: 0;
    color: #FFFFFF;
    border: 0px solid #999999;
    overflow: hidden;
}

#sponsor-title      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 20px;
    margin: 260px 0px 0px 65px;
    padding: 0;
    color: #FFFFFF;
    border: 0px solid #999999;
    overflow: hidden;
}

#sponsor      {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 80px;
    margin: 280px 0px 0px 50px;
    padding: 0;
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #351311;
    overflow: hidden;
}

#trailer      {
    position: absolute;
    top: 25px;
    left: 100%;
    width: 350px;
    height: 370px;
    margin: 0px 0px 0px -360px;
    padding: 0;
    overflow: hidden;
    border: 0px solid #000000;
    text-align: right;
}


#film       {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 58px;
    margin: -40px 0px 0px 0px;
    padding: 0;
    background: transparent url(../images/filmstreifen.png) repeat-x;
}

#design       {
    position: fixed;
    top: 0px;
    left: 0px;
    margin : 10px 0px 0px 10px;
	padding : 0;
	height : 20px;
	width : 300px;
    background: transparent;
    z-index: 8;
    color : #ffffff;
}


/* *************************************************
    U-Navigation
   *********************************************** */
#unavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#unavi li.navi-level1,
#unavi li.navi-level1-active {
	margin: 0;
	padding: 0px 0px 5px 0px;
    width: 150px;
}

#unavi li.navi-level1 a,
#unavi li.navi-level1 a:link,
#unavi li.navi-level1 a:visited,
#unavi li.navi-level1 a:hover,
#unavi li.navi-level1 a:active	 {
	margin: 0;
	padding: 0;
	font : 12px Verdana, Helvetica, sans-serif;
    font-weight: normal;
	text-transform : lowercase;
	text-decoration : none;
	color: #ffffff;

}

#unavi li.navi-level1-active a,
#unavi li.navi-level1-active a:link,
#unavi li.navi-level1-active a:visited,
#unavi li.navi-level1-active a:hover,
#unavi li.navi-level1-active a:active 	{
	margin: 0;
	padding: 0;
	font : 12px Verdana, Helvetica, sans-serif;
    font-weight: normal;
	text-transform : lowercase;
	text-decoration : none;
	color: #cccccc;
}

#unavi li.navi-level2,
#unavi li.navi-level2-active	 {
	margin: 0;
	padding: 0px 0px 3px 10px;
    width: 140px;
}

#unavi li.navi-level2 a,
#unavi li.navi-level2 a:link,
#unavi li.navi-level2 a:visited,
#unavi li.navi-level2 a:hover,
#unavi li.navi-level2 a:active	 {
	margin: 0;
	padding: 0;
	font : 12px Verdana, Helvetica, sans-serif;
    font-weight: normal;
	text-transform : lowercase;
	text-decoration : none;
	color: #ffffff;
}

#unavi li.navi-level2-active a,
#unavi li.navi-level2-active a:link,
#unavi li.navi-level2-active a:visited,
#unavi li.navi-level2-active a:hover,
#unavi li.navi-level2-active a:active 	{
   margin: 0;
	padding: 0;
	font : 12px Verdana, Helvetica, sans-serif;
    font-weight: normal;
	text-transform : lowercase;
	text-decoration : none;
	color: #cccccc;
}


/* ***********************************************
    Newsletter Template CSS
   *********************************************** */

#nl-streifen-links      {
    position: absolute;
    top: 0px;
    left: 20px;
    width: 58px;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent url(../images/newsletter-filmstreifen-links.png) repeat-y;
}

#nl-streifen-rechts      {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 58px;
    height: 100%;
    margin: 0px 0px 0px -78px;
    padding: 0;
    background: transparent url(../images/newsletter-filmstreifen-rechts.png) repeat-y;
}

#nl-header     {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 662px;
    height: 196px;
    margin: -40px 0px 0px -750px;
    padding: 0;
    background: transparent url(../images/newsletter-oben-rechts.png) no-repeat;
}

#nl-title      {
    position: absolute;
    top: 150px;
    left: 100px;
    width: 70%;
    height: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0px solid #000000;
}

#nl-content      {
    position: absolute;
    top: 180px;
    left: 100px;
    width: 70%;
    min-height: 340px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: visible;
    border: 0px solid #000000;
}


/* ***********************************************
    Typo3 specific CSS
   *********************************************** */


p.bodytext     {
    font : 12px Verdana, Helvetica, sans-serif;
    color: #000000;

 }

 p.bodytext b    {
    font : 12px Verdana, Helvetica, sans-serif;
    color: #351311;
    font-weight: bold;

 }

.csc-textpic-caption   {
   font-size: smaller;
 }

.csc-mailform      {
    width: 270px;
 }


.csc-mailform-field   {
   width: 270px;
   text-align: left;
 }

.csc-mailform-field input,
.csc-mailform-field label    {
  display: block;
}

.csc-mailform-label     {
  width: 150px:
}

/* ***********************************************
    Adressverwaltung
   *********************************************** */

.tx_dmaddredit-pi1-myform { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; }
.tx_dmaddredit-pi1-myformactive { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: #351311; font-weight: bold; }
.tx_dmaddredit-pi1-dotted { border: 1px solid #351311; }
.tx_dmaddredit-pi1-small { font-size: 11px; }
.tx_dmaddredit-pi1-mini { font-size: 11px; }
.tx_dmaddredit-pi1-mini-right   { text-align: right; font-size: 11px;}
.tx_dmaddredit-pi1-dottedcorner { border-top: 0px none; border-right: 0px none; border-bottom: 2px dotted #351311; border-left: 2px dotted #351311; }
.tx_dmaddredit-pi1-dottedcolor { border: 2px dashed #351311; }
.tx_dmaddredit-pi1-active { color: #351311; }
.tx_dmaddredit-pi1-inactive { color: #000000; }
.tx_dmaddredit-pi1-mini-light { font-size: 9px; color: #351311; }