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

   layout.css
   * alle Layout- und Text-Klassen

  == STRUKTUR HAUPTTABELLE: =================
   * Gesamtbreite:         950 px
   * Anzahl Spalten:       3
   * 1. Spaltenbreite:     160 px
   * 2. Spaltenbreite:     640 px
   * 3. Spaltenbreite:     150 px
  ===========================================

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

body {
	text-align: 		center; 		/* IE6 Fix */
	margin-top:			0;
}

/* Container
-------------------------------------------------------------- */
.container {
  text-align: 		left;
  position: 		relative;
  padding: 			0;
  margin: 			0 auto;   		/* Zentiert Layout */
  width: 			950px;     		/* Gesamtbreite */
}

/* Haupttabelle
-------------------------------------------------------------- */
#spalte1  { padding-top: 10px;width: 160px; }
#spalte2  { padding-top: 10px;width: 640px; }
#spalte2a { padding-top: 16px; width: 640px; height:350px;  }
#spalte2b { padding-top: 16px; width: 640px;}
#spalte3  { padding-top: 10px;width: 150px; }
#spalte4  { padding-top: 10px; padding-right:10px; width: 300px; }


/* Mittelspalte
-------------------------------------------------------------- */
#content-movie {
  /*margin-top: 		16px;  */
  margin-bottom: 	0px; 
  width: 			630px;     		/* Gesamtbreite */
}
.partnerlogo {
	width:					200px;
	height:					108px;
}

#cineman {
	clear:					both;
	padding-top:			20px;
	padding-bottom:			20px;
	width:					100%;
}
.boxfilm {
	float: 					left;
	margin-bottom:			0px;
	border:					0px;
	border-bottom:			1px solid #e0e0e0;
	padding:           		0px;
	width:					630px;
	background-image:  		url(../images/boxfilm_630px.gif);
	background-repeat: 		no-repeat;
}
#reiter {
	float: 					left;
	margin:					0px;
	border:					0px;
	padding:           		0px;
	width:					630px;
	height:					28px;
	background-image:  		url(../images/reiter.gif);
	background-repeat: 		no-repeat;
}
.wyoc {
	float: 					left;
	padding-top:			0px;
	margin-top:				12px;
	margin-bottom:			0px;
	border:					0px;
	padding:           		0px;
	width:					100%;
	background-image:  		url(../images/wyoc_bg_rahmen.gif);
	background-position:	bottom left;
	background-repeat: 		no-repeat;
}
.teilspalte140 {
	float: 					left;
	margin-top:				48px;
	border:					0px;
	padding-bottom:         20px;
	width:					140px;
}
.teilspalte150 {
	float: 					left;
	padding-top:			16px;
	border:					0px;
	padding-bottom:         20px;
	width:					150px;
}
.teilspalte200 {
	float: 					left;
	padding-top:			16px;
	border:					0px;
	padding-bottom:         20px;
	width:					200px;
}
.teilspalte200_2 {
	float: 					left;
	padding-top:			0px;
	border:					0px;
	padding-bottom:         20px;
	width:					200px;
}

.teilspalte200_3 {
	float: 					left;
	padding-top:			0px;
	padding-right:			10px;
	border:					0px;
	padding-bottom:         20px;
	width:					190px;
}


.teilspalte300{
	float: 					left;
	margin-top:				48px;
	border:					0px;
	padding-bottom:         20px;
	width:					299px;
}

.teilspalte300_2 {
	float: 					left;
	margin-top:				0px;
	border:					0px;
	padding-bottom:         20px;
	padding-right:			20px;	
	width:					410px;
}

.teilspalte300_3 {
	float: 					left;
	margin-top:				0px;
	border:					0px;
	padding-bottom:         20px;
	padding-right:			10px;	
	width:					290px;
}
.teilspalte460 {
	float: 					left;
	margin-top:				48px;
	border:					0px;
	padding-bottom:         20px;
	width:					459px;
}
.teilspalte630 {
	float: 					left;
	margin-top:				16px;
	border:					0px;
	padding-bottom:         0px;
	width:					630px;
}

/* Rechte Spalte
-------------------------------------------------------------- */
h3 {
	margin: 		0;
	margin-top: 	1px;
	padding: 		0;
	border: 		0;
	font-size: 		15px;
	line-height: 	1.1em;
	font-weight: 	bold;
	background: 	transparent url(../images/orange_arrow.gif) no-repeat left 5px;
	padding-left: 	18px;
	padding-top: 	3px;
	padding-bottom: 2px;
}

