/* CSS Document */

body {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

p, td {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

h1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #555555;
	margin:0px;
	padding: 20px 25px 20px 0px;
}

h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px;
	padding: 16px 0px 15px 24px;
}

h3 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #555555;
	margin:0px;
	padding: 10px 25px 20px 0px;
	border-top: 1px solid #D4D4D4;
}

input, textarea, select {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
	line-height:15px;
	margin-bottom:1px;
}

.button {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	background-color:#f4f4f4;
	border: 1px solid #D4D4D4;
	cursor: pointer;
	padding: 0px 10px 0px 10px;
	line-height:17px;
}

ul {
	padding-left: 20px;
	margin: 0px;	
}

li {
	list-style:outside;
	list-style-image: url(../images/pfeil.gif);
	color: #000000;

}

hr {
	color: #D4D4D4;
	height: 1px;
	border-top: 1px solid #D4D4D4;	
	border-left: none;
	border-right: none;
	border-bottom: none;
}

a {
	text-decoration: none;
	color: #555555;
}

a.divBottomNav {
	text-decoration: underline;
	color: #7D7D7D;
}

a.teaser{
	text-decoration: none;
	color: #555555;
	margin:-1px;
}

a.subnav {
	text-decoration: none;
	color: #555555;
	font-weight: normal;
}

a.subnavErsteEbene {
	text-decoration: none;
	color: #555555;
}

a.subnavAktuell {
	text-decoration: none;
	color: #ee1c24;
}

.teaser {
	margin: 15px 10px 3px 8px;
}

.divSubnav {
	border-top: 1px solid #D4D4D4; 
	padding: 8px 10px 7px 22px;
}

.divSubSubnav {
	border-top: 1px solid #D4D4D4; 
	padding: 8px 10px 7px 32px;
}

.divBottomNav {
	padding:12px 10px 0px 0px;
}

.bildRechts {
	padding: 0px 0px 10px 10px;
}

.bildLinks {
	padding: 0px 10px 10px 0px;
}

.bspBilder {
	border: 10px solid #F4F4F4;
	height:108px;
	background-color:#F4F4F4;
}

.bspContent {
	border-left: 10px solid aqua;
	border-right: 10px solid #F4F4F4;
	background-color:#F4F4F4;
	margin-bottom: 150px;
	background-color: fuchsia;
	
}

.bspTable {
	border-style: solid;
	border-color: #F4F4F4;
	border-width: 0px 10px 8px 10px;
	background-color:#F4F4F4; 
	width:100%;
}

.bspLinie {
	height:1px; background-color:#FFFFFF; padding:0px; margin:0px;
}

a.playMovie {
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 20px 4px 20px;
	margin-right: 10px;
}

/******** DIVs *********/

#divSiteContainer {
	margin: 0px auto;
	width: 706px;	
	background-color: #FFFFFF;
}

#divContainerHeader {
	width: 706px;
	height: 150px;
}
		#divShadowLeft {
			width: 13px;
			height: 150px;
			background-image: url(../images/shadow_left.jpg);
			float: left;
		}
		#divHeaderLogo {
			width: 177px;
			height: 149px;
			background-image: url(../images/logo_filmatelier.jpg);
			border-color: #D4D4D4;
			border-style: solid;
			border-width: 1px 1px 0px 1px;  
			float: left;
		}
		#divHeaderMovie {
			width: 500px;
			height: 149px;
			background-color: #FFFFFF;
			border-color: #D4D4D4;
			border-style: solid;
			border-width: 1px 1px 0px 0px;  
			float: left;
		}
		#divShadowRight {
			width: 13px;
			height: 150px;
			background-image: url(../images/shadow_right.jpg);
			float: left;
		}
#divNav  {
	width: 680px;
	padding: 0px 13px 0px 13px;
	background-color:#ECECEC;
	height: 26px;
	border-bottom: 1px solid #D4D4D4;
}

#divContainerContent {
	width: 680px;
	padding: 0px 13px 0px 13px;
}

		#divContainerSubNav {
			float:left;
			width: 177px;	
		}
		
				#divSubNav {
					width: 177px;	
					border-color: #D4D4D4;
					border-style: solid;
					border-width: 0px 0px 1px 1px;
					background-image:url(../images/teaser_bg.jpg);
					background-repeat:no-repeat;
					background-color: #FFFFFF;
				}
				#divBottomNav {
					width: 178px;	
					background-image:url(../images/bottomNav_bg.jpg);
					background-repeat:no-repeat;
				}									

		#divContent {
			float:right;
			width: 502px;
			min-height: 240px;	
		}
		
			#divMainContent {
				width: 500px;
				border-color: #D4D4D4;			
				border-style: solid;
				border-width: 0px 1px 1px 1px;
				min-height: 240px;			
				background-image:url(../images/content_bg.gif);
				background-position:bottom;
				background-repeat:no-repeat;					
			}		

			#divBottom {
				width: 502px;
				color: #7D7D7D;
				font-size: 10px;
				padding-top: 8px;
			}		
		
/* DIVS */


