/* Galerie Bernd Slutzky
 *
 * (c) 2008 vektorrausch GmbH
 *
 */


/* Generelles
 *******************************/
 
* {
	padding:0;
	margin:0;
}

body {
	position:relative;
	padding:0 10px;
	font:normal 0.70em Helvetica,Arial,sans-serif;
	line-height: 1.2em;
	color:#444;
}

p {
	margin:0.5em 0;
}

div.hr hr {
	border-collapse: collapse;
	background: #ecece9;
}

.toggler,
#container h1, h2 {
	text-transform:uppercase;
	font-size:1.3em;
	font-weight:normal;
	color:#aaa9a5;
	padding-bottom:0.5em;
	margin:0 0 0.7em;
	line-height:1em;
	background:url('/tl_files/galerie_bernd_slutzky/layout/main-hr.gif') bottom left repeat-x;
}

#container #left h2 a {
	color:#9f9e9a;
}

input, textarea {
	border:1px solid #aaa9a5;
	padding:2px;
}

table {
	border-spacing:0;
}

tr {
	margin-right:-8px;
}

td {
	padding-right:8px;
}

.de {
	color:#898884;
}

/* Links */
a:link,
a:visited {
	text-decoration: none;
	color: #33cccc;
}

a:hover,
a:focus {
	text-decoration: underline;
	color: #33cccc;
}

a img {
	border:3px solid #fff;
}

a:hover img {
	border:3px solid #33dddd;
}

h1 a img, h1 a:hover img {
	border: none;
}

#container #left h2 a:hover,
#container #left h2 a:focus {
	color: #444;
}

/* Struktur
 *******************************/
 
#wrapper {
	position:relative;
	display:block;
	width:950px;
	height: 100%;
	margin:0 auto;
}

#container {
	display: block;
	margin: 50px 0 0;
}

/* Header */
#header {
	position:fixed;
	top:0;
	z-index: 2;
	display: block;
	width: 950px;
	height: 28px;
	background: url('/tl_files/galerie_bernd_slutzky/layout/transp70.png');
	padding:20px 2px 0px 2px;
}

#header h1 a {
	position: absolute;
	z-index:1;
}

#header div.mod_navigation {
	width:auto;
	position:absolute;
	top:0;
	right:10px;
	margin:0;
}

/* Linke Spalte */
#left {
	float: left;
	display:block;
	width:160px;
	min-height:558px;
	overflow:visible;
	padding:0;
	margin:0;
	background:#dfdedb url('/tl_files/galerie_bernd_slutzky/layout/left-bg-bottom.gif') bottom left no-repeat;
}

#left .inside {
	padding:3.6em 0 1em;
	background:url('/tl_files/galerie_bernd_slutzky/layout/left-bg-top.gif') top left no-repeat;
}

#left .block {
	overflow:visible;
	padding:0.7em 10px;
}

/* Mittlere Spalte */


#mainwrap {
	float: right;
	display: block;
	min-height:558px;	
	background: #ecece9 url('/tl_files/galerie_bernd_slutzky/layout/main-bg-bottom.gif') bottom left no-repeat;
	border-left: 6px solid #fff;
}

#main {
	float: left;
	display: block;
	width: 260px;
}

#main .inside {
	padding:3.6em 0 1em;
	background: #ecece9 url('/tl_files/galerie_bernd_slutzky/layout/main-bg-top.gif') top left no-repeat;
}

#main .block {
	margin: 0.7em 17px;
}

#main .ce_headline {
	margin:0.538em 17px;
}

/* Rechte Spalte */
#right {
	float: right;
	display:block;
	width:520px;
	min-height:558px;
	background:#ecece9 url('/tl_files/galerie_bernd_slutzky/layout/main-bg-bottom.gif') bottom right no-repeat;
	border-left: 3px solid #fff;
}

#right .inside {
	padding:3.6em 0 1em;
	background:url('/tl_files/galerie_bernd_slutzky/layout/main-bg-top.gif') top right no-repeat;
}

#right .block {
	margin:0.7em 17px;
}

#clear {
	display: block;
	height:0;
	width: 100%;
	font-size:0.1px;
	line-height:0.1px;
	clear:both;
}

/* Footer */

#footer {
	clear: both;
	display: block;
	padding:10px 2px;
}

#footer .block {
	text-align:right;
	color:#898884;
}

#footer .block * {
	margin-left:2em;
}

#footer a:link, #footer a:visited {
	color: #898884;
}

#footer a:hover, #footer a:focus {
	color: #33cccc;
}

#main .mod_article, #right .mod_article {
	margin:0;
}

/* Menüs
 *******************************/

.mod_customnav,
.mod_navigation {
	font-size:1.07em;
	line-height:1.75em;
}	

.mod_navigation ul,
.mod_customnav ul {
	margin:0;
	list-style:none;
}

.mod_customnav a:link,
.mod_customnav a:visited,
.mod_navigation a:link,
.mod_navigation a:visited {
	text-decoration:none;
	color: #444;
}

.mod_navigation a:hover,
.mod_navigation a:focus {
	text-decoration:underline;
	color: #33cccc;
}

.mod_navigation a.trail,
.mod_navigation span.active {
	margin:0;
	color: #33cccc;
}

.mod_navigation ul {
	float:right; /* IE 5 */
}

.mod_navigation ul li {
	display:block;
	float:left;
	margin-left:2em;
}

.mod_customnav a:hover,
.mod_customnav a:focus {
	color: #33cccc;
}

.mod_customnav span.active {
	position:absolute;
	margin:0;
	left:0px;
	height:2em;
	width:170px;
	line-height:2em;
	display:block;
	padding:0 10px;
	color: #545454;
	background:#ecece9 url('/tl_files/galerie_bernd_slutzky/layout/menu-bg-active.gif') bottom left no-repeat;
}

