/*******************************************************************************
********************************************************************************
	Projekt		: Thorsten Jansen
	
	Agentur		: www.yakamara.de
********************************************************************************
*******************************************************************************/

/************************************* Reset allgemein - NICHTS VERAENDERN *****
*******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
:focus
{
	outline: 0;
}
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}


/*********************************************** Reset - NICHTS VERAENDERN *****
*******************************************************************************/
a
{
	text-decoration:none;
}
img, iframe, object, embed
{
	vertical-align: bottom;
}
strong
{
	font-weight: bold;
}
input, textarea, select
{
	font-size: 1em;
}
html
{
	height: 100.01%;
	margin-bottom: -1px;
}
body
{
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align: left;
}


/******************************************** Standard - NICHTS VERAENDERN *****
*******************************************************************************/

.nospace
{
	margin: 0;
	padding: 0;
}

.rvrs
{
	unicode-bidi: bidi-override; 
	direction: rtl;
}

body, div, 
h1, h2, h3, h4, h5, h6, p, 
a, span,  
li
{
	background-repeat:no-repeat;
}

.fl-lft
{ 
	float: left;
	margin: 0 10px 0 0;
}

.fl-rght
{ 
	float: right;
	margin: 0 0 0 10px;
}

.algn-lft
{ 
	text-align: left;
}

.algn-rght
{ 
	text-align: right;
}

.algn-cntr
{ 
	text-align: center;
}

.clearer
{ 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear
{ 
	clear: both;
}

.hidden
{
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}




/*************************************************************** Schriften *****
*******************************************************************************/
body
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: .625em;

}
.tx1a, 
.tx1b
{
	font-size: 1.1em;
	letter-spacing: .06em;
}
.tx1b
{
	font-weight: bold;
}

.tx2a, 
.tx2b
{
	font-size: 1.3em;
	letter-spacing: .06em;
}
.tx2b
{
	font-weight: bold;
}

.tx3a, 
.tx3b
{
	font-size: 4.2em;
	letter-spacing: .06em;
}
.tx3b
{
	font-weight: bold;
}

.tx4a, 
.tx4b
{
	font-size: 3em;
	letter-spacing: .06em;
}
.tx4b
{
	font-weight: bold;
}

/*********************************************************** Schriftfarben *****
*******************************************************************************/
body, a
{
	color: #666;
}
/*	pv2 = Page Variante 2 */
body#pv2 #content
{
	color: #000;
}
a:hover,
a.active, 
a.current, 
ul.render li span
{
	color: #F30;
}

/************************************************************* Zeilenhoehe *****
*******************************************************************************/
div#content, 
div#sidebar
{
	line-height: 1.4;
}



/************************************************************* Allgemeines *****
*******************************************************************************/
h1
{
	margin-bottom: 27px;
	padding-top: 5px;
}
h1.rv2
{
	margin-bottom: 0;
}

#content .content p, 
#content .content dl, 
#content .content ol, 
#content .content ul, 
#content .content table
{
	margin-bottom: 1em;
}

#content .content ul
{
	margin-left: 20px;
}
#content .content ul li
{
	list-style-type: square;
}
#content .content ul.render
{
	margin-left: 0;
}
#content .content ul.render li
{
	list-style: none;
}

a:hover
{
	text-decoration: none;
}

/********************************************************** Seitenstruktur *****
*******************************************************************************/
body
{
	text-align: center;
}

#website
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#navigation, 
#wrapper
{
	position: relative;
	float: left;
	width: 100%;
}

#wrapper #wrapper2
{
	margin: 0 10px;
	background-color: #FFF;
}
#wrapper #content .content
{
	z-index: 5;
}


#pv2 #wrapper #content
{
	height: 626px;
}
body.variable #website #wrapper #content
{
	height: auto;
}
#pv2 #wrapper #content .content
{
	position: absolute;
	top: 0;
	left: 10px;
	padding: 42px 0 0 266px;
}
#pv2 .grid-1b #wrapper #content .content
{
	padding-left: 611px;
}
/*
#pv3 #wrapper #wrapper2, 
*/
body.black #wrapper #wrapper2
{
	background-color: #000;
}


