/*-----------------------------------------------------------------------------
[Bernhard Semmelrock] Screen Stylesheet

version:   			1.2
Start:				01.02.2008
Letzte Aenderung: 		06.03.2008
author:    			Joerg Fischer
www:     			www.zappo-berlin.de

website:   			www.bernhardsemmelrock.com

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

/* Import other stylesheets
-----------------------------------------------------------------------------*/

/* @import url("otherstylesheet.css"); */


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

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

/* links for the site 
-----------------------------------------------------------------------------*/

a, a:hover, a:active, a:visited	{
	outline: none;
	text-decoration: none; 
	color: #ffffff;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear	{
	clear:both;
}

.right 	{
	float: right;
}

.left 	{
	float: left;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body {
	background-color: #000;
	font: 11px/1.2em "Trebuchet MS", sans-serif;
	/*letter-spacing: 0.05em;*/
}

/* My Comment */



#wrapper 	{ 
	height: 768px; 
	color: #fff; 
	border-color: #fff; 
	border-width: 0px; 
	border-style: solid; 
	width: 1024px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
	background-color: #000;
	
}

/* Typography
-----------------------------------------------------------------------------*/

h1 	{
	font-size: 2.2em; /* Equivalent to 22pt */
}
	
h2 	{
	font-size: 2.0em; /* Equivalent to 20pt */
}
	
h3 	{
	font-size: 1.8em; /* Equivalent to 18pt */
}
	
h4 	{
	font-size: 1.6em; /* Equivalent to 18pt */
}
	
h5 	{
	font-size: 1.4em; /* Equivalent to 14pt */
}


/* Header
-----------------------------------------------------------------------------*/
.logo {
	margin-left: 45px;
	margin-top: 115px;
	width: 335px;
	height: 45px;
}



/* Navigation
-----------------------------------------------------------------------------*/
#navibox {
	height:28px; 
	border:  solid 0px #fff;
}

#nav {
	margin-left: 281px;
	width: 480px;
	border:  solid 0px #fff;
}

#navi {
	height: 28px;
	width: 480px;
	padding:0; 
	margin:0; 
	list-style:none; 
	position:relative; 
	z-index:100;

}

#navi li {
	display: inline; /* IE6 Doubled Float-Margin Bug */
}

#navi li a, #navifooter li a, #naviintro li a {
	display:block; 
	float:left;
	text-decoration:none; 
}

#navi li a b, #navi li.aktuell b, #navifooter li a b,
#navi li.commercialsaktuell b,
#navi li.filmsaktuell b,
#navi li.theatreaktuell b,
#navi li.aboutaktuell b,
#navi li.contactaktuell b,
#navi li.loginaktuell b {
	visibility: hidden;
}

#navi li a.commercials {
	height:28px; 
	width:100px; 
	background: url(../image_main/navi/nav_commercials.jpg) no-repeat;
}
#navi li a:hover.commercials  {
	background: url(../image_main/navi/nav_commercials_o.jpg) no-repeat;
}
#navi li.commercialsaktuell {
	display:block; 
	float:left;
	height:28px; 
	width:100px; 
	background: url(../image_main/navi/nav_commercials_o.jpg) no-repeat;
}
#navi li a.films {
	height:28px; 
	width:114px; 
	background: url(../image_main/navi/nav_films.jpg) no-repeat;
}
#navi li a:hover.films, #navi li a.aktuell  {
	background: url(../image_main/navi/nav_films_o.jpg) no-repeat;
}
#navi li.filmsaktuell  {
	display:block; 
	float:left;
	height:28px; 
	width:114px; 
	background: url(../image_main/navi/nav_films_o.jpg) no-repeat;
}
#navi li a.theatre {
	height:28px; 
	width:74px; 
	background: url(../image_main/navi/nav_theatre.jpg) no-repeat;
}
#navi li a:hover.theatre  {
	background: url(../image_main/navi/nav_theatre_o.jpg) no-repeat;
}
#navi li.theatreaktuell {
	display:block; 
	float:left;
	height:28px; 
	width:74px; 
	background: url(../image_main/navi/nav_theatre_o.jpg) no-repeat;
}
#navi li a.about {
	height:28px; 
	width:62px; 
	background: url(../image_main/navi/nav_about.jpg) no-repeat;
}
#navi li a:hover.about  {
	background: url(../image_main/navi/nav_about_o.jpg) no-repeat;
}
#navi li.aboutaktuell {
	display:block; 
	float:left;
	height:28px; 
	width:62px; 
	background: url(../image_main/navi/nav_about_o.jpg) no-repeat;
}
#navi li a.contact {
	height:28px;
	width:80px; 
	background: url(../image_main/navi/nav_contact.jpg) no-repeat;
}
#navi li a:hover.contact  {
	background: url(../image_main/navi/nav_contact_o.jpg) no-repeat;
}
#navi li.contactaktuell {
	display:block; 
	float:left;
	height:28px;
	width:80px; 
	background: url(../image_main/navi/nav_contact_o.jpg) no-repeat;
}
#navi li a.login {
	height:28px; 
	width:50px; 
	background: url(../image_main/navi/nav_login.jpg) no-repeat;
}
#navi li a:hover.login  {
	background: url(../image_main/navi/nav_login_o.jpg) no-repeat;
}
#navi li.loginaktuell {
	display:block; 
	float:left;
	height:28px; 
	width:50px; 
	background: url(../image_main/navi/nav_login_o.jpg) no-repeat;
}

/* imressum link */