.mod_customnav li.active {
	height:2em;
}

/* einzelne Blöcke
 *******************************/


/* Linke Spalte */
#homelink {
	background:url('/tl_files/galerie_bernd_slutzky/layout/left-hr.gif') bottom left repeat-x;
	display:block;
}

#homelink a:link,
#homelink a:visited,
#homelink a:hover,
#homelink a:active {
	color:#b9b9b9;
}

#homelink h2 {
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}

#address {
	background:url('/tl_files/galerie_bernd_slutzky/layout/left-hr.gif') top left repeat-x;
}


/* Mittlere Spalte */

/* Lebenslaeufe */
#main .ce_table .col_0{
	width:7em;
}

#main td {
	vertical-align:top;
	padding-bottom:0.7em;
}

/* Akkordion */
.ce_accordion {
	margin:0 17px;
	padding:0;
}

.accordion div {
	margin:0.9em 0;
}

.accordion div div {
	margin:0;
}

.toggler {
	cursor:pointer;
	margin:0;
}

.toggler a {
	display:block;
	background:transparent url('/tl_files/galerie_bernd_slutzky/layout/toggle.gif') center right no-repeat;
	line-height:1em;
}

.toggler a:hover,
.toggler a:focus {
	color:#444;
	background:transparent url('/tl_files/galerie_bernd_slutzky/layout/toggle-active.gif') center right no-repeat;
}

/* Referenzen */
#references td {
	vertical-align:middle;
	height:60px;
}

#references td img {
	margin:0 50px 0 0;
}

/* Pressestimmen */
#press-reviews .ce_text {
	padding: 1.5em 0;
}

/* Austellungen */

#main .mod_eventlist {
	padding-bottom:1em;
/*	background:#f4f4f4; */
}

#main .mod_eventlist h1 {
	/*font-size:1.1em;*/
	font-weight:bold;
	margin:2em 0 0 179px;
	padding:0;
	color:#545454;
	text-transform:none;
	background:none;
}

#main .mod_eventlist .info {
	margin:0 0 1em 179px;
}

#main .mod_eventlist .ce_text {
	padding:0 0 2em 179px;
	min-height:120px;
	background:transparent url('/tl_files/galerie_bernd_slutzky/layout/main-hr.gif') bottom left repeat-x;
}

#main .mod_eventlist .ce_text a img {
	float:left;
	margin:-3.2em 0 0 -179px;
}


/* Impressum */
#impressum h3 {
	margin-top: 1em;
}

/* Rechte Spalte */

/* Ausstellungsliste, Kataloge */
.katalog_objekt, .kataloge_objekt {
	margin-top:2em;
	background:transparent url('/tl_files/galerie_bernd_slutzky/layout/main-hr.gif') bottom left repeat-x;
}

.katalog_objekt ul, .kataloge_objekt ul {
	list-style:none;
	display:block;
	margin-left: 179px;
}

.katalog_objekt li, .kataloge_objekt li {
	margin-left:0px;
}

.katalog_objekt div.col_first, .kataloge_objekt div.col_first {
	float: left;
	margin:0;
	width:179px;
}

.katalog_objekt div.col_first a img, .kataloge_objekt div.col_first a img {
	border:3px solid #fff;
}

.katalog_objekt div.col_first a:hover img, .kataloge_objekt div.col_first a:hover img{
	border:3px solid #33dddd;
}

.katalog_objekt hr, .kataloge_objekt hr {
	display:block;
	clear:left;
	height:2px;
	padding: 2em 0 0;
	border:none;
	color:#ECECE9;
}

.katalog_objekt .col_1, .kataloge_objekt .col_1 {
	/*font-size:1.1em;*/
	font-weight:bold;
	margin-bottom:0.5em;
}

.katalog_objekt .col_5,
.katalog_objekt .col_6,
.kataloge_objekt .col_5,
.kataloge_objekt .col_6 {
	margin-bottom:0.5em;
}

.katalog_objekt .col_last span.de, .kataloge_objekt .col_last span.de {
	margin-left:1em;
}

.pagination p {
	margin:0;
	float:left;
}
.pagination ul {
	float:left;
	list-style:none;
}

.pagination ul li {
	list-style:none;
	display:block;
	float:left;
	margin-left:1em;
}

/* Zweispalte Seiten mit Bild */

#home div.block,
#about div.block {
	float: left;
	width: 500px;
}

#contact .ce_form {
	position: absolute;
	left:40%;
	top: 6.5em;
	display: block;
}

/* Bild mit Bildunterschrift */

#about .image_container, #home .image_container {
	position: absolute;
	right: 17px;
	top: 7em;
	width:200px;
	display: block;
	background:#dfdedb;
}


#about .image_container .caption, #home .image_container .caption {
	margin:5px;
}

#home .ce_image h2 {
	position:absolute;
	right:17px;
	top:3.3em;
	width:200px;
}

/* Flash-Matrix */

#matrix .mod_flash object, #matrix .mod_flash embed, #matrix .mod_flash img {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

#matrix .ce_text {
	position:absolute;
	top:372px;
	left:226px;
	width:508px;
	height:125px;
	margin:0;
	padding:21px 10px 10px;
	background:#ecece9;
}

/* New in Stock */

#new-in-stock .ce_image {
	width: 220px !important;
	display: inline;
	float: left;
	margin-left: 20px;
}

#new-in-stock .image_container .caption {
	margin-top: 20px;
}

#header li.first {
	background: url(/tl_files/galerie_bernd_slutzky/layout/stern.gif) right top no-repeat;
	padding-right: 13px;
}