/* main CSS Document */
body{background:#000 url(/grafik/ver3/side6/bodybg.jpg) repeat-x fixed 0 0}
#outer{
	width:954px;
	margin:auto;
	text-align:left;
}
/* big banner at top */
p.top{
	margin:0;
	text-align:center;
	padding:6px 0;
	background:#e9e9e9 url(/grafik/ver3/side6/topbg.jpg) repeat-x 0 100%;
	width:954px;
}
p.top img{display:inline;vertical-align:bottom;}

/* put logo and whole background in one image as there are no repeats and it saves an extra image*/
#header{
	width:954px;
	background:#e9e9e9 url(/grafik/ver3/side6/logo.jpg) no-repeat 0 0;
	height:73px;
	overflow:hidden;
	position:relative;
}
/* position an anchor over logo so it can be clicked */
p.logo,p.logo a{
	position:absolute;
	left:0;
	top:0;
	width:260px;
	height:73px
}
/* hide text */
p.logo em{position:absolute;top:-999em}
#header ul{
	font-family: "Trebuchet MS",arial, sans-serif;
	margin:0 0 0 351px;
	padding:8px 0;
	min-height:0;
}

/* #header li{float:left;margin:0 0 0 38px} old */
#header li{
  float:left;
  margin:0 0 0 20px;
  width:166px;
  overflow:hidden;
}
#header li img {float:left;margin:0 9px 0 0;}
#header li span{
	color:#fff;
	/* font-size:14px; */
	font-size:12px;
	font-weight:bold;
	position:relative;
	top:5px;
}

/* top horizontal navigation */
#topnav{
	padding:0 23px 0 0;
	font-family: "Trebuchet MS",arial, sans-serif;
	background:#b4b4b4 url(/grafik/ver3/side6/topnavbg.jpg) repeat-x 0 100%;
	line-height:29px;
	min-height:29px;
	text-align:right;
	font-size:14px;
	margin:0;
}
#topnav li{display:inline;padding:0 17px}
#topnav li, #topnav li a {color:#8f4400;font-weight:bold}
#topnav li a:hover,#topnav li.current a{color:#000;text-decoration:underline}
#topnav li{	background: url(/grafik/ver3/side6/navdiv.gif) no-repeat 0 50%;}
#topnav li.first{background:transparent}
/* start main section - the home page has a grey fade which is managed by a body class */
#main{
	width:954px;
	background:#fff;
	padding:15px 0;
}
.fade1 #main{	background:#fff url(/grafik/ver3/side6/main-fade.jpg) repeat-x 0 0;}
/* .inner hold the equalising dividing line*/
.inner{
	width:954px;
	background: url(/grafik/ver3/side6/divider.gif) repeat-y 790px 0;
}
/* rub out divider on iframe page */
.iframe .inner{background:none;}
.iframe-wrap{width:780px;float:right;}

/* middle column styling */
#middle{
	float:left;
	width:619px;
	margin:0 0 0 11px;
}
/* this is the top article on the main page - not the full article with wide picture*/
.main-article{
	background:#e9e9e9;
	padding:3px 25px 2px 10px;
	min-height:0;
	color:#333;
}
.top619,.base619,.top2-619,.base2-619{
	width:619px;
	height:9px;
	overflow:hidden;
}
/* I used a png for top article because of fade effect but there is also a gif here for elements on a white or nearly white background */
.top619{	background: url(/grafik/ver3/side6/top-619.png) no-repeat 0 0;}
.base619{	background: url(/grafik/ver3/side6/base-619.png) no-repeat 0 0;	margin:0 0 13px 0;}
.top2-619{	background: url(/grafik/ver3/side6/top2-619.gif) no-repeat 0 0;clear:both;height:8px}
.base2-619{	background: url(/grafik/ver3/side6/base2-619.gif) no-repeat 0 0;	margin:0 0 13px 0;height:8px}