#navifooter {
	padding:0; 
	margin:0; 
	list-style:none; 
	margin: 0px;
	border: 0px solid #d80000;

}

#naviintro {
        text-align: right;
	padding:0; 
	margin:0; 
	list-style:none; 
	margin: 0px;
	border: 0px solid #d80000;

}

#navifooter li.impressaktuell b {
	visibility: hidden;
}


#navifooter li a.impress {
	height:26px; 
	width:64px;
	background: url(../image_main/navi/nav_impress.jpg) no-repeat;
	z-index: 1;
}
#navifooter li a:hover.impress  {
	background: url(../image_main/navi/nav_impress_o.jpg) no-repeat;
}
#navifooter li.impressaktuell {
	height:26px; 
	width:64px;
	background: url(../image_main/navi/nav_impress_o.jpg) no-repeat;
	z-index: 1;
}

#naviintro li a.intro, #naviintro li a:visited.intro, #naviintro li a:active.intro {
	height:26px; 
	width:64px;
	color: #1a2626;
}
#naviintro li a:hover.intro  {
	color: #fff;
}

/* Bilder back next
-----------------------------------------------------------------------------*/

.leftfotos 	{
	float: left;
        text-align: center;
	width: 120px;
	margin-left: 300px;
	border: 0px solid #900;
}
a.back, a.next {
	color: #999;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	
}

a.back:hover, a.next:hover, a.comm:hover {
	color: #fff;
}

a.comm {
	color: #555555;
}

/* Content
-----------------------------------------------------------------------------*/

#content {
	float: left;
	border: 0px solid #d80000;
}

.c-left {
	width: 226px;
	float: left;
	margin-left: 45px;
	padding-right: 10px;
	border: 0px solid #d80000;
}

.c-left-short {
	width: 45px;
	float: left;
	border: 0px solid #d80000;

}

.c-middle-index {
	width: 480px;
	height: 360px;
	float: left;
	border: 1px solid #1a2626;
}

.c-middle-short {
	float: left;
	width: 480px;
	height: 360px;
	background-color: #000;
	border: 0px solid #1a2626;
}

.c-middle-short-films {
	float: left;
	width: 480px;
	height: 360px;
	background-color: #000;
	border: 1px solid #1a2626;
}

.c-middle-short-commercials {
	float: left;
	width: 480px;
	border: 0px solid #1a2626!important;
}
.underpicture-short-commercials {
	float: left;
	width: 761px;
	margin-top: 3px;
	border: 0px solid #d80000;
}
.c-right-commercials {
	float: left;
	width: 247px;
	padding-left: 10px;
	border: 0px solid #d80000;
}

.c-middle-long {
	float: left;
	width: 716px;
	height: 360px;
	background-color: #000;
	border: 0px solid #1a2626;
	z-index: 100;
}

.underpicture-long {
	float: left;
	width: 716px;
	margin-top: 3px;
	border: 0px solid #d80000;
}

.underpicture-short {
	float: left;
	width: 761px;
	margin-top: 19px;
	border: 0px solid #d80000;
}

.underpicture-index {
	float: left;
	width: 761px;
	margin-top: 3px;
	border: 0px solid #d80000;
}

.c-right {
	float: left;
	width: 247px;
	padding-left: 10px;
	border: 0px solid #d80000;
}

.links2 {
	padding: 10px 0px 0px 15px;
}

.footer {
	
}

/* PopUp-Fenster

#popupwrapper
-----------------------------------------------------------------------------*/

#popupwrapper 	{ 
	float: left;
	width: 580px;
	color: #fff; 
	border: 0px solid #fff; 
	margin: 20px 0px 0px 50px; 
	background-color: #000;
}

.film 	{ 
	float: left;
	width: 480px;
	height: 376px; 
	border: 1px solid #1a2626;
}

.right2 	{
	float: left;
	padding: 5px 0px 0px 0px;	
	width: 485px;
	text-align: right;
	border: 0px solid #990000;
}

.kundenname {
	float: left;
	color: #fff; 
	padding: 0px 5px 5px 0px;
}

.filmname {
	float: left;
	color: #fff; 
	width: 150px;
	color: #999;
	padding: 0px 5px 5px 0px;
}

/* Textformatierungen
-----------------------------------------------------------------------------*/

p.commname {
	height: 42px;
	color: #646464;
	border: 0px solid #990000;
}


/* Bilder
-----------------------------------------------------------------------------*/

img.commercials {
        float: left;
	padding: 0px 6px 4px 0px;
}

/* Navilinks 
-----------------------------------------------------------------------------*/

#menu, #menu a {
	color: #646464;
}

#menu li.i1 a {
	color: #888888;
}


#menu a:hover, #menu a.current, #menu li.i1 a:hover {
	color: #fff;
}

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

#menu ul.f22, #menu ul.f23 {
	padding: 0px 0px 0px 25px;
}

#menu ul.f21 li.f1 ul.f22 li.f2 {
	color: #fff;
}

#menu ul.f22 li.f2, #menu ul.f23 li.f3 {
	padding: 15px 0px 5px 0px;
}

.links {
	margin: 0px 0px 10px 0px;
}
/* Ende Navilinks 
-----------------------------------------------------------------------------*/



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



input.text 	{
	padding: 3px;
	border: 0px solid #999999;	
}


/* Tables 
-----------------------------------------------------------------------------*/


table
   	{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

td 
	 	{
  	text-align: left;
	font-weight: normal;
}


/* admin editortags 
-----------------------------------------------------------------------------*/

.edit	{
	color: #cc130a;
	}