/* 
bond-pr
author:	eli matschos
date: 	09/03/028
*/

/*--------------------------------skeleton--*/
#wrapper {							
	width: 960px;
	/*height: 100%;*/
	margin: 0 auto;
	text-align: left;
}

#header {
	height:286px;
	margin-bottom:25px;
}

#logo_and_nav{
	float:left;
	padding:10px 0;	
}

#logo {
	float:left;
	/*width:273px;*/ /* Logo-Breite mit Pfeil*/
	width:243px;
	height:46px;
}
#nav {
	float:left;
	/*width:687px;*/ /* Logo-Breite mit Pfeil*/
	width:717px;
	height:46px;
}

#content {
	float: left;
	width: 850px;
	height: 100%;
	padding: 0 54px;
	border-left:1px solid #898b8e;
	border-right:1px solid #898b8e;
}
.content-trenner{
	float: left;
	background: #fff url(../_img/content-trenner-895px.gif) repeat-y 0 0;
}

.box_1, .box_2 {
	float: left;
	padding-right:75px;
	width:775px;
}
.box_2{
	border-top: 1px solid #99cc00;
	padding-top:25px;
}

.data_block {
	width:55px;
	float:left;
}

#footer {
	float:left;
	width:100%;
	border-top:1px solid #898b8e;
	padding:15px 0;
	margin-top:25px;
	text-align:center;
	color:#555;
	font-size:12px;
}



/*--------------------------------basic--*/
*{								
	padding: 0;
	margin: 0;	
}
body {
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	background: #373737 url(../_img/system/bg.jpg) repeat-x 0 0;
	color: #fff;
	}
h1 {
	/*visibility: hidden;*/
	font-size: 22px;
	font-weight:normal;
	margin-bottom:15px ;
	text-align: left;
}
h2, h4, h5, h6 {			
	margin-bottom: 15px;
	font-size: 22px;
	font-weight:normal;
}

h3 {
	font-size: 12px;
	margin-bottom: 10px;
	font-weight:normal;
}
p {
	padding-bottom: 15px;
	line-height:18px;
	/*color: #fff;*/
}
.small{
	font-size:10px;
}
.highlight{
	color:#99cc00;
	/*background:#4e4e4e;
	padding:0 6px;
	font-weight:bold;*/
}
#content a, #content a:visited{
	color:#99cc00;
	text-decoration:none;
	padding:0 6px!important;
	font-weight:bold;
	border-bottom:1px solid #99cc00;
}
#content a:active, #content a:hover{
	background:#2D2D2D;
}
a img, .img-border{
	border:1px solid #ccc;
}
.last{
	margin-bottom:1.4em;
}
.abstand {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}	
.center {
	text-align: center;
} 
.right {
	text-align: right;
}

#header h1.look-like-h1, #header h1.look-like-h2{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:34px;
	letter-spacing:0.015em;
	margin-left:155px;
	margin-bottom:10px;
}
#header h1.look-like-h1{
	padding-top:5px;
}
#header h1.look-like-h2{
	font-size:22px;
}

.flt-left{
	float:left;
	margin:3px 14px 10px 0;
}
/*--------------------------------Navigation--*/
#nav ul {					
	list-style-type: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	word-spacing: -2px;
	padding:0;
	height:46px;
	float:right;
}

#nav ul li {
	display: inline;
}
#nav a{
	color:#c1c1c1;
	font-size:12px;
	float:left;
	text-decoration:none;
	background: transparent url(../_img/system/nav.gif) no-repeat 0 0;
	height:16px;
	padding:15px 16px;
}
#nav a:active, #nav a:hover{
	background:#373737 url(../_img/system/nav_over.gif) no-repeat 0 0;
	color:#fff;
}
#nav a.active{
	background:#373737 url(../_img/system/nav.gif) no-repeat 0 0;
	color:#fff;
}
* html #content{
	position:relative;
	z-index:3;
	margin-top:-3px;
}

/*--------------------------------Listen--*/

dl{								
	/*color: #fff;*/
	padding-bottom: 20px;
	margin-bottom: 20px;
}
dt{
	margin-bottom:8px;
}
dd{
	margin-bottom:15px;
}
dt span,
dd span{
	font-weight:bold;
}
dl.kontakt dt {
	font-weight: bold;
	margin-bottom: 20px;
}
dl.kontakt dd{
	margin-bottom:0;
}

#content ul{
		padding:0 0 15px 0;
		list-style-type:none;
}
#content li{
	list-style-position:inside;
	margin-bottom:5px;
	background: url(../_img/system/list_item.gif) no-repeat left center;
	padding-left:15px;
	
}

/*Klassen-Selektor für ul-Listen im Content-bereich*/
.content-ul {
	/*color: #fff;*/
	text-decoration: none;
	background: none;
	list-style-type: none;
	font-weight: bold;
	margin-bottom: 20px;
}
	
#content ul.ref{
	list-style-type:disc!important;
}

.box{
	float:left;
	margin-bottom:15px;
	width:100%;
}
.col-1a,.col-1b{
	float:left;
}
.col-1a{
	width:378px;
}
.col-1b{
	width:247px;
}


/*--------------------------------Grafiken--*/
#header img { 					
border: none;
}

#subheader img {
margin: 0 0 18px 0;
padding-top: 18px;
border: none;
}

.content-img {
/*margin-bottom: 30px;*/
background-color: #fff;
padding: 2px;
/*border-right: 2px solid #000;*/
/*border-bottom: 2px solid #000;*/
/*border-bottom: 1px solid #333;*/
}

#content p img{
margin: 0;
}

#content table img{
margin: 0;
text-decoration: none;
border-color: #000;
}

/*--------------------------------Position und Rahmen: Player--*/
.player {			
background-color: #fff;			
margin-bottom: 0.5em; 
padding: 6px;
border-bottom: 1px solid #333;
/*border: 1px solid #999;*/
}

/*--------------------------------Tabelle --*/
table.thumbnails {
text-align: center;
margin: 33px;
background-color:#fff;
}
td {
background-color: #000;
margin-bottom: 10px;
padding: 0px;
border: 0px solid #fff;
}
.thumbnails img{
	border:2px solid #000;;
	padding:2px;
	background-color:#000;
}

#spalte-2 .theatre_pos_1{
	/*position:relative;
	height:900px;
	margin-top:2.5em;*/
}
#spalte-2 .theatre_pos_2{
	/*position:relative;
	height:500px;*/
	margin-top:2.5em;
}

.hide{
	display:none;
}
hr{
	margin-top:1em;
	margin-bottom:1em;
}

/*Block Positionen im Content-Bereich*/
#person .block-1en{
height:350px;
}
#person .block-2en{
height:350px;
}

#person .block-1de{
height:415px;
}
#person .block-2de{
height:365px;
}

.insert li{
	list-style-position:inside;
}


/*----------------------------------------------------------------
------------------------ modules ----------------------------
----------------------------------------------------------------*/

/*Link-Selektor für <img> und die Flash-Download-Aufforderung im Content-Bereich*/
#content a,
#content a:hover,
#content a:focus,
#content a:link,
#content a:visited{
	padding:0;
}

.ref_bg{
	background:url(../_img/content/bond-pr-kontakt.jpg) no-repeat right bottom;
}

.banner_headline{
	position:relative;
	top:-155px;
	left:55px;
	z-index:99;
	font-size:45px;
	/*background:#000;*/
	/*opacity:0.3;*/
	float:left;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.img_cont{
	float:left;
	width:100%;
	clear:both;
}

