/*******************************************************************************
********************************************************************************
	SEO Friendly Standard Template
	Company				:	PCWehle.de
	CSS By 				:	Muhammad Ibrahim
	Date				:	31/08/2009
--------------------------------------------------------------------------------
	Last Modified By	:	-
	Date				:	-
********************************************************************************
*******************************************************************************/

#left_main {
	width:174px;
	height:402px;
	float:left;
	padding:5px;
	padding-right:30px;
	padding-left:30px;
}
#left_main p {
	position:absolute;
	text-align:right;
	display:block;
	bottom:0px;
	margin-bottom:6px;
	width:175px;
	line-height:16px;
}
#right_main {
	width:564px;
	float:right;
}

*, .nogaps { 
	padding: 0;
	margin: 0;
	border: 0;
	outline:none;
}
html, body { 
	min-height: 100%;
	padding-bottom: 1px;
}
body,input,textarea {
	font-family:verdana;
}
body  {
	font-size:62.5%; /*-- Equelent to 11px --*/
	/*-- font-size:75%;  -- Equelent to 12px --*/
	margin:0px;
	padding:0px;
}
a,
a:link,
a:visited {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a:hover,
a:active,
a:focus {
	text-decoration:underline;
}
ul, ol { 
	list-style-position: outside;
}
.hl1, .hl2, .hl3, .hl4, h1, h2, h3, h4, p, ul, ol { /*-- Setting bottom margin globly will be good to get similer gaps between elements --*/
	margin-bottom:14px;
}
.hl1, h1 {
	font-size:1.5em;
	clear:both;
	display:block;
}
.hl2, h2 {
	font-size:1.3em;
	clear:both;
	display:block;
}
.hl3, h3 {
	font-size:1.1em;
	font-weight:bold;
}
.hl4, h4 {
	clear:both;
	font-size:1em;
	font-weight:bold;
}
#cnt p,
#cnt ul,
#cnt ol,
#lft_clm p,
#lft_clm ul,
#lft_clm ol,
#rgt_clm p,
#rgt_clm ul,
#rgt_clm ol {
	line-height:16px;
}
div.blank {
	clear:both;
}
#controller {
	width:800px;
	position:relative;
	margin:63px auto;
}
#cntnr {
	width:798px;
	border:1px solid #000;
	float:left;
	margin-top:144px;
	background:url(sep.gif) repeat-y 233px 0;
}
/* Header */
#hdr { /*-- Header is nested to #controller and header’s top left position dependent to #controller --*/
	position:absolute;
	right:0px;
	top:0px;
	width:564px;
	height:121px;
	z-index:1000;
	border:1px solid #000;
}

#fblike { position:absolute; right:-332px; top:15px; }

#target{
	width:59px;
	height:21px;
	background:url(target.gif);
	position:absolute;
	top:18px;
	left:214px;
	z-index:1000;
}
#logo {
	position:absolute;
	width:173px;
	height:123px;
	top:0;
	left:46px;
	background:url(logo.gif);
	display:block;
}
#main {
	/*-- Top margin will be same as #hdr height + if any gap between header and #main --*/
	padding:0 0 0 234px;
	float:left;
	z-index:500;
	width:564px;
	min-height:412px;
}
#main img{
	float:left;
}
* html #main {
	height:412px;
}
#main.wide{
	padding:0;
	width:798px;
}
#main.txt{
	padding:25px 10px 0 277px;
	width:511px;
	line-height:16px;
}
#details{
	/*-- Top margin will be same as #hdr height + if any gap between header and #main --*/
	position:absolute;
	top:123px;
	right:0;
	width:564px;
	height:21px;
	border:1px solid #000;
	border-width:0 1px;
}
#details.details_txt{
	width:521px;
	height:17px;
	background:#000;
	color:#fff;
	padding:4px 0 0 43px;
	font-weight:bold;
}
#bc {
	float:left;
	padding:6px 0;
	background:#FFC;
	width:100%;
}
#bc ul {
	float:left;
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
}
#bc ul li {
	list-style:none;
	position: relative;
	line-height:16px;
	display: inline;
	padding:0 0 0 20px;
	background:url(bread_arrow.gif) 6px 1px no-repeat;
}
#bc ul li.first {
	padding:0;
	background:none;
}
/* Content */
#cnt {
	/*-- Left margin will be same as #lft_clm total width + gap between #lft_clm and #cnt --*/
	padding:0 27px 0 43px;
	float:left;
	margin-top:20px;
	/*width:194px; ------*/
}
#cntct{
/*	position:absolute;*/
/*	left:12px;*/
bottom:0;
position:absolute;
text-align:right;
width:177px;
left:30px;
}
#cnt table{
	height:347px;
	margin:25px 0 40px;
}
#cnt table td{
	vertical-align:bottom;
}
#cnt table td,
#cntct table td{
	padding:3px 0;
}
#cnt ul {
	list-style:none;
	padding:0;
}
#cnt ul li {
	list-style:none;
	margin:0;
	padding:0 2px 4px 20px;
	background:url(bullit.gif) 3px 5px no-repeat;
}
#cnt ol {
	margin-left:20px;
	padding:0;
}
*html #cnt ol {
	margin-left:26px;
}
#cnt ol li {
	padding:0px 2px 4px 0px;
}
/* /Content */