#logo
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#bgfade
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin-left: 10px;
}
.grid-cols
{
	position: absolute;
	top: 0;
	left: 0;
	width: 606px;
	height: 626px;
	background-image: url(/layout/css/cols.gif);
	z-index: 2;
}
#grid-cols-1, 
#grid-cols-1b
{
	width: 261px;
}
#grid-cols-1b
{
	left: 345px;
}


body.variable #website #wrapper #content
{
	height: auto;
	background-image: url(/layout/css/cols_b.gif);
	background-repeat: repeat-y;
}
body.variable #website #wrapper #content .content
{
	position: relative;
}
body.variable .grid-cols
{
	display: none;
}

/****************************************************************** Footer *****
*******************************************************************************/
#footer 
{
	clear: both;
	float: left;
	width: 100%;
}
#footer p
{
	margin-right: 10px;
	padding-top: 6px;
	text-align: right;
}



/************************************************************ Navigationen *****
*******************************************************************************/
#navi
{
	padding: 15px 0 12px 10px;
}
#navi ul li
{
	display: inline;
	padding-right: 20px;
}



/****************************************************************** Module *****
*******************************************************************************/
.grid-1 .slice
{
	width: 501px;
}
.grid-1b .slice
{
	width: 314px;
}

.cols
{
	float: left;
	width: 100%;
}
.cols .col-a, 
.cols .col-b
{
	float: left;
	width: 329px;
}
.cols .col-a
{
	margin-right: 16px;
}


/*************************************************************** Rendering *****
*******************************************************************************/

ul.render
{
	padding-top: 5px;
}
ul.render li
{
	margin-bottom: -15px;
}





/*************************************************************** Slideshow *****
*******************************************************************************/
#slider {
	position: relative;
	width: 940px;
	height: 664px;
	overflow: hidden;
}
#mover {
	position: relative;
}
.slide {
	float: left;
	position: relative;
	width: 940px;
}
#mover .slide .img-format-2-1 {
	margin-right: 8px;
}
#gallery .slide {
	width: 216px;
	margin-right: 24px;
}
#gallery .slide .img-format-2-1, 
#gallery .slide .img-format-5-1 {
	margin-right: 24px;
}
#gallery .slide-last, 
#gallery .slide-last .img-format-5-1 {
	margin-right: 0;
}

.slide .img-format
{
	float: left;
}
.slide .img-info
{
	text-align: right;
	font-weight: normal;
}

.cycle-navi
{
	position: absolute;
	left: 0;
	top: 636px;
	z-index: 1000;
	font-weight: bold;
}
#cycle-prev, 
#cycle-next {
	display: block;
	float: left;
	width: 6px;
	height: 11px;
	margin: 3px 12px 0 0;
	background-image: url(/layout/css/ic_prev.gif);
	text-indent: -1000em;
}
#cycle-next {
	margin-right: 18px;
	background-image: url(/layout/css/ic_next.gif);
}



.slideshow-info
{
	clear: both;
}
#slideshow-text
{
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 575px;
	padding: 40px 0 60px 0;
	background-color: #FFF;
	border-right: 4px solid #666;
	border-bottom: 4px solid #666;
	z-index: 1000;
}
#slideshow-text .content
{
	padding: 0 23px;
}
#slideshow-text .close
{
	position: absolute;
	top: 10px;
	right: 10px;
}
#slideshow-text .close a
{
	display: block;
	width: 21px;
	height: 21px;
	background-image: url(/layout/css/ic_close.gif);
	text-indent: -1000em;
}


#gallery {
	padding-top: 14px;
}
#gallery .close {
	padding-bottom: 25px;
}
#gallery .slideshow-info {
	padding-top: 12px;
}
#gallery div.img-format p.img {
	margin-bottom: 24px;
}