p.img1{
	float:left;
	margin:0 15px 0 0;
	width:294px;
	height:165px;
	overflow:hidden;
}
.article{overflow:hidden}
p.title{	
	font-family: "Trebuchet MS",arial, sans-serif;
	color:#7e7d7e;
	font-weight:bold;
	font-size:14px;
	margin:-3px 0 0 0;
	position:relative;
}
.article strong{color:#8e4400}
p.arrows{margin:0}

/* three images in a box with galleri6 to the right */
.top3,.base3{
	background: url(/grafik/ver3/side6/three-images-top.gif) no-repeat 0 0;
	width:455px;
	height:8px;
	overflow:hidden;
	clear:left;
}
.base3{	background: url(/grafik/ver3/side6/three-images-base.gif) no-repeat 0 0;margin:0 0 14px 0}
.three-images{
	width:455px;
	float:left;
	min-height:272px;
	background:#e6e6e6 url(/grafik/ver3/side6/three-images.jpg) no-repeat 0 0
}
.column{
	float:left;
	width:142px;
	margin:0 4px 0 5px;
	display:inline;
	color:#333;
}
.column span img{/* amended from .column span*/
	display:block;
	width:142px;
	height:80px;
	overflow:hidden;
	margin:6px 0 8px 0;
}
.column em{
	font-weight:bold;
	font-style:normal;
	color:#000;
	margin:0 0 6px 0;
	display:block;
	padding:0 1px
}
.column b{
	font-weight:normal;
	display:block;
	padding:0 1px;
}
.column strong{
	color:#8e4400;
	padding:0 1px;
}
.column p.title{margin:0 0 0 1px}
.column a:hover,
.column a:hover em,
.column a:hover strong,
.column a:hover b{color:#8e4400}
/* galleri6*/
.galleri6{
	float:right;
	width:156px;
	font-family: "Trebuchet MS",arial, sans-serif;
	color:#fff;
	margin:0 1px 0 0;
	display:inline;
}
.g6top,.g6base{
	width:156px;
	overflow:hidden;
	height:9px;
	background: url(/grafik/ver3/side6/galleri6-top.gif) no-repeat 0 0;
	clear:left;
}
.g6base{background: url(/grafik/ver3/side6/galleri6-base.gif) no-repeat 0 0}
.g6{
	width:156px;
	min-height:270px;
	background:#53145c url(/grafik/ver3/side6/galleri6.jpg) no-repeat 0 0;
}
.galleri6 a{color:#fff}
.g6 div{
	width:142px;
	height:223px;
	overflow:hidden;
	margin:0 0 0 7px;
}
.g6 ul{	
	margin:0 0 0 7px;
	width:141px;
}
.g6 ul li{
	float:left;
	margin-top:-2px;
	position:relative;
}
.g6 ul li.g6l{margin-top:-3px;position:relative;}
.g6 p{
	position:relative;
	margin:0;
	line-height:1em;
}
.g6 p a{
	padding:3px 28px 0 8px;
	display:block;
	color:#fff!important;
}
.g6 p img{
	position:absolute;
	right:12px;
	bottom:0;		
}
li.gleft{margin:0 6px 0 18px }


/* start 2 columns side by side with rollovers and small images */
.list-columns{
	clear:both;
	width:619px;
	padding:0 0 1px 0;
}
.list-columns h3,.wlist h3,p.common,h3.common{	
	color:#ffa826;
	padding:0 0 3px 0;
	border-bottom:1px solid #e7e7e7;
	margin:0 0 12px 0;
	font-size:14px;
	clear:both;
}
.lside{
	float:left;
	width:304px;
	font-family: "Trebuchet MS",arial, sans-serif;
}
.lside p{
	width:304px;
	height:80px;
	margin:0 0 11px 0;
	font-weight:bold;
	overflow:hidden;
	font-size:14px;
	line-height:1.1em;
}
.lside p a{
	display:block;
	width:304px;
	height:80px;
	background: url(/grafik/ver3/side6/litem1a.gif) no-repeat 0 0;
	color:#000
}
.lside p a:hover{
	background-position:0 -80px;
	color:#fff;
}
.lside p span img{/* amended from targetting the span*/
	margin:0 9px;
	display:inline;
	float:left;
	width:142px;
	height:80px;
	overflow:hidden;
}
.lside p strong{
	float:left;
	width:135px;
	margin:9px 0 0;
}
.rside{
	float:right;
	width:304px;
	font-size:11px;
}
.rside p,.wlist p{
	width:304px;
	height:80px;
	margin:0 0 11px 0;
	overflow:hidden;
	line-height:1.1em;
}
.rside p a,.wlist p a{
	display:block;
	width:304px;
	height:80px;
	background: url(/grafik/ver3/side6/litem2a.gif) no-repeat 0 0;
	color:#333
}
.rside p a:hover,.wlist p a:hover{
	background-position:0 -80px;
	color:#fff;
}
.rside p span img,.wlist p span img{/* amended from targetting the span*/
	margin:9px 9px;
	display:inline;
	float:left;
	/*
	width:40px; 
	height:80px;
	*/
	width:57px; 
	height:32px;
	overflow:hidden;
}
.rside p b{
	float:left;
	/*
	width:230px;
	*/
	width:213px;
}
.rside em,.wlist em{
	font-weight:bold;
	font-style:normal;
	color:#000;
	display:block;
	text-transform:uppercase;
	padding:4px 0 0;
	/*
	width:230px;
	*/
	width:213px;
	float:left;
}
.rside b,.wlist b{
	font-weight:normal;
	display:block;
}
.rside strong{
	color:#8e4400;
	padding:0 1px;
}
.rside p a:hover em,.rside p a:hover strong{color:#f93}
/* list item with orange block to the right */
.rside p.odd span{float:right}
.rside p.odd a{background: url(/grafik/ver3/side6/litem3a.gif) no-repeat 0 0}
.rside p.odd a:hover{background-position:0 -80px;}
.rside p.odd b,.rside p.odd em{margin-left:11px}

/* wide lists at 619px wide */
.wlist{
	clear:both;
	width:619px;
	font-size:11px;
}
.wlist p{
	width:619px;
	line-height:1.1em;
}
.wlist p a{
	width:619px;
	background: url(/grafik/ver3/side6/wlist.gif) no-repeat 0 0;
	color:#333
}
.wlist p span img{width:142px;height:80px;margin:0 9px;}/* amended to target the img*/
.wlist p b{
	float:left;
	width:425px;
}
.wlist p em{
	text-transform:none;
	width:425px;
	font-family: "Trebuchet MS",arial, sans-serif;
	font-size:14px;
	padding:3px 0 2px 0;
	line-height:1.2em;
}
.wlist p a:hover em{color:#f93}

/* ... Full article with wide picture ...*/
.full-article{
	clear:both;
	width:619px;
	margin:0 0 13px 0;
}
.full-article h2{padding:6px 25px 0 1px;margin:0 0 7px 0}
.full-artpic{
	background:#e9e9e9;
	padding:3px 9px 0px;
	min-height:0;
	color:#333;
}
p.img2{margin:0;text-align:center}
p.img2 img{display:inline}
p.intro,p.intro a{
	font-size:18px;
	color:#666;
}
p.intro{
	line-height:1.1em;
	padding:0 25px 0 1px;
	margin:0 0 15px 0;
}
p.common{font-weight:bold}
p.common span{color:#999;font-weight:normal}
p.caption,span.caption{
	font-size:11px;
	color:#333;
	margin:6px 25px 0 3px;
	display:block;
}
p.caption a{color:#333}
p.caption span{color:#999}
p.caption a:hover,
p.intro a:hover{color:#8e4400}

/* story with factbox floated left or right */
.story{
	width:619px;
	color:#000;
	font-size:15px;
	padding:1px 0 0 0;
}
.story p{margin:0 0 20px 1px;line-height:1.27em}
.story h3{
	font-size:18px;
	margin:20px 0 2px 1px;
	font-family: Arial;
}
.story a{color:#8e4400;font-weight:bold}
.story a:visited{color:#666}
.story a:hover,
.story a:active{color:#000;text-decoration:underline}

/*factbox*/
.factbox{
	width:294px;
	overflow:hidden;
	font-size:13px;
	color:#000;
	padding:5px 0 0 0;
	display:block
}
/* use a class of .fl or .fr to float fact box left or right*/
.fl{float:left;margin:0 10px 2px 0!important;display:inline}
.fr{float:right;margin:0 0 2px 10px!important;display:inline}
.factbox h4{
	font-size:13px;
	color:#000;
	margin:0 0 1px 0;
	font-family:Arial;
}
.factbox p{margin:0 0 18px 0;	line-height:1.2em;}
.factbox p.last{margin:0;padding:0 0 3px 0}
.fact-top,.fact-base{
	background: url(/grafik/ver3/side6/fact-top.gif) no-repeat 0 0;
	width:294px;
	height:9px;
	overflow:hidden;
	display:block;
}
.fact-base{	background: url(/grafik/ver3/side6/fact-base.gif) no-repeat 0 0;margin:0 0 15px 0}
.factbox .round-fact{
	padding:3px 11px 0;
	min-height:0;
	background:#e7e7e6;
	margin:0!important;
	display:block;
}
p.factimg,span.factimg{margin:0;display:block}
.factbox p a{font-weight:normal}
.factbox p a:hover{color:#8e4400;text-decoration:underline}
p.join{display:inline}

/* gallery images starting with a picture pair that both rollover */
/* This assumes only one href location is needed otherwise javascript would be needed for the rollover */
.gallery-pair,.gallery-pair a,
.rside p.gallery-pair,
.rside p.gallery-pair a,
.lside p.gallery-pair,
.lside p.gallery-pair a{
	width:304px;
	height:262px;
	float:left;
	overflow:hidden;
	display:inline;
}
.gallery-pair{margin:0 11px 0 0}
.rside p.gallery-pair,.lside p.gallery-pair{margin:0 0 11px 0}
.gpright{margin:0;}
.gallery-pair h3.common{margin:0}
.rside p.gallery-pair h3.common{margin:0}
.lside p.gallery-pair h3.common{margin:0}
.gallery-pair strong,
.eight-block h5,
.rside p.gallery-pair strong,
.lside p.gallery-pair strong {
	display:block;
	color:#7e7d7e;
	font-family: "Trebuchet MS",arial, sans-serif;
	font-size:15px;
	padding:6px 8px;
	margin:0;
}
.lside p.gallery-pair strong{float:none;width:auto}
.eight-block h5{
	padding:0 8px 2px;
	position:relative;
	top:-3px;
	color:#999;
}
.eight-block h5 span{
	float:right;
	font-size:11px;
	position:relative;
	top:2px;
}

/* this block amended from targetting the span to targetting the image instead because of a link bug in IE */
.gallery-pair span img,
.rside p.gallery-pair span img,
.lside p.gallery-pair span img{
	float:left;
	width:143px;
	height:218px;
	overflow:hidden;
	margin:0 3px 0 8px;
	display:inline;
}
.nomargin img{margin:0!important}




.gallery-pair a{background: url(/grafik/ver3/side6/gallery-bg.gif) no-repeat 0 0}
.gallery-pair a:hover{background-position:0 -262px}
.gallery-pair a:hover strong{color:#f93!important}
.rside .gallery-pair a{background: url(/grafik/ver3/side6/gallery-bg.gif) no-repeat 0 0}
.rside .gallery-pair a:hover{background-position:0 -262px}
.rside .gallery-pair a:hover strong{color:#f93!important}
.lside .gallery-pair a{background: url(/grafik/ver3/side6/gallery-bg.gif) no-repeat 0 0}
.lside .gallery-pair a:hover{background-position:0 -262px}
.lside .gallery-pair a:hover strong{color:#f93!important}


/* current-style for gallery pairs :: added by michael (made by paul) */
.gallery-current a{background-position:0 -262px!important}
.gallery-current a strong{color:#f93!important}
.rside .gallery-current a{background-position:0 -262px!important}
.rside .gallery-current a strong{color:#f93!important}
.lside .gallery-current a{background-position:0 -262px!important}
.lside .gallery-current a strong{color:#f93!important}


/* 8 gallery images in 2 rows of 4 */
.eight-block{
	clear:both;
	width:619px;
	background:#e7e7e6;
}
p.img3 {
	float:left;
	width:142px;
	height:218px;
	overflow:hidden;
	margin:0 0 11px 10px;
	display:inline;
	overflow:hidden;
}
p.img3 a:hover img{
		/*opacity for IE5+*/
  filter: alpha(opacity=60);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.6;
  /*opacity for mozilla/safari*/
  opacity: 0.6;
}
/* add this class (.img4) for the smaller height images */
p.img4{height:93px}
.m12{margin-bottom:12px}
.mtop{margin-top:29px!important}

/* link at bottom of gallery */
p.base-link{
	font-family: "Trebuchet MS",arial, sans-serif;
	font-size:14px;
	border-top:1px solid #e7e7e6;
	padding:1px 0 0;
	margin:16px 0 14px 0;
	color:#8e4400;
	font-weight:bold;
	text-align:right;
}
p.base-link a{color:#8e4400}
p.base-link a:hover{color:#000}

/* ... footer styles ....*/
#footer{
	clear:both;
	width:954px;
	background:#fff url(/grafik/ver3/side6/footerbg.jpg) repeat-x 0 0;
}
#footer ul{
	border-bottom:1px solid #eaeaea;
	margin:0;
	padding:0;
	text-align:center;
	height:28px;
	line-height:28px;
}
#footer li{
	line-height:28px;
	display:inline;
	color:#000;
	font-weight:bold;
	font-size:14px;
	font-family: "Trebuchet MS",arial, sans-serif;
	padding:0 18px;
	background:url(/grafik/ver3/side6/footdiv.jpg) no-repeat 0 50%;
}
#footer li.first{background:none;}
#footer li a{color:#8e4400}
#footer li a:hover,
#footer li.current a {color:#000;text-decoration:underline}
#footer p{
	font-size:11px;
	color:#333;
	text-align:center;
	line-height:1.1em;
	padding:4px 0 6px;
	margin:0;
}
#footer p a{color:#8e4400!important;font-weight:bold}
/* ...left column... */
#left{
	width:138px;
	float:left;
	margin:0 0 0 12px;
	display:inline;
}
.snavtop,.snavbase{
	background: url(/grafik/ver3/side6/top138.png) no-repeat 0 0;
	width:138px;
	height:12px;
	width:138px;
	overflow:hidden;
}
.snavbase{background: url(/grafik/ver3/side6/base138.png) no-repeat 0 0;margin:0 0 12px 0}
ul#sidenav{
	margin:0;
	border-top:1px solid #fff;
	background:#e7e7e7;
	font-family: "Trebuchet MS",arial, sans-serif;
	color:#333;
	font-size:14px;
	font-weight:bold;
	width:138px;
}
#sidenav li{border-bottom:1px solid #fff;}
#sidenav li a{
	color:#333;
	line-height:23px;
	min-height:23px;
	display:block;
	padding:0 0 0 13px;
	min-height:0;
}
#sidenav li.ext a,
#sidenav li.ext{background:#c7c7c7} 
/* fixed current style in menu :: changed by michael (made by paul) 
old selector: #sidenav li a:hover,#sidenav ul li.current a */
#sidenav li a:hover,#sidenav li.current a{
	background:#404040 url(/grafik/ver3/side6/snavbg.jpg) repeat-x 0 0;
	color:#fff;
}
p.vert-ads{margin:12px 0;text-align:center;}
p.vert-ads img{display:inline}

/* ... right column styles ...*/
#right{
	float:right;
	width:144px;
	margin:0 12px 0 0;
	display:inline;
}
#right h5 a,#right h5 a{
	font-family: "Trebuchet MS",arial, sans-serif;
	font-size:14px;
	color:#7e7d7e;
}
#right h6,#right h6 a{
	font-family: "Trebuchet MS",arial, sans-serif;
	font-size:14px;
	color:#ffa826;
}
#right h6{
	border-bottom:1px solid #e7e7e6;
	padding:0 0 3px 0;
	margin:16px 0 11px 0;
}

#right h5{
	margin:0 0 3px 12px;
	position:relative;
	top:-5px;
	z-index:99;
}


/* escort box */
.sbox{
	width:144px;
	background:url(/grafik/ver3/side6/mid144.png) repeat-y 0 0;
}
.top144,.base144{
	width:144px;
	background:url(/grafik/ver3/side6/top144.png) no-repeat 0 0;
	height:10px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.base144{
	background:url(/grafik/ver3/side6/base144.png) no-repeat 0 0;
	margin:0 0 10px 0;
}
.sbox p.img5{
	margin:0 0 0 7px;
	color:#333;
	font-size:11px;
}
.sbox p.img5{
	margin:0 0 0 12px;
	width:122px;
	overflow:hidden;
}
.sbox p.img5 img{margin:0 0 5px 0}
.sbox p a{
	display:block;
	color:#333;
	font-size:11px;
	position:relative;
}
.escort a{font-family: "Trebuchet MS",arial, sans-serif}
.escort p{text-align:center;margin:0;}
.center{text-align:center}
.sbox p{
	margin:0 0 -2px 0;
	line-height:1em
}
.sbox p span{
	display:block;
	font-weight:bold;
	color:#8e4400;
}
.sbox p a:hover{color:#8e4400!important}

/* use the .column class that we use din the center page (three images block) for these right column entries but we will overiride some styles with a class.*/
.rbox{
	float:none;
	display:block;
	padding-bottom:4px;
	border-bottom:1px solid #e7e7e6;
	margin:11px 0 0 1px;
}
.noborder{
	border:none;
	padding-bottom:0;
}
.rbox b,.rbox em{	padding:0 3px}
#right h6.mt11{margin-top:11px;}


#banner6tv {
  background:rgb(126,0,1) url(/grafik/ver3/side6/filmstrip.jpg) no-repeat 0 0;
  width: 138px;
  padding-top: 40px;
  margin-top:10px;
}
#banner6tv a {
  text-align:center;
  color:white;
  display:block;
  padding-bottom:5px;
  text-decoration:none;
}
#banner6tv a:hover {
  text-decoration:underline;
}
#banner6tv img {
  display:block;
  margin-left: auto;
  margin-right: auto;
  border:1px solid black;
}
#banner6tv em {
  display:block;
  font-weight:normal;
  font-style:normal;
  margin:5px 10px 5px 10px;
}