/* left column */
#lft_clm {
	width:233px;
	float:left;
	/*-- Top margin will be same as header total #hdr height + if any gap between header and content --*/
	/*-- Left margin is in '-' and will be equlent to total width of #cnt + total #lft_col + gaps --*/
	margin:0 0 0 -798px;
	z-index:1200;
	min-height:412px;
}
* html #lft_clm {
	height:412px;
}
#lft_clm img{
	float:left;
}


/*--- Navigation ---*/
.nav{
	float:left;
	width:82px;
	list-style:none;
	line-height:12px;
	margin:21px 0 0 43px;
}
.nav2{
	background:url(bg_ul.gif) no-repeat left;
	height:67px;
	margin:27px 0 0 0;
	padding:9px 0 0 37px;
	width:auto;
}
.nav li{
	float:left;
	clear:both;
	width:160px;
	list-style:none;
	padding:0;
}
.nav li a:link,
.nav li a:visited,
.nav li span {
	display:block;
	color:#000;
	font:normal bold 1em Verdana, Geneva, sans-serif;
	height:14px;
	text-transform:uppercase;
}
.nav li span,
.nav li a:hover,
.nav li a:focus,
.nav li a:active {
	color:#de3737;
	text-decoration:none;
}
/* /left side */

/* Footer */
#ftr {
	margin:0 0 20px;
	width:565px;
	text-align:right;
	clear:both;
	color:#000;
	font-weight:bold;
	float:right;
}
#ftr_box{
	float:left;
	background:#000;
	width:205px;
	padding:3px 30px 4px 0;
	color:#aeaeae;
	font-weight:normal;
	text-align:right;
}
#ftr_box a:link,
#ftr_box a:visited{
	color:#aeaeae;
}
/* /Footer */

/*-- Redaxo Elements --*/

div.cnt-blck {
	clear:both;
}
div.image p { 
	font-size:1em;
	float:none;
}
.txt-rgt {
	text-align:right;
}
.txt-lft {
	text-align:left;
}
.txt-cntr { /* can be on image divs for centered images */
	text-align:center;
}
.hidden {
       display:none;
}
.flt_lft{
	float:left;
}

/* root element for scrollable */

#scroller{
	position:absolute;
	top:104px;
	right:-60px;
	padding:16px 0;
}
.vertical {  
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 438px;	 
	width:50px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:10000em;	
	margin: 0px;
}

/* single scrollable item */
.items div {
	margin:0 0 9px;
	padding:1px;
	font-size:12px;
	float:left;
	float:left;
}
.items div a{
	float:left;
	display:block;
	background:#999;
	border:1px solid #000;
}

/* elements inside single item */
.items img {
	float:left;
	height:43px;
	width:43px;
}
.items .active img {
	visibility:hidden;
	background:#999;
}

/* the action buttons above the scrollable */
#actions {
	/*height:468px;*/
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	display:block;
	width:8px;
	height:10px;
	background:url(nxt.gif);
	position:absolute;
	bottom:0px;
	left:19px;
}
.prevPage{
	display:block;
	width:8px;
	height:10px;
	background:url(prv.gif);
	position:absolute;
	top:0;
	left:19px;
}
.bold{
	font-weight:bold;
}
/*	SLIDER */


#slideshow {
    position:relative;
    height:216px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}