#spalte3 {
	color:			#444444;
	font-family:	Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:		68.75%;
	line-height: 	1.5;
}
.highlight  { color:#ff5500; }
#spalte3 p  { margin: 1px 0 10px; line-height: 1.1em; } /* Abstand unten und oben */

hr {
  	width: 			100%;
  	border-top: 	3px solid #ddd;
  	border-bottom: 	3px solid #f6f6f6;
  	margin: 		0px;
	margin-bottom:	4px;
  	padding: 	    0px;
  	border-left: 	0 none;
  	border-right: 	0 none;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	border-top: 	5px solid #e3e3e3;
	margin-top: 	0px;
	padding: 		8px 1px;
	color:			#444444;
	font-family:	Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:		68.75%;
}

#footer .left	{ float:left;font-size: 11px; }
#footer .right 	{ float:right;font-size: 10px; }

#footer ul {
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	margin:					5px 1px;
	padding:				0pt;
}
#footer ul li {
	float: 			left;
	background: 	transparent url(../images/list_pipe_sep.png) no-repeat right 2px;
}
#footer ul li a {
	display: 		block;
	padding: 		0 8px;
}

#footer .left ul li.first a { padding-left: 0; }

#footer .left ul li.last { background: none; }

#footer .left ul li.last a { padding-right: 0;  }

#footer .right ul li.first a { padding-left: 0; }

#footer .right ul li.last { background: none; }

#footer .right ul li.last a { padding-right: 0;  }



/* Typo 
-------------------------------------------------------------- */
a:focus,
a:hover,
a.active { color: #FF5500; }

.contenttext a, .partnertext a { color: #FF5500; text-decoration: none;}

#footer a { color: #000000; text-decoration: none; }

a { color: #000000; text-decoration: none; }

.contenttext {
	color:			#464646;
	font-family:	Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:		12px;
	line-height: 	14px;
	
}
.partnertext {
	color:			#464646;
	font-family:	Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:		12px;
	line-height: 	14px;
}
.title {
	font-size:		15px;
	font-weight:	bold;
	color:			#010101;
}
.subtitle {
	font-weight:	bold;
	color:			#000;
}
ul li.square		{ padding:0px 0px 0px 0px; list-style-type:square; color:#ff6600;}

/* Forms
----------------------------------------------------------------- */

input,
select,
textarea {
    font: 				100% Arial, Helvetica, sans-serif;
    line-height: 		110%;
    border-style: 		solid;
    border-width: 		1px;
	margin-bottom: 		4px;
	margin-top: 		4px;
}

input,
select,
textarea {
    padding: 2px;
    border-color: #c9c9c9;
    background-color: #fff;
}
input.medium { width: 174px; }

input.imgbutton { border-style: none; }


input:focus { border-color: #828282; outline:none; }

input:focus#search { border-color: #c9c9c9; }

input#search { width: 132px; border-color: #828282; padding: 2px; }

select:focus,
select:focus.small { border-color: #828282; }

select.mini { width: 93px; }
select.small { width: 112px; margin-top: 1px; }
select.medium { width: 180px; }
select.large { width: 272px; }

select.mini,
select.small,
select.medium,
select.large {
	margin-top: 1px;
	padding: 1px;
	margin-right: 7px;
}

.formular form { padding-left: 120px; padding-top: 8px; }

.formular form input,
.formular form textarea { width: 255px; }
.formular form select { width: 261px; }

label.checkbox input{ width: auto; margin-bottom: 0; margin-right: 15px; }
label.checkbox { padding:4px 0pt 0pt 0px; line-height: 120%;}

button {
	display: block;
	background:transparent none repeat scroll 0% 50%;
	border:0pt none;
	font-size: 11px;
	font-weight:bold;
	padding: 0;
	margin: 0 -4px 0 4px;
	position:relative;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}

button.left { margin-left: -3px; }


button span {
	background: transparent url(../../media/images/css/button.png) no-repeat scroll 100% -50px;
	display: block;
	padding: 0 4px 0 0;
}
button span span {
	padding: .3em 4px 7px 8px;
	line-height: 1;
	white-space: nowrap;
	background-position: 0 0;
	background-color: transparent;
	color: #ff5500;
}
button.large span span { padding: .3em 12px 6px 15px; }

button#search-submit { margin-top: -1px; margin-left: 4px; }

.login input.input-login { margin-bottom: 5px; }